.nav-fixed{position:absolute;position:fixed;top:0;right:0;left:0;display:none;height:64px;border-bottom:1px solid #e6e5e5;background:#fff;background-color:#fff;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.nav-fixed h2{float:left;display:block;overflow:hidden;max-width:100%;max-width:450px;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:64px;word-break:keep-all}
.nav-fixed .nav-tabs{position:absolute;top:0;right:170px;margin-bottom:-1px;border:none;font-size:18px}
.nav-fixed .nav-tabs:after,.nav-fixed .nav-tabs:before{display:table;content:""}
.nav-fixed .nav-tabs:after{clear:both}
.nav-fixed .nav-tabs>li{float:left;margin-bottom:-1px}
.nav-fixed .nav-tabs>li.active>a,.nav-fixed .nav-tabs>li.active>a:focus,.nav-fixed .nav-tabs>li.active>a:hover{border:none;border-bottom:3px solid #009aff;background:0 0;color:#009aff}
.nav-fixed .nav-tabs>li>a{display:block;padding:0 24px 6px;border-width:0 0 3px 0;color:#424451;line-height:normal}
.nav-fixed .nav-tabs>li>a.active,.nav-fixed .nav-tabs>li>a:focus,.nav-fixed .nav-tabs>li>a:hover{border-color:transparent;background:0 0;color:#009aff}
.nav-fixed .nav-tabs>li{float:left}
.nav-fixed .nav-tabs>li>a{float:left;display:inline-block;padding:0 40px 0;line-height:61px}
.nav-fixed .btn-course{float:right;margin-top:15px}
.nav-fixed .btn-course .btn{padding:0;width:120px;line-height:36px}
.pager,.pagination{margin:20px 0;padding-left:0;list-style:none;text-align:center}
.pager:after,.pager:before,.pagination:after,.pagination:before{display:table;content:" "}
.pager:after,.pagination:after{clear:both}
.pager li,.pagination li{float:left;display:inline;display:inline-block;margin-right:10px;margin-bottom:3px}
.pager li a,.pager li span,.pagination li a,.pagination li span{display:inline-block;padding:4px 9px;border:1px solid #ddd;border-radius:15px;background-color:#fff;color:#555}
.pager li a:focus,.pager li a:hover,.pagination li a:focus,.pagination li a:hover{background-color:#eee;text-decoration:none}
.pager li a:hover,.pagination li a:hover{border-color:#009aff;background:#008ae6;color:#FFF}
.pager .active a,.pagination .active a{border-color:#009aff;background:#009aff;color:#FFF}
.pager .previous>a,.pager .previous>span,.pagination .previous>a,.pagination .previous>span{float:left}
.pager .next>a,.pager .next>span,.pagination .next>a,.pagination .next>span{float:none}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span,.pagination .disabled>a,.pagination .disabled>a:focus,.pagination .disabled>a:hover,.pagination .disabled>span{background-color:#fff;color:#999;cursor:not-allowed}
body{min-width:960px;background-color:#fff}
.crumbs a{color:#fff}
.crumbs a:focus,.crumbs a:hover{color:#009aff}
.crumbs .line{color:#999}
.crumbs .last{color:#fff}
.banner{margin-bottom:40px;padding-top:100px;height:590px;background:url(../images/banner.jpg)}
.banner .banner-wrap{position:relative;padding:20px;height:470px;background-color:#fff}
.banner .player{float:left;width:100%;height:100%}
.banner .player-inner{position:relative;margin-right:315px;height:100%}
.banner .player-inner>*{width:100%;height:100%}
.banner .player-inner .icon-player{position:absolute;top:50%;left:50%;margin:-45px 0 0 -45px;width:90px;height:90px;background:url(../images/icon-start.png) no-repeat 0 0;cursor:pointer}
.banner .cont{float:left;margin-left:-290px;width:290px}
.banner .title{padding:14px 0 18px;border-bottom:1px solid #e5e5e5;font-size:18px;line-height:1.4}
.banner .info{overflow:hidden;padding:15px 0;border-bottom:1px solid #e5e5e5;color:#848e99;font-size:12px}
.banner .info li{float:left;width:33.33333%;text-align:center;cursor:default}
.banner .info .num{display:block;margin-bottom:5px;font-size:16px}
.banner .intro{display:-webkit-box;overflow:hidden;margin:16px 0 20px;max-height:170px;color:#848e99;text-indent:2em;text-overflow:ellipsis;word-wrap:break-word;font-size:13px;line-height:24px;-webkit-line-clamp:7;-webkit-box-orient:vertical}
.banner .btn-course{margin:0 auto;width:240px}
.banner .btn-course a{display:block;margin-bottom:10px;padding:0;font-size:22px;line-height:48px}
.banner .tips{border:none;background-color:transparent;color:#e58f32;text-align:center;font-size:12px;line-height:28px}
.banner .tips .iconfont{margin-right:5px;vertical-align:0;font-size:14px}
.live-banner{background-image:url(../images/live-banners.jpg)}
.main{float:left;width:100%}
.main .main-inner{margin-right:300px}
.main .tips{margin-right:270px;padding:0 15px;height:40px;border:1px solid #e5e5b5;border-radius:3px;background-color:#ffffca;color:#575e65;line-height:40px}
.main .tips span{margin:0 3px;font-size:12px}
.main .tips .lg{font-size:16px}
.main .tips a{float:right;color:#e58f32;font-size:12px}
.main .tips a:hover{color:#e57b32}
.main .tips-lg{margin-right:0}
.main .operate{margin-bottom:10px}
.main .operate select{float:right;padding:0 12px;width:250px;height:42px;border:1px solid #cad2e1;border-radius:3px;font-size:12px}
.aside{float:left;margin-left:-280px;width:280px}
.tab-pane{display:none}
.tab-pane.active{display:block}
.model{overflow:hidden;margin-bottom:40px}
.model>.hd{margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid #ccc}
.model>.hd h3{font-size:18px}
.model .avatar{overflow:hidden;margin-right:10px;width:60px;height:60px;border-radius:50%;text-align:center}
.model .name{font-size:18px}
.model .name a{color:#2c2f33}
.model .name a:hover{color:#009aff}
.model .intro{margin-top:10px;color:#575e65;line-height:24px}
.course-dt{float:left;padding-left:20px;width:38px;height:100%;color:#575e65;font-size:16px;line-height:48px}
.course-list{margin:0 20px}
.course-list dd{padding:0 20px;color:#575e65;line-height:48px}
.course-list .free{float:right;display:inline-block;margin-top:9px;padding:0 10px;height:28px;border-radius:5px;text-align:center;font-size:12px;line-height:28px;cursor:pointer}
.course-list a{display:block;border:1px solid transparent;color:#575e65}
.course-list a:hover{border-color:#009aff;border-radius:5px;background-color:#f5fafe;color:#009aff}
.course-list a:hover .time{display:none}
.course-list a:hover .free{display:none}
.course-list a:hover .no-act{display:inline-block}
.course-list a:hover .btn{display:inline-block}
.course-list .name{display:block;display:inline-block;overflow:hidden;max-width:100%;max-width:570px;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}
.course-list .no-limit{max-width:700px}
.course-list .no-act,.course-list .time{float:right;margin-left:20px;color:#848e99;font-size:13px}
.course-list .no-act i,.course-list .time i{margin-left:10px}
.course-list .no-act{display:none}
.course-list .living{color:#009aff}
.course-list .btn{float:right;display:none;margin-top:9px;padding:0 10px;height:28px;font-size:12px;line-height:28px}
.course-list .iconfont{margin-right:5px}
.live-list li{border-bottom:1px solid #dfdfdf}
.live-list li:after,.live-list li:before{display:table;content:""}
.live-list li:after{clear:both}
.live-list .course-list dd{border-bottom:1px solid #dfdfdf}
.live-list .course-list dd:last-child{border-bottom:none}
.live-list .course-list dd a{border-bottom-color:transparent}
.live-list .course-list dd a:hover{border-bottom-color:#009aff}
.loading-wrap{height:300px;text-align:center;line-height:300px}
.no-complete{margin-top:120px;margin-right:auto;margin-left:auto;color:#7181aa;text-align:center;font-size:24px}
.pop-apply .wrap{width:474px}
.pop-apply .cont{color:#575e65;line-height:24px}
.pop-apply .pic{overflow:hidden;margin-right:20px;width:180px;max-height:110px}
.pop-apply .title{margin-bottom:5px;font-size:16px;line-height:1.1}
.pop-apply .info{margin-bottom:16px;color:#848e99;font-size:13px}
.pop-apply .btns{clear:both;padding:40px 0 30px;text-align:center}
.pop-apply .btn{margin:0 8px;width:118px;height:40px;font-size:16px;line-height:40px}
.register_ok .pic{margin-right:10px;width:124px;max-height:none}
.register_ok .title{color:#7db000;font-size:18px}
.register_ok .title .iconfont{font-size:24px}
.register_ok .intro{margin-top:10px;line-height:30px}
.register_ok .btns{padding-top:23px}
.student-list{padding:0 24px}
.student-list .total{margin-bottom:20px;color:#282737}
.student-list .list{overflow:hidden;margin-left:-120px}
.student-list .list li{float:left;margin:0 0 30px 120px;width:200px}
.student-list .list .avatar{margin-right:14px}
.student-list .list .avatar img{width:50px;height:50px}
.student-list .list .name{display:block;overflow:hidden;margin:6px 0;max-width:100%;color:#575e65;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}
.student-list .list .time{color:#848e99;font-size:12px}
.pop-remind{color:#575e65}
.pop-remind .wrap{width:500px}
.pop-remind .btns{clear:both;padding:45px 0 30px;text-align:center}
.pop-remind .btn{margin:0 16px;width:118px;height:40px;font-size:16px;line-height:40px}
.choose-radio li{position:relative;margin-top:20px}
.choose-radio li.active .icon-radio{border-color:#3395fd;background-color:#3395fd}
.choose-radio input{margin-right:4px;width:20px}
.choose-radio .icon-radio{position:absolute;top:0;left:0;width:15px;height:15px;border:1px solid #dfdfdf;border-radius:3px;background-color:#fff;color:#fff;text-align:center;font-size:10px;line-height:16px}
.cls{margin-top:20px!important}
.pcl{padding-top:30px;padding-bottom:10px;color:#eb6100;font-weight:700;font-size:18px}
.pcl2{padding-top:30px;padding-bottom:10px;color:#eb6100;font-weight:700;font-size:18px;padding-left: 30px;}
.pcl2 span{color: #333!important;}
.cjs li{color:#333;font-size:14px;line-height:30px}
 .box_bt{font-size: 18px;color: #eb6100;text-align: center;line-height: 30px;}
 .box_bt-span{font-weight:bold; ;font-size: 20px;}
 .js{font-size: 16px;line-height: 20px;padding: 30px;}
.js p{margin-top: 20px;}
.div-skb{padding-left: 30px;margin-top: 10px;}
.div-skb p{font-size: 16px;line-height: 30px;}
.div-skb span{color: #000;font-weight: bold; color: red}
.px{font-size: 16px;padding-left: 30px;color: #4C33E5;font-weight: bold;padding-top:30px;}
.pcl3{padding-top:30px;padding-bottom:10px;color:#eb6100;font-weight:700;font-size:18px;padding-left: 30px;line-height: 25px;}
.pcl4{padding-top:30px;padding-bottom:10px;color:#eb6100;font-weight:700;font-size:18px;padding-left: 30px;line-height: 25px;}
.new{width: 100%!important}

.btn_buy input {
    width: 120px;
    padding: 10px;
    background-color: #76b600;
    border: 1px solid #76b600;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}