html body{color:#666;background-color:#f5f5f5;font-size:14px;font-family:PingFang SC,Microsoft YaHei,HanHei SC,Helvetica Neue,Open Sans,Arial,Hiragino Sans GB,"\5FAE\8F6F\96C5\9ED1",STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif}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;margin:10px}.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:120px;height:120px;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;height:80px}.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{background:#fff;text-align:center;padding:60px 0 50px 0}.exam .layui-col-md3{padding:5px 30px 5px 30px}.exam .layui-col-md3 .p-item-pic{width:150px;height:150px;line-height:150px;border-radius:50%;border:1px solid #e5e5e5;margin:0 auto;transition:all .3s}.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:12px;color:#666}.exam .layui-col-md3 .layui-btn{margin-top:30px;width:150px}.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{width:180px;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:180px;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}