* {
	margin: 0;
	padding: 0;
}
html body {
	font-family: "微软雅黑";
}
/*通用样式*/

/*header*/
.top_header{width:100%; height:50px; background:#000; position:fixed; top:0; left:0; z-index:99}
.top_header .wrap{ height:50px; line-height:50px; background:none;}
.top_header .wrap .back {width: 25px;height: 25px;margin: 0 30px 0 30px;display: inline-block; background-image: url(../images/icons_v9.png);background-position: 0px -81px;
    vertical-align: middle; }
.top_header .wrap .back:hover{ background:url(../images/icon_back_s.png) no-repeat center;}
.top_header .breadcrumb{ padding:0; background:none; margin:0;display: inline-block;}
.top_header .breadcrumb a{ color:#f2f2f2; font-size:16px;}
.top_header .breadcrumb .active{ font-size:14px;}
.top_header .hsy{ width:88px; height:28px; float:right; margin-top:10px; line-height:28px; text-align:center;}
.top_header .hsy a{width:100%; height:100%; border:1px solid #666; color:#ccc; display:block;}
.top_header .hsy a:hover{ border:1px solid #00ccff; color:#00ccff; text-decoration:none;}
.top_header .pull-right{width:347px; text-align:right; color:#fff; line-height:50px; padding-right:20px;}
.top_header .pull-right a{ color:#fff;}
.top_header .xzapp{ float:right; line-height:50px; margin-right:40px; color:#ccc; position:relative; cursor:pointer;}
.top_header .xzapp img{ margin-right:5px; vertical-align:middle; margin-bottom:2px;}
.top_header .xzapp .ewmxz{ position:absolute; bottom:-153px; left:-80px; display:none;}
.top_header .xzapp:hover .ewmxz{ display:block;}
.top_header .zbzx{ width:128px; vertical-align:middle; margin-bottom:6px; margin-right:86px;}

/*videojs播放时间*/
.live-play-main #video_remaining {float: right;}
.live-play-main #video_duration {float: left;margin-right: .4em;}
.live-header {position: fixed;top: 0;left: 0;width: 100%;height: 50px;padding-right: 106px;background-color: #333;line-height: 50px;font-size: 14px;color: #CCCCCC;z-index: 100;}
.live-header .back {margin: 0 36px;vertical-align: middle;}
.live-header .breadcrumb {display: inline-block;padding: 0;margin-bottom: 0;background-color: #333;}
.live-header .breadcrumb a {color: #ddd;}
.live-header .login {margin-left: 50px; color:#ccc;}
.live-header .open-regist{ color:#ccc;}
.live-header .userhead {width: 30px;height: 30px;margin-right: 6px;border-radius: 50%;}
.live-container {position: absolute;top: 50%;left: 50%;width: 1120px;margin-top: -360px;margin-left: -560px;background-color: #FFFFFF;overflow: hidden;}
.live-container .l-box {float: left;height: 360px;width: 480px;}
.live-container .r-box {float: left;height: 360px;width: 640px;}
.live-container .video-area, .live-container .doc-area {height: 100%;}
.live-container .l-box.bottom {background-color: #DCE1E8;padding: 34px 0 34px 45px;}
.live-container .l-box.bottom .scan-card {float: left;position: relative;width: 205px;height: 290px;background-color: #FFFFFF;text-align: center;}
.live-container .l-box.bottom .scan-card h4 {margin-top: 30px;margin-bottom: 18px;font-weight: bold;}
.live-container .l-box.bottom .scan-card h4 img {margin-right: 8px;}
.live-container .l-box.bottom .scan-card .tip-text {margin-bottom: 15px;letter-spacing: 1px;}
.live-container .l-box.bottom .scan-card .qr-code {width: 123px;height: 123px;}
.live-container .l-box.bottom .scan-card .wx-account {margin-top: 12px;color: #66BA62;}
.live-container .l-box.bottom .show-content {float: left;padding-top: 77px;padding-left: 40px;text-align: center;}
.live-container .l-box.bottom .show-content .red-text {color: #FF5656;}
.live-container .l-box.bottom .show-content b {font-size: 18px;letter-spacing: 1px;}
.live-container .l-box.bottom .show-content p {margin-top: 13px;margin-bottom: 28px;font-size: 16px;letter-spacing: 1px;}
.live-container .l-box.bottom .show-content a {display: inline-block;width: 120px;height: 40px;line-height: 40px;border-radius: 4px;	background-color: #FF7D5A;font-size: 16px;font-weight: bold;color: #FFFFFF;}
.live-container .r-box.bottom {background-color: #36393E;}
.live-chat {height: 214px;margin-top: 26px;overflow-y: auto;}
.live-chat::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/height: 4px;}
.live-chat::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.live-chat::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
.live-chat .green-text {color: #00B882;}
.live-chat .chat-list {word-wrap: break-word;word-break: break-all;padding: 10px 15px 0 28px;line-height: 25px;font-size: 14px;color: #E5E5E5;overflow: hidden;}
.live-send ul {margin: 40px auto 0;}
.live-send ul li {padding: 0;margin: 2px;vertical-align: middle;}
.live-send .k-img {width: 55px;height: 40px;padding-top: 9px;border-radius: 4px;background-color: rgba(0,0,0,.25);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#25000000, endColorstr=#25000000);text-align: center;cursor: pointer;}
.live-send .chat-edit {width: 268px;height: 40px;line-height: 40px;padding: 0 10px;border: none;border-radius: 4px;background-color: rgba(0,0,0,.25);background-color: #000000\9;filter: alpha(opacity=25);font-size: 12px;color: #CCCCCC;text-align: left;}
.live-send .send-btn {display: block;width: 65px;height: 40px;line-height: 40px;border-radius: 4px;background-color: #00B882;font-size: 14px;color: #FFFFFF;}
.live-send .ask-btn {display: block;position: relative;width: 80px;height: 40px;line-height: 40px;border-radius: 4px;background-color: #FF7D5A;font-size: 14px;color: #FFFFFF;}
.live-send .ask-btn .num-circ {display: block;position: absolute;top: -10px;right: -10px;width: 20px;height: 20px;line-height: 18px;border: 1px solid #F1F1F1;border-radius: 50%;background-color: rgb(255,45,45);font-size: 13px;}

@media screen and (max-width: 1366px) {
body.live-page {background-color: #0C0D11;}
#liveTouristPage .live-header {visibility: visible;opacity: 0;-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;animation: liveheader-ani 3s linear;}
#liveTouristPage .live-header:hover {opacity: 1;}
#liveTouristPage .live-container {top: 0;margin-top: 0;}
#liveTouristPage .live-bottom {display: none;}
#liveTouristPage .live-send {position: fixed;left: 50%;bottom: 20px;margin-left: -44px;min-width: 559px;}
#liveTouristPage .live-send ul {margin-top: 0;}
#liveTouristPage .l-box.bottom .scan-card h4 img {width: 26px;height: 26px;vertical-align: text-top;}
#liveTouristPage .l-box.bottom .scan-card .tip-text {position: absolute;bottom: 20px;left: 0;margin-bottom: 0;width: 100%;}
#liveTouristPage .l-box.bottom .scan-card .qr-code {position: absolute;top: 66px;margin-left: -70px;width: 140px;height: 140px;}
#liveTouristPage .l-box.bottom .scan-card .wx-account {position: absolute;bottom: 54px;left: 0;margin-top: 0;width: 100%;}
.live-container{width: 840px;margin-top: -270px;margin-left: -420px;}
.live-container .l-box{width: 360px;height: 270px;}
.live-container .r-box{width: 480px;height: 270px;}
.live-container .l-box.bottom{padding: 26px 0 26px 33px;}
.live-container .l-box.bottom .scan-card{width: 155px;height: 218px;}
.live-container .l-box.bottom .scan-card h4 {margin-top: 24px;margin-bottom: 12px;font-size: 14px;}
.live-container .l-box.bottom .scan-card h4 img{width: 25px;height: 25px;}
.live-container .l-box.bottom .scan-card .tip-text{margin-bottom: 10px;font-size: 12px;}
.live-container .l-box.bottom .scan-card .qr-code{width: 95px;height: 95px;}
.live-container .l-box.bottom .scan-card .wx-account{margin-top: 8px;font-size: 12px;}
.live-container .l-box.bottom .show-content{padding-top: 50px;padding-left: 15px;}
.live-chat{height: 170px;margin-top: 10px;overflow-y: auto;}
.live-chat .chat-list{font-size: 13px;padding: 3PX 15px 0 18px;line-height: 25px;}
.live-send ul{margin: 26px auto 0;}
.live-send input[type=text]{width: 186px;}
.live-send .send-btn{width: 52px;}
 .live-send .ask-btn{width: 63px;}*/
}
.live-bottom {position: fixed;bottom:0;left: 0;width: 100%;height: 50px;padding: 0 20px;background-color: #222;line-height: 50px;z-index: 50;}
.live-bottom{ position:absolute; width:100%; height:44px; bottom:0px; left:0; background:#000;  line-height:44px; z-index:50}
.live-bottom .list-inline{ float:left;}
.live-bottom .list-inline li{ width:117px; height:44px; line-height:44px; text-align:center; font-size:14px; position:relative; float:left; cursor:pointer; background:url(../images/icon_xian4.png) no-repeat center right; color:#fff;}
.live-bottom .list-inline li a{ color:#fff}
.live-bottom .list-inline li img{ margin-right:10px; vertical-align:middle;}
.live-bottom .list-inline .xzapp{ position:absolute; top:-153px; left:-64px; z-index:999; display:none;}
.live-bottom .list-inline .list_app:hover .xzapp{ display:block;}
.live-bottom .list-inline .gzwx{ position:absolute; top:-153px; left:-5px; z-index:999; display:none;}
.live-bottom .list-inline .list_wx:hover .gzwx{ display:block;}
.live-bottom .list-inline .list_fx{ width:100px;}
.live-bottom .list-inline .fenx{ position:absolute; top:-48px; left:-65px; z-index:999; display:none; width:219px; height:48px; background:url(../images/qrcode4.png) no-repeat center;}
.live-bottom .list-inline .fenx img{ vertical-align:middle;  margin:0 8px 8px;}
.live-bottom .list-inline .list_sc{ width:90px; background:none;}
.live-bottom .list-inline .list_fx:hover .fenx{ display:block;}
.live-bottom  .count-wrap{ float:right; height:44px; line-height:44px; }
.live-bottom  .count-wrap ul li{ width:127px; float:left; height:44px; line-height:44px;background:url(../images/icon_xian4.png) no-repeat center right; list-style:none; text-align:center;}
.live-bottom  .count-wrap ul li a{ color:#fff;}
.live-bottom  .count-wrap ul li img{ vertical-align:middle; margin-right:10px;}

.live-play-main.fullscreen .logined-container, .live-play-main.fullscreen .slide-area {top: 0;}
.live-play-main.fullscreen .fixed-sidebar {padding-top: 0;}
.logined-container {position: absolute;top: 50px;bottom: 0;left: 0;width: 100%;background-color: #FFFFFF;overflow: hidden;}
.logined-container .play-box {position: relative;/* min-width: 960px; */height: 100%;margin-right:347px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.logined-container .play-area, .logined-container .svip-box, .logined-container .record-video {position: relative;height: 100%;}
/*.logined-container .svip-box {padding-bottom:80px;}*/
.logined-container .svip-box.nosvip {padding-top: 8%;padding-bottom: 0;background-color: #2F2F2F;}
.logined-container .svip-box.nosvip>div {width: 900px;margin: 0 auto;}
.logined-container .svip-box.nosvip .vip-color {color: #EF1717;}
.logined-container .svip-box.nosvip .tip-text {margin-top: 50px;font-weight: bold;}
.logined-container .svip-box.nosvip .nosvip-btns {margin-top: 16px;}
.logined-container .svip-box.nosvip .nosvip-btns > a {color: #FFFFFF;}
.logined-container .svip-box.nosvip .up-info {border-bottom: 1px solid #424242;height: 45%;padding: 25px 0;}
.logined-container .svip-box.nosvip .up-info .lesson-cover {display: inline-block;width: 230px;}
.logined-container .svip-box.nosvip .up-info .lesson-cover p {display: inline-block;width: 100%;}
.logined-container .svip-box.nosvip .up-info .lesson-cover .remain-time {background: #FFFFFF;width: 100%;padding: 10px}
.logined-container .svip-box.nosvip .up-info .lesson-cover .remain-time span>strong {color: #ED3434;}
.logined-container .svip-box.nosvip .up-info .lesson-cover .remain-time .show {font-size: 20px;}
.logined-container .svip-box.nosvip .up-info .info {color: #CACACA;line-height: 1.5;}
.logined-container .svip-box.nosvip .up-info .info h4 {margin-bottom: 5px;color: #fff;}
.logined-container .clearfix  .lszw{ padding:1px 5px; border:1px solid #00deff; color:#00deff; margin-left:15px; font-size:12px; border-radius:2px;}
.logined-container .svip-box.nosvip .up-info .info .teachar-name {font-size: 16px;}
.logined-container .svip-box.nosvip .up-info .info>ul {list-style: none;line-height: 2;margin: 15px 0;}
.logined-container .svip-box.nosvip .bottom-qr {padding-top: 40px;padding-left: 50px;}
.logined-container .svip-box.nosvip .bottom-qr img {width: 180px;height: 180px;}
.logined-container .svip-box.nosvip .bottom-qr .recommend p {margin-bottom: 10px;font-size: 16px;color: #aaa;}
.logined-container .svip-box.nosvip .bottom-qr .recommend ul > li {margin-top: 5px;list-style: inside;color: #999;}
.logined-container .svip-box.nosvip .bottom-qr .recommend a {color: #666;text-decoration: none;}
.logined-container .svip-box.nosvip .bottom-qr .recommend a:hover {color: #aaa;}
.logined-container .svip-box.nosvip .bottom-qr .recommend-nav {margin-top: -15px;width: 180px;background-color: #fff;}
.logined-container .svip-box.nosvip .bottom-qr .recommend-nav ul li {padding-top: 5px;}
.logined-container .svip-box.nosvip .bottom-qr .recommend-group a { display: inline-block;width: 48%;padding-top: 5px;padding-bottom: 5px;font-size: 13px;text-align: center;color: #333;text-decoration: none;outline: none;}
.logined-container .svip-box.nosvip .bottom-qr .recommend-group a.active {border-bottom: 2px solid #00b28e;}
.logined-container .play-area.scalescreen {position: fixed;z-index: 10000;top: 0;right: 0;bottom: 0;left: 0;padding-bottom: 0;}
.logined-container .play-area .video-js {width: 100%;height: 100%;}
.logined-container .play-area .error-bg {position: absolute;top: 0;left: 0;padding-top: 310px;width: 100%;height: 100%;background: url(../images/live_bg.jpg) no-repeat;background-color: #000;text-align: center;}
.logined-container .play-area .live-tip {position: absolute;bottom: 36px;left: 0;padding-left: 20px;width: 100%;height: 36px;line-height: 36px;background-color: transparent;color: #fff;}
.logined-container .play-area .live-tip img {margin-right: 8px;vertical-align: -2px;}
.logined-container .play-area .live-tip a {color: #ff5932;}
.logined-container .play-area .error-bg .live-tip {bottom: 0;background-color: rgba(255, 249, 249, 0.8);color: #333;text-align: left;}
.logined-container .play-area .error-bg .live-tip img {vertical-align: middle;}
.logined-container .doc-box {height: 100%;background-color: #fff;}
.logined-container .video-box {position: absolute;top: 0;right: 0;width: 180px;height: 135px;}
.logined-container .play-tools {position: absolute;bottom: 0;left: 0;width: 100%;height: 36px;padding: 0 10px;background-color: rgba(0,0,0,.8);line-height: 36px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);opacity: 0;visibility: hidden;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);}
.logined-container .play-tools .volume-wrap {display: inline-block;}
.logined-container .play-tools .volume-wrap .volume-bg {display: none;position: absolute;top: -100px;width: 36px;height: 100px;padding: 4px 0;background-color: rgba(0,0,0,.8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);cursor: default;}
.logined-container .play-tools .volume-wrap .volume-bg-box {display: inline-block;position: relative;width: 100%;height: 92px;}
.logined-container .play-tools .volume-wrap .volume-bar {position: relative;width: 4px;height: 80px;margin: 6px auto;background-color: rgba(115,133,159,.5)}
.logined-container .play-tools .volume-wrap .volume-bar-front {height: 100%;position: absolute;bottom: 0;left: 0;width: 4px;background-color: #CCCCCC;}
.logined-container .play-tools .volume-wrap .volume-circ {position: absolute;top: 0;left: 50%;width: 12px;height: 12px;margin-left: -6px;border-radius: 50%;background-color: #FFFFFF;}
.logined-container .play-tools .live-icon {position: relative;margin: 0 10px;vertical-align: middle;cursor: pointer;}
.logined-container .play-area:hover .play-tools {opacity: 1;visibility: visible;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);}
.logined-container .live-bottom {position: absolute;}
.logined-container .slide-area {z-index: 60;position: fixed;top: 50px;right: 50px;bottom: 0;width:297px;overflow-y: auto;background-color:#333;-webkit-transition: right .5s;-o-transition: right .5s;transition: right .5s;}
.logined-container .slide-area .zero-data {padding-top: 100px;}
.logined-container .slide-area .zero-data p {margin-top: 10px;font-size: 14px;color: #999;}
.logined-container .slide-area .tab-title {height: 50px;padding-top: 20px;padding-left: 20px;border-bottom: 1px solid #525252;font-size: 16px;font-weight: bold; 
	color:#fff;text-align: center;}
.logined-container .slide-area .info-text {line-height: 23px;font-size: 12px;color: #ccc;text-align: justify;padding-top:12px;}
.logined-container .slide-area .kcjj{ padding-top:0;}
.logined-container .slide-area .teacher-info {padding: 20px 23px;font-size: 14px;color: #fff;    border-bottom: 1px solid #444; margin-bottom:15px;}
.logined-container .slide-area .teacher-info .info {margin-top: 20px;}
.logined-container .slide-area .teacher-info .info img {float: left;width: 70px;height: 70px;margin-right: 14px;border-radius: 50%;overflow: hidden;}

/*交流*/
.logined-container .slide-area .chat-area {position: absolute;top: 50px;bottom: 0;left: 0;width: 100%;}
.logined-container .slide-area .chat-area .role {color: #FF4141;}
.logined-container .slide-area .chat-area .time-color {color: #999999;}
.logined-container .slide-area .chat-area .chat-wrap {position: relative;width: 100%;padding: 0 25px;overflow-x: hidden;overflow-y: auto;}
.logined-container .slide-area .chat-area .bell-circ {display: none;position: absolute;z-index: 5;top: 0;right: 0;width: 0;height: 0;border-top: 45px solid #E5E5E5;border-left: 47px solid transparent;cursor: pointer;}
.logined-container .slide-area .chat-area .bell-circ.fixed {position: fixed;top: 100px;right: 60px;}
.logined-container .slide-area .chat-area .bell-circ .bell {position: absolute;top: -38px;right: 6px;}
.logined-container .slide-area .chat-area .bell-circ .bell span {position: absolute;top: -4px;right: -4px;width: 12px;height: 12px;border-radius: 50%;background-color: #FF2121;line-height: 12px;font-size: 10px;font-style: normal;color: #FFFFFF;text-align: center;}
.logined-container .slide-area .chat-area .chat-list {position: relative;margin: 20px auto;color: #333333;}
.logined-container .slide-area .chat-area .live-notice.scrolling {position: fixed;top: 100px;z-index: 10;}
.logined-container .slide-area .chat-area .live-notice p {position: relative;width: 295px;padding: 14px 37px 14px 20px;margin: 0 auto;border: 3px;background-color: #FFFFFF;font-size: 12px;color: #333333;visibility: visible;opacity: 1;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;-webkit-transform: scale(1);transform: scale(1);-moz-transform-origin: 100% 0%;-webkit-transform-origin: 100% 0%;-o-transform-origin: 100% 0%;}
.logined-container .slide-area .chat-area .live-notice.ani p {position: absolute;opacity: 0;visibility: hidden;-webkit-transform: scale(.2);transform: scale(.2);}
.logined-container .slide-area .chat-area .live-notice .notice-close {position: absolute;top: 10px;right: 10px;cursor: pointer;}
.logined-container .slide-area .chat-area .userinfo {position: relative;padding-left: 40px;font-size: 12px;}
.logined-container .slide-area .chat-area .userinfo > img{ position:absolute; width:28px; height:28px; border-radius:100%; overflow:hidden; left:0; top:0;}
.logined-container .slide-area .chat-area .userinfo p{ color:#fff;margin: 0px;}
.logined-container .slide-area .chat-area .userhead {position: absolute;top: 0;left: 5px;width: 35px;height: 35px;border-radius: 50%;}
.logined-container .slide-area .chat-area .chat-list .usermsg {display: inline-block;position: relative;margin: 10px 5px;line-height: 18px;text-align: justify;}
.logined-container .slide-area .chat-area .chat-list .has-theme {padding: 5px 11px;border-width: 2px;border-style: solid;border-radius: 6px;background-color: #FFFFFF;}
.logined-container .slide-area .chat-area .chat-list .has-theme:after {content: '';position: absolute;top: 7px;left: -8px;width: 0;height: 0;border-top: 15px solid #FFFFFF;border-left: 15px solid transparent;z-index: 10;}
.logined-container .slide-area .chat-area .chat-list .has-theme:before {content: '';position: absolute;top: 6px;left: -11px;width: 0;height: 0;border-left: 11px solid transparent;}
.logined-container .slide-area .chat-area .chat-list .userinfo.teacher .role {color: #00B882;}
.logined-container .slide-area .chat-area .chat-list .userinfo.self .has-theme {border-color: #FFA5A5;}
.logined-container .slide-area .chat-area .chat-list .userinfo.self .has-theme:before {border-top: 11px solid #FFA5A5;}
.logined-container .slide-area .chat-area .chat-list .userinfo.teacher .has-theme {border-color: #9BC7F5;}
.logined-container .slide-area .chat-area .chat-list .userinfo.teacher .has-theme:before {border-top: 11px solid #9BC7F5;}
.logined-container .slide-area .chat-area .chat-send {position: absolute;bottom: 10px;left: 0;width: 100%;padding: 0 16px;}
.logined-container .slide-area .chat-area .chat-send .send-wrap {height: 129px;margin-bottom: 15px;border: 1px solid #F0F0F0;border-radius: 6px;background-color: #FFFFFF;}
.logined-container .slide-area .chat-area .chat-send .chat-func {position: relative;height: 38px;line-height: 40px;border-bottom: 1px solid #F0F0F0;}
.logined-container .slide-area .chat-area .chat-send .chat-func>a {display: inline-block;margin-left: 12px;}
.logined-container .slide-area .chat-area .chat-send .chat-edit {height: 90px;padding: 5px;}
.logined-container .slide-area .chat-area .chat-send .submit-chat {height: 100%;resize: none;width: 100%;border: 0;outline: none;}
.logined-container .slide-area .chat-area .chat-send .chat-btn {display: inline-block;padding: 7px 19px;border-radius: 3px;background-color:#1481eb;font-size: 12px;color: #FFFFFF;text-align: center;letter-spacing: 4px;}
/*课程评价*/
.logined-container .slide-area .chat-area .comment-wrap {padding: 0 17px;overflow-x: hidden;overflow-y: auto;}
.logined-container .slide-area .chat-area .comment-list {position: relative;margin: 20px auto;color: #999;border-bottom: 1px solid#3e3e3e;}
.logined-container .slide-area .chat-area .comment-list .stars-box {display: inline-block;margin-left: 5px;vertical-align: text-top;float: right;}
.logined-container .slide-area .chat-area .comment-list .usercomment {margin-top: 10px;line-height: 18px;text-align: justify;margin-bottom: 20px;}
.logined-container .slide-area .chat-area .comment-list .userprogress {margin-top: 8px;color: #999;}
.logined-container .slide-area .chat-area .chat-send .course-score {padding-left: 4px;margin-bottom: 20px;font-size: 12px;color: #eee;}
.logined-container .slide-area .chat-area .chat-send .course-score .scores-wrap {display: inline-block;vertical-align: middle;}
.logined-container .slide-area .chat-area .chat-send .course-score .scores-wrap i {cursor: pointer;}
.logined-container .slide-area .chat-area .chat-send .course-score .score-num {display: inline-block;margin-left: 6px;margin-right: 7px;color: #FFAE01;}
.logined-container .slide-area .chat-area .chat-send .course-score .score-text {display: inline-block;min-width: 84px;font-weight: normal;}
.logined-container .slide-area .chat-area .chat-send .comment-input textarea {width: 100%;height: 110px;padding: 10px;margin-bottom: 10px;resize: none;outline: none;border: 1px solid #E5E5E5;border-radius: 3px;font-size: 12px;}
.logined-container .slide-area .chat-area .chat-send .comment-input .chat-btn {padding: 8px;letter-spacing: normal;}
/*目录列表*/
.logined-container .slide-area .catalog-box .panel-heading+.panel-collapse>.list-group, .logined-container .slide-area .catalog-box .panel-heading+.panel-collapse>.panel-body {border-top: 0;
}
.logined-container .slide-area .catalog-box .panel {margin-top: -1px;border-top: 1px solid #404040;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;background-color: #333;}
.logined-container .slide-area .catalog-box .panel-title {font-size: 14px; color:#eee;}
.logined-container .slide-area .catalog-box .panel-title .zjml{ margin-right:8px; margin-bottom:3px;}
.logined-container .slide-area .catalog-box .panel-title .arrow {margin-top: 3px;}
.logined-container .slide-area .catalog-box .panel-heading.collapsed .arrow {background-position: -161px -144px;}
.logined-container .slide-area .catalog-box .panel-heading {border-radius: 0;cursor: pointer; padding:16px 15px;}
.logined-container .slide-area .catalog-box .panel-body {padding: 0;}
.logined-container .slide-area .ml_list{ margin-bottom:0;}
.logined-container .slide-area .ml_list li p{ margin-bottom:0;}
.logined-container .slide-area .catalog-lists>li {position: relative;padding: 14px 12px 14px 24px;font-size: 12px;color: #666666;cursor: default; padding-left:46px; background:url(../images/img3.png) no-repeat left 20px top 15px; border-bottom:1px dashed #202020; cursor:pointer;}
.logined-container .slide-area .catalog-lists>li:not(.chapter):hover {background-color: #222;}
.logined-container .slide-area .catalog-lists .chapter {padding-bottom: 0;margin-top: -1px;border-top: 1px solid #E5E5E5;font-size: 14px;font-weight: bold;color: #000000;}
.logined-container .slide-area .catalog-lists .chapter.nochild {padding-bottom: 15px;}
.logined-container .slide-area .catalog-lists .line1 {line-height: 1.6;}
.logined-container .slide-area .catalog-lists .line1 .r-wrap {padding: 2px; display:block; float:right;}
.logined-container .slide-area .catalog-lists .line1 .r-wrap .xiazai{width: 16px; height: 16px;background-position: -139px -163px;}
.logined-container .slide-area .catalog-lists .classname {display: inline-block;width: 150px;overflow: hidden;font-size: 13px;color: #eee;text-overflow: ellipsis;white-space: nowrap;}
.logined-container .slide-area .catalog-lists .status.appoint {padding: 1px 3px;border: 1px solid #00B882;border-radius: 3px;background-color: #FFFFFF;font-size: 12px;color: #00B882;
text-decoration: none;}
.logined-container .slide-area .catalog-lists>li.active {color: #ff923a; background:url(../images/img2.png) no-repeat left 20px top 15px #252525;}
.logined-container .slide-area .catalog-lists>li.active .classname {color: #ff923a;}
/*近期直播*/
.logined-container .slide-area .recent-lists>li {position: relative;height: 60px;padding-right: 24px;padding-left: 4px;cursor: default;}
.logined-container .slide-area .recent-lists>li:first-child {margin-top: 14px;}
.logined-container .slide-area .recent-lists>li:before {content: '';position: absolute;top: -14px;left: 30px;height: 30px;border-left: 1px solid #E5E5E5;}
.logined-container .slide-area .recent-lists .status {display: inline-block;width: 53px;line-height: 60px;text-align: center;}
.logined-container .slide-area .recent-lists .live-info {display: inline-block;width: 80%;vertical-align: middle;}
.logined-container .slide-area .recent-lists .live-time {font-size: 14px;color: #333333;}
.logined-container .slide-area .recent-lists .live-name {overflow: hidden;font-size: 12px;color: #666666;text-overflow: ellipsis;white-space: nowrap;}
.logined-container .slide-area .recent-lists>li.active, .logined-container .slide-area .recent-lists>li:hover {background-color: #E5E5E5;}
.logined-container .slide-area .recent-lists>li.active p {color: #00B882;}
/*课程笔记*/
.logined-container .slide-area .notes-box form {position: relative;padding: 20px;border-bottom:none;}
.logined-container .slide-area .notes-box form textarea {width: 100%;height: 110px;padding: 5px;resize: none;outline: none;border-radius: 3px; background:#000;font-size: 12px; color:#fff; border:none;}
.logined-container .slide-area .notes-box form .holdertext {position: absolute;top: 26px;left: 30px;font-size: 12px;color: #999;}
.logined-container .slide-area .notes-box form .save-btn {width: 55px;height: 30px;margin-top: 10px;border-radius: 3px;border: none;background-color:#FF9800;font-size: 12px;color: #FFF;}
.logined-container .slide-area .notes-box .new-notes ul {padding-right: 25px;padding-left: 25px;}
.logined-container .slide-area .notes-box .new-notes ul li {padding-top: 20px;padding-bottom: 20px;font-size: 12px;border-bottom: 1px solid #E5E5E5;}
.logined-container .slide-area .notes-box .new-notes .n-text {margin-bottom: 15px;line-height: 18px;color: #333;}
.logined-container .slide-area .notes-box .new-notes .n-time {color: #AAA;}
.logined-container .slide-area .notes-box .new-notes .read-video {margin-left: 18px;vertical-align: sub;}
.logined-container .slide-area .notes-box .new-notes .all-notes {display: block;width:86%;height: 35px;margin: 20px 7% 0;background-color:#1481eb;line-height: 35px;font-size: 12px;
color: #FFF;text-align: center;}
/*下载列表*/
.logined-container .slide-area .dl-lists>li {padding: 16px 25px 3px;}
.logined-container .slide-area .dl-lists>li:hover {background-color: #E5E5E5;}
.logined-container .slide-area .dl-lists .dl-filename {display: inline-block;width: 206px;margin-left: 5px;overflow: hidden;font-size: 14px;color: #333333;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.logined-container .slide-area .dl-lists .dl-btn {display: inline-block;float: right;width: 40px;height: 20px;margin-top: 1px;border: 1px solid #AAAAAA;border-radius: 3px;line-height: 18px;font-size: 12px;color: #AAAAAA;text-align: center;text-decoration: none;cursor: not-allowed;}
.logined-container .slide-area .dl-lists .dl-btn.dled {border: 1px solid #00B882;background-color: #00B882;color: #FFFFFF;cursor: pointer;}
.logined-container .slide-area .dl-lists .dl-size {padding-left: 25px;line-height: 1.8;font-size: 12px;color: #999999;}
/*右侧固定栏*/
.logined-container .fixed-sidebar {z-index: 60;position: fixed;top: 0;right: 0;bottom: 0;width: 50px;padding-top: 50px;background-color:#3f3f3f;overflow-y: auto;}
.logined-container .fixed-sidebar::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/height: 4px;}
.logined-container .fixed-sidebar::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.logined-container .fixed-sidebar::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
.logined-container .fixed-sidebar .side-menu {display: block;width: 100%;height: 80px;background-color: #3f3f3f;line-height: 80px;color: #666666;text-align: center;text-decoration: none;outline: none; border-bottom:1px solid #333;}
.logined-container .fixed-sidebar .side-menu.active {background-color: #cf3f3f;color: #FFFFFF;}
.logined-container .fixed-sidebar .side-menu.active .synopsis {background-position: -81px -85px;}
.logined-container .fixed-sidebar .side-menu.active .catalog {background-position: -97px -137px;}
.logined-container .fixed-sidebar .side-menu.active .lives {background-position: -135px -2px;}
.logined-container .fixed-sidebar .side-menu.active .communication {background-position: -2px -85px;}
.logined-container .fixed-sidebar .side-menu.active .rate {background-position: -107px -85px;}
.logined-container .fixed-sidebar .side-menu.active .notes {background-position: -2px -111px;}
.logined-container .fixed-sidebar .side-menu.active .download {background-position: -108px -28px;}
.logined-container .fixed-sidebar .side-menu span {display: inline-block;line-height: normal;vertical-align: middle; color:#fff;}
/*右侧展开收起*/
.logined-container.isslide .play-box {margin-right: 60px;}
.logined-container.isslide .slide-area {right: -345px;}
.logined-container.isslide .live-icon.slide {background-position: -74px -2px;}
/*直播播放*/
.live-icon{display: inline-block;background: url(../images/live_icons.png) no-repeat;}
.live-icon.back{width: 25px;height: 20px;background-position: -38px -61px;}
.live-icon.bell{width: 15px;height: 16px;background-position: -122px -137px;}
.live-icon.k-one{width: 32px;height: 20px;background-position: -2px -61px;}
.live-icon.k-two{width: 43px;height: 20px;background-position: -2px -37px;}
.live-icon.switch-line{width: 19px;height: 18px;background-position: -49px -137px;}
.live-icon.wechat{width: 23px;height: 18px;background-position: -102px -111px;}
.live-icon.unknown{width: 20px;height: 20px;background-position: -2px -137px;}
.live-icon.app{width: 18px;height: 20px;background-position: -161px -2px;}
.live-icon.assess{width: 20px;height: 18px;background-position: -129px -111px;}
.live-icon.users{width: 25px;height: 18px;background-position: -67px -61px;}
.live-icon.ask{width: 21px;height: 20px;background-position: -49px -37px;}
.live-icon.slide{width: 30px; height: 22px;background-position: -74px -28px;}
.live-icon.synopsis{width: 22px;height: 22px;background-position: -55px -85px;}
.live-icon.catalog{width: 21px;height: 16px;background-position: -72px -137px;}
.live-icon.lives{width: 22px;height: 22px;background-position: -135px -28px;}
.live-icon.communication{width: 23px;height: 22px;background-position: -108px -2px;}
.live-icon.rate{width: 22px;height: 22px;background-position: -29px -85px;}
.live-icon.rate2{width: 22px;height: 22px;background-position: -81px -163px;}
.live-icon.notes{width: 20px;height: 22px;background-position: -26px -111px;}
.live-icon.download{width: 23px;height: 22px;background-position: -108px -54px;}
.live-icon.dl-icon{width: 16px;height: 16px;background-position: -161px -124px;vertical-align: middle;}
.live-icon.timing{width: 15px;height: 15px;background-position: -183px -21px;}
.live-icon.notice-close{width: 10px;height: 10px;background-position: -19px -179px;}
.live-icon.chatlook{width: 17px; height: 16px;background-position: -161px -66px;}
.live-icon.chatk1{width: 17px; height: 16px;background-position: -161px -46px;}
.live-icon.chatk2{width: 17px; height: 16px;background-position: -161px -26px;}
.live-icon.voice{width: 17px; height: 14px;background-position: -2px -161px;}
.live-icon.voice.silence{width: 19px;height: 19px;background-position: -26px -137px;}
.live-icon.exchange{width: 16px;height: 16px;background-position: -23px -161px;}
.live-icon.doublevideo{width: 16px;height: 16px;background-position: -2px -179px;}
.live-icon.doublevideo.onlyone{background-position: -183px -58px;}
.live-icon.scalescreen{width: 14px;height: 14px;background-position: -183px -40px;}
.live-icon.scalescreen.narrow{background-position: -183px -130px;}
.live-icon.fullscreen{width: 14px;height: 14px;background-position: -183px -112px;}
.live-icon.fullscreen.restore{background-position: -183px -148px;}
.live-icon.star{width: 32px;height: 31px;background-position: -2px -2px;}
.live-icon.star.active{background-position: -38px -2px;}
.live-icon.thumbs-up{width: 22px;height: 20px;background-position: -135px -78px;}
.live-icon.thumbs-down{width: 22px;height: 20px;background-position: -76px -111px;}
.live-icon.arrow{width: 16px;height: 9px;background-position: -56px -161px;}
.live-icon.read-video{width: 18px;height: 15px;background-position: -161px -86px;}
.live-icon.read-video.gray{background-position: -161px -105px;}
.live-icon.star-14{width: 14px;height: 14px;background-position: -183px -94px;}
.live-icon.star-14.active{background-position: -183px -76px;}
.live-icon.clock{width: 15px;height: 15px;background-position: -183px -2px;}
.live-icon.g-clock{width: 15px;height: 15px;background-position: -183px -21px;}
.live-icon.timing {
    width: 15px;
    height: 15px;
    background-position: -183px -21px;
}
.live-icon {
    display: inline-block;
    background: url(../images/live_icons.png) no-repeat;
}
/*评价老师*/
.grade-box {display: none;}
.grade-box .box {z-index: 10010;position: absolute;left: 50%;top: 8%;margin-left: -300px;padding: 20px;width: 600px;background-color: #fff;border-radius: 5px;}
.grade-box .box .close {position: absolute;top: 5px;right: 12px;font-size: 40px;}
.grade-box .box h4 {margin-bottom: 20px;font-weight: bold;}
.grade-box .box .star i {cursor: pointer;}
.grade-box .box .star .active {color: #ffc341;}
.grade-box .box .row .col-xs-6 {padding-left: 30px;padding-right: 30px;}
.grade-box .box .row a {display: inline-block;padding: 5px 8px;margin-bottom: 7px;color: #00b28c;border: 1px solid #64e3c8;background-color: #f1fbf9;border-radius: 6px;text-decoration: none;outline: none;}
.grade-box .box .row .bad a {color: #666;background-color: #f3f3f3;border-color: #d7d7d7;}
.grade-box .box .row a:hover, .grade-box .box .row a.active {color: #fff;background-color: #00b28c;border-color: #00b28c;}
.grade-box .box .row .bad a:hover, .grade-box .box .row .bad a.active {color: #fff;background-color: #3c3c3c;border-color: #3c3c3c;}
.grade-box .box .row a i {margin-right: 5px;vertical-align: middle;}
.grade-box .box .row a:hover .thumbs-up, .grade-box .box .row a.active .thumbs-up {background-position: -50px -111px;}
.grade-box .box .row a:hover .thumbs-down, .grade-box .box .row a.active .thumbs-down {background-position: -135px -54px;}
.grade-box .box .btn {background-color: #00b28c;color: #fff;}

.sptp .ppt {
    width: 100%;
    height: 100%;
    background: #555;
    padding: 30px;
    float: left;
}

.sptp .khwd {
    width: 100%;
    height: 100%;
    padding: 30px;
    float: left;
}
    /*直播购买前*/
    .sptp .khwd .quanxian {
        width: 457px;
        background-color: #1e1e1e;
        border-radius: 12px;
        margin: 0 auto;
        padding: 34px 40px 38px;
        margin-top: 20px;
    }

        .sptp .khwd .quanxian h3 {
            color: #fff;
            font-size: 28px;
            font-weight: normal;
            text-align: center;
            padding-bottom: 35px;
        }

        .sptp .khwd .quanxian .qxjs {
            color: #fff;
            font-size: 15px;
            padding: 0 0 28px;
        }

        .sptp .khwd .quanxian a {
            color: #ff8706;
            font-size: 15px;
            padding-bottom: 24px;
            display: block;
        }

            .sptp .khwd .quanxian a img {
                padding-right: 2px;
                margin-top: -4px;
            }

        .sptp .khwd .quanxian .tuijian {
            background-color: #f6f1e9;
            border-radius: 10px;
            padding: 32px 27px 18px;
        }

            .sptp .khwd .quanxian .tuijian .wntj {
                font-size: 16px;
                color: #333;
                padding-bottom: 18px;
            }

            .sptp .khwd .quanxian .tuijian .xzrs {
                font-size: 16px;
                color: #333;
                float: right;
            }

                .sptp .khwd .quanxian .tuijian .xzrs em {
                    font-size: 16px;
                    font-weight: 700;
                    color: #f02c2c;
                    font-style: normal;
                }

            .sptp .khwd .quanxian .tuijian .huiyuan h2 {
                color: #333;
                font-size: 22px;
            }

                .sptp .khwd .quanxian .tuijian .huiyuan h2 img {
                    padding-right: 6px;
                }

                .sptp .khwd .quanxian .tuijian .huiyuan h2 span {
                    background-image: url(/content/images/icons_v9.png);
                    width: 88px;
                    height: 29px;
                    background-position: 0px -141px;
                    font-size: 18px;
                    color: #fff;
                    padding: 2px 20px;
                    margin-left: 20px;
                }

            .sptp .khwd .quanxian .tuijian .huiyuan .p2 {
                font-size: 12px;
                padding: 15px 0;
                text-align: justify;
            }

            .sptp .khwd .quanxian .tuijian .huiyuan a {
                padding-bottom: 0;
            }

            .sptp .khwd .quanxian .tuijian .huiyuan .p3 {
                font-size: 12px;
                text-align: right
            }

        .sptp .khwd .quanxian .gmhy {
            background-color: #efe5d5;
            text-align: center;
            margin-top: 25px;
            border-radius: 50px;
            padding: 0;
            line-height: 50px;
            color: #333;
        }

        .sptp .khwd .quanxian .gmkc {
            background-color: #ff463c;
            text-align: center;
            margin-top: 25px;
            border-radius: 50px;
            padding: 0;
            line-height: 50px;
            color: #fff;
        }
    /*直播评价*/
    .sptp .khwd .zhibopj {
        white: 405px;
    }

.top_header .pull-right2 {
    width: 347px;
    text-align: right;
    color: #fff;
    line-height: 50px;
    padding-right: 20px;
    float: right;
}

.dropdown:hover .dropdown-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    min-width: 140px;
    padding: 0;
    margin: 0;
}

.dropdown .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 0;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 3px;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.dropdown-menu ul li {
    list-style: none;
    text-align: center;
}

    .dropdown-menu ul li a {
        color: #333;
    }

    .dropdown-menu ul li:hover a {
        color: #FF4245;
    }

.bd {
    float: right;
    height: 64px;
/*    margin-right: 10px;*/
}

.yfd {
    float: right;
    padding-left: 20px;
}

    .yfd a {
        color: #C4C4C4;
    }

        .yfd a .icontb {
            padding-right: 6px;
        }

        .yfd a .fa-bell-o {
            color: #C4C4C4;
            font-size: 18px;
            padding-right: 6px;
        }

.bd a {
    color: #C4C4C4;
}

    .bd a .fa-cart-plus {
        font-size: 18px;
        padding-right: 6px;
        color: #C4C4C4;
    }