@charset "UTF-8";html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}th{text-align:inherit}fieldset,img{border:0}iframe{display:block}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}q:before,q:after{content:''}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a:link,a:visited{text-decoration:none}a:hover{text-decoration:none}a{outline:0}ins,a{text-decoration:none}em,i{font-style:normal}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{zoom:1}body .fn_hide{display:none}.fn_invisible{visibility:hidden}.fl,.fr{display:inline}.fl{float:left}.fr{float:right}.center{text-align:center}html{font-size:10vw}body{font:12px/1.5 "Microsoft YaHei",Tahoma,Arial,"Helvetica Neue",Helvetica,sans-serif}.video_outer{width:8.77333rem;height:4.93333rem;background-color:#000;margin:0 auto .53333rem}.video_outer .video_player{width:100%;height:100%;display:block}.main_pop_outer{top:0;left:0;right:0;bottom:0;position:fixed;background-color:rgba(0,0,0,.6);color:#333;z-index:100;display:none}.main_pop_outer .main_pop_inner{position:absolute;width:7.6rem;top:50%;left:50%;transform:translate(-50%,-50%);padding:.4rem;border-radius:.26667rem;background-color:#fff}.main_pop_outer .main_pop_inner .close_pop_btn{position:absolute;right:-.44rem;top:-.44rem;width:.88rem;height:.88rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAABGdBTUEAALGPC/xhBQAAAZJQTFRF////////////////NzU6////KykvIB4kJyUqmZib5eXml5aZm5qd5OTlnZyeHRshSUdMSUhNxMPFxcTGysrLYV9kfXyAUlBV////////ZmVp////KSctc3F1aWdrvr2/////////S0pOcXBz////lJOWamhsOTg9////KCYrT01S5ubmJiQq6+vsXl1hX15i////8/P0////Wlhc////V1Va////ycnKfHp+xsXHx8bIt7a4////bm1x6urrHx4jODY7kI+S////////kZCTaGdr////Hx0jHx4j////YF5jU1JWyMfJtrW3t7e5////////SklO////////TkxRUU9U8vLzmJea////UlFV////7e3t9PT0VlVZyMjJ6Ojo////////bWxw6unq4+PkNDI4////////fHt/v77A8vHy////TEtPOTc8IB4k////////+vr6////////4eDhKiguHhwi////////////HBog////////////////dHN3dHJ2/f39////AAAAGxkf////CukOMAAAAIV0Uk5Te50ug6NMo6Ojo6Ojo6Ojo6Ojo6Ojo6OjMASjN6PAo6N/a6OjjKOjozujo6Ojo6OjiaMHo4+jCKOjo6OjMqOjpaujfmmjo4WjowWjo6Ojo5SOow0Lo6Ojo4ijkaOjo6OjMT6jo++jgAajo6M8o6ulThSjnhHvo6ObbD2jAgMvgsDA/aMAo4ZzPmIAAAODSURBVFjDrZhnQ+JAEIZzvffe9Yp6ds/e7s7eFSwgFqyAFAWliCSADMv/vklAjiS7m8S7+biZPJDZnZl3VsizTIqkb1RnFgAWMslwOiIxHQX68lJdBjSWqVsyjxDTXqBaJi2aQkhnp4q/wz9aE/I0EtLoCdWM+h3K4umZZIxIn8iuW07XBFHZhMu5JT852TZARJUQPJ9OEIolpruVz4nyEGeyi3uGMG1mVvY4YyLEJD7+OZgiHEsN7qFTUqQjfOP4cD5ODCw+j27jPhriRwfA8csUMbTUwTFAR5ceMbUGsNFOTFn7BsCaT4sQcSvW7cSk2ddxY0QNAiO5ESKmLYT/I6lG4G4ebxILtonx2KlERDHIB8SSHeAr0QoEBqI/ZQ2RmsNw/EW8xhMVJxYtjimzfYGQMLN2iWUbw5yTSgiM5WzKOoL0FrMFESLWh+VLEMgy1g9RQaQBnuke/6K9o118CpBWEKsAzVrnw9gHPeE89lu90AywKiMWARoeaQn7hdy5jpAr7KsZiQaARUQEAe5onI9ihYKOgYRCIXakWnMCBBFRBbCi/cFsTsc4z1GwKwBVeUECCOgrpY5BJZBEAEASIgB+SvA1DDqBkE8AEQG39BsxYrAIZBTgqhAG+EIMGEwC+QgQFkaYR7PMYBPIZ4BqYRjAQ7gMDoF4sJgLXwG+Ey6DQyC3UTsImGPsRFIYHAIhWLv4iBKDTbiFycr9kFIkOYibADZeOE18yHWAYc6mmgknbuoI+2iVNzXLYShHi3XAK44WhzGEdYuVZqoX2QwlzejJrnmNxSgme95LKTm6lxgMLDneYuF7aFxy6Iz7xcKH5bdpkkrIGtRCMtFULL9yE3hBK79ZClZdfqdLTUBuRd2UJpClfNz+oWrFfdGK5Ibo0rWiLCXEMTXhVbkhUtvyEe2oaBb7ym35suLgbYU4yG8D7FmWKO9RogyohNKcVYWhFkr/Q67ld/5ZNCrS1WFFujp00jUvtaKAfmyW8AQFdKtWQOd9KOPbOs0ROttoMh6HCRvGo8cMoQfjYOuijTRTXnMjTT+6eac4g9XeLn+w2uUNVmjv5OGtjzPeuXpljx3jIdPdQh8yW9zGQ6acL8qoe9dZr6Ek6u89UEbdAfMDd8A/NGavjU9OxmvtY0P+QGngfmNy7M/829hfvHwI6i8fgkuW7i+KVyDh5LUFuGIT+FcgfwBRknLZrWvyOAAAAABJRU5ErkJggg==);cursor:pointer;z-index:20;background-size:100% 100%}.main_pop_outer .main_pop_inner .t-r{text-align:right}.main_pop_outer .main_pop_inner h1{font-size:.38667rem;font-weight:700;margin-bottom:.26667rem}.main_pop_outer .main_pop_inner p{font-size:.34667rem;margin-bottom:.13333rem}.main_pop_outer .main_pop_inner p span{color:#ff7246}.sign_btn{background-image:url(//hd.huya.com/pc/mp/img/matchH5/sign_btn_31f2a71.png);width:5.21333rem;height:1.09333rem;text-align:center;line-height:1.09333rem;color:#fff;font-size:.42667rem;display:block;background-size:100% 100%}.sign_btn.sm_btn{background-image:url(//hd.huya.com/pc/mp/img/matchH5/sign_btn_sm_8714b5b.png);width:4.14667rem}.study_mp{display:block;border:1px solid #3378e0;box-sizing:border-box;height:1.09333rem;line-height:1.06667rem;width:4.14667rem;font-size:.42667rem;color:#3378e0;border-radius:30px;text-align:center}.match_top{background-image:url(//hd.huya.com/pc/mp/img/matchH5/main_bg.jpg?v2);background-size:100% auto;background-color:#1d2535;background-repeat:no-repeat;width:100%;height:18.04rem;box-sizing:border-box;padding-top:6.13333rem}.match_top .match_time{width:3.42667rem;height:.54667rem;box-sizing:border-box;border:1px solid #545d74;margin:0 auto 6.8rem;color:#545d74;font-size:.32rem;line-height:.50667rem;text-align:center}.match_top .sign_btn{margin:0 auto .84rem}.match_top .delay_text{background:url(//hd.huya.com/pc/mp/img/matchH5/delay_tips_bg_1ffa984.png);width:9rem;height:.58667rem;line-height:.58667rem;margin:0 auto;display:block;cursor:pointer;bottom:21%;left:50%;font-size:.30667rem;color:#fff;text-align:left;padding-left:1.86667rem;box-sizing:border-box;background-size:100% 100%;margin-bottom:.26667rem}.match_top .font_bottom{background:url(//hd.huya.com/pc/mp/img/matchH5/font_bottom_166c125.png);background-size:100% 100%;width:.69333rem;height:.58667rem;margin:0 auto;display:block}.main_block{width:100%;box-sizing:border-box;padding:1.44rem 0 1.53333rem}.main_block h1{margin:0 auto .6rem;width:100%;font-size:.8rem;color:#323d47;text-align:center;background-size:5.4rem .05333rem;background-image:url(//hd.huya.com/pc/mp/img/matchH5/title_bg_da74a3b.png);background-position:center center;background-repeat:no-repeat}.main_block h2{color:#4e5a66;font-size:14px;width:8.77333rem;margin:0 auto 1.6rem}.main_block.cop_block{background-color:#edf0f3}.main_block.cop_block h1{background-image:url(//hd.huya.com/pc/mp/img/matchH5/title_bg_dark_757c70b.png);background-size:100% 100% ；}.main_block.cop_block h6{color:#84898f;font-size:.34667rem;text-align:center;margin-bottom:.24rem}.main_block.cop_block .sign_btn{margin:.90667rem auto 0}.main_block.cop_block .cop_btn_bar{text-align:center}.main_block.cop_block .cop_btn_bar .sign_btn{margin-right:.29333rem}.main_block.cop_block .cop_btn_bar .sign_btn,.main_block.cop_block .cop_btn_bar .study_mp{display:inline-block}.main_block.cop_block .cop_list{width:8.77333rem;margin:0 auto}.main_block.cop_block .cop_list ul{margin:-.66667rem 0 .53333rem -.24rem;text-align:center}.main_block.cop_block .cop_list li{width:3.54667rem;height:1.09333rem;background-color:#fff;display:inline-block;margin:.66667rem 0 0 .24rem}.main_block.cop_block .cop_list li img{display:block;width:100%;height:100%}.main_block .keyman_wrapper{width:8.77333rem;margin:0 auto;box-sizing:border-box}.main_block .keyman_wrapper ul{margin-left:-.50667rem;margin-top:-.4rem}.main_block .keyman_wrapper li{float:left;width:4.13333rem;margin-left:.50667rem;margin-top:.4rem}.main_block .keyman_wrapper li img{display:block;margin:0 auto;width:3.06667rem;height:3.06667rem;border-radius:3.06667rem}.main_block .keyman_wrapper li h3{color:#323d47;font-size:.37333rem;margin:.32rem 0 .2rem;text-align:center}.main_block .keyman_wrapper li h4{color:#889199;font-size:.29333rem;text-align:center}.main_block .match_content_wrapper{width:9.33333rem;margin:0 auto}.main_block .match_content_wrapper .match_content_info{color:#323d47;font-size:.37333rem;line-height:.57333rem;min-height:4.90667rem;width:8.77333rem;margin:0 auto}.main_block .match_content_wrapper .match_content_info em{width:.4rem;height:.4rem;display:inline-block;vertical-align:middle;background-size:100% 100%;line-height:.4rem;color:#fff;margin-right:.06667rem;text-align:center;background-image:url(//hd.huya.com/pc/mp/img/match/num_bg_003770e.png)}.main_block .match_content_wrapper .match_content_nav{width:100%;margin:0 auto .4rem}.main_block .match_content_wrapper .match_content_nav li{width:2.18667rem;float:left;box-sizing:border-box;color:#889199;border:solid #83aeda;border-width:1px 0;cursor:pointer;text-align:center;height:.8rem;line-height:.77333rem}.main_block .match_content_wrapper .match_content_nav li:first-child{border-width:1px 0 1px 1px;border-radius:15px 0 0 15px}.main_block .match_content_wrapper .match_content_nav li:last-child{border-width:1px 1px 1px 0;border-radius:0 15px 15px 0;width:2.66667rem}.main_block .match_content_wrapper .match_content_nav li.active{background-color:#3378e0;color:#fff;border-width:1px}.main_block.award_block{background-image:url(//hd.huya.com/pc/mp/img/match/award_bg.jpg);width:100%;height:17.6rem;background-size:100% 100%}.main_block.award_block h1{background-image:url(//hd.huya.com/pc/mp/img/matchH5/title_bg_dark_757c70b.png)}.main_block .award_inner{width:8.77333rem;margin:0 auto}.main_block .award_inner ul{margin-left:-.34667rem}.main_block .award_inner ul li{width:4.21333rem;float:left;height:4rem;box-sizing:border-box;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background-color:#fff;-webkit-box-shadow:0 2px 6px rgba(5,46,115,.08);-moz-box-shadow:0 2px 6px rgba(5,46,115,.08);box-shadow:0 2px 6px rgba(5,46,115,.08);margin-left:.34667rem;margin-bottom:.34667rem}.main_block .award_inner ul li .award_tips_ico{width:.32rem;height:.32rem;background-image:url(//hd.huya.com/pc/mp/img/matchH5/tips_f9b286f.png);display:inline-block;background-size:cover;vertical-align:middle;margin-left:.06667rem;cursor:pointer}.main_block .award_inner ul li h3,.main_block .award_inner ul li h4{color:#d49b2e;text-align:center}.main_block .award_inner ul li h3{font-size:.33333rem;color:#d49b2e;padding:.36rem 0 .4rem}.main_block .award_inner ul li h4{font-size:.4rem;color:#e2a021}.main_block .award_inner ul li i{width:2.44rem;height:1.58667rem;display:block;background-size:100% 100%;margin:0 auto .37333rem}.main_block .award_inner ul li.award_l_1 i{background-image:url(//hd.huya.com/pc/mp/img/match/award_1_ad0b65e.png)}.main_block .award_inner ul li.award_l_2 h3{color:#697b8c}.main_block .award_inner ul li.award_l_2 h4{color:#a29f9b}.main_block .award_inner ul li.award_l_2 i{background-image:url(//hd.huya.com/pc/mp/img/match/award_2_3496172.png)}.main_block .award_inner ul li.award_l_3 h3{color:#697b8c}.main_block .award_inner ul li.award_l_3 h4{color:#a99280}.main_block .award_inner ul li.award_l_3 i{background-image:url(//hd.huya.com/pc/mp/img/match/award_3_e14b127.png)}.main_block .award_inner ul li.award_l_4 h3{color:#697b8c}.main_block .award_inner ul li.award_l_4 h4{color:#889199}.main_block .award_inner ul li.award_l_4 i{background-image:url(//hd.huya.com/pc/mp/img/match/award_4_58a9034.png)}.main_block .award_inner ul li.award_l_5 h3{color:#697b8c}.main_block .award_inner ul li.award_l_5 h4{color:#889199}.main_block .award_inner ul li.award_l_5 i{background-image:url(//hd.huya.com/pc/mp/img/match/award_5_ea42e5c.png)}.main_block .award_inner ul li.award_l_6 h3{color:#697b8c}.main_block .award_inner ul li.award_l_6 h4{color:#889199}.main_block .award_inner ul li.award_l_6 i{background-image:url(//hd.huya.com/pc/mp/img/match/award_6_3357105.png)}.main_block .match_flow_wrapper{width:8.77333rem;margin:0 auto}.main_block .match_flow_wrapper .flow_bar{width:.48rem;height:19.34667rem;background-image:url(//hd.huya.com/pc/mp/img/matchH5/flow_bar_de07b2f.png);background-size:100% 100%;float:left;margin-right:.28rem}.main_block .match_flow_wrapper .flow_list{width:7.97333rem;box-sizing:border-box;float:left}.main_block .match_flow_wrapper .flow_list li{margin-bottom:.57333rem}.main_block .match_flow_wrapper .flow_list li p{color:#697b8c;font-size:.34667rem;margin-bottom:.13333rem}.main_block .match_flow_wrapper .flow_list li .flow_info{border:1px solid #eaedf0;width:7.97333rem;height:2.8rem;box-sizing:border-box;-webkit-box-shadow:0 2px 6px rgba(5,46,115,.08);-moz-box-shadow:0 2px 6px rgba(5,46,115,.08);box-shadow:0 2px 6px rgba(5,46,115,.08);border-radius:6px}.main_block .match_flow_wrapper .flow_list li .flow_info h3{color:#323d47;font-size:.42667rem;padding:.32rem 0 .16rem .33333rem}.main_block .match_flow_wrapper .flow_list li .flow_info h4{color:#adb2b7;font-size:.33333rem;padding:0 .33333rem}.main_block .match_flow_wrapper .flow_list li.active .flow_info{background:url(//hd.huya.com/pc/mp/img/matchH5/flow_bg_bc68d65.png) no-repeat;background-size:100% 100%}.main_block .match_flow_wrapper .flow_list li.active .flow_info h3,.main_block .match_flow_wrapper .flow_list li.active .flow_info h4{color:#fff}.award_tips{position:fixed;display:none;width:7.86667rem;box-sizing:border-box;top:50%;left:50%;transform:translate(-50%,-50%);padding:.46667rem;color:#fff;background-color:rgba(0,0,0,.7);font-size:.34667rem;border-radius:10px}.award_tips .close_tips{width:.88rem;height:.88rem;position:absolute;right:-.42667rem;top:-.42667rem;background:url(//hd.huya.com/pc/mp/img/matchH5/tips_close_a6b24b7.png) no-repeat;background-size:100% 100%}.award_tips p{margin-bottom:.26667rem}.award_tips p:last-child{margin-bottom:0}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(0.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(0.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(0.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(0.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(0.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(0.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}