@charset "UTF-8";
/* bootstarp glyphicon */
@import "bs-glyphicon.css";
body{-webkit-user-select: unset;}
body,h1,h2,h3,h4,h5,h6{color:#333;}
input,button{-webkit-appearance: none;}
.ui-header{height:44px;line-height:44px;}
.ui-header ~ .ui-container{border-top:44px solid transparent; }
.ui-header h1{color:#000;font-weight:bold;font-size:.16rem; }

.ui-btn, .ui-btn-lg, .ui-btn-s {background:#fff;color:#7D4792;border-radius:3px;}.ui-btn-lg:before{border-color:#7D4792;}
.ui-btn-lg {font-size:14px;height:40px;line-height:40px;}
.ui-btn.disabled,.disabled.ui-btn-lg,.disabled.ui-btn-s,.ui-btn:disabled,.ui-btn-lg:disabled,.ui-btn-s:disabled,.ui-btn.disabled:before,.disabled.ui-btn-lg:before,.disabled.ui-btn-s:before,.ui-btn:disabled:before,.ui-btn-lg:disabled:before,.ui-btn-s:disabled:before{border:1px solid #e4e4e4;}

.ui-list > li{margin-left:0;padding-left:15px;}
.ui-list-img {width:120px;height:79px; }

.ui-slider-content > li{-webkit-box-flex:0;}

.ui-tab-nav li{min-width:64px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ui-tab-nav li.current {border-bottom: 2px solid transparent!important;}

.ui-dialog-ft{border-top: 1px solid #f2f2f2;}
.ui-dialog-ft button {border-right: 1px #f2f2f2 solid;}

.ui-border-t{border-top:1px solid #f2f2f2;background:none;}
.ui-border-b{border-bottom:1px solid #f2f2f2;background:none;}
.ui-border-tb{border-top:#f2f2f2 1px solid;border-bottom:#f2f2f2 1px solid;background-image:none;}
.ui-border-l{border-left:1px solid #f2f2f2;background:none;}
.ui-border-r{border-right:1px solid #f2f2f2;background:none;}
.ui-border{border:1px solid #f2f2f2;background:none;}
.ui-border-radius{border:1px solid #f2f2f2;border-radius:4px;}
.ui-header span{padding-left: 0;}
.ui-header h1{text-align: center;}
/*标题*/
.content-title{position:relative;height:50px;margin-top: 9px;}
.content-title .headline{position:absolute;top:50%;margin-top:-12px;line-height:24px;}
h2.headline,ul.headline li{font-size:16px;color:#666;}
h2.headline i,ul.headline li i{position:relative;top:2px;display:inline-block;width:4px;height:16px;background-color:#7D4792;margin-right:8px;margin-top: -1px;}
ul.headline li,ul.headline li a{font-size:.14rem;color:#666;}
ul.headline li:first-child{font-size:.16rem;}
ul.headline em{margin-right:15px;}
h5 a{color:#333;}
/*推荐热门，最新，切换标题*/
.wrap-tabs{padding-top:20px;}
.wrap-tabs ul.headline{position:relative;}
.wrap-tabs ul.headline li:nth-of-type(2){position:absolute;top:0;right:105px;}@media(max-width:320px){.wrap-tabs ul.headline li:nth-of-type(2){right:90px;}}
.wrap-tabs ul.headline li:nth-of-type(3){position:absolute;top:0;right:60px;}@media(max-width:320px){.wrap-tabs ul.headline li:nth-of-type(3){right:50px;}}
.wrap-tabs ul.headline li:nth-of-type(4){position:absolute;top:0;right:15px;}@media(max-width:320px){.wrap-tabs ul.headline li:nth-of-type(4){right:10px;}}

/*推荐顶部标签*/
.ui-list-img{position:relative;}
.ui-list-img i{position:absolute;top:8px;left:8px;padding:1px 5px;font-size:12px;color:#fff;background-color:rgba(0,0,0,.4);border-radius:2px;}

/*作者文字及时间*/
.author,.time{font-size:.14rem;color:#999;}
.author a,a .author{font-size:.12rem;color:#5c85ae;}
.author .time{font-size:.12rem;}

/*公共magin,padding,背景色...*/
.mt10{margin-top: 10px;}
.mb10{margin-bottom:10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.pb20{padding-bottom: 20px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.bgc-f{background-color:#fff;}
.bgc-f2{background-color:#f2f2f2;}
.bgc-f4{background-color:#f4f4f4;}
.bgc-f8{background-color:#f8f8f8!important;}
.bgc-fc0{background-color:#fc0;}
.bgc-e4{background-color:#e4e4e4;}
.bgc-28{background-color:#282828;}
.bgc-e{background-color:#eee;}.bgc-7d{background-color:#7D4792;}
.color-price{color:#666;}
.color-9{color:#999;}
.color-orange{color:#FC6025;}
.color-green{color:#24AC39;}
.img20{width:20px;height:20px;}
.img24{width:24px;height:24px;}
.img30{width:30px;height:30px;}
.c-b1{color:#b19462!important;}
.border-79{border:1px solid #797979;}
.line-through{text-decoration:line-through;}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after {clear:both}
.fz12{font-size:.12rem;}
.fz14{font-size:.14rem;}
.fz16{font-size:.16rem;}
.fz18{font-size:.18rem;}

/*对话框,弹出框*/
.ui-dialog-cnt{background:#fff;color:#000;text-align:center;border-radius:2px;border-top:4px solid #7D4792;}
.ui-dialog-bd{padding:10px;}
.ui-dialog-ft,.ui-dialog-ft button{color:#000;border:none;font-size:18px;}

.dialog-share h4{font-size:.18rem}
.dialog-share .ui-dialog-cnt{border-top:none;border-radius:6px;background:rgba(253, 253, 253, 0.95);}
.dialog-share .ui-dialog-bd{padding:18px;}
.dialog-share .ui-dialog-ft{border-top:1px solid #f2f2f2;font-size:.16rem;}

.dialog-wx-login .ui-dialog-cnt{border-top:none;border-radius:2px;}
.dialog-wx-login h4{padding-top:30px;font-size:12px;color:#666;line-height:1}
.dialog-wx-login .btn-wx-login{margin-bottom:34px;display:inline-block;background:#22AC38;color:#fff;font-size:14px;width:238px;height:40px;line-height:40px;border-radius:2px;}
.dialog-wx-login .btn-wx-login>img{width:22px;vertical-align:middle;margin-right:8px;}
.dialog-wx-login .has-account-tips{position:relative;font-size:12px;color:#999;}
.dialog-wx-login .has-account-tips .line{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:77px;height:1px;background:#eee;}
.dialog-wx-login .has-account-tips .line.l{left:-77px;margin-left:-15px;}
.dialog-wx-login .has-account-tips .line.r{right:-77px;margin-right:-15px;}
.dialog-wx-login .btn-wx-others{margin-top:10px;margin-bottom:20px;display:inline-block;background:#fff;color:#666;border:1px solid #D2D2D2;font-size:14px;width:238px;height:40px;line-height:38px;border-radius:2px;}

.actionsheet-talking button,.actionsheet-talking h4{background:#fff;border-radius:0}
.actionsheet-talking h4 {font-size:.14rem;color:#666;}
.actionsheet-talking .ui-actionsheet-cnt{font-size:.18rem;padding:0;}
.actionsheet-talking button:nth-last-child(2){color:#FF4630;border-radius:0;}
.actionsheet-talking button:last-child{color:#333;margin-bottom:0;border-radius:0;}

/*相邻图片文字距离*/
.between-pic-txt{display:inline-block;width:8px;}
/*图片统一格式*/
.add-img{position:absolute;top:50%;display:inline-block;background-size:100% 100%}
.data-photo{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background-size:cover}
/*标题*/
.topbar,.live-topbar{height:44px;position:relative}
.topbar img,.live-topbar img{height:16px;}
.menu-box span{position:absolute;margin-left:40px;font-size:.14rem;color:#fff;}@media(max-width:320px){.menu-box span{margin-left:35px;}}
.topbar h1 span{margin-left:.26rem;color:#fff;}
.topbar h1 img{height:20px;}
.btn-logo{margin-top:-10px;width:20px;height:20px;}
.btn-head-share{right:15px;margin-top:-8px;}@media(max-width:320px){.btn-head-share{right:10px;}}
.topbar>a:last-child img{right:15px;}@media(max-width:320px){.topbar>a:last-child img{right:10px;}}
.ui-header{height:88px;}
.ui-header ~ .ui-container{border-top:88px solid transparent;}
.margin-foot{border-bottom:70px solid transparent;}
.ui-footer{height:42px;}

.pd0{padding: 0;}
/*直播课专属标题*/
.live-topbar img{vertical-align:middle;padding-right:8px;}
.live-topbar h1 span{color:#fff;font-size:.16rem;}
.live-topbar h1 img{height:20px;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px);}
.live-topbar>a{position:absolute;top:0;}
.live-topbar>a span{color:#fff;font-size:.14rem}
.live-topbar>a:first-child{left:15px;}@media(max-width:320px){.live-topbar>a:first-child{left:10px;}}
.live-topbar>a:last-child{right:8px;}@media(max-width:320px){.live-topbar>a:last-child{right:3px;}}
.live-topbar>a:nth-last-child(2){right:40px;}
.live-topbar .box-reload{padding:0 10px;}
.live-topbar .box-reload:before{content:"";z-index:-1;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:0;display:block;width:100%;height:26px;background:#68387A;border-radius:2px;}
/*搜索*/
.ui-searchbar-wrap{background:#68387A;}
.ui-searchbar{background:rgba(255,255,255,.8);color:#999;border-radius:2px;-webkit-box-pack:start;-webkit-box-align:start;}
.ui-searchbar .ui-icon-search{color:#999}
.ui-searchbar input{color:#fff;}
.ui-searchbar input::-webkit-input-placeholder{color:#fff;}
.ui-searchbar-wrap .glyphicon-remove{display:none;padding-right:7px;line-height:30px;color:#eee}
.ui-searchbar-wrap .ui-searchbar-cancel {color:#fff;}
/*标题*/
.fir-title li{line-height:44px;}
.fir-title a,.ui-tab.tab1 .ui-tab-nav li:before{padding:10px 2px;font-size:14px;color:#666;border-bottom:4px solid transparent;}
.fir-title li.active a,.ui-tab.tab1 .ui-tab-nav .current:before{color:#333;border-bottom-color:#7D4792}
.fir-title li.active a{font-weight:bold;}
/*轮播图*/
.ui-slider{padding-top:42.6%;}
.ui-slider-content > li a{display:block;width:100%;height:100%;}
.ui-slider-indicators{bottom:12px}
.ui-slider-indicators li{width: 8px;height: 8px;background-color: rgba(255, 255, 255, 0.5);margin-right:8px}
.ui-slider-indicators li.current:before{background-color: #EDC227;left:0;top:0;width:100%;height:100%}

.live-thumb-txt>li{border-bottom:7px solid #eee;padding-top:15px;}
.thumb-txt-bd{display:block}
.thumb-txt-bd .thumb{position:relative;padding-top:56.21%}
.thumb-txt-bd .thumb i{position:absolute;top:0;width:100%;height:100%}
.thumb-txt-bd .title{font-weight:bold;color:#333;font-size:16px;line-height:40px}
.author i,.page-live-state .author-with-name i{border-radius:50%;overflow:hidden;background-size:contain;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAABI5JREFUaIHFmjtsHFUUhr9575gxWu+DAokQgoQFFCALilQoIKVLhQxYIEV0SQMVFRIFiIoGGpAbFEUK4SEa0lEkZQreBQ8HAQEkFzFar/F6H+PdHYo7s7tZdnbm3jsbf5WtmXPOf/beOfdpbG9vUxD3AaeAJ4BV4DhQA+4CDKAF/APcBLaAr4FrwN9FBDc0EzkGnAVeAB5R9PET8DFwEfhTVYhqIo8BrwPPAqZq8CmGwOfA28APssayIu4BLgDfAesK9lla1mPfF+JYUsZ5WUf07bOIPr8ojDjGVhwzF3kScYH3gU+BspI0NcpxzA9iDXPJSiQArgDn9XUpcy7WEMx7aV4iS8CXwOkCRalyGqFlKe2FtERcxK9wcgGiVDkJfEFKN0tL5F3g6UUp0uAZ4L1ZD2aNI88jBihlXNelVCrhui6GIQpcv9+n2+3S6XR0XCdsTGucTuRe4Ec0qlO5XMb3/dTn/X6fZrPJ4eGhagiAJvAoMBI/3bXeQSOJWq02NwkA27ap1Wq4bmZFnUcZoXXEZCJriCZTYmVlBcdxcr9frVYxTa2JwQZCM3B7Im+gOGI7jkOpVJK2W15eVgmXYCA0A+NE7gfOqHpcWkot73PxfX9UDBQ5AzwA40ReQmMCKNOlJjEMA9u2VcOC0Pxy8gfAi1reNPq65ncCYrjARKzsHtbxFEXRkdjGPAScMClgBFcdE6Io0h1PEk6ZiDW2Fu12W8mu2+0W0SIAj5uIptEiDEN6vZ603f7+vm7ohFUTeLAIT7u7uwwGg4W9n8EJE6gX4SmKInZ2djJbZjAY0Gg06Ha7RYRNKNvA3UV5i6KIRqOB53n4vo/jOFiWRRRFo9lvu90u6ruYZFlrNEqj1+uNWsYwjEUI/x8m8O8iA9yJJICWDexQUPfyPA/btjFNM3UOFUURw+GQfr+vVOlS2LWB39CoXIZhEAQBvu9jWZaU7WAwoNPp0Gq1dFvudxO4oWrtui71ep0gCKSTALAsiyAIqNfrugutLROxKy6N53lUq1WlBKaxLItqtYrneaouvjeBqyqBK5WKatBUKpWK6g9zzUScT/wsY1UuL27nVMH3r8TfCMClvFaO4+j257m4riu7UPsExgurS4jziUxUl7UySMQYAh/COJGbiC3STFSXtTJIxLgC/AG3r9PfAjKLeQFL00xyxoiAN0c2Ew++AS5nWRdRbguKcRn4NvlnOvXXENuRqaiuBmU4ODjIeqWJ0Dpieva7jTjUSW2Zvb09Op0OnudhWRaWZWEYhtL+VDItGQ6Ho/lXGIaEYZhlep6Jfd9ZiYDY5X4KcVI0k5zBFsUmM04L0r6qV1EY8e8AV4FXZj1ISyREbEdeX5QiBa4jNM3sCvPqXJvx2d1Rk5xlplaarILdQvwKmwWKkmUz1tCa91KekSdEfPjPkVGaC6aJ2Nc9R0p3mkRmmP4McevnIjlmABpEcYxVxIWBXMjON24hrlesIRLLNdHMyTD2uRbHuCVjXNQ1pw3Ud/R/AT7iiK45zeIY4uLZk4j95OOIi2fJ1YvJi2c3gK8QF8/+KiL4f4ZLPo6p0jiPAAAAAElFTkSuQmCC');}
.author i{display:block;margin-right:10px;width:100%;height:100%;}
.thumb-txt-ft{border-top:1px solid #eee}
.thumb-txt-ft.ui-list > li{padding-left:0;line-height:20px;}
.thumb-txt-ft .ui-list-thumb{margin-right:7px;width:20px;height:20px;}
.thumb-txt-ft .ui-list-info{padding-right:0}
.thumb-txt-ft li h4{font-size:12px;color:#666;}
.thumb-txt-ft .ui-txt-info{font-size:14px;color:#999;}
.thumb-txt-ft .ui-txt-info.needs-to-buy{color:#EB6100;}
.live-btn-lg .ui-btn-wrap{padding:10px;}
.live-btn-lg .ui-btn-lg{border-radius:2px;}

.page-live-index .content-title h2,.page-purchased .content-title h2{padding-top:5px}

.per-info-show{height:1.2rem;border-top:1px solid #eee;border-bottom:7px solid #eee}
.per-info-show .ui-avatar{width:.6rem;height:.6rem;}
.per-info-show .name{margin-top:.1rem;color:#333;font-size:.14rem;font-weight:bold}

.not-purchased{height:1.94rem}
.not-purchased .thumb,.search-no-live .thumb{width:1.2rem}
.not-purchased .txt,.search-no-live .txt{padding-top:.16rem;font-size:.14rem;color:#999;}
.search-no-live{height:3rem}
.not-purchased .txt{padding-top:.3rem;}
/*商品页*/
/*带背景图标题*/
.img-title,.go-to-live{padding-top:56.25%;position:relative;height:auto;}
.img-title{position: relative;-webkit-box-shadow: none;box-shadow: none;}
.img-title .img-cover{position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.4);z-index: 88;}
.img-title .info{position:absolute;left:0;bottom:17px;z-index:90;}
.img-title .info h3{font-size:18px;color:#fff;font-weight: 400;}
.img-title .info .other img{vertical-align: top;margin-right: 6px;border-radius: 50%;}
.img-title .info .other{color: #ddd;font-size: 12px;margin-top: 5px;}
.fr{float: right;}
.goods-other{height: 48px;background: #1B1B1B;padding:0 .12rem;}
.goods-other .price{line-height:48px;font-size: .18rem;color:#FF6702;font-weight: bold;}
.goods-other .price span{color: #999;font-size: .12rem;text-decoration: line-through;font-weight: 400;}
.goods-other .time{text-align: right;font-size: .12rem;color: #999;padding-top: 6px;}
.goods-other .time span{display: inline-block;vertical-align: middle;padding:0 3px;height:15px;line-height: 15px;background: #DCDCDC;color: #1B1B1B;border-radius: 1px;margin:0 1px;}
.goods-other .time p:last-child{font-weight: bold;}
.goods-other .timeup{color: #fff;text-align: right;font-size: .12rem;line-height:48px;}
.goods-other .timeup span{display: block;width:60px;}
.goods-other .timeup span.circle{display:inline-block;vertical-align:middle;width:6px;height:6px;background: #bbb;border-radius: 50%;margin-right: 3px;}
.goods-desc{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:.11rem;background:#242424;color: #999;font-size: .12rem;font-weight: 400;padding-left:.1rem;}
.goods-authority{padding:.11rem .12rem;background: #242424;}
.goods-authority span{display:inline-block;vertical-align:top;padding:0 7px;height:23px;line-height: 23px;border: 1px solid #FFAD76;border-radius: 12px;color: #FFAD76;font-size: .12rem;margin-right: 7px;}
.program-info .title{position:relative;height:44px;line-height:44px;}
.program-info img{max-width: 100%;}
.program-info .title span{padding-left:24px;}
.program-info .cnt{line-height:.2rem;padding:.14rem .16rem;}
.program-info .crowd,.program-info .target,.program-info .lecture{background: #fff;margin-bottom: 5px;}
.program-info .title:before{content:'';position: absolute;left:13px;top:13px;width:4px;height:18px;background: #FF6702;}
.order-num{position: absolute;padding:0 5px;height:20px;line-height:20px;border-radius: 2px;font-size: .12rem;color: #fff;background: rgba(0, 0, 0, .6);top:14px;right:10px;z-index: 88;}
.curriculum-promotion,.box-video{font-size:0;overflow:hidden}
.curriculum-promotion img{width:100%;}

.box-video>video{width:100%}

.pay-confirm{height:42px;line-height:42px;text-align: center;}
.pay-confirm a{display:block;width:100%;background:#FF6702;color:#fff;height:42px;line-height:42px;font-weight: bold;}
.video-goods .video-intro{background: #1B1B1B;padding:.1rem .12rem;}
.video-goods .num{font-size: 12px;color: #fff;margin-bottom: 10px;opacity: .6;}
.video-goods h3{font-size: 18px;color: #fff;line-height: 24px;}
.video-goods .video-intro .other img{vertical-align: top;margin-right: 6px;border-radius: 50%;}
.video-goods .video-intro .other{color: #ddd;font-size: 12px;margin-top: 5px;}
.video-goods .box-video{height: 200px;}
/*直播互动,课程简介切换*/
.ui-tab.tab1 .ui-tab-nav li:before{content:attr(ribbon)}

/*播放状态*/
.page-live-state .title{font-weight:bold;color: #333;line-height: 24px;padding: 12px 0 10px;}
.page-live-state .info{padding-top:.05rem;padding-bottom:.1rem;display:inline-block;max-width:100%;color:#666;line-height:20px;}
.page-live-state .state-icon{display:inline-block;vertical-align:middle;width:58px;border:1px solid #666;border-radius:2px;line-height:22px;line-height:20px;font-size: 12px;text-align: center;font-weight: normal;margin-top: -2px;color: #666;}
.page-live-state .state-icon.doing{color:#FC5F23;border-color:#FC5F23;}
.page-live-state .state-icon.done{color:#32B16C;border-color:#32B16C;}

/*评论互动*/
.comment{background: #f4f4f4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.comment li{padding-left:10px;}
.comment .ui-list{padding-top:10px;}
.comment .ui-list-info li{padding-right: 10px;}
.comment .ui-list-info{padding-top:0;}
.comment .ui-list-info .comment-hd,.comment .ui-list-info .comment-bd{background: #fff;}
.comment-hd{display:-webkit-box;padding:6px;border-bottom: 1px solid #eee;}
.comment-hd>div{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;}
.comment-hd .nickname{-webkit-box-flex:1; -webkit-box-orient: horizontal;}
.comment-hd .nickname .ui-avatar{margin:0 4px 0 0;}
.comment-hd .nickname h4{-webkit-box-flex:1;font-size:.12rem;color:#666;}
.comment-hd .host-icon i,.comment-hd .operate i{margin-right:.06rem;color:#fff;line-height:1;border-radius:2px;}
.comment-hd .host-icon i{padding:0.02rem .03rem;background:#FC5F23;}
.comment-hd .time{color:#999;font-size:.12rem;}
.comment-hd .operate i{padding:0.02rem .04rem;background:#E60012;}
.comment-hd .nickname h4.host{color: #7C4790;}
.comment-bd{line-height:1.8}
.comment .ui-list-info .comment-bd{padding:9px 6px 14px 6px;color: #333;}

.host-entrance{padding:0;}
.host-entrance a{width:100%;height:44px;border-radius:0;background:#FC5F23;color:#fff;line-height:1.2}
.host-entrance a b{display:block;}

.comment-area,.host-entrance{position: fixed;bottom:0;width: 100%; z-index: 999;}
.comment-area .ui-input{background: #DCDCDC;}.btn-comment-confirm{background:#7D4792!important; color:#fff!important;}
.comment-area .ui-input-wrap{padding:0 10px;}
.comment{overflow-y: auto;}
.comment ul{-webkit-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in;-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;}

/*用户操作列表*/
.operate-user .ui-list-info>div{display:inline-block;font-size:.12rem;color:#666;line-height:30px;}
.operate-user li small{color:#E60012;float:right;}
.operate-user .ui-btn{margin-top:-13px;color:#fff;background:#333;font-size:.14rem;line-height:26px;height:26px;min-width:50px;}
.operate-user .ui-btn:before{border-radius:2px;}

/* 屏宽超出720px */
body{ margin: 0 auto;}
body,.ui-header,.ui-footer,.ui-dialog,.side-container,.comment-area,.host-entrance{ max-width: 720px; }
.ui-header,.ui-footer,.ui-dialog,.side-container,.comment-area,.host-entrance{ left: auto; }
/*直播详情页*/
.top {position: relative;}
.top .fixed{position:absolute;top:8px;right:9px;width:57px;height:42px;z-index:66;overflow: hidden;}
.top .cover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:77}
.top .fixed .cover{display:block}
.top .fixed video{width:57px;height:42px}
.top .switchIcon{width:19px;height:19px;position:absolute;border:1px solid #fff;border-radius:50%;background:#282828;top:2px;right:2px;z-index:88}
.top .switchIcon.active{-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.top .switchIcon:after{content:'';position:absolute;width:0;height:0;border-top:5px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;top:7px;left:6px}
.top .nonsupport-box,.top .lived-box{display:none;position: absolute;top:0;left:0;width:100%;height:100%;z-index:99;text-align: center;font-size: 14px;padding-top:21%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #333;}
.top .lived-box{display: block;}
.top .nonsupport-box img,.top .lived-box img{display:block;width:38px;height:38px;margin: 0 auto 8px auto;}
.top .nonsupport-box p,.top .lived-box p{color: #B7B7B7;}
.top .nonsupport-box span{display:block;color: #333333;width:80px;height:26px;line-height: 26px;cursor:pointer;border-radius: 2px;background: #FFCC00;margin:18px auto 0 auto;}
/*引导页*/
.guide-container{display:none;position: fixed;top:44px;left:auto;width:100%;height:100%;max-width:720px;z-index: 999;}
.guide-container.pc{background: #fff;text-align: center;bottom:0;height:auto;overflow-y: auto;}
.guide-container.pc .pc-box{padding: 32px 0 60px 0;}
.guide-container.pc .tip{color:#666;font-size: 18px;}
.guide-container.pc .app-box{background: #fff;margin-top: 30px;}
.guide-container.pc .browser-title{color:#333;font-size: 18px;margin-top: 52px;}
.guide-container.pc ul{margin-top: 28px;padding:0 32px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.guide-container.pc ul li p{color:#666;font-size: 12px;margin-top: 10px;}
.guide-container.pc ul li .menu{display: block;width:28px;height:28px;margin:0 auto;background: url("../img/live/browser_guge.png") no-repeat center top/100%;}
.guide-container.pc ul li .menu.qq{background-image: url(../img/live/browser_qq.png);}
.guide-container.pc ul li .menu.three{background-image: url(../img/live/browser_360.png);}
.guide-container.pc .gg-btn{display:block;width:75%;height:48px;line-height: 48px;background:#fff;margin:60px auto 0 auto;border:1px solid #E5E5E5;border-radius:24px;font-size: 14px;color: #333;}
.guide-container.pc .gg-btn .menu{display: inline-block;vertical-align:middle;width:28px;height:28px;margin-right:5px;background: url("../img/live/browser_guge.png") no-repeat center top/100%;}
.course-content{color:#666;padding:20px 0;font-size: 14px;}
.course-content img{max-width: 100%!important;}
.player-container-id-dimensions{width:100%;height: 100%;}
/*已购买的课程*/
.live-thumb-txt>li{border-bottom:1px solid #eee;padding-top:15px;background: #fff;position: relative;}
.live-thumb-txt .thumb{position: relative;}
.live-thumb-txt .quan-tip{display:inline-block;vertical-align:top;width:18px;height:20px;line-height:20px;background:#FF6702;border-radius:2px;font-size: 12px;color: #fff;text-align:center;}
.live-thumb-txt .thumb-txt .thumb{width:100px;height:64px; background: #EEE;}
.live-thumb-txt .thumb-intro{padding-left: 10px;padding-top: 0;padding-bottom: 15px;}
.live-thumb-txt .thumb-intro .title{font-size:14px;color: #333;height:auto;border-top: 0;padding:0;}
.live-thumb-txt.onlive-box .thumb-intro .title{color: #fff;}
.live-thumb-txt .live-status{font-size:12px;color:#666;margin:2px 0;}
.live-thumb-txt .live-status.onlive{color: #C01820;}
.live-thumb-txt .live-status.lived{color: #666;}
.live-thumb-txt .live-status.living{color:#22AC38;}
.live-thumb-txt .ui-list-thumb{width:20px;height: 20px;margin:2px 5px 0 0;}
.live-thumb-txt .authorname{font-size: 12px;color: #666;margin:0;padding:0;line-height: 24px;max-width: 96px;}
.live-thumb-txt .button{display: block;position: absolute;bottom: 15px;right:15px;padding:0 10px;height:18px;line-height: 18px;color: #666666;border: 1px solid #666;border-radius:10px;font-size: 12px;}
.live-thumb-txt .button.buy{color: #C01820;border-color: #C01820;}
.live-thumb-txt  .ui-list-thumb.author i{display: block;border-radius: 50%;overflow: hidden;}
.live-thumb-txt .card-btn{display: none;position: absolute;bottom: 15px;right:15px;padding:0 10px;height:18px;line-height: 18px;color:#999;font-size:12px;border:1px solid #bbb;border-radius:10px;text-align: center;}
.onlive-box .buy-button{display: block;position: absolute;bottom: 15px;right:15px;padding:0 5px;height:23px;line-height: 23px;color: #fff;border: 1px solid #fff;border-radius:12px;font-size: 12px;}
.onlive-box .buy-intro{display: block;position: absolute;bottom: 7px;right:10px;}
.onlive-box .buy-intro .quan{display:inline-block;width: 32px;height: 20px;line-height:20px;text-align:center;border: 1px solid #FF6702;border-radius:2px;margin-right: 5px;}
.ui-list .old-price{color: #666;}
.ui-list .old-price em{color: #666;}
.onlive-box .buy-button.buy{border-color: #EB6100;color: #fff;background: #EB6100;}
.onlive-box>li{background: #fff;position: relative;}
.onlive-box .thumb-intro{position: absolute;bottom:15px;left:15px;right:15px;background:rgba(0,0,0,.6);height:40px;color: #fff;padding:12px 10px;font-size: .14rem;}
.onlive-box .ui-list-thumb{width:20px;height: 20px;margin:2px 5px 0 0;}
.onlive-box .authorname{font-size: 12px;color: #fff;margin:0;padding:0;line-height: 24px;opacity: .6}
.onlive-box .tip{position: absolute;top:20px;left:15px;width:42px;height:20px;background: #E60012;line-height: 20px;color: #fff;font-size:12px;text-align: center;}
.onlive-box .quan-tip{position:absolute;top:20px;left:61px;}
.live-thumb-txt.onlive-box>li {border-bottom: 1px solid #eee;padding-bottom: 15px;}
.video-js .vjs-tech{height:100%!important;}
.page-live-index .content-title{border-top:10px solid #eee;height:60px;margin-top:0;}
.page-live-index .content-title .headline{margin-top: -16px;}
/*标识*/
.common-tag-box{position: absolute;top:0;left:4px;padding-top: 4px;z-index: 99;}
.common-tag{display: inline-block;vertical-align: top;width:32px!important;height: 20px!important;line-height: 20px;border-radius:2px;margin-right: 4px;}
.common-tag.default{width:auto!important;text-align: center;color: #fff;font-size: 12px;background:rgba(0,0,0,.4);padding:0 4px;}
.common-tag.pay{background:#FF6702 url("../img/tag/ff.png") no-repeat center center/22px 12px;}
.common-tag.paied{background:rgba(0,0,0,.4) url("../img/tag/yg.png") no-repeat center center/22px 12px;}
.common-tag.gk{background:#00A0E9 url("../img/tag/gk.png") no-repeat center center/25px 12px;}
.common-tag.xm{background:#22AC38 url("../img/tag/xm.png") no-repeat center center/26px 13px;}
/*列表页用户登录*/
.page-live-index .user-box{line-height: 44px;border-top:10px solid #eee;}
.page-live-index .user-box img{vertical-align: middle;width:30px;height: 30px;margin-right: 7px;border-radius: 50%;}
.page-live-index .user-box a{font-size: 14px;color: #666666;display: block;width:100%;}
.page-live-index .user-box .ui-txt-info{float: right;padding-right: 35px;color: #666;}
.page-live-index .content-title{border-top:10px solid #eee;height:60px;}
.page-live-index .content-title .headline{margin-top: -16px;}

.coupon-container .content-title{margin-top: 0;}
.coupon-container .coupon-box h2.headline i{top:0;}
.quan-footer{height: 46px;}
.code-sure .ui-dialog-cnt{border-top: 0;}
.code-sure .ui-dialog-bd{padding: 18px;}

.vjs-box{width:100%;padding-top:56.25%;position: relative;}
.vjs-box .video{position:absolute;top:0;left:0;width: 100%;height: 100%;}
/*直播未开播*/
.go-to-live{padding-top: 63.125%;}
.go-to-live .order-num{background:rgba(0,0,0,.5);border-radius: 4px;color: rgba(255,255,255,.75);top: 7px;right: 8px;}
.go-to-live .go-to-live-cover{background:rgba(0,0,0,.6);}
.go-to-live .txt,.go-to-live .go-to-live-cover{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;color:#eee;line-height:.28rem;}
.go-to-live .txt p{color:rgba(255,255,255,.8);margin-bottom: 8px;}
.go-to-live .txt .countdown{letter-spacing: 1px;color: #fff;}
.go-to-live .txt .countdown span{color: rgba(254,254,254,.7);padding: 0 3px;font-size: 12px;}
.go-to-live a{display: inline-block;vertical-align: top;width:100px;height:28px;line-height: 28px;background: #6e38d1;border-radius: 14px;color:rgba(255,255,255,.8);margin-top: 20px;}
.page-unlive .app-box{padding: 15px 20px 25px;text-align: center;}
.page-unlive .a-tip{color: #666;line-height:24px;}
.page-unlive .a-tip em{color: #333;font-weight: bold;}
.page-unlive .app-box{border-bottom:1px solid #eee;}
.page-unlive .app-box h3{margin: 20px 0;}
.page-unlive .app-box h3 span{display: inline-block;vertical-align: top;position: relative;padding: 5px 0;}
.page-unlive .app-box h3 span:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background:-webkit-gradient(linear,left top, right top,from(rgba(124,71,144,0.93)),color-stop(rgba(101,51,213,0.93)),to(rgba(70,64,225,0.93)));background:-webkit-linear-gradient(left,rgba(124,71,144,0.93),rgba(101,51,213,0.93),rgba(70,64,225,0.93));background:-o-linear-gradient(left,rgba(124,71,144,0.93),rgba(101,51,213,0.93),rgba(70,64,225,0.93));background:linear-gradient(90deg,rgba(124,71,144,0.93),rgba(101,51,213,0.93),rgba(70,64,225,0.93));-webkit-box-shadow:0px 4px 9px 1px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 9px 1px rgba(0, 0, 0, 0.2);border-radius: 2px;opacity:0.8;}
.page-unlive .app-box .privilege-list li .icon{display:block;width:36px;height:36px;background: url("../img/live/app_privilege_icon.png") no-repeat -1px -1px/100%;margin: 0 auto 6px;}
.page-unlive .app-box .privilege-list li .icon2{background-position: -1px -72px;}
.page-unlive .app-box .privilege-list li .icon3{background-position: -1px -108px;}
.page-unlive .app-box .privilege-list li .icon4{background-position: -1px -36px;}
.download-btn{display:block;width: 100%;height:38px;line-height: 38px;background:-webkit-gradient(linear,right top, left top,from(rgba(124,71,144,0.93)),color-stop(rgba(101,51,213,0.93)),to(rgba(70,64,225,0.93)));background:-webkit-linear-gradient(right,rgba(124,71,144,0.93),rgba(101,51,213,0.93),rgba(70,64,225,0.93));background:-o-linear-gradient(right,rgba(124,71,144,0.93),rgba(101,51,213,0.93),rgba(70,64,225,0.93));background:linear-gradient(-90deg,rgba(124,71,144,0.93),rgba(101,51,213,0.93),rgba(70,64,225,0.93));-webkit-box-shadow:0px 4px 9px 1px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 9px 1px rgba(0, 0, 0, 0.2);border-radius:19px;color: #fff;}
.page-unlive .app-box .download-btn{margin-top: 15px;}
.page-unlive .course-box{background: #F2F2F2;padding: 15px 13px 100px;}
.page-unlive .course-box h2{color: #333;font-weight: bold;text-align: center;}
.page-unlive .author-with-name i{float: none;vertical-align: middle;width: 16px;height: 16px;}
.page-unlive .author-with-name{color: #666;line-height: 16px;text-align: center;margin-top: 10px;}
.page-unlive .course-box .content{color: #666;line-height:20px;margin-top: 15px;}
.page-unlive .course-box .content span{color: #333;}
.unlive-footer{height: 44px;line-height: 44px;padding: 0 23px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #666;}
.unlive-footer li{cursor: pointer;}
.unlive-footer .arrow-icon{display:inline-block;vertical-align:top;width: 10px;height: 42px;background: url("../img/live/arrow_up.png") no-repeat center center/100%;margin-left: 4px;}
.unlive-dialog{display:none;height: 76%;background: #f4f4f4;}
.unlive-dialog .dialog-hd{padding: 15px 10px;line-height: 14px;}
.unlive-dialog .dialog-hd .headline{color: #333;border-left: 3px solid #7C4790;text-indent: 5px;height: 14px;}
.unlive-dialog .dialog-hd .unexpand-btn{color: #333;}
.unlive-dialog .dialog-hd .unexpand-btn .arrow-icon{display: inline-block;vertical-align: middle;width: 14px;height: 8px;background: url("../img/live/arrow_down.png") no-repeat center center/100%;margin-right: 5px;}
.unlive-dialog .nodata{display:none;width:100%;height:90%;color:#999;text-align:center;padding-top:237px;background: url("../img/live/nodata.png") no-repeat center 90px/143px 120px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.unlive-dialog .c-content .content{width:100%;height:100%;padding: 12px 10px;color: #333;font-size: 14px;word-break: break-all;overflow-y: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.unlive-dialog .c-content .content img{max-width: 100%;height: auto!important;}
.unlive-dialog .c-content .nodata{background-image: url("../img/live/courseware_nodata.png");}
.onlive-box .common-tag-box{top:16px;right: 15px;left: auto;}
/*用户搜索*/
.user-search{padding: 10px 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.user-search .search-box{height:26px;line-height: 26px;border: 1px solid #eee;border-radius:2px;padding:0;position: relative;margin-right: 12px;}
.user-search .search-box .icon-search{position: absolute;left:6px;top:0;display:block;width:12px;height:26px;background: url("../img/live/u_search.png") no-repeat center center/12px 12px;}
.user-search .search-box .icon-close{position: absolute;right:6px;top:0;display:none;width:14px;height:26px;background: url("../img/live/u_cancel.png") no-repeat center center/14px 14px;cursor: pointer;}
.user-search .search-box input{color:#333;border: none;line-height: 26px;padding:0 26px 0 24px;font-size: 12px;vertical-align: top;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.user-search button{width: 46px;height: 26px;background: #F5F5F5;border: 1px solid #eee;color: #333;font-size: 14px;border-radius:2px;vertical-align: top;}
.app-live{padding: 15px 20px;text-align: center;}
.discuss-box{padding: 16px;border-bottom: 3px solid #eee;cursor: pointer;}
.discuss-box h4{font-size: 14px;}
.discuss-box .go{color: #999;font-size: 12px;}
.ui-actionsheet div button.active{color: #C01820}
/*商品页底部*/
.goods-bm-footer{height: 60px;background: #fff;padding-top: 11px;padding-bottom:11px;line-height: 38px;}
.goods-bm-footer .b-btn{display:block;background:#FF6702;color:#fff;height:38px;line-height:38px;font-weight: bold;text-align: center;border-radius:19px;}
.goods-bm-footer .s-btn{display:block;height:28px;line-height:28px;color: #333;font-weight: bold;padding-right: 10px;border-right:1px solid #E5E5E5;margin-right: 8px;margin-top: 5px;max-width: 144px;}
.goods-bm-footer .s-btn img{vertical-align: middle;margin-right: 5px;margin-top: -2px;}
.goods-bm-footer .q-price{display:block;color: #FF6702;max-width: 125px;padding-right: 10px;}
.unlive-footer .s-btn,.ui-tab.tab1 .s-btn{display:inline-block;color: #333;font-weight: bold;line-height: 44px;}
.ui-tab.tab1 .s-btn{line-height: 50px;}
.unlive-footer .s-btn img,.ui-tab.tab1 .s-btn img{vertical-align: middle;margin-right: 5px;margin-top: -2px;}
.live-show-btn-box{opacity:1}
.live-show-btn-box:before{display:none}
/*商品页分享提示*/
.tip-share{position: fixed;bottom:67px;left:auto;background:transparent;z-index: 1000;width: 100%;max-width:720px;}
.tip-share ul{background:rgba(0,0,0,.55);-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, .1);box-shadow:0 2px 5px 0 rgba(0, 0, 0, .1);border-radius:6px;}
.tip-share .ui-list-info{font-size:12px;color:#e4e4e4;line-height:18px;}
.tip-share .ui-list-info span{padding-left:4px;padding-right:4px;color:#fff;font-weight:bold}
.tip-share .btn-icon,.tip-share .btn-close{position: relative;margin: 10px 10px 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-pack: center;}
/*自定义播放器*/
.my-video,.vjs-box{width:100%;padding-top:56.25%;position: relative;}
.my-video .video,.vjs-box .video,.my-video .board{position:absolute;top:0;left:0;width: 100%;height: 100%;}
.my-video .fixed{position:absolute;top:8px;right:9px;left:auto;width:57px;height:42px;z-index:66;overflow: hidden;}
.my-video .cover{position:absolute;top:8px;right:9px;left:auto;width:57px;height:42px;background:transparent;z-index:77}
.my-video .switchIcon{width:19px;height:19px;position:absolute;border:1px solid #fff;border-radius:50%;background:#282828;top:2px;right:2px;z-index:88}
.my-video .switchIcon.active{-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.my-video .switchIcon:after{content:'';position:absolute;width:0;height:0;border-top:5px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;top:7px;left:6px}
/*主讲人*/
.teacher-box{height: 50px;padding:15px;background: #1B1B1B;}
.teacher-box .tea-user{color: #fff;font-size: 12px;font-weight: bold;height:20px;line-height: 20px;}
.teacher-box .tea-user span{display: inline-block;vertical-align: top;}
.teacher-box .avatar{width: 18px;height: 18px;border-radius: 50%;overflow: hidden;margin-right: 5px;border: 1px solid #fff;}
.teacher-box .follow-btn{display:block;width:44px;height:18px;line-height: 18px;border: 1px solid #626262;border-radius:10px;text-align: center;color: #999;font-size: 12px;}
.teacher-box .follow-btn.active{border-color: #7D4792;color: #7D4792;}
.teacher-box .fuli{text-align: right;border-left: 1px solid #313131;margin-left: 20px;padding-right: 12px;position: relative;}
.teacher-box .fuli .btn{color: #fff;font-size: 14px;}
.teacher-box .fuli .btn span{padding-right: 6px;}
.teacher-box .fuli .btn img{margin-right: 5px;margin-top: -4px;vertical-align: middle;}
.teacher-box .fuli .recommend-item{position: absolute;top:35px;right: -10px;width:154px;height:107px;-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);border-radius:4px;background: #fff;border: 1px solid #e5e5e5;z-index: 9999;padding: 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.teacher-box .fuli .recommend-item:before{content: "";width: 0;height: 0;border-bottom: 7px solid #fff;border-left: 7px solid transparent;border-right: 7px solid transparent;position: absolute;top:-7px;left: 8px;}
.teacher-box .fuli .recommend-item .img{width:100%;height:100%;border-radius: 4px;overflow: hidden;position: relative;}
.teacher-box .fuli .recommend-item .titl{padding: 5px 4px;color: #fff;font-size: 14px;line-height: 16px;background: rgba(0,0,0,.8);position: absolute;bottom: 0;left: 0;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: left;}
.teacher-box .fuli .recommend-item .close{display: block;width:16px;height:16px;background: #AB1920 url("../img/live/recommend_close.png") no-repeat center center/50%;border-radius: 2px;position: absolute;top: 0;right: 0;}
/*直播列表优化*/
.lived-box>li{padding-top:18px}
.lived-box .tips-live-hf{margin-right:4px;display:inline-block;width:54px;height:18px;border:1px solid #aaa;border-radius:3px;font-size:12px;color:#666;line-height:16px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*主播弹窗*/
.teacher-popup,.leave-confirm-popup{display:none;position: fixed;top:0;left: auto;width: 100%;max-width: 720px;height:100%;background:rgba(0,0,0,.6);z-index: 9999;}
.teacher-popup .teacher-inner{position: absolute;top:50%;left: 38px;right:38px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);background: #fff;border-radius:4px;padding-top: 23px;text-align: center;}
.teacher-popup .teacher-inner .cancel-btn{position: absolute;display: inline-block;vertical-align: top;top:10px;right: 10px;}
.teacher-popup .teacher-inner .avatar{width:62px;height:62px;border-radius:50%;margin: 0 auto 5px;position: relative;}
.teacher-popup .teacher-inner .avatar img{border-radius: 50%;}
.teacher-popup .teacher-inner .avatar_yinyueren:after{content:'';width:16px;height:16px;position: absolute;bottom:0;right:0;background: url("../img/yinyueren.png") no-repeat center top/100%;z-index:99;}
.teacher-popup .teacher-inner .avatar_qiyehao:after{content:'';width:16px;height:16px;position: absolute;bottom:0;right:0;background: url("../img/qiyehao.png") no-repeat center top/100%;z-index:99;}
.teacher-popup .teacher-inner .username{color: #333;font-size: 16px;font-weight: bold;}
.teacher-popup .teacher-inner .column-list{font-size: 12px;color: #666;margin-top: 20px;padding: 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.teacher-popup .teacher-inner .column-list li{width: 33.3%;position: relative;}
.teacher-popup .teacher-inner .column-list li:after{content: "";width: 1px;height: 16px;background: #eee;position: absolute;right: 0;top: 15px;}
.teacher-popup .teacher-inner .column-list li:last-child:after{display: none;}
.teacher-popup .teacher-inner .column-list p:first-child{color: #333;font-size: 12px;font-weight: bold;margin-bottom: 10px;}
.teacher-popup .teacher-inner .btn-box{margin-top: 15px;border-top: 1px solid #eee;line-height: 45px;}
.teacher-popup .teacher-inner .btn-box a{color: #333;font-size: 14px;}
.teacher-popup .teacher-inner .btn-box .follow-btn{color: #999;border-left: 1px solid #eee;}
.teacher-popup .teacher-inner .btn-box .follow-btn.active{color: #7D4792;}
.leave-confirm-popup .confirm-inner{position: absolute;top:50%;left: 38px;right:38px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);background: #fff;border-radius:2px;padding-top: 30px;text-align: center;color: #333;font-size: 14px;}
.leave-confirm-popup .confirm-inner p{padding: 0 17px 25px;line-height: 24px;}
.leave-confirm-popup .confirm-inner .btn-box{border-top: 1px solid #eee;line-height: 42px;}
.leave-confirm-popup .confirm-inner .btn-box a{color: #666;font-size: 16px;}
.leave-confirm-popup .confirm-inner .btn-box a:last-child{color: #333;border-left: 1px solid #eee;}
/*刷新直播间人数*/
.user-refresh-box{height:56px;line-height: 56px;padding: 0 16px;color: #333;font-size: 14px;cursor: pointer;}
.user-refresh-box .fr{color: #999;font-size: 16px;}
.user-refresh-box .fr span{padding-right: 6px;font-size: 14px;}
.page-goods .fuli-btn{width:80px;border:1px solid rgba(125,125,125,.15);height:25px;line-height: 23px;border-radius: 13px;color: #EEEEEE;font-size: 12px;}
.page-goods .fuli-btn img{vertical-align: middle;margin-left: -6px;margin-right: 3px;}
/*相关商品*/
.page-relative-goods .relative-titl{position: fixed;top:44px;left: auto;width: 100%;max-width: 720px;background: #fff;z-index: 100;}
.page-relative-goods .content-title{height: 44px;margin-top: 0;}
.page-relative-goods .content-title h2.headline{font-size: 14px;color: #333;}
.page-relative-goods .list-thumb-text{padding-top: 110px;}
.page-relative-goods .desc{height:28px;color: #666;font-size: 12px;line-height: 28px;margin-top: -6px;}
.page-relative-goods .desc img{vertical-align: middle;margin-top: -2px;margin-right: 6px;}
.list-thumb-text li{margin-top: 12px;border-radius:2px;cursor: pointer;border-radius:2px;}
.list-thumb-text{padding:0 10px 10px;}
.list-thumb-text .ui-flex{padding: 8px 10px 10px;border-bottom: 1px solid #EDEDED;}
.list-thumb-text li h4 a{display:block;font-size: 14px;line-height: 22px;margin-bottom: 5px;margin-top: -3px;color: #333;}
.list-thumb-text li .uname{color: #999;font-size: 12px;margin-bottom: 8px;}
.list-thumb-text li .uteacher{color: #666;font-size: 12px;line-height: 18px;margin-bottom: 8px;}
.list-thumb-text li .uteacher .ui-avatar{width:18px;height:18px;margin-right: 4px;}
.list-thumb-text li .uteacher .icon-huiyuan{margin-left: 5px;vertical-align: middle;}
.list-thumb-text li .limit{color: #333;font-size: 12px;}
.list-thumb-text .list-thumb{display:block;width:136px;height:87px;margin-right: 7px;position: relative;border: 1px solid #E5E5E5;}
.list-thumb-text .list-text{-webkit-box-pack: start;}
.list-thumb-text .list-btn-box{height: 49px;line-height: 49px;padding: 0 10px 0 0;font-size: 0;}
.list-thumb-text .old-price{color: #999;text-decoration: line-through;font-size: 12px;padding-left: 10px;}
.list-thumb-text .now-price{color: #FF6501;padding:0 10px;font-size: 12px;}
.list-thumb-text .now-price em{font-size: 14px;font-weight: bold;}
.list-thumb-text .sign{display:inline-block;vertical-align:middle;height:14px;line-height:14px;color: #FF6501;font-size:11px;padding: 0 1px;border-radius:2px;border: 1px solid #FF6501;margin-top: -10px;}
.list-thumb-text .btn{width:56px;height:30px;line-height: 30px;color: #fff;font-size: 14px;text-align: center;background:#FF6701;border-radius:1px;margin-top: 9px;}
.list-thumb-text .exchange{background: #BF171F;}
.mt5{margin-top: 5px;}
.page-relative-detail{padding-bottom: 51px;}
.page-relative-detail .detail-titl,.recommend-goods-popup .recommend-titl{height: 44px;line-height: 44px;padding: 0 70px;position: relative;text-align: center;}
.page-relative-detail .detail-titl a,.recommend-goods-popup .recommend-titl a{display: inline-block;padding: 0 9px;height:100%;position: absolute;top: 0;left: 0;}
.page-relative-detail .detail-titl a img,.recommend-goods-popup .recommend-titl img{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.page-relative-detail .detail-titl{border-bottom:1px solid #eee;}
.page-relative-detail .list-thumb-text{padding: 0;}
.page-relative-detail .list-thumb-text li{margin-top: 0;}
.page-relative-detail .fuli-ad{width: 100%;height: 55px;background: url("../img/live/fuli_bg.png") no-repeat center top/cover;color: #fff;font-size: 12px;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 19px;}
.page-relative-detail .fuli-ad p{color: #fff;font-size: 12px;}
.page-relative-detail .fuli-ad p em{color: #fff;}
.page-relative-detail .fuli-ad .old{text-decoration: line-through;color: #FFFAF2;padding-right: 15px;}
.page-relative-detail .fuli-ad .now em{font-size: 16px;font-weight: bold;color: #fff;}
.page-relative-detail .goods_coupon .title,.page-relative-detail .goods_coupon ul{float: none;}
.page-relative-detail .goods_coupon .title img{vertical-align: middle;margin-right: 6px;margin-top: -2px;}
.page-relative-detail .goods_coupon .ui-list-info{overflow-x: auto;overflow-y: hidden;}
.page-relative-detail .goods_coupon .ui-list-info::-webkit-scrollbar{display:none}
.page-relative-detail .goods_coupon .coupon_item{background: transparent;width:98px;height: 28px;float: none;}
.page-relative-detail .goods_coupon .coupon_item.active{background: #FF6702;}
.page-relative-detail .goods_coupon .coupon_item.active .coupon_other{border-radius: 0 1px 1px 0}
.page-relative-detail .goods_coupon .coupon_item .coupon_value{border-radius:1px 0 0 1px;}
.page-relative-detail .cnt-box{margin-top: 4px;}
.page-relative-detail .cnt-box .cnt{color: #333;font-size: 14px;line-height: 20px;padding: 0 10px 15px;}
.page-relative-detail .cnt-box .cnt img{max-width: 100%!important;height: auto!important;}
.page-relative-detail .btn-box{position: fixed;bottom: 0;left: auto;max-width:720px;width: 100%;height: 50px;border-top: 1px solid #eee;padding: 8px 12px 7px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;z-index: 99;}
.page-relative-detail .btn-box a{background: #FF6702;height: 35px;line-height: 35px;border-radius:18px;color: #fff;font-size: 16px;text-align: center;}
.page-relative-detail .btn-box .other{color: #333;font-size: 12px;line-height: 35px;margin-right: 20px;}
.page-relative-detail .btn-box .other p{font-size: 14px;line-height: 1.1;}
.page-relative-detail .btn-box .other img{vertical-align: middle;margin-right: 4px;margin-top: -3px;}
.page-relative-detail .btn-box .other p:last-child{color: #666;font-size: 12px;margin-top: 5px;}
.page-relative-detail h2.headline i{border-radius: 2px;}
.page-relative-detail .column-guest .swiper-container{padding: 0 10px 19px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.page-relative-detail .column-guest .swiper-slide{width:142px;height:140px;border: 1px solid #E5E5E5;-webkit-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.02), 0px -2px 2px 0px rgba(0, 0, 0, 0.02), 2px 0px 2px 0px rgba(0, 0, 0, 0.02), -2px 0px 2px 0px rgba(0, 0, 0, 0.02);box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.02), 0px -2px 2px 0px rgba(0, 0, 0, 0.02), 2px 0px 2px 0px rgba(0, 0, 0, 0.02), -2px 0px 2px 0px rgba(0, 0, 0, 0.02);border-radius:2px;padding: 10px 15px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;color: #333;font-size: 16px;}
.page-relative-detail .column-guest .swiper-slide .thumb{width:60px;height:60px;border: 1px solid #EEEEEE;border-radius: 2px;padding: 2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 auto 5px;}
.page-relative-detail .column-guest .swiper-slide .thumb img{border-radius: 2px;}
.page-relative-detail .column-guest .swiper-slide .desc{color: #666;font-size: 12px;line-height: 17px;}
.page-relative-detail .all-course .content-title{border-bottom: 1px solid #EEEEEE;}
.page-relative-detail .all-course .course-swiper{height: 44px;line-height:44px;color:#999;font-size:15px;border-bottom: 1px solid #EEEEEE;padding: 0 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.page-relative-detail .all-course .course-swiper .swiper-slide{width: auto;}
.page-relative-detail .all-course .course-swiper .swiper-slide.active{position: relative;color: #7D4792;}
.page-relative-detail .all-course .course-swiper .swiper-slide.active:before{content: "";width:25px;height:3px;background: #7D4792;border-radius: 2px;position: absolute;left:50%;bottom: 0;margin-left: -12px;}
.page-relative-detail .all-course .tab-cnt-item li{height:60px;border-bottom: 1px solid #eee;padding: 7px 15px 0 0;color: #999;font-size: 12px;}
.page-relative-detail .all-course .tab-cnt-item li .index{width: 58px;text-align: center;line-height: 52px;font-size: 16px;}
.page-relative-detail .all-course .tab-cnt-item li  p{color: #999;font-size: 12px;}
.page-relative-detail .all-course .tab-cnt-item li .titl{color: #333;font-size: 16px;}
.page-relative-detail .all-course .tab-cnt-item ul:not(:first-child){display: none;}
.page-relative-detail .all-course .tab-cnt-item .jd{max-height: 300px;overflow: hidden;}
.page-relative-detail .all-course .course-tab-cnt{position: relative;}
.page-relative-detail .all-course .expand-box{position:absolute;bottom:0;left:0;width:100%;height:145px;background:-webkit-gradient(linear,left bottom, left top,from(rgba(255,255,255,1)),color-stop(0%, rgba(255,255,255,1)),to(rgba(238,238,238,0)));background:-webkit-linear-gradient(bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(238,238,238,0) 100%);background:-o-linear-gradient(bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(238,238,238,0) 100%);background:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(238,238,238,0) 100%);text-align: center;color: #333;font-size: 16px;padding-top: 107px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor: pointer;}
.page-relative-detail .all-course .expand-box img{vertical-align: middle;margin-left: 6px;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);margin-top: -2px;}
.page-relative-detail .all-course .pack-box{height: 52px;line-height: 52px;text-align: center;color: #333;font-size: 16px;cursor: pointer;}
.page-relative-detail .all-course .pack-box img{vertical-align: middle;margin-left: 6px;margin-top: -2px;}
.recommend-goods-popup{display:none;position: fixed;bottom: 0;left: auto;width:100%;max-width: 720px;background: #F5F5F5;z-index: 9999;}
.recommend-goods-popup .recommend-titl h3{color: #8A8A8A;font-size: 13px;text-align: center;}
.recommend-goods-popup .list-text{position: relative;-webkit-box-pack: start;}
.recommend-goods-popup .list-text .operates{position: absolute;bottom: 0;left: 0;width: 100%;}
.recommend-goods-popup .list-text .operates a{width:44px;height:20px;line-height:20px;border: 1px solid #7D4792;border-radius:1px;color: #7D4792;font-size: 12px;text-align: center;margin-right: 6px;}
.recommend-goods-popup .list-text .operates .disabled{background: #999;border-color: #999;color: #fff;}
.recommend-goods-popup .list-text .operates .fr{background: #FF6702;border-color: #FF6702;color: #fff;}
.live-title{background: #F5F5F5;height: 44px;line-height: 26px;color: #333;font-size: 14px;font-weight: bold;padding: 9px 0 9px 9px;}
.live-title a{display: block;width:87px;height:26px;line-height:26px;text-align:center;background:-webkit-linear-gradient(11deg,rgba(255,67,24,1) 0%,rgba(255,103,2,1) 100%);background:-o-linear-gradient(11deg,rgba(255,67,24,1) 0%,rgba(255,103,2,1) 100%);background:linear-gradient(79deg,rgba(255,67,24,1) 0%,rgba(255,103,2,1) 100%);border-radius:13px 0px 0px 13px;color: #fff;font-size: 12px;margin-left: 20px;}
.live-title a img{vertical-align: middle;margin-right: 3px;margin-top: -2px;}
.page-relative-detail .live-title{position: fixed;left: auto;top:44px;width: 100%;max-width: 720px;z-index: 100;}
.page-relative-detail .detail-main{padding-top: 44px;}