*{margin:0;padding:0}a,canvas{color:#333;text-decoration:none;background:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}ul li{list-style:none}input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],select,textarea,button{outline:none;-webkit-appearance:none}.clear{clear:both}html,body{height:100%}.fontYW{font-family:cursive}.u-f,.u-f-ac,.u-f-ajc{display:flex;-webkit-display:flex}.u-f-ac,.u-f-ajc{align-items:center;-webkit-align-items:center}.u-f-ajc{justify-content:center;-webkit-justify-content:center}.u-f-jsb{justify-content:space-between;-webkit-justify-content:space-between}.u-f-jsa{justify-content:space-around;-webkit-justify-content:space-around}.u-f1{flex:1;-webkit-flex:1}.u-f-column{flex-direction:column;-webkit-flex-direction:column}.u-f-wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap}.public_mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background-color:rgba(0,0,0,0.7)}.index_page .works_layer_box{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2}.index_page .works_layer_box .content_box{position:relative;z-index:100;width:392px;border-radius:10px;background-color:rgba(255,255,255,0.2);padding:8px;overflow:hidden}.index_page .works_layer_box .content_box .wrap_box{background-color:#fff;border-radius:8px;overflow:hidden}.index_page .works_layer_box .content_box .img_box{height:472px;background:#F5F5F5;border-radius:10px;padding:0 4px;box-sizing:border-box;position:relative}.index_page .works_layer_box .content_box .img_box .img{width:100%;height:100%;object-fit:contain;display:block}.index_page .works_layer_box .content_box .img_box .more{position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.6);font-size:12px;border-radius:10px;color:#fff;height:28px;line-height:28px;margin:auto;width:96px;text-align:center}.index_page .works_layer_box .content_box .art_info{padding:20px 20px;background:#FFFFFF}.index_page .works_layer_box .content_box .art_info .works_box .info{padding:10px 0}.index_page .works_layer_box .content_box .art_info .works_box .info .box{margin-left:20px}.index_page .works_layer_box .content_box .art_info .works_box .info .face{width:64px;height:64px;object-fit:cover;display:block;border-radius:50%}.index_page .works_layer_box .content_box .art_info .works_box .info .title{font-size:16px;font-weight:bold}.index_page .works_layer_box .content_box .art_info .works_box .info .uname{font-size:14px;color:#333;margin-top:8px}.index_page .works_layer_box .content_box .art_info .works_box .desc{font-size:14px;color:#333}.index_page .works_layer_box .content_box .art_info .works_box .desc .a01{color:#9e2879}.index_page .works_layer_box .content_box .art_info .side_box{margin-left:20px}.index_page .works_layer_box .content_box .art_info .side_box .img{width:80px;height:80px;border-radius:5px;display:block;object-fit:cover}.index_page .works_layer_box .content_box .art_info .side_box .a01{display:block;width:80px;height:32px;text-align:center;line-height:32px;background:#FFFFFF;border:1px solid #222222;border-radius:5px;font-size:14px;margin-top:14px}.worksPlusLayer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,0.7)}.worksPlusLayer .img{position:relative;z-index:1000}.close_box{position:absolute;top:0;right:0;cursor:pointer;z-index:1000}.close_box .img{width:40px}.layer_menus_block{position:fixed;top:0;right:0;cursor:pointer;background-color:#f40;color:#fff;border-radius:5px;font-size:14px;padding:2px 10px}.zgHandleMsgLayer{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:rgba(0,0,0,0.6);z-index:2}.zgHandleMsgLayer .wraph{width:500px;margin:auto;position:relative;top:50%;transform:translateY(-50%);background-color:#fff;padding:20px;border-radius:5px;box-sizing:border-box}.zgHandleMsgLayer .title{text-align:center;font-size:20px;font-weight:bold;line-height:32px}.zgHandleMsgLayer .title .c01{color:#9e2879;margin:0 6px}.zgHandleMsgLayer .img{width:100%;display:block;margin-top:20px}.zgHandleMsgLayer .btn{font-size:16px;background-color:#9E2879;color:#fff;line-height:40px;width:150px;text-align:center;border-radius:20px;margin:0 auto;position:relative;cursor:pointer;margin-top:60px}.topSideLayerBlock{position:absolute;top:17px;left:17px;z-index:10}.topSideLayerBlock .logo{width:120px;display:block}.topSideLayerBlock .p{color:#fff;text-shadow:1px 1px 2px #0000008a;font-size:14px;margin-top:10px;font-family:Arial,Helvetica,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bottomMenuBlock{position:absolute;bottom:14px;left:0;right:0;margin:auto;width:560px;border-radius:10px;z-index:10}.bottomMenuBlock .list_m{background:rgba(0,0,0,0.3);text-align:center;border-radius:8px}.bottomMenuBlock .list_m .column{display:inline-block;vertical-align:top;margin:0 18px;position:relative;cursor:pointer}.bottomMenuBlock .list_m .column .icon{width:100px;height:88px;font-size:0}.bottomMenuBlock .list_m .column .i01{background:url("/static/skins/default/theme/lib/images/iconfun_2.png") -374px 0 / 1070px 396px}.bottomMenuBlock .list_m .column .i02{background:url(/static/skins/default/theme/lib/images/iconfun_2.png) -472px 0 / 1086px 396px}.bottomMenuBlock .list_m .column .i03{background:url(/static/skins/default/theme/lib/images/iconfun_2.png) -285px 0 / 1090px 396px}.bottomMenuBlock .list_m .column .count{position:absolute;top:24px;left:70px;font-size:12px;color:#fff}.bottomMenuBlock .list_m .column .share_box{position:absolute;width:260px;background-color:#fff;top:-380px;left:0;border-radius:3px;overflow:hidden;display:none}.bottomMenuBlock .list_m .column .share_box .code{width:100%}.SignInBlock .bg_img{width:100vw;height:100vh;margin:auto;position:absolute;top:0;left:0}.SignInBlock .b_wrap{position:relative;z-index:1;padding:0 20px;width:500px;margin:auto}.SignInBlock .b_wrap .a_box{padding-top:20%}.SignInBlock .b_wrap .a_box .z01{font-size:16px;color:#fff;line-height:24px}.SignInBlock .b_wrap .a_box .line{width:21px;height:4px;background-color:#ffffff;border-radius:2px;margin-top:24px}.SignInBlock .b_wrap .b_box{margin-top:50px}.SignInBlock .b_wrap .b_box .img{width:80%}.SignInBlock .b_wrap .c_box{margin-top:96px}.SignInBlock .b_wrap .c_box .form_box .inp{display:block;width:100%;height:48px;background-color:rgba(255,255,255,0.6);border-radius:24px;border:none;text-indent:10px;font-size:16px;color:#fff}.SignInBlock .b_wrap .c_box .form_box .inp::-webkit-input-placeholder{color:#fff}.SignInBlock .b_wrap .c_box .form_box .btn{margin-top:48px;display:block;width:100%;height:48px;border-radius:24px;background-color:#9e297a;color:#fff;font-size:17px;border:none}.SignInBlock .b_wrap .d_box{margin-top:34px}.SignInBlock .b_wrap .d_box .p01{font-size:14px;color:#999}.SignInBlock .panel_box{position:absolute;bottom:24px;left:16px;z-index:2}.SignInBlock .panel_box .activity{width:100%;margin:0 auto;position:relative;overflow:hidden;height:170px}.SignInBlock .panel_box .activity .list{top:100px;position:relative}.SignInBlock .panel_box .activity .list .column{height:26px;font-size:14px;line-height:26px;list-style:none;color:#fff;margin-bottom:8px}.SignInBlock .panel_box .activity .list .column .box{background:rgba(255,255,255,0.3);display:inline-block;padding:0 10px;border-radius:16px}.SignInBlock .panel_box .activity .list .column .box .name{color:#ffa722}.SignInBlock .md_btn{position:absolute;bottom:34px;right:16px;background-color:rgba(255,255,255,0.2);width:72px;height:72px;border-radius:50%;color:#fff;font-size:15px}.SignInBlock .md_btn::before{content:"";width:63px;height:63px;background-color:#ffffff;opacity:.2;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%}.SignInBlock .signRes{position:absolute;left:0;right:0;top:50%;transform:translateY(-70%);width:60%;margin:auto}.SignInBlock .signRes .image{width:100%}.SignInBlock .signRes .info_box{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;color:#fff;box-sizing:border-box}.SignInBlock .signRes .info_box .name{margin-top:47.5%;color:#ffed8b;font-size:17px}.SignInBlock .signRes .info_box .p01{font-size:16px;margin-top:14%}.SignInBlock .signRes .info_box .p02{font-size:15px;margin-top:6%}.SignInBlock .signRes .info_box .p02 span{color:#ffed8b;font-size:18px}.SignInBlock .signRes .hide{display:none}.SignInBlock .md_box{position:absolute;width:90%;top:50%;left:0;right:0;margin:auto;transform:translateY(-50%);background-color:#ebd2c5;border-radius:10px;display:none;z-index:2}.SignInBlock .md_box .mtit{width:92%;margin:0 auto;display:block;position:relative;margin-top:-30px}.SignInBlock .md_box .aa_box{margin:10px 14px;background-color:#fff;border-radius:14px;padding:16px 18px}.SignInBlock .md_box .aa_box .list{height:60vh;overflow-y:auto;border:1px solid #e4b8a1;border-radius:14px;-webkit-overflow-scrolling:touch}.SignInBlock .md_box .aa_box .list .column{text-align:center;background-color:#fef2eb;line-height:34px}.SignInBlock .md_box .aa_box .list .column:nth-child(2n){background-color:#fef9f7}.SignInBlock .md_box .aa_box .list .column .z01{width:49%;display:inline-block;font-size:15px;color:#a25329}.SignInBlock .md_box .aa_box .list .column .z02{width:49%;display:inline-block;color:#cf8d6a;font-size:14px}.SignInBlock .md_box .aa_box .list .th{background-color:#ebd2c5}.SignInBlock .md_box .aa_box .list .th .z01{font-size:17px;color:#a25329;line-height:50px}.SignInBlock .md_box .close{position:absolute;right:0;left:0;bottom:-60px;text-align:center;color:#cf8d6a;font-size:30px}.SignInBlock .md_box .close::after{content:"";position:absolute;right:0;left:0;bottom:28px;width:1px;height:34px;background-color:#cf8d6a;margin:auto}.cute-barrage .barrage-div{position:absolute;top:0;right:-100%;height:46px;background-color:rgba(255,255,255,0.9);border-radius:20px;white-space:nowrap;z-index:100}.cute-barrage .barrage-div img{width:40px;height:40px;vertical-align:middle;padding-left:4px;border-radius:50%}.cute-barrage .barrage-div span{font-size:14px;padding-right:4px;line-height:46px;height:46px;display:inline-block;vertical-align:middle}.cute-barrage .barrage-div span i{color:#fe5453;font-weight:700;font-style:inherit}#lanren #audio-btn{width:30px;height:30px;background-size:100% 100%;position:absolute;top:20px;right:10px;z-index:1}#lanren .on{background:url('../images/music_on.png') no-repeat 0 0;-webkit-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite}#lanren .off{background:url('../images/music_off.png') no-repeat 0 0}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.worksPcLayer{z-index:10;position:absolute;top:0;left:0;right:0;bottom:0}.worksPcLayer .w_wrap{width:1200px;z-index:99;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:auto;border-radius:5px}.worksPcLayer .w_wrap .close_aa{position:absolute;top:-20px;right:-60px;color:#fff;cursor:pointer}.worksPcLayer .w_wrap .close_aa .icon{float:left;font-size:20px}.worksPcLayer .w_wrap .close_aa .z01{float:left;margin-left:6px;font-size:14px}.worksPcLayer .artInfo{width:410px;height:674px;float:left;text-align:center;color:#fff;padding:0 36px;box-sizing:border-box}.worksPcLayer .artInfo .face{width:150px;height:150px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin:auto;margin-top:100px;display:block}.worksPcLayer .artInfo .name{font-size:18px;font-weight:normal;margin-top:30px}.worksPcLayer .artInfo .p1{font-size:12px;margin-top:10px}.worksPcLayer .artInfo .p1 .line{margin:0 10px;width:1px;height:10px;background-color:#fff;display:inline-block}.worksPcLayer .artInfo .text{font-size:14px;line-height:24px;margin-top:34px;height:100px;overflow-y:auto}.worksPcLayer .artInfo .text::-webkit-scrollbar{width:1px;height:1px}.worksPcLayer .artInfo .text::-webkit-scrollbar-thumb{border-radius:1px;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#535353}.worksPcLayer .artInfo .text::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:1px;background:#ededed}.worksPcLayer .artInfo .links{margin-top:50px;text-align:center}.worksPcLayer .artInfo .links a{background-color:#fff;color:#333;width:88px;text-align:center;display:inline-block;font-size:14px;border-radius:30px;line-height:30px}.worksPcLayer .artInfo .handle_box{margin-top:80px}.worksPcLayer .artInfo .handle_box .item{font-size:14px;cursor:pointer;position:relative}.worksPcLayer .artInfo .handle_box .item .icon{margin-right:4px}.worksPcLayer .artInfo .handle_box .item .qrcode{position:absolute;top:-110px;left:-20px;width:100px;height:100px;z-index:1;display:none}.worksPcLayer .artInfo .handle_box .share_html:hover .qrcode{display:block}.worksPcLayer .works_box{float:left;width:790px;height:674px;background-color:#fff;text-align:left;padding:20px 30px;box-sizing:border-box;position:relative}.worksPcLayer .works_box .img_box{position:relative}.worksPcLayer .works_box .img_box .img{width:100%;height:358px;object-fit:contain;display:block}.worksPcLayer .works_box .title{font-size:18px;color:#333;margin-top:30px}.worksPcLayer .works_box .msg{font-size:12px;color:#999;margin-top:4px}.worksPcLayer .works_box .text{font-size:16px;line-height:28px;color:#333;margin-top:20px;height:168px;overflow-y:auto}.worksPcLayer .back{position:absolute;top:20px;left:20px;color:#fff;cursor:pointer}.worksPcLayer .back .yingw{font-family:cursive;margin-right:10px}@media screen and (max-width:720px){.SignInBlock .b_wrap{width:inherit}.index_page .works_layer_box .content_box{width:300px}.index_page .works_layer_box .content_box .img_box{height:300px}.index_page .works_layer_box .content_box .art_info{padding:10px}.index_page .works_layer_box .content_box .art_info .works_box .info .box{margin-left:6px}.zgHandleMsgLayer .wraph{width:90%}.zgHandleMsgLayer .title{font-size:16px;line-height:24px}.zgHandleMsgLayer .btn{margin-top:30px}.bottomMenuBlock{zoom:.6}}@media screen and (min-width:1000px){.SignInBlock .signRes{width:220px}.SignInBlock .md_box{width:500px}}.posi_back{position:absolute;top:20px;left:20px;width:82px;height:32px;background:rgba(0,0,0,0.3);border-radius:16px;color:#fff;font-size:14px}.posi_back .z01{margin-left:6px}.posi_back .icon{font-size:12px}.worksWebLayer{position:fixed;top:0;left:0;z-index:99;background:#fff;width:100vw;height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch}.worksWebLayer .head_box{position:relative}.worksWebLayer .head_box .image{width:100%;height:340px;object-fit:contain;background-color:#f5f5f5;display:block}.worksWebLayer .zpmain{padding:12px 14px}.worksWebLayer .zpmain .aa_box{position:relative;margin-top:10px}.worksWebLayer .zpmain .aa_box .p01{font-size:14px;color:#999;display:inline-block;line-height:28px;margin-right:8px}.worksWebLayer .zpmain .aa_box .p01 .icon{font-size:12px;position:relative;top:-1px}.worksWebLayer .zpmain .aa_box .fav_box{position:absolute;top:5px;right:0}.worksWebLayer .zpmain .aa_box .fav_box .box{color:#333}.worksWebLayer .zpmain .aa_box .fav_box .box .icon{margin-right:4px;font-size:14px}.worksWebLayer .zpmain .aa_box .fav_box .box .z01{font-size:14px}.worksWebLayer .zpmain .aa_box .fav_box .hover{color:#9E2879}.worksWebLayer .zpmain .aa_box .fav_box .hover .icon::before{content:"\e620"}.worksWebLayer .zpmain .bb_box{margin-top:20px}.worksWebLayer .zpmain .bb_box .user .face{width:44px;height:44px;border-radius:50%;object-fit:cover}.worksWebLayer .zpmain .bb_box .user .name{font-size:16px;margin-left:10px}.worksWebLayer .zpmain .bb_box .side .gz_box{width:96px;height:34px;background:#9E2879;border-radius:20px;color:#fff;font-size:14px}.worksWebLayer .zpmain .bb_box .side .gz_box .icon{font-size:14px;margin-right:4px;position:relative;top:1px}.worksWebLayer .zpmain .bb_box .side .hover{background-color:#fff;border:1px solid #999 !important;color:#999;border-radius:20px}.worksWebLayer .zpmain .bb_box .side .hover .icon::before{content:"\e654"}.worksWebLayer .zpmain .ee_box .item{color:#9e2879;border:1px solid #9E2879;padding:0 38px;height:40px;border-radius:22px}.worksWebLayer .zpmain .ee_box .item .z01{font-size:14px;margin-left:4px}.worksWebLayer .zpmain .ee_box .active{background-color:#9E2879;color:#fff}.worksWebLayer .zpmain .ee_box .hover{color:#999;border:1px solid #999 !important;background-color:#fff}.worksWebLayer .w_title{font-size:18px;font-weight:normal;color:#333}.worksWebLayer .w_foot{padding-top:60px}.worksWebLayer .w_foot .menu{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;height:50px;border-top:1px solid #ededed}.worksWebLayer .w_foot .menu .column{font-size:14px;color:#555;text-align:center;padding:0 10px}.worksWebLayer .w_foot .menu .column .icon{background-image:url('../images/menu.png');background-position:left center;background-repeat:no-repeat;zoom:.5;margin:auto}.worksWebLayer .w_foot .menu .column .m1{background-position:0 0;width:44px;height:41px}.worksWebLayer .w_foot .menu .column .m2{background-position:0 -84px;width:41px;height:41px}.worksWebLayer .w_foot .menu .column .m3{background-position:0 -167px;width:40px;height:40px}.worksWebLayer .w_foot .menu .column .m4{background-position:0 -249px;width:44px;height:40px}.worksWebLayer .w_foot .menu .column .tit{font-size:12px;margin-top:4px}.worksWebLayer .w_foot .menu .active{color:#9e2879}.worksWebLayer .w_foot .menu .active .m1{background-position:0 -42px}.worksWebLayer .w_foot .menu .active .m2{background-position:0 -126px}.worksWebLayer .w_foot .menu .active .m3{background-position:0 -208px}.worksWebLayer .w_foot .menu .active .m4{background-position:0 -290px}.worksWebLayer .cc_box{margin-top:30px}.worksWebLayer .cc_box .text{font-size:15px;color:#333;line-height:24px}.worksWebLayer .dd_box{margin-top:30px}.worksWebLayer .dd_box .i_title{font-size:16px;color:#333}.worksWebLayer .dd_box .i_title span{font-size:14px;color:#999}.worksWebLayer .dd_box .list_zl{margin-top:10px;padding-bottom:24px}.worksWebLayer .dd_box .list_zl .column{border:1px solid #f5f5f5;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);border-radius:5px;padding:10px;margin-bottom:10px}.worksWebLayer .dd_box .list_zl .column:last-child{margin-bottom:0}.worksWebLayer .dd_box .list_zl .column .image{width:94px;height:64px;display:block;border-radius:3px}.worksWebLayer .dd_box .list_zl .column .info{margin-left:10px}.worksWebLayer .dd_box .list_zl .column .info .title{font-size:16px;color:#333;margin-top:4px}.worksWebLayer .dd_box .list_zl .column .info .date{font-size:14px;color:#999;margin-top:10px}.worksWebLayer .zrtmain{padding:14px;position:relative}.worksWebLayer .zrtmain .aa_box .name{font-size:24px;color:#333;margin-top:50px}.worksWebLayer .zrtmain .aa_box .tag{font-size:16px;color:#999;margin-top:20px;width:100%;margin-top:6px}.worksWebLayer .zrtmain .aa_box .face{width:120px;height:120px;border-radius:50%;display:block;object-fit:cover}.fx_layer_block{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;flex-direction:column}.fx_layer_block .img_box{position:relative}.fx_layer_block .hb_img{width:300px;display:block;border-radius:5px;margin-top:10px}.fx_layer_block .btn{background-color:#9E2879;border-radius:30px;line-height:44px;padding:0 30px;margin-top:10px;font-size:16px;color:#fff}.fx_layer_block .top_box{width:100%;text-align:right}.fx_layer_block .close{font-size:28px;margin-right:-30px;color:#fff;cursor:pointer}.plus_msg{position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background:rgba(0,0,0,0.6);color:#fff;font-size:12px;padding:6px 10px;border-radius:10px;box-sizing:border-box;width:100px;height:30px;text-align:center}.countdown{position:fixed;top:0;bottom:0;left:0;right:0;background:url(/static/skins/default/theme/lib/images/01_hb.jpg) center center no-repeat #232323;background-size:100%;color:#222;z-index:666;text-align:center}.countdown .content{position:absolute;left:0;right:0;top:40%}.countdown .tips{color:#D1B59C;font-size:30px;margin:0}.button_dh .button{position:absolute;left:0;right:0;margin:auto;bottom:6%;width:178px;height:52px;background-color:#ffa722;border:none;border-radius:50px;box-shadow:0 12px 24px 0 rgba(0,0,0,0.2);color:white;font-weight:300;text-transform:uppercase;overflow:hidden;margin-top:8%}.button_dh .button:before{position:absolute;content:'';bottom:0;left:0;width:0%;height:100%;background-color:#ffa722}.button_dh .button span{position:absolute;line-height:0}.button_dh .button span i{transform-origin:center center}.button_dh .button span:nth-of-type(1){top:50%;transform:translateY(-50%)}.button_dh .button span:nth-of-type(2){top:100%;transform:translateY(0%);font-size:24px}.button_dh .button span:nth-of-type(3){display:none}.button_dh .active{background-color:#fc9801}.button_dh .active:before{width:100%;transition:width 3s linear}.button_dh .active span:nth-of-type(1){top:-100%;transform:translateY(-50%)}.button_dh .active span:nth-of-type(2){top:50%;transform:translateY(-50%)}.button_dh .active span:nth-of-type(2) i{animation:loading 500ms linear infinite}.button_dh .active span:nth-of-type(3){display:none}.button_dh .finished{background-color:#ffa722}.button_dh .finished .submit{display:none}.button_dh .finished .loading{display:none}.button_dh .finished .check{display:block !important;font-size:16px;animation:scale .5s linear}.button_dh .finished .check i{transform-origin:center center}@keyframes loading{100%{transform:rotate(360deg)}}@keyframes scale{0%{transform:scale(10)}50%{transform:scale(.2)}70%{transform:scale(1.2)}90%{transform:scale(.7)}100%{transform:scale(1)}}@media screen and (max-width:1100px){.countdown{background:url(/static/skins/default/theme/lib/images/01_hb_mb.jpg) center center no-repeat #232323;background-size:auto 100%}.countdown .tips{font-size:20px}.countdown .tips_r{position:absolute;bottom:47px;right:20%}}