.layui-header{height:70px !important;box-shadow:0 0 20px rgba(0,0,0,0.08);background-color:#fff !important}
.logo img{width:150px;margin-top:7px;margin-left:50px}
.slide-pic img{width:100%;height:450Px}
.fixd{position:fixed}
.layui-nav{background-color:#fff}
.layui-nav-item{line-height:70px !important}
.layui-nav .layui-this a{color:#616161 !important;font-size:15px !important}
.layui-nav .layui-nav-item  a{color:#616161 !important;font-size:15px}
.layui-elem-field legend{font-weight:300;color:#313131;font-size:28px;text-align:center;margin-left:30%}
.course-filter{position:relative;min-height:48px;margin:0 0 20px;padding-right:150px}
.layui-field-title{margin-top:50px}
.yxt_nav{margin-bottom:0;padding-left:0;list-style:none}
.yxt_nav>li{margin:0 30px 10px 0;float:left}
.yxt_nav>li>a{position:relative;display:block;padding:10px 15px;color:#616161;border-radius:4px}
.yxt_nav>li.active>a{color:#fff;background:#43bc60;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.yxt_nav>li>a:hover{-moz-transition:all .3s ease;-o-transition:all .3s ease}
.yxt_nav>li.active>a{color:#fff;background:#43bc60}
.yxt_btn-bar .active{background-color:#e1e1e1}
.yxt_btn-bar .left-btn{border-radius:4px 0 0 4px}
.yxt_btn-bar .right-btn{border-radius:0 4px 4px 0}
.yxt-course-container{padding-bottom:30px}
.yxt-course-box{}
.yxt-course-box .layui-tab-title .layui-this{background-color:#43bc60;color:#fff}
.yxt-course-box .layui-tab-title li{display:inline-block;height:38px;line-height:38px;padding:0 10px;color:#000;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:2px;cursor:pointer;margin-right:7px;margin-left:13px}
.yxt-course-box .layui-tab-title li:hover{background-color:#f5f5f5}
.yxt-course-box .layui-tab-title .layui-this:after{border:none}
.layui-tab-title .layui-this:after{left:25%;width:50%}
.yxt_course-list .yxt_course-item:hover{-webkit-transform:translateY(-7px);-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px);box-shadow:6px 6px 3px #f5f5f5;-moz-box-shadow:6px 6px 3px #f5f5f5;-webkit-box-shadow:6px 6px 3px #f5f5f5}
.yxt_course-list .yxt_course-item{position:relative;z-index:1;margin-bottom:30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #e4ecf3;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}
.yxt_course-list .yxt_course-item .yxt_course-img{position:relative;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}
.yxt_course-img .tags{position:absolute;top:0;left:10px}
.yxt_course-img .tags .tag-live{display:inline-block;width:40px;height:50px;background:url('/static/img/tag_live.png') no-repeat}
.yxt_course-list .yxt_course-item .yxt_course-img .img-responsive{width:100%;padding:10px;display:block;max-width:93%;height:auto;transition:.8s;-webkit-transition:.8s}
.yxt_course-list .yxt_course-item .title{margin-top:10px;padding:0 10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align:center}
.yxt_course-list .yxt_course-item .metas{position:relative;padding:10px;color:#c1c1c1}
.yxt_course-list .yxt_course-item .metas .comment{margin-left:10px}
.yxt_course-list .yxt_course-item .metas .free{float:right;color:#15c288}
.yxt_course-list .yxt_course-item .metas .price{float:right;color:#fd9271;height:20px;line-height:20px;font-size:16px}
.yxt_art_list{margin-top:30px}
.yxt_art_list .yxt_art-item{position:relative;height:135px;z-index:1;padding:5px;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}
.yxt_art_list .yxt_art-item:hover{-webkit-transform:translateY(-7px);-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px);box-shadow:6px 6px 3px #f5f5f5;-moz-box-shadow:6px 6px 3px #f5f5f5;-webkit-box-shadow:6px 6px 3px #f5f5f5}
.yxt_art_list img{max-width:100%}
.yxt_teacher-list .yxt_teacher-item .teacher-pic{height:250px;text-align:center;background-color:#f8f8f8}
.yxt_teacher-list .yxt_teacher-item:hover{-webkit-transform:translateY(-7px);-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px);box-shadow:6px 6px 3px #f5f5f5;-moz-box-shadow:6px 6px 3px #f5f5f5;-webkit-box-shadow:6px 6px 3px #f5f5f5}
.yxt_teacher-list .yxt_teacher-item{position:relative;z-index:1;margin-bottom:30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #e4ecf3;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}
.yxt_teacher-list .yxt_teacher-item .teacher-pic .img-box{width:110px;height:110px;margin-top:36px;display:inline-block;border-radius:50%;background-color:#e9e9e9}
.yxt_teacher-list .teacher-pic img{border-radius:50%;display:block;width:100%;height:100%}
.yxt_teacher-list .teacher-pic .teacher-name{color:#616161;font-size:16px;margin-top:15px}
.yxt_teacher-list .teacher-pic p{line-height:32px;color:#c1c1c1;font-size:12px}
.yxt_teacher-list .yxt_teacher-item p{padding:10px;margin-top:20px;height:55px;line-height:20px;font-size:12px;color:#949494;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.yxt-courseinfo{background:#f8fafc;z-index:0;position:relative}
.yxt-courseinfo .yxt-breadcrumb{background:transparent;height:50px;line-height:50px}
.layui-breadcrumb span[lay-separator]{color:#fff !important}
.yxt-courseinfo .yxt-breadcrumb a{color:#fff !important}
.CoursePage_Banner{height:380px;overflow:hidden}
.CoursePage_Banner_Img{position:absolute;z-index:-1;overflow:hidden;height:380px;width:100%}
.CoursePage_Banner_Mask{width:100%;height:380px;background:rgba(0,0,0,0.4);position:absolute;z-index:1}
.CoursePage_Banner_Img img{width:110%;margin-left:-5%;margin-top:-2%;height:120%;overflow:hidden;-webkit-filter:blur(60px);-moz-filter:blur(60px);-ms-filter:blur(60px);filter:blur(60px)}
.yxt-course-before{margin:0;background:#fff;border-radius:5px;padding:10px 0 10px 10px}
.yxt-course-before .pic{padding:0}
.yxt-course-before .pic img{width:100%}
.yxt-course-before .info{height:265px;position:relative}
.yxt-course-before .info .course-title{line-height:25px;max-height:52px;text-align:left;color:#444;font-size:25px;overflow:hidden}
.yxt-course-before .info .action{position:absolute;top:20px;right:0;width:160px}
.yxt-course-before .info .action .share{position:absolute;right:96px;height:22px;margin-left:5px;top:2px;font-size:13px}
.yxt-course-before .info .action .share>a{display:block;width:57px;line-height:22px}
.yxt-course-before .info .action .favorite{font-size:13px;position:absolute;right:20px;top:2px;line-height:22px}
.yxt-course-before .info .score{color:#15c288;padding:8px 0 0 40px;margin-bottom:10px;height:32px;line-height:16px;font-size:12px}
.yxt-course-before .info .score span{margin-right:5px;margin-left:0;display:inline-block;float:left}
.yxt-course-before .price-show{background:#fff;padding:5px 0 10px 40px}
.yxt-course-before .info .metas{background:#15c288;height:100px;position:absolute;bottom:0;width:100%}
.yxt-course-before .info .metas li.bd{border-right:1px solid #ddd}
.yxt-course-before .info .metas li{background:#f0f0f0;height:100%;width:25%;float:left;text-align:center;padding:25px 25px 15px}
.yxt-course-before .info .metas li i{font-size:20px;line-height:20px}
.yxt-course-before .info .bot-group{position:absolute;bottom:0px}
.yxt-course-before .info .metas li p{margin:8px 0 0 0}
.yxt-course-before .info .bot{height:80px;border-right:1px solid #ddd;padding-top:15px;text-align:center;background:#f0f0f0}
.yxt-course-before .info .bot i{font-size:20px;line-height:20px}
.yxt-course-before .info .bot p{margin-top:10px;color:#616161}
.yxt-course-before .info .bot-join{background:#15c288;height:80px;text-align:center}
.yxt-course-before .info .bot-join-btn{color:#fff}
.yxt-course-before .info a{font-size:18px}
.yxt-course-before .info .course-detail{padding:6px}
.yxt-course-before .info .course-detail .free{color:#15c288}
.yxt-course-after{background:#f4f6f8}
.yxt-course-before .info .course-detail-title{margin-top:10px;line-height:20px;margin-left:30px;color:#616161}
.yxt-course-before .info .price{color:#fd9271;font-size:20px}
.yxt-course-before .info .course-detail-price{font-size:30px;color:#fd9271}
.yxt-course-before .info .course-detail-youxiaoqi{color:#616161}
.yxt-course-right{margin-left:26px;width:31%}
.yxt-course-tab-title{height:50px}
.yxt-course-tab-title li{line-height:50px;color:#666;font-size:16px;margin-left:10px}
.yxt_teacher-list .layui-tab-title li{min-width:30px}
.yxt-course-tab-title .layui-this:after{height:51px}
.layui-tab-title{border:none}
.layui-card-header{height:51px;line-height:50px;margin-top:10px;font-size:16px}
.yxt-card-teacher .pic{float:left}
.yxt-card-teacher .pic img{display:block;width:60px;height:60px;border-radius:50%}
.yxt-card-teacher .name{float:left;padding:20px}
.yxt-card-teacher .comment{margin-left:80px;line-height:30px;font-size:14px}
.yxt-card-teacher .comment .user-name{margin:5px;color:#3580DE}
.yxt-card-teacher .comment .comments{height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yxt-card-teacher .brief{padding:10px}
.layui-colla-title{background-color:#f7fbfa}
.yxt-layui-collapse{border-style:none}
.yxt-layui-colla-content{border-color:#fff}
.yxt-layui-colla-item{border-color:#fff}
.yxt-course-brief{margin:20px;line-height:30px}
.yxt-course-brief img{width:100%}
.yxt-course-seclist li{margin-top:10px;margin-bottom:10px;padding-left:0;list-style-type:none;font-size:14px}
.yxt-course-seclist li:hover{background-color:#f7fbfa}
.yxt-course-seclist li > a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding:10px 40px 10px 20px}
.yxt-learn-title{height:60px;background-color:#383838;padding:0 200px 0 60px;position:relative;color:#fff}
.fanhui{height:60px;line-height:60px;font-size:20px;color:#fff}
.yxt-learn-title span{margin-left:20px;height:60px;line-height:60px;font-size:16px}
.video-open-btn{position:absolute;width:50px;height:250px;right:0px;top:50%;margin-top:-125px}
.video-open-btn a{display:block;width:50px;height:60px;margin-bottom:5px;background:#363c40;text-align:center}
.pr{position:relative}
.pa{position:absolute}
.txtOf{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.i-art-title{color:#333;font-size:18px}
.in-new-box-list ul li .i-q-txt{height:48px}
.in-new-box-list ul li .i-q-txt p{line-height:24px;height:48px}
.shadow{box-shadow:0px 0px 10px 8px #eaeced}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.noboder{border:0px !important}
.txt{height:48px}
.i-q-txt{height:48px;overflow:hidden}
.i-q-txt p{line-height:24px;font-size:12px}
.f-fA{font-family:SimSun}
.footer{height:160px;background:#5a5e60;padding:0;color:#959595;text-align:center;margin-top:50px}
.footer .title{margin-bottom:20px;position:relative;color:#fff;font-size:16px;font-weight:normal;text-align:center}
.tc{text-align:center}
.copyright{background:#44494c;font-size:13px;color:#bcbdbf;padding-top:25px;padding-bottom:10px;padding-left:120px;border-top:1px solid #44494c}
.cooperation{margin-bottom:15px}
.cooperation a{color:#bfc0c2;margin-right:12px}
.copyright .title{margin-bottom:10px;margin-right:20px;position:relative;color:#fff;font-size:16px;font-weight:normal;text-align:left;float:left}
.tag-cloud a{color:#c6c7c9;line-height:25px;display:block;margin:0 0px 7px 0;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.fly-nav-user{position:absolute;top:0;right:0}
.order-nav{margin:0 0 30px 0;font-size:16px;color:#fff;background:#919191;height:46px}
.order-nav .on{background:#46c37b}
.order-nav > div{position:relative;float:left;width:33.3%;text-align:center;line-height:46px;color:#fff;font-size:16px}
.order-nav .on b{border-left-color:#46c37b}
.order-nav > div b{width:0px;height:0px;border:23px solid #fafafa;border-left-color:#919191;font-size:0;line-height:0;position:absolute;top:0px;right:-23px}
.order-nav>div{width:33.333333333%}
.order-nav .on span{border:23px solid #46c37b;border-left-color:#fafafa}
.order-nav span{position:absolute;left:0;top:0px;width:0px;height:0px;border:23px solid #919191;border-left-color:#fafafa;line-height:0}
.payment .check{cursor:pointer;width:150px;height:58px;border:2px solid #e1e1e1;position:relative;text-align:center;font-size:16px;line-height:58px;display:inline-block;margin-right:15px}
.payment .check.active{border:2px solid #15c288}
.payment .check.active .icon{display:inline}
.payment .check .icon{display:none;background:url('/static/img/pay-check-status.png') no-repeat;top:-1px;right:-1px;width:23px;height:26px;background-position:0 -4px;position:absolute;overflow:hidden}
.qrcode-box{text-align:center}
.qrcode{margin-bottom:100px;margin-top:60px}
.payresult{text-align:center;padding-top:100px}
.sucess{font-size:100px;color:#46c37b}
.mylearn_CoursePage_Banner{height:270px;overflow:hidden}
.mylearn_CoursePage_Banner_Img{position:absolute;z-index:-1;overflow:hidden;height:270px;width:100%}
.mylearn_CoursePage_Banner_Mask{width:100%;height:270px;background:rgba(0,0,0,0.4);position:absolute;z-index:1}
.mylearn_CoursePage_Banner_Img img{width:110%;margin-left:-5%;margin-top:-2%;height:120%;overflow:hidden;-webkit-filter:blur(60px);-moz-filter:blur(60px);-ms-filter:blur(60px);filter:blur(60px)}
.mylearn-course-container{padding-bottom:30px}
.mylearn-course-info{height:190px;position:relative}
.mylearn-course-info .course-title{line-height:25px;max-height:52px;text-align:left;color:#444;font-size:25px;overflow:hidden}
.mylearn-course-info .mylearn-studding{line-height:25px;max-height:25px;text-align:left;color:#444;font-size:16px;overflow:hidden}
.circle{width:120px;height:120px;border-radius:50%;background:#0cc;position:absolute;left:50%;transform:translate3d(-50%,10%,0)}
.pie_left,.pie_right{width:120px;height:120px;position:absolute;top:0;left:0}
.left,.right{width:120px;height:120px;background:#eeeeee;border-radius:50%;position:absolute;top:0;left:0}
.pie_right,.right{clip:rect(0,auto,auto,40px)}
.pie_left,.left{clip:rect(0,40px,auto,0)}
.mask{left:123px;top:65px;background:#FFF;position:absolute;text-align:center;font-size:18px;color:#00aacc}
.continue-study{margin-top:170px;border:none}
.xueyuan-list .pic img{display:block;width:60px;height:60px;border-radius:50%}