html body{color:#666;background-color:#f5f5f5;font-size:14px;font-family:SansationRegular}
em{font-style:normal;font-weight:normal}
div:focus{outline:0}
.layui-nav{padding:0!important}
.success-color{color:#15c288}
.text-center{text-align:center}
.pr20{padding-right:20px}
.pl20{padding-left:20px}
.pb20{padding-bottom:20px}
.layui-header{height:70px!important;box-shadow:0 0 20px rgba(0,0,0,0.08);background-color:#fff!important}
.logo img{width:180px;margin-top:7px}
.slide-pic img{width:100%;height:100%;border-radius:0 8px 8px 0}
.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;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:#1890ff;-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:#1890ff}
.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 .layui-tab-title .layui-this{background-color:#1890ff;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:0;border-radius:2px;cursor:pointer;margin-right:7px;margin-left:13px}
.yxt-course-box .layui-tab-title li:hover{background-color:#1890ff;color:#fff}
.yxt-course-box .layui-tab-title .layui-this:after{border:0}
.layui-tab-title .layui-this:after{left:18%;width:64%}
.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;height:158px}
.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/default/img/tag_live.png') no-repeat}
.yxt_course-list .yxt_course-item .yxt_course-img .img-responsive{width:100%;height:100%;padding:10px;display:block;max-width:93%;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:10px;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%;height:123px;border-radius:5px}
.tea-list .tea-item-wrap{padding:10px 20px 5px;position:relative;height:190px;border-radius:8px;box-shadow:0 0 10px #c9c9c9;margin-bottom:38px;cursor:pointer;background:#fff}
.i-tea-pic img{width:80px;height:80px;left:20px;top:-20px;border-radius:40px;position:absolute;transition:-moz-transform 2s ease-out 0s}
.tea-list .tea-title{padding-left:110px;color:#4d555d;font-size:1.4rem;color:#ef6c00}
.tea-item-wrap .i-q-txt{margin-top:40px;height:70px;overflow:hidden;color:#666;font-size:1.4rem}
.tea-bottom{position:relative}
.tea-go-icon{font-size:1.2rem;position:absolute;top:13px;left:3px;color:#fff}
.tea-list a:hover{text-decoration:none}
.tea-list a:hover .tea-item-wrap{background:#3caae3}
.tea-list a:hover img{transform:rotateZ(360deg)}
.tea-list a:hover .tea-info-txt{color:#fff}
.tea-list a:hover .tea-title{color:#fff}
.tea-list a:hover p{color:#fff}
.yxt-courseinfo{z-index:0;position:relative}
.yxt-courseinfo .yxt-breadcrumb{background:transparent;height:50px;line-height:50px}
.layui-breadcrumb span[lay-separator]{color:#000!important}
.yxt-courseinfo .yxt-breadcrumb a{color:#000!important}
.CoursePage_Banner{height:380px}
.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{height:270px;margin:0;background:#fff;border-radius:5px;padding:13px 0 13px 13px}
.yxt-course-before .pic{padding:0;height:270px}
.yxt-course-before .pic img{width:100%;height: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:0}
.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:#1890ff;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:0}
.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{line-height:30px;padding:20px}
.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:0;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:0 0 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:0!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}
.tc{text-align:center}
.tag-cloud a{color:#c6c7c9;line-height:25px;display:block;margin:0 0 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:#1890ff}
.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:#1890ff}
.order-nav>div b{width:0;height:0;border:23px solid #fafafa;border-left-color:#919191;font-size:0;line-height:0;position:absolute;top:0;right:-23px}
.order-nav>div{width:33.333333333%}
.order-nav .on span{border:23px solid #1890ff;border-left-color:#fafafa}
.order-nav span{position:absolute;left:0;top:0;width:0;height:0;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 #1890ff}
.payment .check.active .icon{display:inline}
.payment .check .icon{display:none;background:url('/static/default/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:#1890ff}
.error{font-size:100px;color:#ff5722}
.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}
.mylearn-course-info .course-progress-box{border-bottom:1px dashed #f2f2f2;height:55px}
.mylearn-course-info .title{border-bottom:1px dashed #f2f2f2;height:45px}
.mylearn-course-info .course-progress-box .fl{line-height:50px;color:#b2b2b2}
.mylearn-course-info .course-progress{padding:16px;margin-left:74px}
.mylearn-course-info .course-progress .layui-progress{border-radius:0;background-color:#f5f5f5;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}
.mylearn-course-info .course-progress .layui-progress-bar{background-color:#7986cb;border-radius:0}
.mylearn-course-info .course-date{height:45px;margin:0 auto}
.mylearn-course-info .course-date .date{line-height:56px;color:#b2b2b2}
.continue-study{margin-top:170px;border:0}
.xueyuan-list .pic img{display:block;width:40px;height:40px;border-radius:50%}
.course-pic{height:275px}
.page{text-align:center;margin-bottom:20px;margin-top:20px}
.down-bg-banner{position:relative;height:420px;background:url(/static/img/down-banner.png) 50% no-repeat;background-color:#fcfcfb;background-size:auto 100%;background-position:50%}
.down-list h2{line-height:30px;font-size:28px;color:#111}
.down-list p{margin-top:5px;line-height:30px;font-size:16px;color:#999}
.down-style{margin-top:30px}
.down-list{margin-bottom:60px;margin-top:60px}
.cuxiao{color:#fd9271}
.countdown{margin-left:10px}
.yxt_course-img .layer{padding:60px 70px;background:#040404;background:rgba(4,4,4,0.7);color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;opacity:0;filter:alpha(opacity=0);visibility:hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;overflow:hidden}
.yxt_course-img .layer li{margin-bottom:3px}
.yxt_course-img .layer i{margin-right:10px}
.yxt_course-img .layer span{color:#1890ff}
.classroom-tag{position:absolute;top:10px;left:10px;width:70px;height:50px;color:#fff;padding:5px 0 0 6px;overflow:hidden}
.classroom-tag span{position:relative;z-index:2}
.classroom-course-list{padding:0 20px 20px 20px}
.hz-triangle:after{content:'';display:inline-block;border:8px solid transparent;position:absolute}
.classroom-tag:after{border-width:50px;border-left:70px solid #1890ff;left:0;top:-50px}
.yxt_course-img>a:hover .layer{opacity:1;filter:alpha(opacity=100);visibility:visible;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
.class-course-list .course-item{margin-top:30px;background-color:#fff;border:1px solid #e1e1e1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.class-course-list .course-item .media{position:relative;background-color:#f5f5f5;padding:10px}
.media:first-child{margin-top:0}
.class-course-list .course-item .media .media-left{padding-right:35px}
.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}
.media-body{width:75%}
.class-course-list .course-item .media .media-left img{width:160px;height:auto}
.class-course-list .course-item .media .title{margin-right:72px;font-size:18px;margin-bottom:15px}
.class-course-list .course-item .class-course-price{bottom:10px;line-height:1;color:#666}
.class-course-list .course-item .class-course-price .origin-price{margin-left:4px;font-size:18px;color:#151515}
.tl0{top:0;left:0}
.classroom-live-tag:after{border-width:50px;border-left:70px solid #ff5722;left:0;top:-50px}
.layui-progress-text{top:5px}
.study-button{position:absolute;bottom:10px;right:10px}
.layui-tab-content{padding:0}
.Right-Nav{width:60px;position:fixed;top:50%;right:10px;margin-top:-150px;_position:absolute;-webkit-transition:top .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:99}
.Right-nav-list ul li{position:relative;height:60px;background:#fff;text-align:center;color:#1890ff;cursor:pointer;line-height:60px}
.Right-nav-list ul li .layui-icon{font-size:30px;font-weight:600}
.Right-nav-list ul li:hover{color:#fff;background:#1890ff}
.Right-nav-list ul li:hover .r-box{display:block}
.Right-nav-list ul li a{color:#1890ff;display:block;margin:0 auto}
.Right-nav-list ul li a:hover{color:#fff;background:#1890ff}
.r-box{position:absolute;right:60px;display:none}
.r-box-border{border-left:4px solid #1890ff;background-color:#fff;color:#1890ff}
.r-box-border img{width:120px}
.r-box:after{content:'';position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;margin:auto;right:-8px}
.r-qq .r-box{top:0}
.r-qq .r-box:after{top:20px}
.r-qq .r-box-border{padding:0 15px;display:inline-block}
.r-qrcode .r-box{top:-40px}
.r-qrcode .r-box:after{top:60px}
.r-qrcode .r-box-border{padding:10px}
.subMenu{height:60px;background:#fff;width:100%;border-bottom:1px solid #f2f2f2}
.subMenu .subNav{display:flex;justify-content:center;align-items:center;font-weight:400;min-height:60px}
.subMenu .subNav ul li{display:inline-block;padding:0 15px;text-align:center}
.subMenu .subNav ul li a{display:block;margin:0;padding:0;line-height:56px}
.subMenu .subNav ul li .active{border-bottom:4px solid #1890ff}
.sticky{left:0;top:0}
.buy{display:none}
.sticky .buy{display:block}
.layui-logo img{height:50px;margin-top:8px}
.course-list h3{background:#f5f5f5;height:50px;line-height:50px;color:#333}
.course-list h3 .chapters{display:inline-block;line-height:25px;border-left:4px solid #1890ff;padding:0 15px}
.course-list ul li{height:60px;line-height:60px;border-bottom:1px solid #f2f2f2}
.course-list ul li:last-child{border-bottom:0}
.course-list ul li .Sections{display:inline-block;line-height:25px;width:60px;text-align:center}
.course-list ul li em{margin-left:15px}
.course-list ul li a{display:block;margin:0 auto}
#catalog .layui-card-body{padding:15px 15px 15px 15px}
#discuss .layui-card-body,#evaluate .layui-card-body{padding:0 15px}
#down .layui-card-body,#tuijian .layui-card-body,.forum .layui-card-body{padding:15px}
.layui-card-body .view a{line-height:60px;color:#1890ff;display:block;margin:0 auto}
.evaluate-area{display:flex;padding:24px 0 26px;border-bottom:1px solid #f2f2f2}
.evaluate-area .tx{display:block;width:80px;height:80px;line-height:80px}
.evaluate-area .tx img{width:60px;height:60px;border-radius:50px}
.evaluate-area .evaluate-class ul li{line-height:30px}
.evaluate-area .evaluate-class .star{color:#ffd100}
.evaluate-area .evaluate-class .content{line-height:20px}
.evaluate-area .evaluate-class .date{font-size:12px;color:#b2b2b2}
.evaluate-area .evaluate-class .reply{padding:10px 15px;background-color:#f5f5f5}
.evaluate-area .evaluate-class .reply span{margin:0 2px}
.evaluate-area .evaluate-class .reply .master{background-color:#1890ff;color:#fff;border-radius:12px;padding:4px 10px;font-size:12px}
.evaluate-area .evaluate-class .reply .m-name{color:#1890ff}
.point-content{background-color:#fff;padding:24px;}
.nodata{color:#b2b2b2;padding:50px 0}
.nodata img{width:150px;height:100px}
.wxts{border:1px solid #c5cae9;background-color:#e8eaf6}
.wxts span{display:block;padding:12px;color:#9fa8da}
.footer{background:#3f51b5;height:210px;color:#9fa8ca}
.footer .footer-logo{text-align:left}
.footer .footer-logo img{width:200px;height:200px;vertical-align:middle}
.footer .footer-about h3{color:#f0f0f0}
.footer .footer-about ul,.footer .footer-wechat ul{font-size:0}
.footer .footer-about ul li{display:inline-block;width:40%;text-align:left;font-size:14px;margin-top:14px}
.footer .footer-wechat ul li{display:inline-block;width:50%;text-align:center;font-size:16px;color:#f0f0f0}
.footer .footer-about ul li a{color:#9fa8ca;font-size:12px}
.footer .footer-wechat .foot-qrcode img{width:85px;height:85px}
.copyright{background:#1a237e;color:#9fa8ca;text-align:center;}
.copyright p{font-size:12px;padding:15px 0;line-height:26px}
.copyright p img{width:20px}
.copyright a{color:#9fa8ca!important}
.share,.fav-share .fav,.fav-share .qrcode{position:relative;width:90px;height:30px;line-height:30px}
.share:hover,.fav-share .fav:hover,.fav-share .qrcode:hover{cursor:pointer}
.share .share-box{width:158px;height:29px;display:none;position:absolute;top:0;left:70px;background:#f2f2f2;z-index:1000}
.share .share-box:after{content:'';position:absolute;width:0;height:0;border-top:5px solid transparent;border-right:5px solid #f2f2f2;border-bottom:5px solid transparent;top:8px;left:-5px;margin:auto}
.share .share-box a{margin-left:8px;font-size:14px}
.share:hover .share-box{display:block;background:#f2f2f2}
.share-f{line-height:30px;height:30px}
.share .classroom-share{width:158px;height:29px;display:none;position:absolute;top:0;right:35px;background:#f2f2f2;z-index:1000}
.share .classroom-share:after{content:'';position:absolute;width:0;height:0;border-top:5px solid transparent;border-left:5px solid #f2f2f2;border-bottom:5px solid transparent;top:8px;right:-5px;margin:auto}
.share .classroom-share a{margin-left:8px;font-size:14px}
.share:hover .classroom-share{display:block;background:#f2f2f2}
.exam-preview .title{height:100px;text-align:center;line-height:100px;border-bottom:1px dashed #dedede;font-size:25px}
.exam-preview .detail{height:130px;padding:30px 0 30px 0;text-align:center}
.exam-preview .detail ul li{height:50px;line-height:50px}
.exam-preview .detail ul li .tag{margin-right:30px}
.exam-preview .daojishi{text-align:center;height:60px;line-height:60px}
.exam-preview .daojishi .tag{font-size:16px}
.exam-preview .daojishi .layui-badge{font-size:16px;height:20px;padding-top:4px}
.exam{text-align:center;}
.exam .item{position:relative;background:#fff;border-radius:16px;}
.exam .item img{border:0;max-width:100%;}
.exam .item .item-title{position:absolute;top:0;left:0;z-index:1;width:100%;text-align:center;}
.exam .item .item-title .item-title-text{font-size:24px;font-weight:600;padding-top:20px;color:#FFF;}
.exam .item .des{padding:20px;}
.exam .layui-col-md3:first-child{padding:5px 15px 5px 0px}
.exam .layui-col-md3{padding:5px 15px 5px 15px}
.exam .layui-col-md3:last-child{padding:5px 0px 5px 15px}
.exam .layui-col-md3 .p-item-pic{width: 120px; height: 120px;line-height: 120px;background: #f1f7ff;border: 0;border-radius: 50%;margin: 0 auto;ransition: all .3s;margin-top: 20px}
.exam .layui-col-md3 .p-item-pic img{transition:all .3s}
.exam .layui-col-md3:hover .p-item-pic{border-color:#188eee}
.exam .layui-col-md3:hover .p-item-pic img{transform:rotateY(180deg)}
.exam .layui-col-md3 .name{margin-top:30px;height:30px;line-height:30px;color:#333;font-size:18px}
.exam .layui-col-md3 .des{margin-top:10px;font-size:14px;color:#666}
.exam .layui-col-md3 .layui-btn{margin-top:20px;width:150px;margin-bottom: 20px}
.vip-list .vip-item-wrap{padding:10px 20px 5px;position:relative;height:350px;border-radius:8px;box-shadow:0 0 10px #c9c9c9;margin-bottom:38px;cursor:pointer;background:#fff;text-align:center}
.vip-list .vip-item-wrap .name{margin-top:60px;font-size:30px;font-weight:600;color:#323232;line-height:30px;margin-bottom:40px}
.vip-list .vip-item-wrap .price{font-size:48px;font-weight:700;color:#e1a500;line-height:67px;letter-spacing:1px;margin-bottom:50px}
.vip-list .vip-item-wrap .price small{font-size:36px}
.vip-list .vip-item-wrap .desc{font-size:18px;font-weight:400;color:#999;line-height:20px}
.vipbuy{text-align:center!important}
.role-join-button{width:220px;height:60px;line-height:60px;font-size:24px;font-weight:400;text-align:center;margin-bottom:40px;margin-top:40px}
.yxt_teacher-list .active{border:2px solid #ffcb00;background-color:#ffeded;color:#fff !important}
.tuiguang{padding:6px 13px;background:#1890ff;color:#fff}
.tuiguang-url{padding:0px 20px}
.wx-bd-win-new{position:absolute;width:260px;height:300px;background:#fff;border:1px solid #ddd;z-index:100001;display:none;padding:5px 10px 10px;bottom:40px;left:50%;margin-left:-142px}
.fl{float:left}
.carousel-left{height:320px;top:0;left:0;z-index:20;bottom:0;margin:auto}
.nav{padding-top:15px;position:relative;width:100%;font-size:14px;background:#003e50;border-radius:8px 0 0 8px;height:305px}
.nav li{line-height:45px;padding:0 15px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav li:hover{background-color:rgba(0,0,0,.1);border-radius:8px 0 0 8px}
.nav li a{font-size:14px;color:#fff}
.nav .arrow{display:inline-block;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);position:absolute;right:16px;top:50%;margin-top:-2px}
.big_block{position:absolute;top:0;left:0;height:100%;margin-left:190px;background:rgba(0,0,0,.8);transition:width .1s;overflow:hidden;box-shadow:1px 0 1px rgb(0 0 0 / 10%)}
.list_items{height:100%;width:200px;padding-left:19px;overflow-y:auto;overflow-x:hidden}
.list_item{padding-top:15px;position:relative;line-height:40px}
.list_item .class_header{padding-right:20px;font-size:14px;color:#FFF;width:200px}
.foot_courses{padding:0 10px;height:100%;width:260px;overflow-y:auto;overflow-x:hidden}
.courses_top{font-size:14px;font-weight:700;padding:20px 0;color:#fff}
.foot_course{width:220px;position:relative;margin-bottom:20px}
.img_box{width:110px;height:63px}
.inline_box{display:inline-block}
.img_box img{width:100%;height:100%;border-radius:3px}
.foot_courses .course_info{font-size:14px;margin-left:8px}
.foot_courses .course_name{position:absolute;width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;top:0}
.foot_courses .course_price{position:absolute;color:#ccc;bottom:2px}