@charset "UTF-8";
/*reset*/
html{-webkit-text-size-adjust:100%; height: 100%;}
body { height: 100%;font-family:"Microsoft YaHei","SimSun",Arial;color:#333;background:#fff;font-size:14px;line-height:1.42857143;word-break:normal;word-wrap:break-word;text-align:justify;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block}
audio,canvas,progress,video {display:inline-block;vertical-align:baseline}
audio:not([controls]) {display:none;height:0}
a{color:#5C85AE;text-decoration:none}
a:active,a:hover{outline:0}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
ol, ul, li {list-style: none;}
img {border:0;vertical-align:middle}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer}
button[disabled],input[disabled] {cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;outline:none;-webkit-appearance:none;}
textarea {overflow:auto;resize:none}
select{background:#fff}
table {border-collapse:collapse;border-spacing:0}
[role="button"] {cursor:pointer}
em{font-style:normal}
.em{font-weight: bold;}
/*去除加减按钮*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"] {-moz-appearance: textfield;}
/*浮动*/
.fr{float:right;}
.fl{float:left;}
.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
/*显示隐藏*/
.hidden{display:none!important}
/*位置*/
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left!important;}
/*文字溢出*/
.nowrap{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;}
.nowrap-2{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nowrap-3{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.nowrap-4{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;padding-bottom: 0 !important;}
/*图片*/
.data-photo{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.data-photo-container{overflow: hidden;}
.limit-img img{margin: 0 auto;display: block;max-width: 100%;height: auto!important;}
/*placeholder*/
::-webkit-input-placeholder{color: #999;}
:-moz-placeholder{color: #999;}
::-moz-placeholder{color: #999;}
:-ms-input-placeholder{color: #999;}
/*分散*/
.ui-justify-flex{width:100%;display:-webkit-box;-webkit-box-pack:justify;-webkit-justify-content:space-between;}
.ui-flex-align-center {-webkit-box-align: center; }
.ui-flex-align-start {-webkit-box-align: start; }
/*垂直上下居中*/
.ui-center{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;text-align:center;width:100%;}
/*排版*/
.ui-flex,.ui-tiled {display: -webkit-box;width: 100%;}
/*平铺*/
.ui-tiled li{-webkit-box-flex:1;width:100%;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;}
/*列表*/
.ui-list{width:100%;}
.ui-list > li{position:relative;display:-webkit-box;}@media (max-width: 320px){.ui-list > li{margin-left:10px;}}
.ui-list-img{position:relative;margin:10px 15px 10px 0;width:136px;height:112px;}
.ui-list-info{-webkit-box-flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;}
/*header,footer(位置固定)*/
.ui-header,.ui-footer{position:fixed;width:100%;z-index:100;left:0;}
.ui-header {top:0;height:50px;line-height:50px; }
.ui-footer {bottom:0;height:56px;}
/* 屏宽超出750px */
body{margin:0 auto;}
body,.ui-header,.ui-footer{max-width:750px;}
.ui-header,.ui-footer{left:auto}
.bb60{border-bottom:60px solid transparent;}
.bb57{border-bottom:57px solid transparent;}
.bt50{border-top:50px solid transparent;}
.bt94{border-top:94px solid transparent;}
.bt0{border-top:0!important;}
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt48{margin-top: 48px !important;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px!important;}
.mt100{margin-top: 100px;}
.mb10{margin-bottom: 10px!important;}
.mb8{margin-bottom: 8px;}
.mb30{margin-bottom: 30px;}
.mb14{margin-bottom: 14px;}
.plr15{padding-left: 15px!important;padding-right: 15px!important;}
.p15{padding: 0 15px 15px;}
.ml20{margin-left: 20px;}
.ml10{margin-left: 10px;}
.ml6{margin-left: 6px;}
.ml14{margin-left: 14px;}
.ml25{margin-left: 25px;}
.mb20{margin-bottom: 20px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px!important;}
.pb25{padding-bottom: 25px;}
.pb15{padding-bottom: 15px;}
.pb0{padding-bottom: 0!important;}
.pd015{padding: 0 15px;}
.plr50{padding-left: 50px!important;padding-right: 50px!important;}

.overflow-auto{overflow: auto;}
.second-title{color: #333;font-size: 16px;line-height: 16px;padding: 20px 0 15px;}
.second-title .line{display:inline-block;vertical-align:top;width: 4px;height: 16px;background:#CD001A;margin-right: 6px; }
.second-title .en{display:inline-block;vertical-align:top;color: #666;font-size: 12px;margin-left: 6px;}
.bgc-f{background: #fff;}
.bgc-e{background: #eee;}
.ui-container{min-height: calc(100vh - 348px);}
.color-3{color: #333!important;}
.color-f5{color: #F57955!important;}
/*查看全部*/
.more-btn{padding: 20px 0;}
.more-btn a{display: block;width: 100%;height: 38px;line-height: 36px;border: 1px solid #E5E5E5;color: #999;text-align: center;border-radius: 2px;}
.btn-primary{display:block;width:100%;height: 47px;line-height: 45px;border: 1px solid #F57955;background: #F57955;border-radius: 24px;color: #fff;font-size: 16px;text-align: center;}
.btn-plain{border-color:#DCDCDC;background: #fff;color: #999;}
.btn-plain-primary{background: #fff;border-color:#F57955;color: #F57955;}
.btn-green{display:block;width:100%;background: #09BB07;color: #fff;font-size: 14px;text-align: center;height: 32px;line-height:32px;border-radius: 2px;margin-top: 9px;}
.btn-green.disabled,.btn-primary.disabled{background: #BFBFBF;border-color: #BFBFBF;}
.btn-green.btn-plain-green{background: #fff;border: 1px solid #09BB07;line-height: 30px;color: #09BB07;}
.btn-log-off{display: block;width: 100%;height: 44px;line-height: 44px;background: #D2D2D2;border-radius: 22px;color: #666;font-size: 16px;text-align: center;margin: 30px auto 0;}
.mt0{margin-top: 0;}
.cnt-box{color: #333;font-size: 14px;line-height: 1.3;}
.cnt-box img{max-width: 100%;height: auto!important;}
/*头部*/
.ui-header{background: #CD001A;}
.page-header{position:fixed;top:0;height:50px;line-height: 50px;font-size: 14px;text-align: center;background: #CD001A;padding: 0 100px 0 80px;}
.page-header .title{display: block;font-size: 0;}
.page-header .title img{max-width: 100%;max-height:50px;}
.page-header .menu-btn{position: absolute;top:0;left:14px;height:100%;padding-left:20px;background: url("../img/home.png") no-repeat left center/20px 20px;color: #fff;font-size: 12px;}
.page-header .return-btn{position: absolute;top:0;left:55px;width:16px;height:100%;background: url("../img/return.png") no-repeat left center/12px 21px;}
.page-header .share-btn{position: absolute;top:0;right:68px;width:20px;height:100%;background: url("../img/share.png") no-repeat center center/20px 19px;}
.page-header .avatar{display:block;width: 26px;height: 26px;border-radius: 50%;overflow:hidden;position: absolute;top:13px;right:15px;}
.page-header .avatar img{width:100%;height:100%;vertical-align: top;-o-object-fit: cover;object-fit: cover;}
.page-header .go-btn{display:block;width:32px;height:20px;line-height:20px;border-radius:2px;color: #CD001A;text-align: center;font-size: 12px;position: absolute;top:15px;right: 15px;background: #fff;font-weight: bold;}
/*导航*/
.nav-menu{position:fixed;top:50px;height:34px;background: #CD001A;padding: 0 25px;}
.nav-menu li{line-height: 28px;text-align: center;position: relative;}
.nav-menu li a{color: #fff;font-size: 14px;}
.nav-menu .active a{font-weight: bold;}
.nav-menu .active:after{content: "";position:absolute;bottom:0;left:50%;width: 20px;height: 4px;background: #fff;border-radius:2px;margin-left: -10px;}

.nav-menu-sec{position:fixed;top:50px;height:44px;background: #CE001A;padding: 0 14px;max-width: 750px;left: 50%;transform: translateX(-50%);z-index: 100;}
.nav-menu-sec li{line-height: 44px;text-align: center;position: relative;}
.nav-menu-sec li a{color: #F4C6CC;font-size: 14px;}
.nav-menu-sec .active a{font-weight: bold;color: #fff;}

/*foot*/
.page-footer .f-top{padding:0 0 28px;color:#fff;text-align:center;background:#111;}
.page-footer .code-img{width:80px;height:80px;margin: 0 auto 10px;}
.page-footer .code-tip{color: #bbb;font-size: 12px;}
.page-footer .code-tip em{color: #E64340;}
.page-footer h5{margin-top: 10px;font-size: 14px;font-weight: bold;}
.page-footer .wechat{margin-top: 15px;font-size: 12px;}
.page-footer .wechat a{display: inline-block;width:110px;height:28px;line-height:26px;border:1px solid #BBBBBB;;color: #BBBBBB;font-size: 12px;text-align: center;border-radius:14px;margin-left: 7px;}
.page-footer .btn-box{margin-top: 22px;}
.page-footer .btn-box .tel-btn{display: inline-block;width:184px;height:36px;line-height:36px;color:#fff;background: #09BB07;font-size: 14px;text-align: center;border-radius:18px;}
.page-footer .f-bottom{background: #1B1B1B;text-align: center;color: #bbb;padding: 16px 0 22px;font-size: 12px;line-height: 24px;}
.page-footer .f-bottom a{color: #bbb;}
.page-footer .f-bottom .link-to-gz a{font-size: 14px;text-decoration: underline;}
.page-footer .cnt-wx-and-wb{padding-top: 28px;}
.page-footer .box-toggle .ui-tab{height: 50px;line-height: 49px;border-bottom: 1px solid #222;text-align: center;color: #bbb;font-size: 14px;}
.page-footer .box-toggle .ui-tab li{display: inline-block;vertical-align: top;width:33.3%;height: 100%;position: relative;cursor: pointer;}
.page-footer .box-toggle .ui-tab li.active{font-weight: bold;color: #fff;}
.page-footer .box-toggle .ui-tab li.active:after{position: absolute;bottom: 0;left: 50%;content: "";width: 30px;height: 4px;margin-left: -15px;background: #fff;}
/*分享*/
.mask{width: 100%;max-width: 750px;height: 100%;position: fixed;top: 0; left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); background: rgba(0, 0, 0, 0.5);display: none; z-index: 10;}
.share-popup{display: none;width: 100%; max-width: 750px; height: 200px;position: fixed;bottom: 0;color: rgb(27, 135, 254);font-size: 16px;z-index: 999;background-color: white;border-radius: 20px 20px 0 0;}
.share-popup .share-box {border-radius: 4px 4px 0px 0px;width: 100%;background-color: #ffffff;font-size: 12px;padding-top: 20px;}
.share-popup .share-box .hd {font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #666666; line-height: 20px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.share-popup .share-box ul{padding: 16px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
.share-popup .share-box li {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.share-popup .share-box li a {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;color:#333;font-weight:400;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.share-popup .share-box .icon{margin:10px auto;display:block;background-size:100% 100%;}
.share-popup .share-box .bg-weibo{width:48px;height:48px;background-image:url(../img/weibo.png);}
.share-popup .share-box .bg-qzone{width:48px;height:48px;background-image:url(../img/qzone.png);}
.share-popup .share-box .bg-wexin{width:48px;height:48px;background-image:url(../img/wexin.png);}
.share-popup .share-box .bd a{display: block;height:44px;line-height: 44px;color: #666666;text-align: center;border-top: 1px solid #eeeeee;font-size: 14px;}

/*微信分享*/
.weshare{display:none;position: fixed;top:0;left:auto;max-width:750px;width:100%;height:100%;background: rgba(0,0,0,0.9) url("../img/werchat_share.png") no-repeat right 20px top 16px/77% auto;z-index: 9999;}
.dialog-sharewx{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;background:rgba(0,0,0,.85);display: none;}
.dialog-sharewx.show{display: -webkit-box;display: box; }
.dialog-sharewx-cnt{width:280px;border-radius:10px;background-clip: padding-box;pointer-events: auto;background:#fff;position: relative;font-size: 16px;}
.dialog-sharewx-hd{height: 48px;line-height: 48px;text-align: center;}
.dialog-sharewx-hd h3{font-size:16px;line-height: 48px;}
.dialog-sharewx-bd{padding:0 10px;}
.dialog-sharewx-bd .link-zs{padding:10px;display: -webkit-box;display: box;-webkit-box-pack: center;-webkit-box-align: center;-webkit-box-orient: vertical;width:100%;height:56px;border-radius:2px;background:#F6F6F6;word-break:break-all;font-size:12px;font-weight:400;color:#666;line-height:1.5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:text;}
.dialog-sharewx-bd .link-zs .ui-nowrap-multi{-webkit-user-select:text !important;}
.dialog-sharewx-ft{padding:0 45px;border-bottom-left-radius: 10px;border-bottom-right-radius:10px;display: -webkit-box;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-align: center;height:75px;}
.dialog-sharewx-ft a{display:block;width:100%;height:38px;background:#16AE67;border-radius:19px;font-size:14px;color:#fff;line-height:38px;text-align:center}
.dialog-sharewx .ui-dialog-close:before{top:auto;right:auto;bottom:-50px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);color:#fff;}
/*悬浮报名*/
.bm-footer{height: 60px;padding:9px 18px 9px 22px;line-height:40px;background: #fff;-webkit-box-shadow:2px 0px 7px 0px rgba(113,124,133,0.44);box-shadow:2px 0px 7px 0px rgba(113,124,133,0.44);}
.bm-footer{padding:10px 13px 10px 14px;}
.bm-footer .countdown{color: #333;line-height: 20px;font-weight: bold;font-size: 12px;margin-top: -2px;}
.bm-footer .countdown .tip{color: #666;font-size: 12px;line-height: 15px;font-weight: normal;margin-top: 5px;}
.bm-footer .countdown .tip span{display: inline-block;vertical-align: top;width:20px;height:15px;line-height: 15px;background: #333;color: #fff;font-weight:bold;text-align:center;border-radius: 1px;margin:0 2px;}
.bm-footer a{width:auto;height: 38px;line-height: 36px;font-size: 14px;margin-left: 10px;border-radius:19px;}
.bm-footer .check-status{color: #F7662D;font-size: 12px;font-weight: bold;}
/*banner*/
.top-banner{width:100%;height:auto;position:relative;padding-top:58%;}
.top-banner .banner-cnt{width:100%;height:100%;position:absolute;top:0;overflow:hidden}
.top-banner .swiper-container,.goods-banner .swiper-container{width:100%;height:100%;}
.top-banner .swiper-pagination-bullets,.goods-banner .swiper-pagination-bullets{z-index:3;width:100%;bottom:10px;font-size:0}
.top-banner .swiper-pagination-bullet,.goods-banner .swiper-pagination-bullet{margin:0 4px;width:7px;height:7px;background:#fff;opacity:.5;outline:none}
.top-banner .swiper-pagination-bullet-active,.goods-banner .swiper-pagination-bullet-active{opacity:1}
/*首页*/
.titl-box{padding: 17px 3px 0;}
.titl-box .titl-list{width:100%;height: 82px;border: 1px solid #EEEEEE;-webkit-box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.06);box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.06);border-radius: 4px;}
.titl-box .titl-list li{width: 25%;text-align: center;padding-top: 18px;}
.titl-box .titl-list li p{color: #333;font-size: 14px;font-weight: bold;margin-top: 8px;}
.jj-module{padding: 0 15px;margin-bottom: 8px;}
.jj-cnt img{width: 100%;height: auto!important;margin-bottom: 12px;}
.jj-cnt{color: #666;font-size: 14px;line-height: 24px;padding-bottom: 15px;}
.jj-module-titl{color: #333;font-size: 14px;font-weight: bold;padding-top:10px;}
/*比赛时间*/
.j-game-time{overflow:hidden;width:100%;height:95px;background-color: #CD001A;overflow-x:scroll;}
.j-game-time::-webkit-scrollbar{display:none;}
.j-game-time>ul{display: flex;flex-wrap:nowrap;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.j-game-time li{width:154px;position:relative;margin:12px 3px 12px 6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.j-game-time li p{transform: scale(0.83);width: 100%;}
.j-game-time li p:first-child{transform: scale(1);margin-bottom: 3px;}
.j-game-time li:after{content:"";position:absolute;bottom:-12px;left:50%;margin-left:-4px;width:8px;height:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff; border-radius: 4px 4px 0 0;}
.j-game-time li .bg-box{width:154px;height:72px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../img/bg_game_time.png) no-repeat -4px -2px/162px auto;font-size:12px;color:#666;line-height:15px;}
.j-game-time li .bg-box .ui-center{margin-top: 8px;}
.j-game-time li.active .bg-box{background-position:-3px -81px;color:#fff}
.jj-module .jj-module-cnt{padding: 12px;border: 1px solid #E5E5E5;box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px 0px rgba(0, 0, 0, 0.06);border-radius: 4px;display: block;width: 100%;overflow: hidden;}
.jj-module .jj-module-cnt>div img{width: 100%;border-radius: 4px;}
.jj-module .jj-module-cnt>div>img.jj-module-play{width: 36px;height:36px;position: absolute;z-index: 20;top: 50%;left:50%;transform: translate(-50%,-50%);}
.jj-module .jj-module-cnt>div{width: 100%;height: 130px;overflow: hidden;position: relative;}
.jj-module .jj-module-cnt>p{color: #333;font-weight: bold;margin-top: 12px;}
.jj-module .jj-module-cnt>p:last-child{color: #666;font-weight: 400;margin-top: 5px;}

/*登录页面*/
.page-login .login-panel{width: 100%;padding: 20px 20px 27px;background: #fff;}
.page-login .big-title h1{font-size: 16px;color: #333;font-weight: bold;text-align: center;}
.page-login .big-title .line{display: block;width: 110px;height: 2px;background: #CD001A;position: relative;margin: 4px auto 30px;}
.page-login .form-titl{width:124px;color: #666;font-size: 16px;line-height: 50px;}
.page-login .form-item input{width:100%;height:44px;border: 1px solid #E5E5E5;line-height: 42px;padding:0 0 0 12px;font-size: 14px;border-radius:2px;}
.page-login .form-code input{margin-right: 8px;}
.page-login .form-code button{width:90px;height:44px;background: #09BB07;border-radius:2px;color: #fff;font-size: 14px;border: none;padding: 0;}
.page-login .form-item{margin-bottom: 15px;}
.page-login .submit-btn{display: block;width:100%;height:44px;line-height: 44px;border-radius:2px;background: #F57955;color: #fff;font-size: 16px;text-align: center;margin-top: 28px;font-weight: bold;}
.page-login .gz-btn{display: block;width:160px;height:36px;border: 1px solid #E64340;border-radius: 18px;line-height: 34px;color:#E64340;font-size: 14px;text-align: center;margin: 40px auto 75px;background: #fff;}
.page-login .other-btn{display: block;padding-bottom: 50px;text-align: center;}
.page-login .other-btn a{color: #333;font-size: 14px;text-decoration: underline;}
.page-login .big-title-tab{margin-bottom: 20px;}
.page-login .big-title-tab li{width: 50%;text-align: center;}
.page-login .big-title-tab .line{display: none;width: 80px;height: 2px;background: #333333;position: relative;margin:0 auto;}
.page-login .big-title-tab p{color: #666;font-size: 16px;}
.page-login .big-title-tab .active p{font-weight: bold;color: #333;}
.page-login .big-title-tab .active .line{display: block;}
/*提示*/
.j-poptips{display:none;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index: 999;padding:15px 17px;font-size:14px;background:rgba(0,0,0,.6)}
.j-poptips img{vertical-align: middle;margin-top: -2px;margin-right: 4px;}
/*比赛章程*/
.ui-col-33{float:left;width: 33.3%;}
.ui_menu{background:#fff;padding: 0 15px;position: fixed;top:50px;left: auto;max-width: 750px;width: 100%;z-index: 99;}
.ui_menu ul{clear:both;overflow:hidden;border:solid #eee;border-width:1px 0 0 1px;}
.ui_menu ul li{float:left;text-align:center;}
.ui_menu ul li a{font-size:14px;display:block;padding:10px 5px;border:solid #eee;border-width:0 1px 1px 0;color:#666;}
.ui_menu ul li.on{background: #333333;}
.ui_menu ul li.on a{color: #fff;font-weight: bold;}
.page-bszc{border-top: 184px solid transparent;}
.page-bszc h3{color: #333;font-size: 16px;margin-bottom: 18px; font-weight: 400;}
.page-bszc .ui-panel{padding: 20px 15px;margin-bottom: 8px;background: #fff;}
.fragment-content{color: #666;font-size: 14px;line-height: 1.7;}
.fragment-content img{max-width: 100%;height: auto!important;}

/*个人中心*/
.page-my{padding: 10px 15px 60px; }
.page-my .userview{border-radius:4px}
.page-my .userview .userview-top{padding:15px 10px;}
.page-my .userview .avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right: 18px;}
.page-my .userview .uname{font-size:16px;color:#0A071C;}
.page-my .userview .uid{font-size:12px;color:#666;}
.page-my .check-box{background: #FFF3BD;border-radius:4px;padding:0 15px;margin-bottom: 10px;}
.page-my .check-box .ui-list-info{text-align: right;font-size: 14px;}
.page-my .check-box .check-bd{height: 48px;line-height: 48px;}
.page-my .check-box .check-bd .titl{color: #996C33;font-size: 16px;}
.page-my .check-box p{color: #333;font-size: 14px;padding-bottom: 12px;}
.page-my .zl-btn{display:block;margin-top:12px;width:58px;height:26px;border-radius:2px;font-size:14px;color:#666;text-align:center;line-height:24px;cursor:pointer;border: 1px solid #eee;}
.page-my .userview-bottom{height: 55px;line-height: 54px;color: #666;border-top: 1px solid #eee;padding: 0 18px 0 15px;}
.page-my .userview-bottom .tips{display: block;color: #999;}
.page-my .userview-bottom .points{line-height: 18px;font-size: 12px;}
.page-my .userview-bottom .points img,.page-my .userview-bottom .tips img{margin-right: 5px;margin-top: -3px;}
.page-my .userview-bottom .points .num{color: #333;font-weight: bold;font-size: 14px;}
.page-my .enroll-preview{border-radius: 4px;padding: 0 14px;border-top: 1px solid #eee;}
.page-my .enroll-preview .hd{height: 48px;line-height: 47px;border-bottom: 1px solid #eee;}
.page-my .enroll-preview .hd .titl{font-size: 16px;color: #333;}
.page-my .enroll-preview .bd li{color: #666;padding: 10px 0;border-bottom: 1px dashed #eee;}
.page-my .enroll-preview .bd li:last-child{border-bottom: 0;}
.page-my .enroll-preview .bd .titl{color: #444;}
.page-my .enroll-preview .bd .ui-list-info{padding-left: 20px;}
.page-my .enroll-preview .bd .ui-list-info p{line-height: 28px;}
.page-my .enroll-preview .ui-list-info{text-align: right;}
.page-my .nopay{color: #F76600;}
.page-my .nopay a{display: inline-block;width:74px;height:32px;line-height: 32px;background: #F57955;border-radius: 2px;color: #fff;font-size: 14px;text-align: center;margin-left: 12px;}
.state-default{color:#666;}
.state-primary{color:#999;}
.state-warn{color:#E64340!important;}
.state-orange{color:#F57955;}
.state-pass{color: #CFA972;}
.color-cd{color: #CD001A;}
.my-tabtoggle{position:fixed;top:50px;left:auto;width: 100%;max-width:750px;background: #fff;height: 50px;line-height: 50px;text-align: center;z-index: 99;}
.my-tabtoggle li{float:left;width: 50%;}
.my-tabtoggle li a{display: block;color: #666;font-size: 16px;}
.my-tabtoggle .active a{color: #333;font-weight: bold;position: relative;}
.my-tabtoggle .active a:after{content: "";position: absolute;left: 50%;bottom: 0;width: 30px;height: 4px;background: #E64340;border-radius: 2px;margin-left: -15px;}
.page-my .video-preview,.page-my .score-preview{border-radius: 4px;}
.page-my .video-preview .bd{padding: 0 14px;}
.page-my .video-preview .bd li{color: #666;padding: 10px 0;border-bottom: 1px dashed #eee;}
.page-my .video-preview .v-hd,.page-my .score-preview .hd{height: 47px;line-height: 47px;padding: 0 14px;}
.page-my .video-preview .v-hd .titl,.page-my .score-preview .hd .titl{font-size: 16px;color: #333;}
.page-my .video-preview .v-hd .ui-list-info{text-align: right;}
.page-my .video-preview .v-hd a{display: inline-block;width:80px;height:32px;line-height: 32px;background: #BFBFBF;border-radius: 2px;color: #fff;font-size: 14px;text-align: center;}
.page-my .video-preview .zs-img{display:inline-block;width: 34px;height: 34px;}
.page-my .video-preview .v-main{border-top: 1px solid #eee;padding:15px 22px 17px; }
.page-my .video-preview .v-bd{height: 40px;line-height: 39px;color: #444;font-size: 14px;padding: 0 12px;border-top: 1px solid #eee;}
.page-my .video-preview .v-video-box{width: 100%;padding-top: 53.3%;position: relative;overflow: hidden;cursor: pointer;}
.page-my .video-preview .v-video-box .video-img{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.page-my .video-preview .v-video-box .cover{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6) url("../img/play.png") no-repeat center center/60px;}
.page-my .unopend{width: 100%;height: 126px;background: url("../img/time_close.png") no-repeat center 22px/50px;padding-top: 85px;text-align: center;border-top: 1px solid #eee;color: #888;font-size: 14px;}
.page-my .unpass{width: 100%;height: 126px;background: url("../img/warn.png") no-repeat center 22px/50px;padding-top: 85px;text-align: center;border-top: 1px solid #eee;color: #999;font-size: 14px;}
.page-my .unopend .em{color: #333;}
.page-my .score-preview .unopend{height: 150px;}
.page-my .score-preview .hd .ui-list-info{color: #E64340;font-weight: bold;text-align: right;}
.page-my .score-preview .bd{padding: 0 7px;color: #666;font-size: 14px;line-height: 18px;border-top: 1px solid #eee;}
.page-my .score-preview .award-cnt .award-img{width:160px;height:156px;margin: 0 auto;}
.page-my .score-preview .award-cnt{padding: 38px 0 20px;}
.page-my .score-preview .award-cnt .score{font-size: 36px;font-weight: bold;color: #FF2541;text-align: center;margin-top: 30px;line-height: normal;}
.page-my .score-preview .py-cnt{border-top: 1px solid #eee;padding:30px 20px 5px;color: #666;font-size: 14px;}
.page-my .score-preview .py-cnt .stitl{color: #333;font-size: 16px;font-weight: bold;text-align: center;margin-bottom: 8px;}
.page-my .score-preview .py-cnt p span{color: #F57955;font-weight: bold;}
.page-my .score-preview .py-cnt p{margin-bottom: 20px;}
.page-my .score-preview .noaward{color: #333;font-size: 14px;font-weight: bold;text-align: center;line-height: 120px;}
.page-my .video-upload{border-radius: 4px;}
.page-my .video-upload .titl{height:47px;line-height: 46px;border-bottom: 1px solid #eee;color: #333;font-size: 16px;padding: 0 13px;}
.page-my .video-upload .v-qumu{padding: 0 17px 0 14px;color: #333;font-size: 14px;line-height: 38px;border-bottom: 1px solid #eee;}
.page-my .video-upload .v-qumu a{color: #333;}
.page-my .video-upload .v-qumu a img{vertical-align: middle;margin-top: -2px;}
.page-my .video-upload .v-qumu .ui-list-info{padding: 10px 0;line-height: 18px;}
.page-my .video-upload .v-qumu span{color: #CD001A;}
/*.page-my .video-upload .v-qumu span{color: #E64340;}*/
.page-my .video-upload .v-main{padding: 25px 22px;text-align: center;}
.page-my .video-upload .countdown-title{color: #666;font-size: 12px;}
.page-my .video-upload .v-main .no-video{padding-top:30px;padding-bottom: 40px;color: #666;font-size: 12px;}
.page-my .video-upload .v-main .v-video-box{padding-top: 53.3%;position: relative;}
.page-my .video-upload .v-video-box .video-img{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.page-my .video-upload .v-video-box .cover{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8) url("../img/play.png") no-repeat center center/60px;}
.page-my .video-upload .v-video-box .sign{display: block;padding:0 4px;height: 20px;border-radius: 2px;line-height: 20px;text-align: center;font-size: 12px;color: #fff;background: rgba(255, 37, 65, 0.6);position: absolute;right: 9px;top: 8px;}
.page-my .video-upload .v-main .countdown-box{margin-top:5px;height:15px;line-height:15px;color:#999;font-size:12px;margin-bottom: 15px;}
.page-my .video-upload .v-main .countdown-box span{display:inline-block;vertical-align:top;color:#fff;font-size:12px;padding:0 3px;background:#333;border-radius:2px;margin: 0 2px;}
.page-my .video-upload .v-main .btn-box{padding: 0 10px;}
.page-my .video-upload .v-main .btn{height:40px;line-height: 38px;border-radius:2px;background: #F57955;border: 1px solid #F57955;color: #fff;font-size: 14px;}
.page-my .video-upload .v-main .btn.disabled{background: #BFBFBF;border-color: #BFBFBF;}
.page-my .video-upload .v-main .btn.plain{border-color: #333;background: transparent;color: #333;font-weight: bold;}
.page-my .video-upload .qumu-title{font-size: 14px;font-weight: bold;color: #333;text-align: center;padding: 15px 10px 20px;}
.page-my .video-upload .v-video-bd{padding-top: 10px;color: #666;font-size: 12px;}
.page-my .video-upload .v-video-bd .qumu{color: #333;font-size: 16px;font-weight: bold;}
.page-my .video-upload .v-video-bd .status{color: #333;font-size: 14px;margin-top: 5px;font-weight: bold;}
.page-my .video-upload .v-video-bd .btn-box{margin-top: 15px;}
.page-my .video-upload .v-video-bd .countdown-box{margin-bottom: 5px;}
.page-my .video-upload .time{color: #333;font-size: 14px;font-weight: bold;text-align: center;padding-bottom: 20px;}
.page-my .video-upload .time a{font-weight: normal;text-decoration: underline;color: #333;display: inline-block;margin-top: 20px;}
.page-my .video-upload .unopend{border-top: 0;height: 115px;}
.page-my .video-upload .status-score{font-size: 14px;font-weight: bold;color: #FF2541;}
.page-my .unopend .em{color: #333;}
.page-my .unopend-desc{color: #333;font-size: 14px;font-weight: bold;text-align: center;}
.page-my .unopend-link{color: #333;font-size: 14px;text-decoration: underline;padding: 18px 0;display: block;text-align: center;}
.page-my .rate-preview{border-radius: 4px;}
.page-my .rate-preview .hd .btn-green{width: 60px;}
.page-my .rate-preview .hd{height: 50px;line-height: 50px;padding: 0 10px 0 14px;}
.page-my .rate-preview .hd .titl{font-size: 16px;color: #444;}
.page-my .rate-preview .hd .task-num{font-size: 12px;color: #666;padding-left: 7px;}
.page-my .rate-preview .bd{border-top: 1px solid #eee;padding: 26px 42px 20px;text-align: center;}
.page-my .rate-preview .bd .has-rate{margin-bottom: 6px;}
.page-my .rate-preview .bd .has-rate a{font-size: 14px;color: #333;}
.page-my .rate-preview .bd .has-rate a em{font-weight: bold;}
.page-my .rate-preview .bd .has-rate a span{color: #999;font-weight: bold;padding-left: 4px;}
.page-my .rate-preview .bd .score-btn{display:block;height: 43px;line-height: 43px;border-radius: 22px;font-size: 16px;margin-top: 26px;color: #fff;}
.page-my .rate-preview .unopend{border-top: 0;background-position: center 0;padding-top: 63px;height: 90px;}
.page-my .extract-preview{border-radius: 4px;}
.page-my .extract-preview .hd{height: 48px;line-height: 47px;border-bottom: 1px solid #eee;padding: 0 14px;}
.page-my .extract-preview .hd .titl{font-size: 16px;color: #333;}
.page-my .extract-preview .btn{height:32px;line-height: 30px;border-radius:2px;background: #F57955;border: 1px solid #F57955;color: #fff;font-size: 14px;text-align: center;}
.page-my .extract-preview .cnt{padding: 14px;color: #999;line-height: 22px;border-bottom: 1px solid #eee;}
.page-my .extract-preview .bd{text-align: center;color: #666;font-size: 12px;padding: 25px 0;}
.page-my .extract-preview .countdown-box{margin-top:5px;height:15px;line-height:15px;color:#999;font-size:12px;}
.page-my .extract-preview .countdown-box span{display:inline-block;vertical-align:top;color:#fff;font-size:12px;padding:0 3px;background:#333;border-radius:2px;margin: 0 2px;}
.page-my .extract-preview .btn-box{padding: 0 30px;margin-top: 28px;}
.page-my .award-preview{border-radius: 4px;padding: 30px 20px;text-align: center;}
.page-my .award-preview .gxn{font-size: 24px;color: #333;font-weight: bold;}
.page-my .award-preview .mc{color: #CD001A;font-size: 16px;font-weight: bold;}
.page-my .award-preview .price-img img{max-width: 100%;vertical-align: top;}
.page-my .award-preview .price-img{margin: 15px 0 20px;}
.page-my .award-preview .award-title{color: #333;font-size: 14px;margin-bottom: 10px;}
.page-my .award-preview .award-img img{width: 100%;vertical-align: top;}
/*圆环进度条*/
.circle-bar{position: relative;width:116px;height:116px;border-radius: 50%;overflow: hidden;-webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.06), 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 4px 0px 4px 0px rgba(0, 0, 0, 0.06), -4px 0px 4px 0px rgba(0, 0, 0, 0.06);box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.06), 0px -4px 4px 0px rgba(0, 0, 0, 0.06), 4px 0px 4px 0px rgba(0, 0, 0, 0.06), -4px 0px 4px 0px rgba(0, 0, 0, 0.06);margin: 0 auto 15px;}
.circle-bar .cmask{width: 100px; height: 100px;background: #fff;text-align: center;color:#333;line-height:20px;font-size:14px;padding-top:20px;position: absolute;top:8px;left:8px;border-radius: 50%;z-index: 3}
.circle-bar .cmask em{font-weight: bold;}

.role{display: inline-block;vertical-align: middle;padding:0 5px;min-width:30px;height:17px;line-height: 17px;border-radius: 2px;color: #fff;font-size: 12px;text-align: center;margin-left: 9px;margin-top: -2px;}
.bg-orange{background: #F5AB2E;}
.bg-green{background: #09BB07;}
.bg-blue{background: #43BEF6;}
.btn-f5{background: #F57955;}
.student-manage{margin: 0 -15px;}
.student-manage .top-box{height: 50px;line-height: 50px;color: #666;font-size: 12px;padding: 0 14px;}
.student-manage .top-box .titl{color: #333;font-size: 16px;}
.student-manage .top-box span{color: #333;}
.student-manage .student-list li{padding: 20px 15px 18px;border-top: 1px solid #eee;}
.student-manage .student-list li .avatar{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;margin-right: 9px;}
.student-manage .student-list li .name{color: #333;font-size: 14px;font-weight: bold;}
.student-manage .student-list li .other{color: #666;font-size: 12px;margin-top: 10px;}
.student-manage .student-list li .other .line{color: #bbb;padding: 0 4px;}
.student-manage .student-list li .other .qumu{color: #333;}
.student-manage .student-list li .btns{margin-top: 12px;color: #666;font-size: 12px;}
.student-manage .student-list li .btns a{display: inline-block;vertical-align: top;height: 28px;border: 1px solid #333;border-radius: 2px;line-height: 26px;padding: 0 7px;color: #333;font-size: 14px;margin-left: 10px;}
.student-manage .student-list li .btns .ui-list-info{padding-right: 18px;}
.page-my .page-list{font-size: 0;text-align: center;padding:30px 14px 20px;}
.page-my .page-list a{display: inline-block;vertical-align: top;width:28px;height:28px;line-height: 28px;text-align: center;background: #333;border-radius: 4px;margin: 0 4px;color: #fff;font-size: 12px;}
.page-my .page-list .next,.page-my .page-list .pre{width:54px;}
.page-my .page-list .on{background: #2953FF;}
/*弹窗*/
.enroll-popup-container{display:none;position:fixed;left:auto;bottom: 0;width: 100%;height:100%;max-width: 750px;background:rgba(0,0,0,.6);z-index: 200; }
.enroll-popup-container .pop-box{position:absolute;width:100%;bottom:0;background: #fff;border-radius:10px 10px 0px 0px;text-align:center;padding: 0 16px 100px;}
.enroll-popup-container .pop-box .pop-titl{color: #333;font-size: 18px;font-weight: bold;height: 60px;line-height: 60px;}
.enroll-popup-container .pop-box .tip{color: #C53423;font-size: 14px;}
.enroll-popup-container .close-btn{display:block;width:14px;height:14px;position: absolute;left: 23px;top: 23px;background:url("../img/close.png") no-repeat center top/14px; }
.enroll-popup-container .weui-cell{height: 50px;padding: 0;text-align: left;}
.enroll-popup-container .weui-cells{margin-top: 0;font-size: 16px;}
.enroll-popup-container .group-list .weui-picker-modal{background: #fff;}
.enroll-popup-container .weui-cell__ft{color: #666;font-size: 16px;padding-right: 20px;}
.enroll-popup-container .weui-cell__bd{text-align: left;}
.enroll-popup-container .group-list{height: calc(100vh - 190px);}
.enroll-popup-container .group-list .weui-picker-modal .picker-item{height: 50px;line-height: 50px;color: #999;font-size: 16px;}
.enroll-popup-container .group-list .weui-picker-modal .picker-item.picker-selected{color: #333;}
.enroll-popup-container .group-list .weui-picker-modal .picker-center-highlight{height: 50px;margin-top: -25px;}
.enroll-popup-container .pop-btn{position: absolute;left:0;bottom:12px;width:100%;text-align: center;}
.enroll-popup-container .pop-btn a{display:inline-block;width: 160px;}@media screen and (max-width: 340px) { .enroll-popup-container .pop-btn a{width: 42%;}  }
.enroll-popup-container .full{height:93%;height: calc(100% - 44px);}
.enroll-popup-container.tips-upload-avatar .avatar{margin:20px auto 10px;width:60px;height:60px;border-radius:50%;overflow:hidden;}
.enroll-popup-container.tips-upload-avatar .fragment-content{text-align:center}
.weui-picker-modal.picker-modal-inline,.weui-picker-modal .picker-modal-inner{height: 99%;}
.enroll-popup-center .cpop-box{position:absolute;top:50%;left:50%;width:92%;width:calc(100% - 30px);border-radius: 10px;background: #fff;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);padding: 0;}
.enroll-popup-center .cpop-box .cpop-titl{height: 61px;line-height: 60px;border-bottom: 1px solid #eee;color: #333;font-size: 18px;font-weight: bold;text-align: center;}
.enroll-popup-center .cpop-box .tip{color: #666;font-size: 14px;line-height: 24px;}
.enroll-popup-center .cpop-box .tip em{color: #333;font-weight: bold;}
.enroll-popup-center .cpop-box .confirm{color: #E64340;font-size: 16px;text-align: center;font-weight: bold;margin-top: 25px;}
.enroll-popup-center .cpop-box .cpop-btn{margin-top: 25px;padding: 0 8px;}
.enroll-popup-center .cpop-box .cpop-btn a{display: block;width: 100%;}
.enroll-popup-center .cpop-box .cpop-btn .sure-btn{margin-bottom: 16px;}
.enroll-popup-center .cpop-box .cpop-cnt{padding:18px 20px 22px;}
/*视频弹框*/
.pop-video-box .cover{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2000}
.pop-video-box .close{position:absolute;top:0;right:20px;font-size:50px;color:#fff;z-index:999;cursor:pointer;}
.pop-video-box .video-box{display:none;position:fixed;top:50%;left:50%;width:100%;height:80%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2001}
.pop-video-box.show .cover,.pop-video-box.show .video-box{display:block}
#player-container-id{width:100%;height:100%;}
/*抽取考题弹窗*/
.extract-popup-container{display:none;position:fixed;left:auto;bottom: 0;width: 100%;height:100%;max-width: 750px;background:rgba(32,32,32,.4);z-index: 200;padding-top:77px;padding-top: calc(50vh - 264px);}
.extract-popup-container .extract-popup-box{background: url("../img/extract_bg.png") no-repeat center top/cover;width: 334px;height: 361px;margin: 0 auto;padding-top: 100px;}
.extract-popup-container .hide-btn{display: block;width: 48px;height: 51px;background: url("../img/extract_cha.png") no-repeat center center/100%;margin: 19px auto 0;}
.extract-popup-container .test-box{padding-top:90px;height:163px;color: #262B29;font-size: 18px;font-weight: bold;text-align: center;}
.extract-popup-container .operate-btn{display: block;width: 196px;height: 58px;background: url("../img/extract_start.png") no-repeat center center/100%;margin: 0 auto;}
.extract-popup-container .operate-btn.stop{background-image: url("../img/extract_stop.png");}
.extract-popup-container .operate-btn.sure{background-image: url("../img/extract_sure.png");}
.extract-popup-container .finial{padding-top: 65px;}
.extract-popup-container .finial .f-titl{color: #FB9172;margin-bottom: 15px;}
/*上传比赛视频*/
.page-publish .publish-top{padding: 0 18px;position: relative;}
.page-publish .publish-top textarea{display: block;vertical-align: top;border: none;width:100%;min-height: 55px;padding: 10px 0;font-size: 14px;color: #999;}
.page-publish .upload-box{padding: 0 18px 57px;}
.page-publish .status{padding-left: 2px;color: #666;}
.page-publish .status.fail{color: #C53423;}
.page-publish .weui-progress{padding: 5px 0;position: relative;}
.page-publish .weui-progress__bar{background: #DCDCDC;}
.page-publish .weui-progress .percentage{display:block;position: absolute;right: 32px;top:-16px;color: #666;}
.page-publish .weui-progress__inner-bar{background: #4EACFE;}
.page-publish .weui-progress__opr{width:14px;height:14px;line-height: 14px;border-radius: 50%;background: #C53423;color: #fff;text-align: center;font-size: 14px;margin-left: 20px;}
.page-publish .tip{color: #999;font-size: 12px;margin-top: 5px;}
.page-publish .sure-btn{display:block;height:38px;line-height:38px;background:#E64340;color:#fff;font-size:15px;text-align:center;border-radius:2px;margin-top: 29px;}
.page-publish .sure-btn.disabled{background:#BFBFBF;}
.page-publish .notice-box{color: #666;font-size: 14px;line-height: 24px;padding:25px 0;}
.page-publish .notice-box p:first-child{font-size: 16px;}
.page-publish .notice-box p{margin-bottom: 10px;}
.publish-footer{height: 57px;-webkit-box-shadow:0px -4px 6px 0px rgba(0, 0, 0, 0.2);box-shadow:0px -4px 6px 0px rgba(0, 0, 0, 0.2);padding: 10px 27px;background: #fff;}
.publish-footer a{height: 36px;line-height: 34px;border-radius:18px;width: 50%;margin: 0 auto;}
.publish-footer a.disabled{background: #BFBFBF;border-color: #BFBFBF;}
.publish-footer .btn-plain{color: #666;border-color: #bbb;}
.weui-toast{font-size: 14px;}
.page-upload-video .second-title{padding-bottom: 18px;}
.page-upload-video .upload-box{padding: 0 0 20px;}
.page-upload-video .notice-box{ padding: 20px 18px;}
.page-upload-video .weui-progress__inner-bar{background: #EF3F22;}
.page-upload-video .sure-btn{border: 1px solid #BBBBBB;background: #fff;color: #666;line-height: 36px;}
.page-upload-video .sure-btn.upload-video{background: #F7662D;border-color:#F7662D;color: #fff;}
.page-upload-video .sure-btn.disabled{background: #BFBFBF;border-color: #BFBFBF;color: #fff;}
.page-upload-video .user-box{background:#fff;border:1px solid #E5E5E5;-webkit-box-shadow:0px 4px 6px 0px rgba(0, 0, 0, 0.06), 0px -4px 6px 0px rgba(0, 0, 0, 0.06);box-shadow:0px 4px 6px 0px rgba(0, 0, 0, 0.06), 0px -4px 6px 0px rgba(0, 0, 0, 0.06);border-radius:4px;padding: 9px 12px 10px;font-size: 16px;color: #333;margin-bottom: 15px;}
.page-upload-video .user-box .avatar{width: 31px;height: 31px;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.page-upload-video .user-box .song{color: #333;font-size: 14px;margin-top: 8px;}
.page-upload-video .user-box .song span{color: #E64340;}
.page-upload-video .user-box .song input{height: 32px;background: #EEEEEE;border: 1px solid #DCDCDC;border-radius: 4px;padding: 0 10px;color: #333;font-size: 14px;line-height: 30px;margin-left: 10px;}
.page-upload-video .limit-tip{color: #CD001A;font-size: 14px;margin-top: 10px;}
.page-lectures-list .top-box{padding: 0 16px 18px;margin-bottom: 8px;}
.page-lectures-list .top-box .v-tip{color: #E64340;font-size: 12px;padding-left: 6px;}
.page-lectures-list .top-box .total{color: #333;font-size: 14px;}
.page-lectures-list .top-box p{color: #666;font-size: 12px;margin-top: -5px;}
.page-lectures-list ul li{border-bottom: 1px solid #eee;}
.page-lectures-list ul li a{padding: 15px 18px;-webkit-box-align: start;}
.page-lectures-list ul li .thumb{width: 114px;height: 75px;border: 1px solid #B2B2B2;padding: 3px;margin-right: 16px;}
.page-lectures-list ul li h3{color: #333;font-size: 16px;}
.page-lectures-list ul li .state{color: #333;font-size: 12px;margin: 8px 0 4px;}
.page-lectures-list ul li .user{color: #666;font-size: 14px;}
.no-data{height:120px;background:#fff url("../img/no_data.png") no-repeat center 27px/48px 40px;padding-top: 76px;color: #999;font-size: 14px;text-align: center;}
/*讲座*/
.page-lectures-show .video-box{position: relative;padding-top: 53.3%;}
.page-lectures-show .video-box .video{width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.page-lectures-show .video-box .cover-play{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: rgba(0,0,0,.6);}
.page-lectures-show .video-box .cover-text{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: rgba(0,0,0,.6);color: #fff;font-size: 14px;line-height: 24px;text-align: center;}
.page-lectures-show .video-box .cover-text em{font-weight: bold;}
.page-lectures-show .video-box .cover-text p{position: absolute;top:50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.page-lectures-show .video-box .cover-text p a{color: #EC6941;font-weight: bold;text-decoration: underline;}
.page-lectures-show .intro-box{padding: 15px 14px 18px;margin-bottom: 10px;}
.page-lectures-show .intro-box h1{color: #333;font-size: 18px;}
.page-lectures-show .intro-box .state{color: #333;font-size: 12px;margin: 12px 0 10px;}
.page-lectures-show .intro-box .user{color: #666;font-size: 14px;}
.page-lectures-show .operate-box .second-title{padding:17px 15px;border-bottom: 1px solid #eee;}
.page-lectures-show .operate-box .second-title .line{background: #E64340;}
.page-lectures-show .operate-box .cnt-box{padding: 14px 17px 90px;}
.page-lectures-show .open-app{height: 44px;padding: 0 15px;bottom: 20px;}
.page-lectures-show .open-app a{height: 44px;border-radius: 22px;line-height: 42px;}
.page-lectures-show .form-panel{padding: 20px 15px 30px;}
.page-lectures-show .form-panel .form-item input{width:100%;height:44px;border: 1px solid #E5E5E5;line-height: 42px;padding:0 0 0 12px;font-size: 14px;border-radius:2px;}
.page-lectures-show .form-panel .form-code input{margin-right: 8px;width: calc(100% - 102px);}
.page-lectures-show .form-panel .form-code button{width:94px;height:32px;background: #fff;border-radius:2px;color: #333333;font-size: 14px;border: 1px solid #bbb;padding: 0;}
.page-lectures-show .form-panel .form-item{margin-bottom: 15px;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.page-lectures-show .form-panel .submit-btn{display: block;width:100%;height:44px;line-height: 44px;border-radius:22px;background: #F7662D;color: #ffffff;font-size: 16px;text-align: center;margin-top: 28px;font-weight: 400;border: 1px solid #F7662D;}

/*重奏组*/
.bjzm-page-my .video-upload .v-qumu{height: auto;padding:8px 17px 8px 14px;line-height: 23px;color: #343434;}
.bjzm-page-my .enroll-preview{padding: 0;}
.bjzm-page-my .enroll-preview .bd .titl{font-size: 14px;border-bottom: 0;line-height: 40px;height: 40px;}
.bjzm-page-my .unopend{border-top: none;}
.bjzm-page-my .diabled-upload-btn{background: #BCBCBC !important;color: #fff !important;border: none; position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);margin-top: 0;}
.bjzm-page-my .enroll-preview .ui-flex{position: relative;}
.bjzm-page-my .enroll-preview .ui-flex .right-btn{position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);color: #333333;font-size: 14px;font-weight: bold;}
.bjzm-page-my .chongzou-userview{text-align: center;font-size: 24px;color: #333;font-weight: bold;height: 80px;line-height: 80px;}
.bjzm-page-my .enroll-preview .bd li{padding: 0;-webkit-box-align: start;}
.bjzm-page-my .enroll-preview .bd li .ui-list-info{padding-top: 10px;}
.bjzm-page-my .enroll-preview .bd li:last-child{border-bottom: 1px dashed #eee;}
.bjzm-page-my .d-tip{color: #333;font-size: 12px;font-weight: bold;text-align: center;}
.bjzm-page-my .video-upload .bd{padding: 0 8px;}
.mt25{margin-top: 25px;}
/*报名*/
.page-enrollS .top-box{padding: 18px 15px;border-bottom: 1px solid #eee;}
.page-enrollS .top-box h1{color: #333;font-size: 20px;font-weight: bold;}
.page-enrollS .top-box p{color: #999;font-size: 14px;margin-top: 15px;}
.page-enrollS .cnt-box{padding: 15px 20px 18px;border-bottom: 1px solid #eee;}
.page-enrollS .bottom-box{padding: 20px;color: #333;font-size: 14px;}
.page-enrollS .bottom-box .code-img{width: 87px;height: 87px;margin-right: 15px;}
.page-enrollS .bottom-box .ui-list-info p:last-child{color: #666;font-size: 12px;margin-top: 25px;}
/*首页-成绩公布*/
.second-title .line-tips-sec{font-size: 12px;color:#999;}
.tabs-ul{clear:both;overflow:hidden;border:solid #eee;border-width:1px 0 0 1px;}
.tabs-ul li{float:left;text-align:center;height:44px;}
.tabs-ul li a{font-size:14px;display:block;border:solid #eee;border-width:0 1px 1px 0;color:#666;line-height: 43px;text-align: center;}
.tabs-ul li.on{background: #333;}
.tabs-ul li.on a{color: #fff;}
.ui-col-50{float:left;width: 50%;}
.score-type-title{color: #666666;font-size: 12px;line-height: 42px;margin-top: 15px;margin-bottom: -10px;}
.score-type-title img{margin-right: 5px;margin-top: -3px;}
.showscore-title{font-size: 0;margin-top: 15px;padding-bottom: 4px;}
.showscore-title>div{font-size: 14px;color: #999;display: inline-block;}
.showscore-title>div:nth-child(1){width: 20%;text-align: left;}
.showscore-title>div:nth-child(2){width: 60%;text-align: center;}
.showscore-title>div:nth-child(3){width: 20%;text-align: right;}
.showscore-content{font-size: 0;margin-top: 8px;display: flex;align-items: center;}
.showscore-content>div{font-size: 14px;color: #333;display: inline-block;}
.showscore-content span{display:inline-block;vertical-align:middle;width: 24px;height: 17px;border-radius: 100px;background: #FFA2AE;border: 1px solid #FF8797;color: #fff;font-size: 12px;text-align: center;margin-left: 5px;line-height: 15px;margin-top: -2px;}
.showscore-content img{margin-right: 9px;margin-top: -3px;}
.showscore-content>div:nth-child(1){width: 20%;text-align: left;font-weight: bold;}
.showscore-content>div:nth-child(2){width: 60%;text-align: center;}
.showscore-content>div:nth-child(3){width: 20%;text-align: right;}

.rich-popup{display:none;position:fixed;left:auto;bottom: 0;width: 100%;height:100%;max-width: 750px;background:#fff;z-index: 200;padding: 0 15px;}
.rich-popup .header{font-size: 18px;font-weight: bold;color: #333;text-align: center;padding: 20px 0 40px;}
.rich-popup .fragment-content{max-height: calc(100vh - 86px);overflow-y: auto;color: #333;}
.rich-popup .cha-btn{display: block;width: 20px;height: 20px;position: absolute;right: 16px;top: 23px;background: url("../img/popup_cha.png") no-repeat center center/100%;}