@charset "utf-8";
/*-----------------共用样式------------------B */
body{font-size:16px;margin:0px;padding:0px;font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";color:#373737;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
ul,li,dl,dt,dd,ol,img,h1,h2,h3,h4,h5,h6,form,input,p,option{margin:0px;padding:0px;}
dl,dt,dd,li,ol,ul{list-style-type:none; display:block;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none;border:none;}
img{vertical-align:middle;border:0px;}
.clear{width:0px;height:0px;line-height:0px;font-size:0px;content:".";display:block;height:0;clear:both;visibility:hidden}
.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}
.w{width:1200px;margin:0px auto;padding:0px;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

/*头部导航栏*/
.header{position: fixed;width: 92vw;height: 40px;color: #434343;z-index: 1;text-align: center;line-height: 40px;top: 0;left: 0;padding: 0 4vw;border-bottom: 1px solid #eee;background-color: #fff;}
.header>h3{font-weight: normal;display: inline-block;}
.header_b{width:100%;height:41px;}
.header_back{background:url(../img/return.png) no-repeat 0 50%;position: absolute;width: 40px;left: 4vw;height: 40px;background-size: 22px;}
.header_right{position: absolute;width: auto;right: 4vw;height: 40px;top:0;}

/*赛事列表*/
.event_box{padding:2.6vw 4vw;}
.event_box .event_top .event_search{width: 96%;border: 1px solid #DCDCDC;height: 2.2rem;font-size: 16px;border-radius: 6px;padding: 0 2%;color: #9F9F9F;background: url(../img/event_search.png) no-repeat 50% 50%;background-size: auto 46%;}
.event_box .event_top .event_search:focus,.event_box .event_top .event_search_no{background: none;}
.event_content .dl_list{margin: 2.4vw 0;}
.event_content .dl_list>dt{background-size: 100%;height: 44vw;border-radius: 8px;position: relative;}
.event_content .dl_list>dt>span{font-size: 12px;position: absolute;right: 2%;bottom: 6%; background: rgba(0,0,0,0.6) url(../img/time.png) no-repeat 7px 50%;color: #fff;padding: 4px 10px 6px 26px;border-radius: 10px;line-height: 1em;background-size: auto 1.2em;}
.event_content .dl_list .list_d1{font-size: 18px;padding: 4px 0 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.event_content .dl_list .list_d2{color: #bbb;}
.event_content .dl_list .list_d2>span{float: right;padding-left:1.2em;}
.event_content .dl_list .list_d2>.event_enrol{color: #D04A7C;background:url(../img/hot.png) no-repeat 0 50%;background-size:auto 1em}

/*赛事详情*/
.event_info_box .event_top_img>img{width: 100%;}
.event_info_box .info_content{padding: 0 4vw;position: relative;}
.info_content .event_rules img{width: 100%;}
.info_content .event_rules,.info_content .official_intro{margin-top: 20px;line-height: 1.8em;}
.info_content .event_title{width: 84vw;margin-top: -30px;background-color: #fff;border-radius: 10px;padding: 0 4vw;box-shadow: 0px 0px 10px #bbb;}
.event_title li{border-bottom: 1px solid #cdcdcd;padding: 10px 0;}
.event_title li:last-child{border:none;padding:10px 0 16px;}
.event_title li dd{margin-top: 6px;font-size: 16px;}

.event_title .title_li dt{background:url(../img/event.png) no-repeat 0 50%;background-size: auto 1.2em;padding-left: 28px;}
.event_title .time_li dt{background:url(../img/time_black.png) no-repeat 0 50%;background-size: auto 1.2em;padding-left: 29px;}
.event_title .address_li dt{background:url(../img/address.png) no-repeat 0 50%;background-size: auto 1.2em;padding-left: 28px;}

.info_content .event_rules,.info_content .official_intro{margin-top: 20px;line-height: 1.8em;}
.title_p{margin-bottom: 6px;font-weight: 600;font-size: 17px;}
.official_intro dd{line-height: 2.5rem;border-bottom: 1px solid #cdcdcd;}
.official_intro dd:last-child{border:none;}
.event_foot{position: fixed;bottom: 0;background-color: #fff;width: 100%;}
.event_foot>dl{width: 66vw;float: left;padding-left: 4vw;height: 60px;}
.event_foot>dl>dt{font-size: 23px;line-height: 34px;font-weight: 600;color: #666666;}
.event_foot>dl>dd{font-size: 14px;}
.event_foot .apply_button{font-size: 20px;height: 60px;line-height: 60px;text-align: center;color: #fff;float: right;background-color: #C1C1C1;width: 30vw;text-decoration: none;}
.event_foot .apply_true{background-color: #E31263;}
.event_foot_b{height: 80px;display: block;background-color: #F6F6F6;}

/*赛事报名*/
.apply_box{height:calc(100vh - 41px);background-color:#F6F6F6;}
.apply_box .apply_type{height: 40px;line-height: 40px;background-color: #fff;border-bottom: 1px solid #ECECEC;}
.apply_box .apply_type:after{clear: both;display:block;content: '';}
.apply_box .apply_type li{float: left;width:50vw;text-align: center;}
.apply_box .apply_type li.select{font-weight:bold;position: relative;}
.apply_box .apply_type li.select>span{background:url(../img/select.png) no-repeat 0 0;width: 8px;height: 8px; background-size: 100%;position: absolute;top: 12px;margin-left: 3px;}
.apply_box .apply_dl{background-color: #fff;padding: 4vw;margin:10px 0;}
.apply_box .apply_dl:after{clear: both;display:block;content: '';}
.apply_box .apply_dl>dt{float:left;width: 46vw;color: #9C9C9C;}
.apply_box .apply_dl>dd{float:right;width: 46vw;}
.apply_box .apply_dl>dd>input{text-align: right;}
.apply_box .apply_prompt{padding: 0 4vw;color: #9C9C9C;}

.submit{width: 92vw;margin: 50px auto;display: block;height: 48px;border-radius: 6px;background-color: #E31263;color: #fff;}

.layout_box{padding: 0 4vw;word-wrap: break-word;}
.trace_title h3{margin: 20px 0;font-size: 20px;}
.trace_title dt,.trace_title dd{display: inline-block;}
.trace_title dt{color: #FFB12A;}
.trace_title dt>img{width: 28px;height: 28px;object-fit: cover;border-radius: 50%;margin-right: 8px;}
.trace_title dd{float: right;color: #999;}
.trace_content{padding:20px 0;}
.trace_content p,.trace_content img{margin:6px 0;}
.trace_content img{width:100%;}

.video_info{padding: 0 4vw;word-wrap: break-word;}
.video_info dt{font-weight: bold;font-size: 20px;line-height: 36px;}
.video_info .info_d1{margin: 10px 0;color: #999;}
.video_info .info_d1>img{width: 28px;height: 28px;object-fit: cover;border-radius: 50%;margin-right: 8px;}
.video_info .info_d1>i{font-style: unset;margin-right: 6px;color: #FFB12A;}
.video_info .info_d1>span{float: right;}

.music_box{position: relative;width: 100vw;height: 100vh;}
.music_box .back-img{width:100vw;height:100vh;object-fit:cover;position:absolute;top:0;-webkit-filter:blur(30px);filter:blur(50px);}
.music_box .back-color{position:absolute;width:100vw;height:100vh;background:rgba(0,0,0,.2);}
.logo-ico{position:absolute;left:2vw;color:#fff;top:2vw;}
.logo-ico>img{width: 20px;border-radius: 6px;margin-right: 6px;vertical-align: bottom;}
.music-info>h2{text-align:center;position:absolute;width:92vw;font-size:20px;top: calc(28vh + 200px);font-weight:unset;color:#fff;overflow:hidden;left:4vw;text-overflow:ellipsis;white-space:nowrap;}
.music-img{width:180px;overflow:hidden;position:absolute;height:180px;left:calc(50vw - 90px);border-radius:6px;top:28vh;}
.music-img>img{width:180px;height:180px;object-fit:cover;}
.music-img .music-play{background:url(../img/share_player_play.svg) no-repeat 50% 50%;position: absolute;width: 60px;height: 60px;top:60px;left:60px;background-size:100%;}
.music-img .music-pause{background:url(../img/share_player_pause.svg) no-repeat 50% 50%;position: absolute;width: 60px;height: 60px;top:60px;left:60px;background-size:100%;}
.music-time{position:absolute;top: calc(28vh + 260px);width:80vw;padding:0 10vw;}
.music-time .process-panel{background:rgba(34,34,34,.3);width:80vw;padding-bottom:2px;position:absolute;left:10vw;}
.music-time .seekbar {background-color: #ccc;width:0;padding-bottom:2px;position:absolute;height: 0;}
.music-time .progressbar{width:7px;padding-bottom:2px;position:absolute;background-color:#fff;height: 0;}
.music-time .progressbar:after{width:14px;height:14px;background-color:#fff;box-shadow: 0 0 0 3px rgba(255,255,255,.353);border-radius:50%;float: right;content:'';margin-top:-6px;}
.music-time>span{color:#fff;float:left;margin-top:14px;font-size:12px;}
.music-time .total-length{float: right;}

.bq_fixed{position: fixed;bottom: 0;width: 100%;padding:0 !important;background-color: rgba(0,0,0,0.5) !important;height: 60px;z-index:90;left: 0;}
.bq_fixed>img{width: 48px;margin: 6px 4vw;float: left;border-radius: 6px;}
.bq_fixed>dl{float: left;color: #fff;margin: 8px 0;}
.bq_fixed>dl>dt{font-size: 16px;line-height: 22px;height: 24px;}
.bq_fixed>a{float: right;background-color: #FC3356;color: #fff;text-decoration: none;width:80px;height:34px;text-align:center;line-height:34px;margin: 13px 4vw 13px 0;border-radius: 6px;}
.layout_foot{width:100%;height:60px;}

.article_box{padding:12px 4%;word-wrap:break-word;width:92%;text-align: justify;}
.article_box img{width: 100% !important;height: auto !important;}