@charset "UTF-8";
@-webkit-keyframes live{0%{height:0}
to{height:100%}}@keyframes live{0%{height:0}
to{height:100%}}.btn-sm .iconfont,.iconfont{font-size:inherit}
.color-active{color:#ff6917}
.color-primary{color:#027dfe}
.color-gray{color:#666}
a.color-active:focus,a.color-active:hover{color:#e35000}
.text-right{text-align:right}
.btn{border-radius:2px;padding:5px 15px;font-size:14px}
.btn-sm{height:22px!important;line-height:12px!important}
.btn-outline-warning:hover{color:#fff}
.btn-outline-info{color:#4b8aff;border-color:#4b8aff}
.btn-outline-info:active,.btn-outline-info:focus,.btn-outline-info:hover{background-color:#4b8aff;color:#fff}
.btn-outline-default{color:#999;border-color:#c8c8c8}
.btn-outline-check{color:#666;font-size:14px;border-color:#999}
.btn-outline-check:hover{background-color:#666;color:#fff!important}
.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{background-color:#4b8aff;color:#fff}
.btn-primary.disabled,.btn-primary:disabled{background-color:#999;border-color:#777}
.btn-primary.disabled:hover,.btn-primary:disabled:hover{background-color:#999;cursor:not-allowed}
.dropdown-item:focus,.dropdown-item:hover{color:#027dfe}
.dropdown-item.active,.dropdown-item:active{background-color:#027dfe;color:#fff}
.dropdown-item{padding:10px 20px}
html{font-size:14px}
body{background-color:#f5f5f5;display:flex;flex-direction:column;line-height:1.5;color:#222;font-family:"Microsoft YaHei","宋体"!important;height:100vh}
.main-content,main{flex:1 0 auto;margin-bottom:20px}
button,input{outline:0!important;box-shadow:none!important}
a{color:#4b8aff}
a:hover{color:#1869ff;text-decoration:none}

.clear{clear:both;}
.xnzb{margin: 0 auto; width: 100%; background: #037cfe; height: 800px; color: #fff; margin-top: 30px;}
.zb-list{margin:0 auto;}
.zb-list li{width:30%;margin-right:35px;float:left;list-style:none;height:420px;background:#fff;overflow:hidden;}
.zb-list li:nth-child(3n){margin-right:0px;}
.zb-list li img{width:100%;}
.zb-list li h4{font-size:16px;font-weight:bold;height: 50px; background: #fff; line-height: 50px;color:#000;text-align:center;}
.zb-list li p{margin: 0 15px; border-radius: 5px; height: 100px;font-size:14px;line-height:1.4;color:#666;}

.search-result-list{padding-top:20px;}
.search-result-list .cover .cover-img{height: 268px!important;}
.search-pinyin{padding-bottom:20px;}

::-webkit-scrollbar{width: 9px;height: 9px;}
::-webkit-scrollbar-track-piece{background-color: #ebebeb;-webkit-border-radius: 4px;}
::-webkit-scrollbar-thumb:vertical{height: 32px;background-color: #ccc;-webkit-border-radius: 4px;}
::-webkit-scrollbar-thumb:horizontal{width: 32px;background-color: #ccc;-webkit-border-radius: 4px;}


/*index*/
.quick-login{cursor: pointer;}
.main-footer-left{text-align: left;}
.text-header .title{font-weight: normal;}
.nameCss{display: inline-block;vertical-align: top;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.aBtn22{line-height:22px;}
.aBtn24{line-height:24px;}
.aBtn26{line-height:26px;}
.aBtn28{line-height:28px;}
.aBtn18{line-height:18px!important;}
.fix-block .fix-left{padding-bottom: 28px;}
.kefu-hide{position: fixed;bottom: -482px;right: 0px;z-index: -1;width: 364px;height: 572px;overflow: hidden;display: none;background-color: transparent;box-shadow: rgba(8, 23, 26, 0.2) 0px 4px 12px 0px;border-radius: 3px 3px 0px 0px;transition: bottom 0.3s ease 0s;}
.kefu-hide-iframe{width: 100%;height: 0px;border: none;padding: 0px;margin: 0px;float: none;background: none;transition: height 0.1s ease 0s;display: none;}
.kefu-show{position: fixed;bottom: -30px;right: 0px;z-index: 1000000002;width: 364px;height: 572px;overflow: hidden;display: block;background-color: transparent;box-shadow: rgba(8, 23, 26, 0.2) 0px 4px 12px 0px;border-radius: 3px 3px 0px 0px;transition: bottom 0.3s ease 0s;}
.kefu-show-iframe{width: 100%;height: 100%;border: none;padding: 0px;margin: 0px;float: none;background: none;transition: height 0.1s ease 0s;display: block;}
.nav-container{/* margin-top:20px;*/position: static;}
.course-intro table{width:100%;}
.course-intro td{padding: 5px 10px;border: 1px solid #DDD;}
.fix-right li{height:80px;flex:unset !important;}
/*bootstrap多次弹窗导致页面左移，body上多了样式"padding-right: 17px"*/
body{padding-right: 0px !important;}
*.modal-open{overflow-y: scroll;padding-right: 0 !important;}
.fix-block{z-index: 999;}
table{table-layout: fixed;word-break: break-all;}
.fix-block .fix-left .code-img img{width:120px;height:120px;}
.cover-img{width: 224px;height: 140px;}
.filter-sm .cell{cursor: pointer;}
.add{margin-left: 5px;margin-right: 5px;content: ">";font-family: simsun;color: #999;}
.course-card .cell .info .other .tags{font-size: 14px;display: flex;height: 18px;line-height: 18px;width: 40%;}
.filter-all{height:24px;}
.course-filter .cell .input-more:checked~.list{max-height: none!important;}
.course-filter .cell .list li a{padding: 2px 8px 3px 8px;}
.courseTab.cell .list{border-bottom:1px solid #e6e6e6;padding-bottom:10px;}
.courseTab.cell+.cell .list{padding-top:5px;border-top: 0px solid #e6e6e6;}
.courseTab.cell+.cell .label{margin-top: 3px;}
.courseTab.cell+.cell .filter-all{margin-top: 3px;}
.list.courseCatetype{max-height: none!important;}
.other{visibility: inherit;}
.info{height:80px !important;}

.space{margin-left: 1em;}
.reName{display:inline-block;word-break: break-all;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;width:128px;}
.course-menu > ul > li > ul > li .title{padding-left: 0em;}
.share{cursor:pointer;padding:3px;display:inline-block;text-align:right;width:100%}
.share i{font-size: 18px;}
.shareQr{position: absolute;border:1px solid #ccc;box-shadow: 0 0 10px #e6e6e6;height:215px;width:168px;background: #fff;right:0px;z-index:9999;display:none;}
.saveQR{text-align:center;margin-top:10px;color:#ff6000!important;cursor:pointer;}
.shareBox:hover .shareQr{display:block;}
.try-study{margin-right: 5px;}
.course-menu .handle .time{width: auto;}
.course-menu .handle .time2{width: auto;text-align: right;margin-right: 5px;}
.course-diff .list-box li:hover .time2{display: none;}
.course-diff .list-box li:hover .cover{margin-right: 10px;}
.course-menu .hover2:hover .title{color: #222!important;}
.course-menu .hover2:hover .type{color: #999!important;}
.course-diff .list-box li .cover2.btn-outline-primary{border-color: #cccccc!important;color: #999;}
.course-diff .list-box li:hover .cover2{background:#cccccc;color: #fff;}
/* Switch开关样式*/
.custom-switch-input:after, .custom-switch .custom-switch-input:before, .custom-switch .custom-switch-input *, .custom-switch .custom-switch-input *:after, .custom-switch .custom-switch-input *:before, .custom-switch .custom-switch-input + .custom-switch-btn{box-sizing: border-box;}
.custom-switch .custom-switch-input{position: absolute;z-index: -1;opacity: 0;}
.custom-switch .custom-switch-input:checked + .custom-switch-btn{background:rgb(0, 127, 255);/* background: #28a745;*/}
.custom-switch .custom-switch-input + .custom-switch-btn.text-hide{top: -.80rem;}
.custom-switch .custom-switch-input + .custom-switch-btn{outline: 0;display: inline-block;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;width: 40px;height: 20px;margin: 0;padding: 4px;background: #adb5bd;border-radius: 10px;transition: all 150ms ease;}
.custom-switch .custom-switch-input, .custom-switch .custom-switch-input:after, .custom-switch .custom-switch-input:before, .custom-switch .custom-switch-input *, .custom-switch .custom-switch-input *:after, .custom-switch .custom-switch-input *:before, .custom-switch .custom-switch-input + .custom-switch-btn{box-sizing: border-box;}
.custom-switch .custom-switch-input:checked + .custom-switch-btn:after{left: 22px;}
.custom-switch .custom-switch-input + .custom-switch-btn:after{left: 2px;border-radius: 50%;background: white;transition: all 150ms ease;}
.custom-switch .custom-switch-input + .custom-switch-btn:after, .custom-switch .custom-switch-input + .custom-switch-btn:before{position: absolute;display: block;content: "";width: 1.15rem;height: 1.15rem;top: 2px;left: 2px;}

.swiper{width: 100%;height: 100%;}
.swiper-slide{text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
/*index*/

.banner-side-all-title a{color:#222222!important;}
.category-nav-list .category-nav-list-item{cursor: auto!important;}
.category-nav-list .category-nav-list-item[href]{cursor: pointer!important;}
.rich-text-wrapper{margin: 0px 0 10px !important;}
.rich-text-wrapper .image-text-wrapper{background: unset !important;}
#text__resolve__wrpper-1{padding: 0 0 !important;}
.meta-box{visibility: inherit;}
.course-category-content .item-footer{height:30px !important;}
.hot-list .item-footer{height:80px !important;}

.btncss{width:180px;height:36px;font-size:16px;float:right}
.btn.focus,.btn:focus{outline:0;box-shadow:none}
.btn-round{border-radius:50px}
.btn-primary{background-color:#027dfe;height:36px;border:0;outline:0;color:#fff!important}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#4CAF50}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle,.show>.btn-primary.dropdown-toggle{background-color:#4CAF50;border-color:#4CAF50}
.btn-outline-primary{border-color:#027dfe;color:#027dfe;height:36px}
.btn-outline-primary:focus,.btn-outline-primary:hover{background-color:#ff701a;border-color:#ff701a;color:#fff}
.btn-outline-primary[disabled]{border-color:#e6e6e6;color:#999}
.btn-outline-primary[disabled]:focus,.btn-outline-primary[disabled]:hover{background-color:#fff;color:#999;cursor:not-allowed}
.global-inner{width:1200px;margin:0 auto}
.global-inner .index{margin-top:0}
.main-topbar{box-shadow:0 2px 4px 10px rgba(0,0,0,.01);z-index:99;background-image: linear-gradient(#04468a, #0357af);}
.main-header{padding-top:0;display:flex;align-items:center;justify-content:space-between;height:150px;transition:height .5 ease}
.class-list-cover>.cell .text .title .main-header a,.main-header .class-list-cover>.cell .text .title a,.main-header .title{float:left;font-size:26px;font-weight:700;margin-bottom:0;color:#000}
.class-list-cover>.cell .text .title .main-header a .logo,.main-header .class-list-cover>.cell .text .title a .logo,.main-header .title .logo{width:auto;height:auto;}
.main-header .handle{flex-basis:100px}
.main-header .header-left{flex:1;height:100px}
.main-header .user-info{margin-left:20px;display:flex;align-items:center}
.main-header .user-info .name{display:inline-block;text-align:right;margin-right:10px;width:60px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.main-header .user-info .btn-link{color:#fff;text-decoration:none}
.main-header .user-info .avatar{border-radius:50%;width:32px;height:32px}
.main-header .qrcode-box{display:flex;flex-direction:column;margin:0 0 0 20px}
.main-header .qrcode-box .qrcode{width:80px;height:80px;text-align:center}
.main-header .qrcode-box .qrcode img{width:80px;height:80px}
.main-header .qrcode-box span{font-size:12px;color:#fff;text-align:center}
.search-bar{float:right;margin:8px 20px 0 0}
.search-bar .search-wrapper{display:flex;justify-content:center;align-items:center}
.search-bar .search-wrapper input{width:200px;height:36px;padding-left:10px;border:1px solid #fff;border-right:0;outline-color:#fff!important;border-radius:2px}
.search-bar input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;width:12px;height:12px;background:url(../images/common_close.png) no-repeat center;background-size:12px}
.search-bar .btn-primary{border-top-left-radius:0;border-bottom-left-radius:0;width:50px}
.search-bar .btn-primary .iconfont{font-size:14px}
.nav-container{width:100%;background-image: linear-gradient(#027dfe, #053f7b);position:-webkit-sticky;position:sticky;top:0;z-index:99}
.main-nav{width:1200px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;height:56px}
.main-nav ul{padding:0;flex:1;list-style-type:none;display:flex;margin-bottom:0}
.main-nav ul li{color:#fff;font-size:18px;font-weight:700;position:relative}
.main-nav ul li.active{color:#ff9800;font-weight:700}
.main-nav ul li.active:after{position:absolute;content:"";width:100%;height:2px;background-color:#027dfe;transform:translateY(-100%)}
.main-nav .info-container .links a:hover,.main-nav ul li:hover{color:#ff9800}
.main-nav ul li+li{margin-left:30px}
.main-nav ul li a{font:inherit;color:inherit;display:block;line-height:56px;text-decoration:none}
.main-nav .info-container::after{content:"";clear:both;overflow:hidden}
.main-nav .info-container .links{float:left;font-size:16px;margin-top:-1px}
.main-nav .info-container .links .iconfont{font-size:18px}
.main-nav .info-container .links .origin-link{color:#fff!important}
.main-nav .info-container .links a{color:#fff}
.main-nav .info-container .links a:last-child{margin-left:15px}
.main-nav .info-container .nav-userinfo{float:left;display:flex;flex-direction:row;width:20%;margin-left:20px}
.main-nav .info-container .nav-userinfo .dropdown .btn{padding:0!important}
.main-nav .info-container .nav-userinfo .dropdown .dropdown-toggle{color:#222;text-decoration:none;font-size:16px}
.main-nav .info-container .nav-userinfo .dropdown .dropdown-toggle .iconfont,.my-wrapper .content>.inner ul li.self-phone .self-phone_right a .iconfont{margin-right:4px}
.main-nav .info-container .nav-userinfo .dropdown .dropdown-toggle .user-name{display:inline-block;max-width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle}
.course-intro{text-align:justify}
.course-intro img{max-width:100%;border-radius:4px}
.course-intro p,.modal-dialog.modal-login .tab-content #home p{line-height:2}
.course-info{background:#fff;border-radius:2px;padding:20px;border:0;background-size:328px}
.course-info .photo{margin-right:25px;position:relative;border-radius:4px;box-shadow:0 0 4px #e6e6e6;overflow:hidden}
.course-info .photo .tag{position:absolute;bottom:4px;right:4px;font-size:14px;background-color:rgba(0,0,0,.5);padding:2px 10px;color:#fff}
.course-info .photo img{width:430px;height:242px;border-radius:4px;transition:all .3s}
.course-info .photo:hover img,.course-list .cell:hover .photo img{transform:scale(1.1);border-radius:4px}
.course-info .info{display:flex;flex-direction:column;flex:1}
.class-list-cover>.cell .text .title .course-info .info a,.course-info .info .class-list-cover>.cell .text .title a,.course-info .info .title{display:flex;align-items:center;font-size:24px;font-weight:400;color:#222;margin-bottom:10px}
.class-list-cover>.cell .text .title .course-info .info a .tag,.course-info .info .class-list-cover>.cell .text .title a .tag,.course-info .info .title .tag{margin-left:10px;font-size:14px}
.course-info .info .desc{font-size:14px;color:#666}
.course-info .info .meta p{padding:0;color:#666;font-size:16px;margin-bottom:10px}
.course-info .info .meta .speaker{margin-bottom:8px}
.course-info .info .meta .learn-time{margin-bottom:12px}
.course-info .info .handle{margin-top:auto;display:flex;align-items:center}
.course-info .info .handle .tag{font-size:16px;padding:3px 20px;margin-right:10px}
.course-info .info .handle .progress-info{flex:1;display:flex;align-items:center;padding-right:120px}
.course-info .info .handle .progress-info .progress{height:4px;flex:1;margin:0 20px}
.course-info .info .handle .progress-info .label{color:#999}
.course-info .info .handle .try-free .btn{min-width:82px;font-size:14px;height:34px;align-self:flex}
.course-info .info .handle .more{margin-left:auto;display:flex;align-items:flex-end}
.course-info .info .handle .more .time{font-size:16px;color:#666;margin-bottom:-5px;margin-right:10px}
.course-info .info .handle .more .text{color:#027dfe;margin-right:20px;margin-top:12px}
.course-info .info .handle .more .price{font-size:28px;font-weight:700;color:#ff6917;margin-bottom:0;margin-right:40px;line-height:1}
.course-info .info .handle .more .btn-lg{font-size:16px}
.course-info .info .handle .btn{min-width:160px;height:40px}
.course-info,.course-wrapper{display:flex;margin-bottom:20px}
.course-wrapper>.course-detail{background:#fff;border:1px solid #e5e5e5;border-radius:2px;flex:1;background-color:#fff;padding:16px 20px}
.course-wrapper>.course-detail .nav-custom li{padding-bottom:0}
.course-wrapper>.course-detail .nav_bottom{margin-bottom:20px!important}
.course-wrapper>.aside-info{width:300px;margin-left:20px}
.nav-custom{border-bottom:1px solid #e6e6e6}
.nav-custom .nav-item+.nav-item{margin-left:40px}
.nav-custom .nav-link{padding:5px 0 10px;color:#666;font-size:16px;font-weight:400!important;position:relative}
.nav-custom .nav-link.active{color:#027dfe;font-weight:700}
.nav-custom .nav-link.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#027dfe}
.course-filter,.course-filter-header,.side-box{background:#fff;border:1px solid #e5e5e5;border-radius:2px;margin-bottom:20px}
.side-box>.head{border-bottom:1px solid #e5e5e5;padding:15px 0;margin:0 20px}
.side-box>.head .iconfont{font-weight:700}
.class-list-cover>.cell .text .title .side-box>.head a,.side-box>.head .class-list-cover>.cell .text .title a,.side-box>.head .title{font-size:16px;color:#666}
.side-box>.content{padding:20px;color:#666}
.teacher-info>.cell{flex-direction:row;align-items:center}
.teacher-info>.cell .cover{flex:1}
.teacher-info>.cell img{border-radius:50%;margin-right:10px;box-shadow:0 0 4px #e6e6e6}
.teacher-info>.cell .text{flex:3;display:block;color:#666;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.teacher-info>.cell+.cell{margin-top:30px}
.course-filter .cell .list li a:hover,.course-list .cell:hover .info .name,.course-menu>ul>li>ul>li:hover .handle,.teacher-info>.cell:hover .text{color:#027dfe}
.course-list .cell,.course-menu>ul>li>ul>li,.teacher-info>.cell{display:flex;position:relative}
.course-list .cell+.cell{margin-top:20px}
.course-list .cell .photo{overflow:hidden;flex-basis:120px;height:68px;border-radius:4px;box-shadow:0 0 4px #e6e6e6}
.course-list .cell .photo img{width:120px;height:68px;transition:all .3s;border-radius:4px}
.course-list .cell .info{display:flex;flex-direction:column;margin-left:10px;flex:1}
.course-list .cell .info .name{margin-bottom:0;color:#222;text-decoration:none}
.course-list .cell .info .price{margin-top:auto;margin-bottom:0;color:#ff6917}
.course-menu .handle{color:#999;display:flex;align-items:center}
.course-menu .handle .btn{padding-top:0;padding-bottom:0;font-size:12px}
.course-menu .handle .cover{margin-right:-80px;padding:0 10px;background-color:#fff;z-index:2;visibility:hidden}
.course-menu .handle .time{width:60px;text-align:right;margin-right:5px}
.course-menu .handle .type{line-height:1}
.course-menu .status{width:20px;display:flex;align-items:center}
.app-player .menu-wrapper .menu>.list .cell .status>span,.course-menu .status>span{border-radius:50%;width:12px;height:12px;display:block;text-align:center;line-height:12px}
.course-menu .status .status-done{background-color:#027dfe;color:#fff;line-height:12px;text-align:center}
.course-menu .status .status-done .status-success-icon{width:12px;height:12px;display:inline-block;background:url(../images/class_detail_study_done.png) no-repeat center;background-size:8px}
.course-menu .status .status-ing{background-color:#4b8aff}
.course-menu .status .status-unread{border:2px solid #d9dde1;background-color:#fff;border-radius:50%}
.course-menu .status .status-video{background:#027dfe}
.course-menu .no-hover{background:#fff!important;color:#666}
.class-list-cover>.cell .text .title .course-menu .no-hover:hover a,.course-menu .no-hover:hover .class-list-cover>.cell .text .title a,.course-menu .no-hover:hover .title{color:#666}
.course-menu>ul,.course-menu>ul>li>ul{padding:0;list-style-type:none}
.course-menu>ul>li{position:relative}
.course-menu>ul>li>.header{background-color:#f1f1f5;padding:10px 20px 10px 10px;display:flex;align-items:center}
.class-list-cover>.cell .text .title .course-menu>ul>li>.header a,.course-menu>ul>li>.header .class-list-cover>.cell .text .title a,.course-menu>ul>li>.header .title{flex:1;font-size:14px;font-weight:700;color:#666}
.course-menu .no-hover:hover .handle .time,.course-menu .no-hover:hover .handle .type,.course-menu>ul>li>.header .meta-total{color:#999}
.course-menu>ul>li>.header .meta-time{color:#999;margin-left:20px}
.course-menu>ul>li>ul{margin-left:0}
.course-menu>ul>li>ul>li{width:100%;padding:10px 20px 10px 10px}
.course-menu>ul>li>ul>li:hover{background-color:#f3f3f3}
.course-menu>ul>li>ul>li:hover .cover{visibility:visible;background-color:#027dfe}
.class-list-cover>.cell .text .title .course-menu>ul>li>ul>li a,.course-menu>ul>li>ul>li .class-list-cover>.cell .text .title a,.course-menu>ul>li>ul>li .title{flex:1;padding-left:1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:360px}
.class-list-cover>.cell .text .title .course-menu>ul>li>ul>li a .meta-time,.course-menu>ul>li>ul>li .class-list-cover>.cell .text .title a .meta-time,.course-menu>ul>li>ul>li .title .meta-time{color:#999;margin-left:10px}
.course-menu>ul>li>ul>li+li{border-top:1px solid #efefef}
.course-filter,.course-filter-header,.course-menu>ul>li{background-color:#fff}
.course-filter-header{display:flex;align-items:center;padding:15px 20px}
.class-list-cover>.cell .text .title .course-filter-header a,.course-filter-header .class-list-cover>.cell .text .title a,.course-filter-header .title{font-size:14px;margin-bottom:0;display:flex;align-items:center}
.class-list-cover>.cell .text .title .course-filter-header a .label,.course-filter-header .class-list-cover>.cell .text .title a .label,.course-filter-header .title .label{font-size:inherit;margin-bottom:0;margin-right:5px;color:#666}
.class-list-cover>.cell .text .title .course-filter-header a .label:after,.course-filter-header .class-list-cover>.cell .text .title a .label:after,.course-filter-header .title .label:after{content:">"}
.course-filter-header .more{margin-left:auto;color:#999}
.course-filter-header .more .number{color:#4b8aff}
.course-filter{padding:20px}
.course-filter .cell{display:flex;position:relative}
.course-filter .cell .input-more{display:none}
.course-filter .cell .cell-more input:checked+.icon-arrow-down,.course-filter .cell .input-more:checked~.cell-more .icon-arrow-down{display:none}
.course-filter .cell .cell-more input:checked+.icon-arrow-up,.course-filter .cell .input-more:checked~.cell-more .icon-arrow-up{display:block}
.course-filter .cell .input-more:checked~.list{max-height:unset!important}
.course-filter .cell .cell-more{width:16px;height:16px;background-color:#027dfe;position:absolute;color:#fff;line-height:16px;top:20px;right:0;text-align:center}
.course-filter .cell .cell-more:hover{background-color:#cc4d00;cursor:pointer}
.course-filter .cell+.cell{margin-top:10px}
.course-filter .cell+.cell .filter-all,.course-filter .cell+.cell .label{margin-top:15px}
.course-filter .cell+.cell .list{padding-top:15px;border-top:1px solid #e6e6e6;overflow:hidden}
.course-filter .cell .label{color:#999;margin-right:30px}
.course-filter .cell .filter-all{margin-right:30px;text-decoration:none;color:inherit;align-self:start;padding:1px 8px;border-radius:2px}
.course-filter .cell .filter-all.active,.course-filter .cell .list li.active a{background-color:#027dfe;color:#fff}
.course-filter .cell .list{flex:1;list-style-type:none;padding:0;margin-bottom:0}
.course-filter .cell .list li{display:inline-block;vertical-align:top;margin-right:12px;margin-bottom:5px}
.course-filter .cell .list li a{padding:1px 8px;border-radius:2px}
.course-card{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 40px;margin-bottom:10px}
.course-card .cell,.news-list li:hover{background-color:#fff;box-shadow:0 0 10px #e6e6e6}
.course-card .cell{background:#fff;border-radius:2px;position:relative;min-width:0;width:270px;margin-bottom:10px;transition:transform .3s ease-in-out;border:0;overflow:hidden}
.course-card .cell:hover{background:#fff;border-radius:2px;border:0;transform:translate3d(0,-10px,0);box-shadow:0 3px 10px 0 #e6e6e6}
.app-player .menu-wrapper .info .cover img,.banner-large img,.course-card .cell:hover .cover img{border-radius:4px}
.class-list-cover>.cell .text .title .course-card .cell:hover .info a a,.course-card .cell:hover .info .title a,.course-card-book .cell a:hover .info .title,.course-card-book .class-list-cover>.cell .text .title a:hover .info a,.course-card-book .class-list-cover>.cell a:hover .info .text .title a{color:#027dfe}
.course-card .cell .cover{overflow:hidden;width:270px;box-shadow:0 0 4px #e6e6e6;cursor:pointer}
.course-card .cell .cover img{width:100%;transition:all .3s;border-top-right-radius:4px;border-top-left-radius:4px}
.course-card .cell .info{padding:8px 12px 7px;position:relative;height:90px}
.course-card .cell .info .title,.course-card .class-list-cover>.cell .info .text .title a,.course-card .class-list-cover>.cell .text .title .info a{font-size:14px;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:22px;line-height:22px;color:#333}
.course-card .cell .info .title a,.course-card .class-list-cover>.cell .text .title .info a a,.course-filter .cell .list li a{color:inherit;text-decoration:none}
.course-card .cell .info .item-subtitle{height:18px;line-height:18px;margin:2px 0 0;color:#888;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.course-card .cell .info .other{position:absolute;bottom:16px;left:12px;width:90%;display:flex;align-items:center;justify-content:space-between}
.course-card .cell .info .other .meta{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;height:20px}
.course-card .cell .info .other .price{float:right;font-size:14px;padding-left:14px;height:18px;line-height:18px;color:#353535;font-weight:700}
.course-card .cell .info .other .price .currency{font-size:12px;font-weight:400}
.course-card .cell .info .other .item-market-free{color:#027dfe;font-size:14px;font-weight:700;position:relative;padding-left:14px;height:18px;line-height:18px}
.course-card .cell .info .other .tags{font-size:14px;display:flex;height:18px;line-height:18px;width:60%}
.course-card .cell .info .other .tags .diy-tag{margin-right:4px;height:18px;width:36px;line-height:18px;padding:0 5px;font-size:12px;text-align:center;color:#888;background:#e8eaed;border-radius:2px}
.tag{display:inline-block;padding:2px 10px;background-color:#efefef;color:#999;border-radius:2px;font-size:12px}
.tag+.tag{margin-left:4px}
.tag.tag-primary{color:#027dfe;background-color:rgba(255,96,0,.05)}
.tag.tag-document,.tag.tag-exam,.tag.tag-live,.tag.tag-video{background-color:#f2f2f2;color:#999}
.tag.tag-done{background:#dbf2e9;color:#2ab178}
.tag.tag-undone{background:#f2f2f2;color:#999}
.tag.tag-studied{background:rgba(255,194,0,.14);color:#ff9a00}
.tag.tag-progres{color:#027dfe;background:#ffe7d9}
.tag.tag-studing{color:#4b8aff;border:1px solid #4b8aff;background:#fff}
.tag.tag-outline-done{color:#1fac74;border:1px solid #1fac74;background:#fff}
.course-card-vertical{grid-template-columns:repeat(5,1fr);gap:60px;margin-bottom:10px}
.course-card-vertical .cell{width:188px}
.course-card-vertical .cell .cover{width:188px;height:252px}
.course-card-vertical .cell .cover img{width:100%;height:252px}
.course-card-vertical .cell .info{height:70px}
.course-card-vertical .desc{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;color:#666;padding:6px 0}
.course-card-vertical .cell-border-radius{border-radius:4px 4px 0 0}
.course-card-book{grid-template-columns:repeat(4,1fr);gap:20px}
.course-card-book .cell{padding:10px}
.course-card-book .cell a,.my-wrapper .content>.inner ul li.self-info,.my-wrapper .content>.inner ul li.self-phone{display:flex}
.course-card-book .cell .cover{box-shadow:none;margin-right:10px}
.course-card-book .cell .cover,.course-card-book .cell .cover img{width:130px;height:calc(130px*3/2);border-radius:4px}
.course-card-book .cell .info{flex:1;padding:0;margin-top:10px;height:auto;display:flex;flex-direction:column;justify-content:space-between}
.course-card-book .cell .info .title,.course-card-book .class-list-cover>.cell .info .text .title a,.course-card-book .class-list-cover>.cell .text .title .info a{white-space:normal!important;overflow:visible!important}
.course-card-book .cell .info .other{position:static!important;margin-bottom:10px;justify-content:flex-end}
.page-nav{margin:35px 0}
.page-nav .pagination .page-item{margin:0 10px}
.page-nav .pagination .page-item.active .page-link{color:#fff;background-color:#027dfe;border-color:currentColor}
.page-nav .pagination .page-item .page-link{color:#727183;border-radius:2px}
.filter-panel{background:#fff;border:1px solid #e5e5e5;border-radius:2px;background-color:#fff;padding:100px 50px;background-image:url(../images/bubble-top.png),url(../images/bubble-bottom.png);background-repeat:no-repeat;background-size:100%;background-position:top left,right bottom}
.filter-panel .title-center{margin-bottom:60px}
.filter-panel .title-center:after{width:60%}
.title-center{position:relative;font-size:16px;color:#666;text-align:center;margin-bottom:30px}
.title-center:after{content:"";position:absolute;left:50%;top:50%;width:100%;transform:translateX(-50%);height:1px;background-color:#e7e7e7}
.title-center>span{position:relative;background-color:#fff;padding:0 60px;z-index:1}
.title-center>span:after,.title-center>span:before{content:'';position:absolute;top:50%;width:4px;height:40%;background-color:#ccc}
.title-center>span:before{left:40px;transform:translateY(-50%) skew(-30deg,0deg)}
.title-center>span:after{right:40px;transform:translateY(-50%) skew(30deg,0deg)}
.filter-panel>.content>.cell{display:flex;margin:20px 50px;padding-bottom:20px;border-bottom:1px solid #e5e5e5}
.filter-panel>.content>.cell .label{color:#027dfe;font-weight:700;margin-right:15px;padding-right:15px;position:relative;width:86px;display:flex;justify-content:flex-end}
.filter-panel>.content>.cell .label span{word-break:break-all}
.filter-panel>.content>.cell .label:after{content:"";position:absolute;width:1px;height:100%;right:0;top:50%;transform:translateY(-50%);background-color:#e6e6e6}
.filter-panel>.content>.cell .list{list-style-type:none;margin:0;padding:0;flex:1;display:flex;flex-wrap:wrap}
.filter-panel>.content>.cell .list li{margin:0 30px 0 0}
.filter-panel>.content>.cell .list li a,.news-list li a{color:inherit}
.banner-large,.news-list li{position:relative;border-radius:2px}
.banner-large{background:#fff;border:1px solid #e5e5e5;margin-bottom:30px}
.banner-large .fixed-font{position:absolute;top:34%;left:7%;transform:translateX(3px)}
.banner-large .fixed-font p{margin:0;line-height:1}
.banner-large .fixed-font .big-title{font-size:50px;font-weight:600;color:#222}
.banner-large .fixed-font .second-title{font-size:50px;color:#e5e5e5}
.news-list{list-style-type:none;padding:0;margin:0}
.news-list li{background-color:#fff;padding:20px;justify-content:space-between}
.news-list li+li{margin-top:20px}
.news-list li:hover{transform:translateY(-3px);transition:transform .4s ease}
.news-list li .time,.sub-title .more a{float: right; text-align: center; font-size: 14px; line-height: 1.4; background: #027dfe; color: #fff; padding: 3px 5px; border-radius: 15px; width: 70px; margin-right: 7px;}
.more a{float: right; text-align: center; font-size: 14px; line-height: 1.4; background: #027dfe; color: #fff; padding: 3px 5px; border-radius: 15px; width: 70px; margin-right: 7px;}
.course-subtitle{border-bottom:1px solid #e6e6e6;font-size:16px;padding-bottom:10px;margin-bottom:10px}
.filter-status,.news-list li,.sub-title{display:flex;align-items:center}
.sub-title{margin-bottom:20px}
.class-list-cover>.cell .text .title .sub-title a,.sub-title .class-list-cover>.cell .text .title a,.sub-title .title{font-size:22px;font-weight:400;color:#333;position:relative;margin-bottom:0}
.nav-custom li.more,.sub-title .more{margin-left:auto}
.nav-custom li.more,.sub-title .more:hover a{color:#fff!important;}
.breadcrumb a,.filter-bar .main a{text-decoration:none}
.filter-panel>.content>.cell .list li a:hover,.sub-title .more a:hover{text-decoration:none;color:#027dfe}
.filter-status{background:#fff;border:1px solid #e5e5e5;border-radius:2px;justify-content:space-between}
.course-box,.filter-status{background-color:#fff;padding:20px;margin-bottom:20px}
.course-box .course-card{margin-bottom:0;margin-top:0}
.course-box .course-card .cell .info{border-top:none}
.text-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e6e6;margin-bottom:15px;padding-bottom:8px}
.class-list-cover>.cell .text .title .text-header a,.text-header .class-list-cover>.cell .text .title a,.text-header .title{height:36px;line-height:36px;font-size:14px;color:#666;font-weight:700}
.text-header .handle{margin-left:auto;color:#999}
.text-header .handle .number{color:#ff6917}
.text-header .handle .btn{margin-top:-8px;margin-bottom:-6px}
.filter-bar,.filter-bar .more{display:flex;align-items:center}
.filter-bar{background:#fff;border:1px solid #e5e5e5;border-radius:2px;padding:15px 30px;margin-bottom:20px}
.filter-bar .main a{margin-right:30px;color:#222}
.breadcrumb a:hover,.class-list-cover>.cell .class-list>.cell .body .text .title a:hover a,.class-list>.cell .body .class-list-cover>.cell .text .title a:hover a,.class-list>.cell .body .text .title:hover a,.filter-bar .main .active,.filter-bar .main a:hover,.my-wrapper nav a:hover{color:#027dfe}
.filter-bar .more{border-left:1px solid #d8d8d8;line-height:18px;padding-left:40px}
.filter-bar .more label{display:inline-flex;align-items:center;margin-right:40px;margin-bottom:0}
.filter-bar .more label:hover{color:#027dfe;cursor:pointer}
.filter-bar .more label input{margin-right:5px}
.breadcrumb,.my-wrapper.no-border{padding:0;background-color:transparent}
.breadcrumb{color:#222;margin-bottom:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;width:1200px}
.breadcrumb a{color:#666}
.breadcrumb a:after{margin-left:5px;margin-right:5px;content:">";color:#999}
.my-wrapper{background:#fff;padding:20px;display:flex;margin-bottom:20px}
.my-wrapper.no-border{box-shadow:none;border:0}
.my-wrapper .content>.inner,.my-wrapper nav{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.my-wrapper,.my-wrapper .content,.my-wrapper nav{border:1px solid #e5e5e5;border-radius:2px}
.my-wrapper nav{width:168px;background-color:#fff;align-self:flex-start}
.my-wrapper nav a{display:flex;align-items:center;font-size:14px;justify-content:center;margin-bottom:1px;width:100%;padding:20px 10px;text-align:center;color:#222;text-decoration:none;position:relative}
.my-wrapper nav a .iconfont{font-size:20px;margin-right:10px;margin-left:-20px;line-height:1;font-weight:400}
.my-wrapper nav a+a:before{content:"";position:absolute;top:-1px;left:20px;width:calc(100% - 40px);height:1px;background-color:#e6e6e6}
.my-wrapper nav a:after{content:"";position:absolute;left:0;top:0;width:4px;height:100%}
.my-wrapper nav a.active{color:#027dfe!important;font-weight:700}
.my-wrapper nav a.active:after,.nav-custom li.active:after{background-color:#027dfe}
.my-wrapper .content{background:#fff;flex:1;margin-left:30px;margin-bottom:40px}
.my-wrapper .content>.inner{min-height:600px;padding:15px 30px}
.my-wrapper .content>.inner .nav-custom li{padding:6px 0 18px}
.my-wrapper .content>.inner .nav-custom .active{font-weight:700!important}
.my-wrapper .content>.inner .nav-custom .nav-item{padding-bottom:0}
.my-wrapper .content>.inner .nav-custom .no-padding{padding:0!important}
.my-wrapper .content>.inner .nav-custom .no-padding a{padding:0 0 15px!important}
.my-wrapper .content>.inner .toolbar{margin:10px 0}
.my-wrapper .content>.inner .nav-link{font-size:14px;padding:5px 0 15px}
.my-wrapper .content>.inner .text-title{font-size:16px;border-bottom:1px solid #e6e6e6;margin-bottom:15px;padding-bottom:8px}
.class-list-cover>.cell .text .title .my-wrapper .content>.inner .text-title a,.my-wrapper .content>.inner .text-title .class-list-cover>.cell .text .title a,.my-wrapper .content>.inner .text-title .title{height:36px;line-height:36px;font-size:14px;color:#666;font-weight:700}
.my-wrapper .content>.inner .individual-box{margin:14px 0}
.my-wrapper .content>.inner ul{padding:0;margin:0}
.my-wrapper .content>.inner ul .self-info,.my-wrapper .content>.inner ul .self-phone{border-bottom:1px solid #e6e6e6}
.my-wrapper .content>.inner ul li{list-style-type:none;padding:20px 0}
.my-wrapper .content>.inner ul li.self-info .cover{width:100px;height:100px;cursor:pointer}
.my-wrapper .content>.inner ul li.self-info .cover img{width:100%;height:100px;border-radius:4px}
.my-wrapper .content>.inner ul li.self-info .self-detail{flex:1;padding:0 0 0 20px;display:flex;flex-direction:column}
.my-wrapper .content>.inner ul li.self-info .self-detail .self-name{margin-bottom:10px}
.my-wrapper .content>.inner ul li.self-info .self-detail .self-name a{font-size:14px;float:right;vertical-align:middle}
.my-wrapper .content>.inner ul li.self-info .self-detail .self-myself{margin-bottom:22px}
.my-wrapper .content>.inner ul li.self-info .self-detail .text{color:#666}
.my-wrapper .content>.inner ul li.self-info .self-detail .self-location>span:first-child::after,.my-wrapper .content>.inner ul li.self-info .self-detail .text:first-child::after{content:"|";width:1px;margin-left:5px}
.my-wrapper .content>.inner ul li.self-info .self-detail .self-location{color:#666;margin-bottom:0}
.my-wrapper .content>.inner ul li.self-phone .self-phone_left{flex-basis:100px;text-align:left;color:#666}
.my-wrapper .content>.inner ul li.self-phone .self-phone_right{flex-basis:120px;text-align:right}
.my-wrapper .content>.inner ul li.self-phone .self-phone_content{flex:1;padding:0 20px}
.my-wrapper .content .class-list-cover>.cell .handle{padding-left:30px;margin-left:30px}
.class-list>.cell{position:relative;border-bottom:1px solid #e5e5e5}
.class-list>.cell .body{padding:20px 0;display:flex}
.class-list>.cell .body .text{width:0;flex:3;position:relative}
.class-list>.cell .body .text .status{position:absolute;bottom:-10px;right:80px;z-index:2}
.class-list>.cell .body .text .status img{width:82px}
.class-list-cover>.cell .class-list>.cell .body .text .title a,.class-list>.cell .body .class-list-cover>.cell .text .title a,.class-list>.cell .body .text .title{display:block;line-height:1.5;font-size:16px;white-space:nowrap;overflow:hidden;color:inherit;text-overflow:ellipsis;margin-bottom:5px;font-weight:600}
.class-list>.cell .body .text .title a{color:#222}
.class-list>.cell .body .text .desc{color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}
.class-list>.cell .body .text .time{color:#999;margin-bottom:0;margin-top:20px}
.class-list>.cell .body .text .time span+span{margin-left:20px}
.class-list>.cell .body .handle{flex:1;align-self:center}
.class-list>.cell .body .handle .operate-box{display:flex;flex-direction:row;align-items:center;margin-left:20px;height:80px}
.class-list>.cell .body .handle .operate-box .percent-circle{flex:1;height:100%;border-right:1px solid #e6e6e6;display:flex;justify-content:center;align-items:center}
.class-list>.cell .body .handle .operate-box .btn-box{flex:1;text-align:right;margin-left:10px}
.class-list>.cell .footer{padding:10px 30px;background-color:#fff;border-top:1px solid #e6e6e6;display:flex;align-items:center}
.class-list-cover>.cell .text .progress-info .progress,.class-list>.cell .footer .progress{flex:1;height:4px}
.class-list>.cell .footer .label{margin-left:30px;color:#999;width:87px;text-align:center}
.nav-custom{list-style-type:none;padding-left:0;display:flex;margin:0 0 20px}
.nav-custom li{padding-bottom:15px;position:relative}
.nav-custom li+li{margin-left:40px}
.nav-custom li:after{content:"";position:absolute;width:100%;height:2px;background-color:transparent;left:0;bottom:0}
.nav-custom li .dropdown,.nav-custom li>a{font-size:14px;color:#666}
.nav-custom li>a{text-decoration:none}
.nav-custom li>a span{margin-left:5px}
.nav-custom li>a:hover{color:#ff8033}
.nav-custom li.active a{color:#027dfe;font-weight:700}
.timeline{list-style-type:none;padding:0;margin:0;overflow:hidden}
.timeline>.cell{padding:20px 0 0!important}
.timeline>.cell:after{content:"";position:absolute;left:70px;width:7px;height:7px;border-radius:50%;background:rgba(153,153,153,.8);top:52px}
.timeline>.cell:before{content:"";position:absolute;height:170px;width:0;border-left:1px dashed rgba(153,153,153,.1);left:73px;top:47px}
.timeline>.cell .time{width:70px;position:relative;text-align:right;padding-right:15px}
.timeline>.cell .time .year{position:absolute;top:0;right:15px;font-size:16px;color:#797979}
.timeline>.cell .time .date,.timeline>.cell .time .hour{position:absolute;top:24px;right:15px;font-size:14px;color:#999}
.timeline>.cell .time .hour{top:46px;font-size:12px}
.timeline>.cell .event{padding-left:30px;flex:1}
.class-list-cover{padding-bottom:20px;border-bottom:1px solid #e6e6e6}
.class-list-cover>.cell,.timeline>.cell{display:flex;position:relative}
.class-list-cover>.cell+.cell{border-top:1px solid #e6e6e6;padding-top:10px;margin-top:10px}
.class-list-cover>.cell .cover{width:160px;height:90px;cursor:pointer;background-color:#eee;box-shadow:0 0 4px #e6e6e6;margin-right:20px;position:relative;border-radius:4px}
.class-list-cover>.cell .cover img{width:100%;height:100%;border-radius:4px}
.class-list-cover>.cell .cover .tag{position:absolute;bottom:5px;right:5px;background-color:rgba(0,0,0,.4);color:#fff;font-size:12px}
.class-list-cover>.cell .desc{color:#999}
.class-list-cover>.cell .text{flex:1;position:relative}
.class-list-cover>.cell .text .title,.class-list-cover>.cell .text .title a{font-size:16px;margin-bottom:7px;width:500px;color:inherit;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.class-list-cover>.cell .text .title a:hover a,.class-list-cover>.cell .text .title:hover a{color:#027dfe}
.class-list-cover>.cell .text .text-more{position:absolute;bottom:2px;left:0;margin-top:auto;width:100%}
.class-list-cover>.cell .text .tag-and-progress{display:flex}
.class-list-cover>.cell .text .type{margin-bottom:31px}
.class-list-cover>.cell .text .progress-info{display:flex;width:100%;align-items:center}
.class-list-cover>.cell .text .progress-info .label{margin-left:20px;color:#999;font-size:12px}
.class-list-cover>.cell .text .meta-info{font-size:12px}
.class-list-cover>.cell .text .meta-info .tag{margin-right:8px}
.class-list-cover>.cell .text .meta-info .time-log{font-size:12px;color:#999}
.class-info,.class-list-cover>.cell .text .order-info{display:flex;width:100%}
.class-list-cover>.cell .text .order-info .price{font-size:16px;color:#ff7800}
.class-list-cover>.cell .text .order-info .order-number{margin-left:auto;color:#999;font-size:14px}
.class-list-cover>.cell .text .order-status{position:absolute;top:0;right:0}
.class-list-cover>.cell .text .order-status .status{padding:3px 5px;border-radius:2px;font-size:12px}
.class-list-cover>.cell .text .order-status .s-done{background-color:#5c9fff;color:#fff}
.class-list-cover>.cell .handle{align-self:center;position:relative;z-index:2;margin-left:20px;padding-left:20px}
.class-info .photo{margin-right:20px}
.class-info .photo img{width:330px;height:210px;border-radius:4px}
.class-info .info{display:flex;flex-direction:column;flex:1;border-right:1px solid #e6e6e6;position:relative}
.class-info .info .class-list-cover>.cell .text .title a,.class-info .info .title,.class-list-cover>.cell .text .title .class-info .info a{font-size:18px}
.class-info .info .meta{margin-bottom:40px;text-align:right}
.class-info .info .meta p{color:#222;margin-bottom:5px}
.class-info .info .status{margin-top:auto;color:#666}
.class-info .info .status p{margin-bottom:5px}
.class-info .info .handle{display:flex;align-items:center;margin-top:30px}
.class-info .info .handle .tag{font-size:14px;padding:3px 20px}
.class-info .info .handle .more{margin-left:auto;margin-right:20px}
.class-info .checkin{text-align:center;width:210px}
.class-info .checkin .class-list-cover>.cell .text .title a,.class-info .checkin .title,.class-info .class-status .class-list-cover>.cell .text .title a,.class-info .class-status .title,.class-list-cover>.cell .text .title .class-info .checkin a,.class-list-cover>.cell .text .title .class-info .class-status a{font-size:18px;font-weight:400;color:#222}
.class-info .checkin .class-list-cover>.cell .text .title a .iconfont,.class-info .checkin .title .iconfont,.class-list-cover>.cell .text .title .class-info .checkin a .iconfont{font-size:inherit}
.class-info .checkin .body .number{color:#ff7800}
.class-info .checkin .body .day{font-size:30px;margin-top:30px}
.class-info .checkin .body .day .unit{font-size:14px}
.class-info .checkin .body .label{color:#999;margin-bottom:20px}
.class-info .checkin .body .label .number{color:#ff7800}
.class-info .checkin .body .total{margin-bottom:30px;color:#666}
.class-info .checkin .body a{color:#219bff}
.class-info .checkin .body p,.class-info .class-status .body .done p{margin-bottom:0}
.class-info .class-status{width:260px;text-align:center}
.class-info .class-status .class-list-cover>.cell .text .title a .iconfont,.class-info .class-status .title .iconfont,.class-list-cover>.cell .text .title .class-info .class-status a .iconfont{font-size:inherit}
.class-info .class-status .body,.class-info .class-status .body .done{height:160px;text-align:center;display:flex;align-items:center;justify-content:center}
.class-info .class-status .body .done{width:112px;height:112px;color:#fff;background-color:#fb986a;border-radius:50%;flex-direction:column}
.class-info .class-status .body .done .iconfont{font-size:50px;line-height:1}
.class-info .class-status .label{color:#999}
.class-list-cover-live>.cell .meta-info{margin-top:auto}
.class-list-cover-live>.cell .animation-live{height:10px}
.class-list-cover-replay{margin-bottom:20px}
.class-list-cover-replay>.cell .class-list-cover>.cell .text .title a,.class-list-cover-replay>.cell .text .title,.class-list-cover>.cell .class-list-cover-replay>.cell .text .title a{font-size:14px;font-weight:400}
.class-list-cover-replay>.cell .cover{width:48px;height:48px;background-color:#ffaf7f;padding:10px;border-radius:50px}
.class-list-cover-replay>.cell .handle .btn{min-width:87px}
.class-list-cover-replay>.cell .meta-info{margin-top:auto}
.app-player{height:100vh;overflow-x:hidden}
.app-player .player-wrapper{position:relative;flex:1;background-color:#797a7f;display:flex}
.app-player .player-wrapper:before{position:absolute;content:"";width:4px;height:100%;top:0;left:148px;background-color:#414656}
.app-player .player-wrapper>.info{position:absolute;left:160px;top:45px;color:#fff;padding-left:10px;font-size:12px}
.app-player .player-wrapper>.info:before{content:"";position:absolute;top:-2px;left:-18px;width:18px;height:18px;border:2px solid #414656;background-color:#797a7f;border-radius:50%}
.app-player .player-wrapper>.info .class-list-cover>.cell .text .title a,.app-player .player-wrapper>.info .title,.class-list-cover>.cell .text .title .app-player .player-wrapper>.info a{font-size:12px}
.app-player .player-wrapper>.cell{position:absolute;width:100%;height:100%}
.app-player .player-wrapper .player{background-color:#000;position:absolute;top:95px;left:20px;right:20px;bottom:95px}
.app-player .player-wrapper .player .exam-result,.app-player .player-wrapper .player .modal-inner{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}
.app-player .player-wrapper .player .exam-result{background-color:#fff}
.app-player .player-wrapper .player .modal-inner{background-color:rgba(0,0,0,.7)}
.app-player .player-wrapper .player .modal-inner .inner{width:480px;background-color:#fff}
.app-player .player-wrapper .player .modal-inner .inner .header{background-color:#027dfe;color:#fff;height:50px;display:flex;align-items:center;position:relative}
.app-player .player-wrapper .player .modal-inner .inner .header .class-list-cover>.cell .text .title a,.app-player .player-wrapper .player .modal-inner .inner .header .title,.class-list-cover>.cell .text .title .app-player .player-wrapper .player .modal-inner .inner .header a{font-size:16px;margin-bottom:0;padding:10px;text-align:left}
.app-player .player-wrapper .player .modal-inner .inner .header .close{position:absolute;text-decoration:none;top:50%;right:20px;color:#fff;text-shadow:none;transform:translateY(-50%);font-weight:400;opacity:.8}
.app-player .player-wrapper .player .modal-inner .inner .header .close:hover{opacity:1}
.app-player .player-wrapper .player .modal-inner .inner .body{min-height:180px}
.app-player .player-wrapper .player .modal-inner .inner .footer{text-align:center;padding:8px;border-top:1px solid #e6e6e6}
.app-player .player-wrapper .player .modal-inner .inner .footer .btn{min-width:116px}
.app-player .player-wrapper .player .modal-inner .inner .footer .btn+.btn{margin-left:80px}
.app-player .player-wrapper .player .modal-inner .modal-text .class-list-cover>.cell .text .title a,.app-player .player-wrapper .player .modal-inner .modal-text .title,.class-list-cover>.cell .text .title .app-player .player-wrapper .player .modal-inner .modal-text a{font-size:18px;font-weight:400}
.app-player .player-wrapper .player .modal-inner .modal-text .desc{font-size:14px;color:#666;margin-bottom:0}
.app-player .player-wrapper .btn-back{background-color:#000;color:#fff;position:absolute;padding:6px 12px 6px 6px;top:20px;font-size:12px;z-index:2;border-radius:0 2px 2px 0}
.app-player .player-wrapper .btn-back a{color:#fff;}
.app-player .player-wrapper .btn-back:hover{background-color:#ff0000;color:#fff;cursor:pointer}
.app-player .player-wrapper .btn-back .iconfont{font-size:12px;color:rgba(0,0,0,.2)}
.app-player .player-wrapper .btn-page{width:60px;height:32px;background-color:#6a6b72;text-align:center;position:absolute;cursor:pointer;z-index:2;color:rgba(255,255,255,.5)}
.app-player .player-wrapper .btn-page:hover{background-color:#6f7077;color:#fff}
.app-player .player-wrapper .btn-page .iconfont{font-size:32px;line-height:1}
.app-player .player-wrapper .btn-prev{top:0;left:120px}
.app-player .player-wrapper .btn-next{bottom:0;left:120px}
.app-player .menu-wrapper{position:relative;width:320px;display:flex;flex-direction:column}
.app-player .menu-wrapper>.bar{width:100px;height:44px;line-height:44px;background-color:#ffc107;top:80px;left:-100px;position:absolute;text-align:center;border-radius:2px 0 0 2px;cursor:pointer}
.app-player .menu-wrapper>.bar svg{width:30px;height:30px;}
.app-player .menu-wrapper>.bar:hover{background-color:#ff0000;}
.pcmenu{display:block;}
.mobilemenu{display:none;}
.app-player .menu-wrapper .info{display:flex;padding:15px 10px;color:#fff;align-items:center;background-color:#4a4f5c;}
.app-player .menu-wrapper .info .text{flex:1;overflow:hidden;padding-right:10px}
.app-player .menu-wrapper .info .class-list-cover>.cell .text .title a,.app-player .menu-wrapper .info .text .title,.class-list-cover>.cell .app-player .menu-wrapper .info .text .title a{font-size:16px;white-space:nowrap;min-width:auto;overflow:hidden;text-overflow:ellipsis}
.app-player .menu-wrapper .info .text .desc{margin-bottom:0}
.app-player .menu-wrapper .info .cover{width:120px;cursor:pointer}
.app-player .menu-wrapper .menu{height:0;display:flex;flex:1;flex-direction:column;position:relative}
.app-player .menu-wrapper .class-list-cover>.cell .text .title .menu>a,.app-player .menu-wrapper .menu>.title,.class-list-cover>.cell .text .title .app-player .menu-wrapper .menu>a{text-align:center;background-color:#dadde1;color:#666;font-size:16px;padding:10px}
.app-player .menu-wrapper .menu .list-tree{padding-top:0}
.app-player .menu-wrapper .menu>.list{position:relative;flex:1;height:0;overflow:auto;}
.app-player .menu-wrapper .menu>.list .cell{display:flex;align-items:center;font-size:12px;padding:0 10px;position:relative;z-index:2;cursor:pointer}
.app-player .menu-wrapper .menu>.list .cell.chapter{cursor:default;height:40px;line-height:40px;padding-top:10px}
.app-player .menu-wrapper .menu>.list .cell.chapter .class-list-cover>.cell .text .title a,.app-player .menu-wrapper .menu>.list .cell.chapter .title,.class-list-cover>.cell .text .title .app-player .menu-wrapper .menu>.list .cell.chapter a{font-weight:500;font-size:14px;color:#666;text-align:left}
.app-player .menu-wrapper .menu>.list .cell.part{cursor:default;height:36px;line-height:36px;color:#999}
.app-player .menu-wrapper .menu>.list .cell.section .meta .iconfont{font-size:16px}
.app-player .menu-wrapper .menu>.list .cell.section{height:auto;line-height:1.6;color:#999}
.app-player .menu-wrapper .menu>.list .cell .subtitle,.app-player .menu-wrapper .menu>.list .cell .title,.app-player .menu-wrapper .menu>.list .class-list-cover>.cell .text .title a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.app-player .menu-wrapper .menu>.list .cell .subtitle{font-size:12px;color:#a9a9a9;cursor:auto;text-align:left}
.app-player .menu-wrapper .menu>.list .cell .text{color:#a9a9a9;font-size:12px}
.app-player .menu-wrapper .menu>.list .cell.active,.app-player .menu-wrapper .menu>.list .cell.section:hover{background-color:#4a4f5c}
.app-player .menu-wrapper .menu>.list .cell.active .text,.app-player .menu-wrapper .menu>.list .cell.section:hover .text{color:#fff;font-weight:500}
.app-player .menu-wrapper .menu>.list .cell.active .text a{color:#dadde1!important;}
.app-player .menu-wrapper .menu>.list .cell.active .text:hover a{color:#ffc107!important;}
.app-player .menu-wrapper .menu>.list .cell.section:hover .status-unread{background:0 0}
.app-player .menu-wrapper .menu>.list .cell .status{width:20px;display:flex;align-items:center;position:relative}
.app-player .menu-wrapper .menu>.list .cell .status .status-done{background-color:#027dfe}
.app-player .menu-wrapper .menu>.list .cell .status .status-done .icon-done{display:inline-block;width:12px;height:12px;background:url(../images/class_detail_study_done.png) no-repeat center;background-size:8px}
.app-player .menu-wrapper .menu>.list .cell .status .status-ing{background-color:#4b8aff}
.app-player .menu-wrapper .menu>.list .cell .status .status-unread{border:2px solid #d9dde1;background-color:#fff;border-radius:50%}
.app-player .menu-wrapper .menu>.list .cell .status .circle{width:12px;height:12px;border-radius:50%;position:relative}
.app-player .menu-wrapper .menu>.list .cell .status .circle::before{content:" ";width:12px;height:6px;border-radius:12px 12px 0 0;border:2px solid #d9dde1;border-bottom:0;position:absolute;top:0;left:0}
.app-player .menu-wrapper .menu>.list .cell .status .circle::after{content:" ";width:12px;height:6px;border-radius:0 0 12px 12px;background:#027dfe;position:absolute;bottom:0;left:0}
.app-player .menu-wrapper .menu>.list .cell .status .checked{background-color:#4a4f5c}
.app-player .menu-wrapper .menu>.list .cell .text{flex:1;min-width:auto;margin:10px 0;/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/}
.app-player .menu-wrapper .menu>.list .cell .meta{margin-left:10px;color:#c6c6c6;display:flex;align-items:center;text-align:right}
.app-player .menu-wrapper .menu>.list .cell .meta .btn{font-size:12px;line-height:1;padding-top:3px;padding-bottom:3px;margin-right:5px}
.app-player .menu-wrapper .menu>.list .cell .meta .time{margin-right:10px}
.app-player .menu-wrapper .menu>.list .cell .meta .iconfont,.class-wrapper .class-type-list .cell .more .progress-info .label{font-size:12px}
.app-player,.class-wrapper{display:flex}
.class-wrapper .class-detail{background:#fff;border:1px solid #e5e5e5;border-radius:2px;padding:20px;flex:1}
.class-wrapper>.aside-info{width:300px;margin-left:20px}
.class-wrapper .class-type-list{display:flex;margin-bottom:20px}
.class-wrapper .class-type-list .cell{flex:1;border:1px solid #e6e6e6;padding:10px 15px;border-radius:4px;position:relative;cursor:pointer;max-width:50%}
.class-wrapper .class-type-list .cell+.cell{margin-left:15px}
.class-wrapper .class-type-list .cell .title,.class-wrapper .class-type-list .class-list-cover>.cell .text .title a{font-size:16px;color:#222;margin-bottom:10px}
.class-wrapper .class-type-list .cell .more{color:#666}
.class-wrapper .class-type-list .cell .more.more-ing{color:#b15bff;font-size:14px}
.class-wrapper .class-type-list .cell .status{position:absolute;padding:3px 5px;right:0;top:10px;font-size:12px;border-radius:4px 0 0 4px;text-align:center}
.class-wrapper .class-type-list .cell .status.status-ing{background-color:#fff4c2;color:#f58600}
.class-wrapper .class-type-list .cell .status.status-unstart{background-color:#f2f2f2;color:#999}
.class-wrapper .class-type-list .cell .status.status-done{background-color:#e6f8f9;color:#29c7c9}
.class-wrapper .class-type-list .cell.active,.class-wrapper .class-type-list .cell:hover{border-color:#027dfe}
.class-list-cover>.cell .text .title .class-wrapper .class-type-list .cell.active a,.class-list-cover>.cell .text .title .class-wrapper .class-type-list .cell:hover a,.class-wrapper .class-type-list .cell.active .class-list-cover>.cell .text .title a,.class-wrapper .class-type-list .cell.active .title,.class-wrapper .class-type-list .cell:hover .class-list-cover>.cell .text .title a,.class-wrapper .class-type-list .cell:hover .title{color:#222}
.class-wrapper .class-type-list .cell.active .more,.class-wrapper .class-type-list .cell:hover .more,.pannel-form-text p .label{color:#666}
.pannel>.header{border-bottom:1px solid #e6e6e6;text-align:center;padding:10px 15px;font-size:16px;color:#222}
.special-modal-wrapper{background:url(../images/mokao_img.png) no-repeat center center;background-size:100%;position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}
.special-modal-wrapper .bg-cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1}
.special-modal-wrapper .special-modal-content{width:400px;height:300px;position:relative;display:flex;align-items:flex-end;z-index:99}
.special-modal-wrapper .special-modal-content .modal-top{background:url(../images/shikan_bg_top.png) no-repeat center top;background-size:100%;position:absolute;top:0;left:0;width:100%;height:200px}
.special-modal-wrapper .special-modal-content .modal-top .modal-close{text-align:right;margin-top:60px}
.special-modal-wrapper .special-modal-content .modal-top .modal-close i{font-size:18px;color:#fff;margin-right:20px;cursor:pointer}
.special-modal-wrapper .special-modal-content .modal-bottom{width:100%;height:220px;background:url(../images/shikan_bg_img.png) no-repeat center center;background-size:100%;padding:20px 0;display:flex;align-items:center;flex-direction:column}
.special-modal-wrapper .special-modal-content .modal-bottom .modal-info{width:100%;flex:1;display:flex;flex-direction:inherit;justify-content:center;align-items:center;border-bottom:1px solid #e6e6e6}
.special-modal-wrapper .special-modal-content .modal-bottom .modal-info h5{font-size:18px;font-weight:600;color:#222}
.special-modal-wrapper .special-modal-content .modal-bottom .modal-info p{font-size:14px;color:#222;font-weight:400;margin-bottom:0}
.special-modal-wrapper .special-modal-content .modal-bottom .modal-btn{width:100%;height:60px;line-height:60px;text-align:center}
.special-modal-wrapper .special-modal-content .modal-bottom .modal-btn .btn{width:120px}
.pannel-form-text{width:320px;margin:40px auto;text-align:center}
.pannel-form-text .status{background-color:#f6fff3;display:flex;align-items:center;justify-content:center;margin:0 0 10px}
.pannel-form-text .status .iconfont{font-size:40px;margin-right:20px}
.class-list-cover>.cell .text .title .pannel-form-text .status .info a,.pannel-form-text .status .iconfont.icon-success-circle,.pannel-form-text .status .info .class-list-cover>.cell .text .title a,.pannel-form-text .status .info .title{color:#84cc27}
.pannel-form-text .status .info{text-align:left;color:#666}
.pannel-form-text .status .info .number{color:#ff7800}
.pannel-form-text p{display:flex;border-bottom:1px solid #e6e6e6;padding:10px 0;margin-bottom:0}
.pannel-form-text p .text{margin-left:auto;color:#222;font-size:14px}
.pannel-form-text .btn{width:180px;margin:40px auto 0;height:36px}
.join-btn-wrapper{margin:20px 0}
.join-box{min-height:460px;align-items:flex-start!important;margin-top:60px}
.join-box .form-nostyle{margin-top:8px;position:relative}
.join-box .form-nostyle .auth-validate-tip{position:absolute;bottom:-20px;left:0;width:100%;color:red;font-size:12px}
.join-box .justify-content-between .col-md-3,.join-box .justify-content-between .col-md-3 .auth-descript .auth-box{position:relative}
.join-box .justify-content-between .col-md-3 .auth-descript{position:absolute;top:8px;right:-10px;width:20px;height:20px;line-height:20px;text-align:center}
.grade-content .grade-wrapper .aside-info .info-box .first-title .progress-tips p>span,.grade-content .grade-wrapper .grade-detail .grade-detail-top .study-time .grade-time-tip-icon:hover .grade-time-tip,.join-box .justify-content-between .col-md-3 .auth-descript .auth-box:hover .auth-descript-box{display:block}
.join-box .justify-content-between .col-md-3 .auth-descript .auth-box .iconfont{font-size:18px}
.join-box .justify-content-between .col-md-3 .auth-descript-box{display:none;position:absolute;top:30px;right:-170px;width:200px;background:#fff;box-shadow:0 0 6px #e6e6e6;border:1px solid #e5e5e5;padding:10px;z-index:11}
.join-box .justify-content-between .col-md-3 .auth-descript-box::before{content:'';width:0;height:0;display:inline-block;position:absolute;top:-15px;right:162px;border-width:6px;border-color:#fff #fff transparent transparent;border-style:solid;box-shadow:2px -2px 4px #e6e6e6;transform:rotate(-45deg) translateX(-14px)}
.join-box .justify-content-between .col-md-3 .auth-descript-box p{margin:0;line-height:1.5}
.form-join{padding:0 40px;display:flex;justify-content:center;align-items:center}
.form-join .inner{flex:1;padding-right:38px}
.class-list-cover>.cell .text .title .form-join .inner a,.form-join .inner .class-list-cover>.cell .text .title a,.form-join .inner .title{text-align:left;font-size:20px;font-weight:400}
.form-join .inner .name-form-group{height:54px!important}
.form-join .inner .normal-form-row{height:70px}
.form-join .inner .normal-form-row .col-md-3{display:flex;justify-content:flex-end;align-items:flex-start}
.form-join .inner .normal-form-row .col-md-3 span{color:#666;font-size:14px;margin:8px 10px 0 0}
.form-join .inner .normal-form-row .form-address span{margin:5px 10px 0 0!important}
.form-join .inner .normal-form-row .form-control{border:1px solid #e6e6e6}
.form-join .inner .normal-form-row .select-wrapper{display:flex;justify-content:space-between}
.form-join .inner .normal-form-row .select-wrapper div,.form-profile .form-wrapper .row .col-md-9 .select-wrapper div{width:46%}
.form-join .inner .text-form-row{margin-bottom:10px}
.form-join .inner .text-form-row .col-md-9 p,.tab-box .tab-live-box>ul{margin:0}
.form-join .inner .form-grade-wrapper{height:67px}
.form-join .inner .form-grade-wrapper .form-grade{position:relative}
.form-join .inner .form-grade-wrapper .form-grade .warn-tip{position:absolute;bottom:-22px;left:6px;color:#f04d4d;font-size:12px}
.form-join .inner .form-row .ml-md-auto p{background:#f4f4f4;color:#999;padding:5px;font-size:12px;text-align:left}
.class-list-cover>.cell .text .title .form-join .inner .form-row .ml-md-auto a,.form-join .inner .form-row .ml-md-auto .class-list-cover>.cell .text .title a,.form-join .inner .form-row .ml-md-auto .title{background:#fff;color:#222;font-size:18px;margin:0;padding:0;font-weight:600}
.form-join .inner .form-row .ml-md-auto .desc{color:#666;font-size:14px;margin-bottom:20px;background:#fff;padding:0}
.form-join .inner .form-row .btn{width:140px;border:1px solid #e6e6e6}
.form-join .inner .form-control,.form-profile .form-wrapper .row .col-md-9 input,.form-profile .form-wrapper .row .col-md-9 select{height:38px}
.form-join .inner .form-control.is-invalid{border-color:#f04d4d}
.form-join .inner .invalid-feedback{color:#f04d4d!important}
.form-join .inner .handle{text-align:left;margin-top:60px}
.form-join .inner .handle .btn{width:180px;height:34px}
.form-join .class-bg{width:452px;height:247px;background:url(../images/study_add_class_bg.png) no-repeat left center;background-size:90%}
.main-footer{width:100%;flex-shrink:0;text-align:center;background-color:#fff;color:#666;font-size:12px;padding:20px 0 10px}
.main-footer img{max-width:260px;max-height:60px}
.main-footer a{color:inherit}
.main-footer p,.verify-wrapper .notice ol li{margin-bottom:5px}
.main-footer .copyright{color:#999;margin-bottom:0;margin-top:15px}
.main-footer.footer-align-left{text-align:left}
.modal-dialog.modal-login .modal-header{border-bottom:none;background-color:transparent}
.modal-dialog.modal-login .modal-header .close{font-size:30px;font-weight:400;position:absolute;color:#c6c6c6;opacity:1;text-shadow:none;top:20px;right:50px;z-index:2}
.modal-dialog.modal-login .modal-header .close:hover{color:#027dfe}
.modal-dialog.modal-login .modal-body{margin-top:-10px}
.modal-dialog.modal-login .modal-body .form-login .form-group{height:auto}
.modal-dialog.modal-login .modal-body .form-login .form-group .is-invalid{border-color:#dc3545}
.grade-content .grade-wrapper .grade-detail .grade-detail-top>p,.modal-dialog.modal-login .tip{color:#666;font-size:14px}
.modal-dialog.modal-login .btn-primary{font-size:16px}
.modal-dialog.modal-login .tab-content{min-height:275px}
.modal-dialog.modal-login .nav{padding-left:20px;margin-bottom:45px;margin-top:-10px}
.modal-dialog.modal-login .nav .nav-link{font-size:16px;color:#666}
.modal-dialog.modal-login .nav .nav-link .iconfont{font-weight:400}
.modal-dialog.modal-login .nav .nav-link span{padding-bottom:10px}
.modal-dialog.modal-login .nav .nav-link.active{font-weight:700;color:#027dfe}
.modal-dialog.modal-login .nav .nav-link.active span{border-bottom:3px solid #027dfe}
.modal-dialog.modal-login .qr-code{text-align:center;margin:50px auto}
.modal-dialog.modal-login .form-login{width:400px;margin:50px auto 30px}
.modal-dialog.modal-login .form-login .tip{margin-top:20px}
.modal-dialog.modal-login .form-login .form-control{border:1px solid transparent;background-color:#f6f6f6;border-radius:0;font-size:14px;height:46px}
.modal-dialog.modal-login .form-login .form-group{height:46px;position:relative}
.modal-dialog.modal-login .form-login .form-group .code{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.modal-dialog.modal-login .form-login .form-group .code a{color:#4b8aff}
.modal-dialog.modal-login .form-login .form-group .code a:hover{color:#659bff}
.modal-dialog.modal-login .form-login .handle{margin-top:30px}
.modal-dialog.modal-login .form-login .handle .btn{height:46px}
.modal-dialog{min-width:480px}
.modal-dialog .modal-header{background-color:#fff;color:#222;text-align:center}
.modal-dialog .modal-header .modal-title{font-size:16px;font-weight:700;background:#fff}
.modal-dialog .modal-header .close{color:#a4a4a4}
.modal-dialog .modal-header .close:hover{color:#027dfe}
.modal-text{text-align:center;padding:60px 0;font-size:14px;color:#222}
.modal-footer{padding:10px 0 20px;display:block!important;width:100%;}
.jz{margin:0 auto;}
.modal-footer-center{text-align:center;justify-content:center}
.modal-footer-center .btn{padding:8px 30px}
.modal-footer-center .btn+.btn{margin-left:80px}
.modal-pay{padding:0 10px 10px}
.modal-pay .icon-wechat{font-size:20px}
.modal-pay .desc{text-align:center;font-size:16px}
.modal-pay .qrcode-wrapper{background-color:#efefef}
.modal-pay .qrcode-wrapper .desc{padding-bottom:0;padding-top:20px;color:#666;font-size:14px}
.modal-pay .goods-info .class-list-cover{margin-bottom:0}
.class-list-cover>.cell .text .title .modal-pay .goods-info>a,.modal-pay .class-list-cover>.cell .text .title .goods-info>a,.modal-pay .goods-info>.title{font-size:16px;color:#666;padding-bottom:15px;border-bottom:1px solid #e6e6e6}
.modal-pay .class-list-cover-small{border-bottom:0}
.modal-pay .class-list-cover-small .cell{display:flex;flex-direction:row}
.modal-pay .class-list-cover-small .more{position:absolute;bottom:-4px;right:0}
.modal-pay .class-list-cover-small .more .price{font-size:22px;font-weight:700}
.modal-pay .class-list-cover-small .text{position:relative}
.class-list-cover>.cell .modal-pay .class-list-cover-small .text .title a,.modal-pay .class-list-cover-small .class-list-cover>.cell .text .title a,.modal-pay .class-list-cover-small .text .title{font-weight:400;width:360px}
.modal-pay .class-list-cover-small .text .type{margin-top:55px;margin-bottom:0}
.modal-pay .class-list-cover-small .cover{flex:0 0 160px;width:160px;height:90px;cursor:pointer;border-radius:4px}
.modal-pay .class-list-cover-small .cover img{width:160px;height:90px;border-radius:4px}
.qrcode-wrapper{background-color:#e6e6e6;width:256px;margin:20px auto;padding:20px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}
.qrcode-wrapper .qrcode-img{width:200px;height:200px;background:url(../images/common_scan_four.png) no-repeat center;background-size:100%;text-align:center;line-height:200px}
.qrcode-wrapper .qrcode-img .qrcode-padding{width:190px;height:190px;margin:5px auto;background:#fff;text-align:center;line-height:190px}
.join-class-before .flow-wrapper .code-img .cover-img img,.qrcode-wrapper .qrcode-img .qrcode-padding img{width:180px;height:180px}
.qrcode-wrapper .desc{color:#15aa6b;padding:30px 0 10px;margin-bottom:0;white-space:nowrap}
.toast-custom{position:absolute;top:204px;left:50%;z-index:80;transform:translate(-50%,-50%);text-align:center}
.toast-custom .inner{display:block;background-color:#ff6917;padding:10px 20px;border-radius:50px;color:#fff;min-width:280px}
.class-list-cover>.cell .text .title .exam-result a,.exam-result .class-list-cover>.cell .text .title a,.exam-result .title{font-size:24px;text-align:center;padding:40px 0 20px}
.exam-result .result-circle{width:200px;height:200px;background:url(../images/result-circle.png) no-repeat;background-size:cover;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff;margin:20px auto}
.exam-result .result-circle .unit{font-size:24px}
.exam-result .result-circle .inner{line-height:0}
.exam-result .form-custom{width:400px;margin:40px auto}
.exam-result .form-custom .cell{border-bottom:1px solid #e6e6e6;padding:10px 0;font-size:14px}
.exam-result .form-custom .cell .inner,.progress{display:flex}
.exam-result .form-custom .cell .label{color:#666}
.exam-result .form-custom .cell .text{margin-left:auto}
.exam-result .form-custom .cell .progress,.form-profile .form-wrapper .row .col-md-9 .select-wrapper div .invalid-feedback{width:100%}
.exam-result .buttons-wrapper .btn{width:200px;height:36px}
.exam-result .buttons-wrapper .btn+.btn{margin-left:100px}
.exam-result .buttons-wrapper a{line-height:24px;color:#027dfe}
.exam-result .buttons-wrapper a:hover{color:#fff}
.progress{height:4px;overflow:hidden;font-size:.75rem;background:rgba(138,138,138,.2);border-radius:1rem}
.progress .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#ff6917;transition:width .6s ease}
.join-class-result{margin-top:50px}
.join-class-result .img{text-align:center}
.class-list-cover>.cell .text .title .join-class-result a,.join-class-result .class-list-cover>.cell .text .title a,.join-class-result .title{font-size:16px;text-align:center;margin:30px 0 15px}
.join-class-result .desc{text-align:center;color:#999;font-size:14px}
.join-class-result .buttons-wrapper{margin-top:60px;text-align:center}
.join-class-result .buttons-wrapper .btn+.btn{margin-left:96px}
.join-class-before .join-title{font-size:20px;color:#222;text-align:center;margin:40px 0 20px}
.join-class-before .flow-wrapper{width:100%;min-height:200px;background:#f7f7f7;padding:20px}
.join-class-before .flow-wrapper .flow-step ul{width:100%;height:100px;margin:0;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #e6e6e6}
.join-class-before .flow-wrapper .flow-step ul li{flex:1;border-bottom:0;display:flex;justify-content:flex-start;align-items:center;padding:0 0 20px}
.join-class-before .flow-wrapper .flow-step ul li .step-number{width:40px;font-size:60px;color:#dbdbdb;margin:0;line-height:80px}
.join-class-before .flow-wrapper .flow-step ul li .step-info{flex:1;height:100%;display:flex;flex-direction:column;justify-content:space-around}
.join-class-before .flow-wrapper .flow-step ul li .step-info p:first-child{margin-bottom:4px;color:#666}
.join-class-before .flow-wrapper .flow-step ul li .step-info p:first-child i{font-size:16px;margin-right:4px}
.join-class-before .flow-wrapper .flow-step ul li .step-info p:last-child{margin:0;color:#666}
.join-class-before .flow-wrapper .flow-step ul li .step-info p:last-child .iconfont{font-size:16px;color:#1fac74}
.join-class-before .flow-wrapper .code-img{width:100%;padding:30px 0}
.join-class-before .flow-wrapper .code-img .cover-img{width:200px;height:200px;margin-left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;background:#fff url(../images/common_scan_four.png) no-repeat center center;background-size:100%}
.join-class-before .btn-wrapper{width:100%;text-align:center;margin:20px 0}
.news-detail{background:#fff;border:1px solid #e5e5e5;border-radius:2px;padding:30px;min-height:70vh;margin-bottom:30px}
.news-detail .header{text-align:center;border-bottom:1px solid #e6e6e6;margin-bottom:20px;position:relative}
.class-list-cover>.cell .text .title .news-detail .header a,.news-detail .header .class-list-cover>.cell .text .title a,.news-detail .header .title{font-size:20px}
.news-detail .header .time{color:#999}
.news-detail .header .handle{position:absolute;top:0;right:0}
.news-detail .desc{font-size:16px}
.news-detail .desc p{width:calc(100%);word-break:break-all;line-height:2.5;margin:0}
.news-detail .desc img{max-width:100%}
.org-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px 50px}
.org-list .cell{min-width:0;position:relative;background:#fff;border:1px solid #e5e5e5;border-radius:2px}
.org-list .cell .photo,.org-list .cell .photo img{border-top-left-radius:4px;border-top-right-radius:4px}
.org-list .cell .photo img{width:100%}
.org-list .cell .title,.org-list .class-list-cover>.cell .text .title a{padding:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.org-list .cell a{color:#666}
.org-list .cell a:hover{color:#ff6917}
.org-list .cell:hover{box-shadow:0 0 4px #e6e6e6}
.filter-sm .cell{position:relative;padding-right:10px;color:#4b8aff;cursor:pointer}
.filter-sm .cell+.cell{margin-left:15px}
.filter-sm .cell .close{font-size:12px;position:absolute;top:0;right:0;color:#4b8aff}
.filter-sm .cell .close:hover{color:#e65600;cursor:pointer}
.nodata-wrapper{text-align:center;padding-top:50px}
.nodata-wrapper img{margin-bottom:20px;width:180px}
.nodata-wrapper .desc{font-size:14px;color:#666}
.custom-control.custom-checkbox .custom-control-label::before{top:2px;border-radius:0;width:15px;height:15px;border-color:#e6e6e6}
.custom-control-input:checked~.custom-control-label::before{background-color:#027dfe;border-color:#027dfe}
.custom-control-label::after{outline:0;background-size:75%;width:15px;height:15px;top:2px;left:-21px}
.custom-control-input:focus~.custom-control-label::before{box-shadow:none}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#e6e6e6}
.custom-control-input:hover:not(:checked)~.custom-control-label::before{border-color:#027dfe}
.custom-control-input:not(:disabled):active~.custom-control-label::before{background-color:#ffdfcc;border-color:#ffbf99}
.verify-wrapper .header{text-align:center;margin-bottom:20px;padding-bottom:20px}
.class-list-cover>.cell .text .title .verify-wrapper .header a,.verify-wrapper .header .class-list-cover>.cell .text .title a,.verify-wrapper .header .title{font-size:20px;color:#027dfe;margin-top:20px;margin-bottom:10px;font-weight:400}
.class-list-cover>.cell .text .title .verify-wrapper .header a img,.verify-wrapper .header .class-list-cover>.cell .text .title a img,.verify-wrapper .header .title img{display:inline-block;vertical-align:-7px}
#text__resolve-main p,.verify-wrapper .header .desc{margin-bottom:0}
.verify-wrapper .body{text-align:center}
.verify-wrapper .body img{border:1px solid #e6e6e6;padding:10px;margin-bottom:40px;width:200px;height:200px}
.verify-wrapper .body .btn{height:40px;margin-bottom:70px;width:200px}
.verify-wrapper .notice{background-color:#f7f7f7;padding:30px 40px;margin-bottom:20px}
.verify-wrapper .notice h5{font-weight:400;font-size:14px;color:#999}
.verify-wrapper .notice ol{margin:0;padding-left:18px;color:#999}
.form-profile .form-wrapper{width:40%;margin:40px auto}
.form-profile .form-wrapper .row{height:70px}
.form-profile .form-wrapper .row .col-md-3{text-align:right;color:#666}
.form-profile .form-wrapper .row .col-md-3 label{vertical-align:middle;margin-top:7px}
.form-profile .form-wrapper .row .col-md-9 .select-wrapper{display:flex;justify-content:space-between}
.form-profile .form-wrapper .row:last-child{margin-top:10px}
.form-profile .form-wrapper .row:last-child .buttons-wrapper{display:flex;justify-content:space-between}
.form-profile .form-wrapper .row:last-child .buttons-wrapper .btn{width:100px}
.form-profile .form-wrapper .head-box{height:auto;padding-bottom:32px}
.form-profile .form-wrapper .head-box .col-md-3{display:flex;justify-content:flex-end}
.form-profile .form-wrapper .head-box .col-md-3 label{align-self:flex-end;margin:0}
.form-profile .form-wrapper .head-box .col-md-9,.table-custom tr{position:relative}
.form-profile .form-wrapper .head-box .col-md-9 a{position:absolute;bottom:0}
.toolbar{display:flex;align-items:center;margin-bottom:10px}
.toolbar .more{margin-left:auto}
.table-custom{margin:10px 0}
.table-custom thead{background-color:#f5f5f5}
.table-custom thead th{border-top:none;border-bottom:0;color:#666}
.table-custom tbody td{border-top:none;border-bottom:1px solid #e6e6e6}
.table-custom tbody td,.table-custom tbody th,.table-custom thead th{vertical-align:middle;height:50px}
.table-hover tbody>tr:hover{background-color:rgba(0,0,0,.01)}
.help-tip{font-size:20px;color:#999}
.help-tip:hover{color:#027dfe}
.table-log .label{width:70px;color:#027dfe}
.signtoday{background-color:transparent}
.day.active.needsigndays,.needsigndays{color:#fff!important;background-color:#ff6300!important}
.day.active.needsigndays:hover,.needsigndays:hover{background-color:#ff6300!important}
.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{color:#fff;background-color:#ff6300;border-color:#ff6300}
.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{color:#fff;background-color:#ff6300;border-color:#ff6300}
.pannel-qr-wrapper{margin:-20px;height:340px;background:url(../images/bubble-top.png),url(../images/bubble-bottom.png);background-size:100%;background-repeat:no-repeat;background-position:top left,bottom right}
.class-list-cover>.cell .text .title .pannel-qr-wrapper a,.pannel-qr-wrapper .class-list-cover>.cell .text .title a,.pannel-qr-wrapper .title{text-align:center;padding-top:40px;margin-bottom:20px;font-size:14px;color:#222;font-weight:400}
.page-loading,.pannel-qr-wrapper .img{text-align:center}
.page-loading{margin:10px;color:#999}
.page-loading img{width:20px}
.link-dark{color:#222}
.link-dark:hover{color:#027dfe}
.page-none{padding:20px 0;text-align:center;background-color:#fff;background:#fff;border:1px solid #e5e5e5;border-radius:2px}
.page-none img{width:170px;padding-top:20px}
.page-none .desc{color:#999;margin:20px 0;font-size:14px}
.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{border-right-color:rgba(255,96,0,.12)}
.tooltip-inner{background-color:rgba(255,96,0,.12);color:#027dfe}
.animation-live{width:16px;height:20px;display:inline-flex;justify-content:space-around;align-items:flex-end}
.animation-live>.item{width:2px;height:100%;background-color:currentColor;-webkit-animation:live linear .3s infinite alternate;animation:live linear .3s infinite alternate}
.animation-live>.item+.item,.tab-box .tab-live-box>ul li.nav-item{margin-left:0}
.animation-live>.item:nth-child(1){animation-delay:.02s}
.animation-live>.item:nth-child(2){animation-delay:.08s}
.animation-live>.item:nth-child(3){animation-delay:.4s}
.animation-live>.item:nth-child(4){animation-delay:.9s}
.animation-live>.item:nth-child(5){animation-delay:.7s}
.line-gray{color:#e6e6e6}
.grade-content{margin-bottom:20px}
.grade-content .global-inner{width:1200px;margin:0 auto;height:100%;}
.grade-content .grade-wrapper .aside-info .info-box .first-title .progress-tips p,.grade-content .hl-link{color:#222}
.grade-content .grade-wrapper{display:flex}
.grade-content .grade-wrapper .grade-detail{flex:1;display:flex;flex-direction:column}
.grade-content .grade-wrapper .grade-detail .grade-detail-top{background:#fff;border:1px solid #e5e5e5;border-radius:2px;height:218px;margin-bottom:20px;padding:20px;position:relative;background:#fff url(../images/class-bg.png) no-repeat right center;background-size:50%}
.grade-content .grade-wrapper .grade-detail .grade-detail-top>h3{color:#222;font-size:20px}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .tag-class-status{background:#fff;border-radius:2px;margin-left:10px;vertical-align:bottom}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .tag-class-start{border:1px solid #4b8aff;color:#4b8aff}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .tag-class-success{border:1px solid #1fac74;color:#1fac74}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .teacher{position:absolute;bottom:20px;left:20px;margin-bottom:0}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .name{margin-bottom:20px}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .study-time{margin-bottom:6px!important;line-height:19px;position:relative;color:#666}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .study-time .iconfont{font-size:18px}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .study-time .grade-time-tip-icon{position:relative;display:inline-block}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .study-time .grade-time-tip-icon .grade-time-tip{display:none;position:absolute;top:34px;left:-74px;width:300px;background:#fff;box-shadow:0 0 6px #e6e6e6;border:1px solid #e5e5e5;padding:20px;z-index:100}
.grade-content .grade-wrapper .aside-info .info-box .first-title .progress-tips::before,.grade-content .grade-wrapper .grade-detail .grade-detail-top .study-time .grade-time-tip-icon .grade-time-tip::before{content:'';width:0;height:0;display:inline-block;position:absolute;top:-18px;right:196px;border-width:10px;border-color:#fff #fff transparent transparent;border-style:solid;box-shadow:2px -2px 4px #e6e6e6;transform:rotate(-45deg) translateX(-14px)}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .study-time .grade-time-tip-icon .grade-time-tip p{color:#222;margin:0;line-height:1.5}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .report-btn{position:absolute;bottom:20px;right:20px}
.grade-content .grade-wrapper .grade-detail .grade-detail-bottom{background:#fff;border:1px solid #e5e5e5;border-radius:2px;min-height:0}
.grade-content .grade-wrapper .grade-detail .grade-detail-bottom .tab{display:flex;margin:0;padding:0}
.grade-content .grade-wrapper .grade-detail .grade-detail-bottom .tab .tab-item{flex:1;list-style-type:none;text-align:center;height:60px;line-height:60px;font-size:16px}
.grade-content .grade-wrapper .grade-detail .grade-detail-bottom .tab .tab-item a{display:inline-block;width:100%;height:100%;background:#fafafa;color:#666}
.grade-content .grade-wrapper .grade-detail .grade-detail-bottom .tab .active{color:#027dfe!important;border-top:2px solid #027dfe;background:#fff!important}
.grade-content .grade-wrapper .aside-info{width:360px;margin-left:20px}
.grade-content .grade-wrapper .aside-info .info-box{padding:20px;background:#fff;border:1px solid #e5e5e5;border-radius:2px}
.grade-content .grade-wrapper .aside-info .info-box .first-title{color:#666;margin-bottom:30px;line-height:20px;position:relative}
.grade-content .grade-wrapper .aside-info .info-box .first-title span{vertical-align:middle}
.grade-content .grade-wrapper .aside-info .info-box .first-title .icon-tip-box{display:inline-block}
.grade-content .grade-wrapper .aside-info .info-box .first-title .icon-tip-box:hover .progress-tips{display:block!important}
.grade-content .grade-wrapper .aside-info .info-box .first-title .iconfont{font-size:18px;margin-top:6px;vertical-align:middle;cursor:pointer}
.grade-content .grade-wrapper .aside-info .info-box .first-title .progress-tips{display:none;position:absolute;top:42px;left:-216px;width:500px;background:#fff;box-shadow:0 0 6px #e6e6e6;border:1px solid #e5e5e5;padding:20px}
.grade-content .grade-wrapper .aside-info .info-box .first-title .progress-tips p:last-child{margin-bottom:0;font-size:12px;color:#666}
.grade-content .grade-wrapper .aside-info .info-box .precent,.grade-content .grade-wrapper .aside-info .info-box>p .hl-font{color:#027dfe}
.grade-content .grade-wrapper .aside-info .info-box .precent .precent-number{font-size:40px;line-height:36px}
.grade-content .grade-wrapper .aside-info .info-box .precent-success{color:#1fac74}
.grade-content .grade-wrapper .aside-info .info-box .count .day-inline{margin-left:20px}
.grade-content .grade-wrapper .aside-info .info-box .count .iconfont{color:#4b8aff;margin-left:20px;font-size:20px;cursor:pointer}
.grade-content .grade-wrapper .aside-info .info-box>p{color:#222;font-size:14px;margin-bottom:20px}
.grade-content .grade-wrapper .aside-info .info-box>p .over-font,.tab-box .exam-box .exam-wrapper ul li .exam-label{color:#666}
.grade-content .grade-wrapper .aside-info .info-box>p .mg-left{margin-left:2px}
.grade-content .grade-wrapper .aside-info .info-box>p:last-child{margin-bottom:0}
.grade-content .grade-wrapper .aside-info .info-box .class-title{margin-bottom:8px}
.grade-content .grade-wrapper .aside-info .info-box .class-report{font-size:14px;color:#666}
.tab-box{width:100%;background:#fff}
.tab-box .offline-box,.tab-box .tab-live-box{padding:20px}
.tab-box .tab-live-box>ul>li{padding:0;width:50px;text-align:center}
.tab-box .tab-live-box .special-tab{padding-bottom:16px}
.tab-box .tab-live-box .special-tab .nav-item{width:100px}
.tab-box .tab-live-box .special-tab .nav-item .btn{width:80px;height:30px;font-size:14px}
.tab-box .tab-live-box .special-tab .nav-item::after{display:none}
.tab-box .tab-live-box .special-tab .nav-item .nav-link{padding:2px 10px}
.tab-box .tab-live-box .special-tab .nav-item .active{color:#fff;background-color:#666}
.tab-box .tab-live-box .special-tab .nav-item .active:after{content:'';width:0}
.class-list-cover>.cell .text .title .tab-box .live-wrapper .markdone-box>a,.tab-box .live-wrapper .class-list-cover>.cell .text .title .markdone-box>a,.tab-box .live-wrapper .markdone-box>.title{font-size:14px;color:#666;padding:10px 0}
.class-list-cover>.cell .text .title .tab-box .offline-box a,.tab-box .offline-box .class-list-cover>.cell .text .title a,.tab-box .offline-box .title{color:#666;font-size:14px;padding-bottom:10px;background-color:#fff}
.tab-box .live-wrapper .markdone-box .markdone,.tab-box .offline-box .markdone-box{width:776px;min-height:200px}
.tab-box .offline-box .markdone-box table tr td,.tab-box .offline-box .markdone-box table tr th{border:1px solid #666;text-align:center}
.tab-box .exam-box{padding:20px 80px;display:flex;justify-content:center;align-items:center}
.tab-box .exam-box .exam-bg{width:300px;height:228px;background:url(../images/mokao_bg.png) no-repeat left center;background-size:100%}
.tab-box .exam-box .exam-wrapper{flex:1;padding-left:40px;text-align:center}
.tab-box .exam-box .exam-wrapper ul{padding:0;margin:0 0 20px}
.tab-box .exam-box .exam-wrapper ul li{display:flex;justify-content:space-between;align-items:center;list-style-type:none;padding:15px 0;border-bottom:1px solid #e6e6e6}
.course-wrapper-detail .wrapper-content p.title,.tab-box .exam-box .exam-wrapper ul li span{font-size:14px;color:#222}
.exam-cover>.inner .box .cell .text i,.tab-box .exam-box .exam-wrapper ul li span .exam-useable{font-style:normal;color:#027dfe}
.tab-box .exam-box .exam-wrapper .test-btn{width:180px;height:34px}
.new-box .class-list-box{padding:0}
.old-box .class-list-cover{padding:20px}
.class-list-box{padding:20px;margin:0;width:100%}
.class-list-box .class-item{list-style-type:none;display:flex;flex-direction:row;height:90px;margin:20px 0}
.class-list-box .class-item .cover{width:160px;height:90px;background:#eee;border-radius:4px;position:relative;margin-right:20px}
.class-list-box .class-item .cover img{width:100%;height:90px;border-radius:4px}
.class-list-box .class-item .cover .tag{position:absolute;bottom:4px;right:4px;font-size:12px;background-color:rgba(0,0,0,.5);padding:2px 10px;color:#fff}
.class-list-box .class-item .class-detail{flex:1;display:flex;align-items:center;flex-direction:row;justify-content:space-around}
.class-list-box .class-item .class-detail .test-info{flex:1;position:relative;height:100%}
.class-list-box .class-item .class-detail .class-list-cover>.cell .text .title .test-info>a,.class-list-box .class-item .class-detail .test-info>.title,.class-list-cover>.cell .text .title .class-list-box .class-item .class-detail .test-info>a{display:block;font-size:16px;color:#222;margin-bottom:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:480px;cursor:pointer;text-decoration:none}
.class-list-box .class-item .class-detail .class-list-cover>.cell .text .title .test-info>a:hover,.class-list-box .class-item .class-detail .test-info>.title:hover,.class-list-cover>.cell .text .title .class-list-box .class-item .class-detail .test-info>a:hover,.course-diff .list-box>li:hover{color:#027dfe}
.class-list-box .class-item .class-detail .test-info>p{color:#666;font-size:14px;margin-bottom:20px}
.class-list-box .class-item .class-detail .test-info>p:last-child{margin:0}
.class-list-box .class-item .class-detail .test-info .animation-live{height:14px}
.class-list-box .class-item .class-detail .test-info .test-status{position:absolute;bottom:4px;left:0}
.class-list-box .class-item .class-detail .class-list-cover>.cell .text .title .no-hover>a,.class-list-box .class-item .class-detail .no-hover>.title,.class-list-cover>.cell .text .title .class-list-box .class-item .class-detail .no-hover>a{cursor:inherit;color:#666!important}
.class-list-box .class-item .class-detail .no-hover:hover .class-list-cover>.cell .text .title a,.class-list-box .class-item .class-detail .no-hover:hover .title,.class-list-cover>.cell .text .title .class-list-box .class-item .class-detail .no-hover:hover a{color:#666!important}
.class-list-box .class-item .class-detail .other-box{display:flex;flex-direction:column;justify-content:space-between;height:90px}
.class-list-box .class-item .class-detail .other-box a{color:#222;font-size:16px}
.class-list-box .class-item .class-detail .btn-box{width:110px;height:60px;text-align:right;line-height:60px}
.class-list-box .class-item .class-detail .btn-box .font-default,.class-list-box .class-item .class-detail .btn-box .icon-class_detail_end,.class-list-box .class-item .class-detail .btn-box .icon-class_detail_lock,.class-list-box .class-item .class-detail .btn-box .icon-class_detail_wait{color:#999;font-size:14px}
.class-list-box .class-item .class-detail .btn-box .test-btn{background-color:#ffefe5}
.class-list-box .class-item .class-detail .btn-box a:hover{background-color:#027dfe;color:#fff}
.fatherdiv{width:60px;height:60px;border-radius:50%;background:#eee;position:relative}
.fatherdiv .success-left{transform:rotate(360deg)}
.fatherdiv .success-left,.fatherdiv .success-right{border-color:#1fac74!important}
.fatherdiv .success-num{color:#1fac74}
.fatherdiv .success-num .iconfont{color:#1fac74;font-size:26px}
.fatherdiv .studing-left-30{transform:rotate(108deg)}
.fatherdiv .studing-left-60{transform:rotate(216deg)}
.fatherdiv .persentdiv{position:absolute;width:60px;height:60px;border-radius:50%;clip:rect(0,60px,60px,30px)}
.fatherdiv .persentdiv .persentleft{width:60px;height:60px;border:3px solid #4b8aff;clip:rect(0,30px,60px,0)}
.fatherdiv .num,.fatherdiv .persentdiv .persentleft,.fatherdiv .persentdiv .persentright{position:absolute;box-sizing:border-box;border-radius:50%}
.fatherdiv .persentdiv .persentright{width:60px;height:60px;border:3px solid #4b8aff;clip:rect(0,60px,60px,30px)}
.fatherdiv .persentdiv .wth0{width:0}
.fatherdiv .num{width:56px;height:56px;line-height:56px;text-align:center;font-size:20px;left:2px;top:2px;background-color:#fff;color:#4b8aff;z-index:1}
.fatherdiv .clip-auto{clip:rect(auto,auto,auto,auto)}
.course-diff .header,.course-diff .list-box>li{padding:10px 20px!important}
.class-list-cover>.cell .text .title .course-diff .header a,.course-diff .header .class-list-cover>.cell .text .title a,.course-diff .header .title{font-size:14px;color:#666;line-height:19px;font-weight:400!important}
.course-diff .list-box{font-size:14px;line-height:19px}
.course-diff .list-box .handle button.cover{width:80px}
.class-list-cover>.cell .text .title .course-diff .list-box .no-hover a,.course-diff .list-box .no-hover .class-list-cover>.cell .text .title a,.course-diff .list-box .no-hover .title{padding-left:0;font-size:14px}
.course-diff .list-box .not-play{cursor:auto!important}
.course-diff .list-box .not-play .handle{color:#999}
.course-diff .list-box .not-play:hover{color:#666;background:#fff}
.course-diff .list-box>li .video-title{padding-left:6px;font-size:14px}
.course-diff .list-box>li .status .circle,.sign-page{display:flex;flex-direction:column}
.course-diff .list-box>li .status .circle .status-up{width:12px;height:6px;border-radius:12px 12px 0 0;border:2px solid #e6e6e6}
.course-diff .list-box>li .status .circle .status-down{width:12px;height:6px;border-radius:0 0 12px 12px;background:#027dfe}
.special-card .cell{width:100%!important;position:relative}
.special-card .other{position:absolute;bottom:0;right:0}
.sign-page{width:100%;height:400px;justify-content:center;align-items:center}
.class-list-cover>.cell .text .title .sign-page a,.sign-page .class-list-cover>.cell .text .title a,.sign-page .title{font-size:16px;color:#222}
.class-list-cover>.cell .text .title .sign-page a .icon-wechat,.sign-page .class-list-cover>.cell .text .title a .icon-wechat,.sign-page .title .icon-wechat{color:#1fac74;font-size:20px}
.sign-page .sign-content{width:560px;height:300px;position:relative}
.sign-page .sign-content>img{width:560px;height:300px}
.sign-page .sign-content .img-code{width:180px;height:180px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-62%);text-align:center;line-height:180px}
.sign-page .sign-content .img-code img{width:calc(94%);height:calc(94%)}
.grade-detail-bottom .fade{display:none!important}
.grade-detail-bottom .show{display:block!important}
.font-style{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.seconde-child{width:120px}
.banner-side-all-title{color:#222!important}
.self-wrapper .swiper-slide-next{margin-left:0!important}
.self-wrapper .slide-box:last-child{margin-left:50px}
.xe-slider{height:360px!important}
.xe-slider .xe-slider-btn-next,.xe-slider .xe-slider-btn-prev{top:50%;transform:translateY(-40%)}
.xe-slider .swiper-button-next,.xe-slider .swiper-button-prev{height:50px}
.xe-slider .xe-slider-item .xe-slider-item-img img{width:1200px;height:360px!important}
.dropdown-style{background:#fff;border:0;outline:0;-webkit-appearance:inherit;-moz-appearance:inherit;-o-appearance:inherit;appearance:inherit}
.no-cssgrid .org-list{display:flex!important;flex-wrap:wrap;align-items:center;flex-direction:row;justify-content:flex-start}
.no-cssgrid .org-list .cell{width:23%;margin-right:2.6%;margin-bottom:20px}
.no-cssgrid .org-list .cell:nth-child(12),.no-cssgrid .org-list .cell:nth-child(16),.no-cssgrid .org-list .cell:nth-child(4),.no-cssgrid .org-list .cell:nth-child(8){margin-right:0}
.no-cssgrid .course-category-content .hot-item,.no-cssgrid .hot-list .hot-item,.no-flexbox .course-category-content .hot-item,.no-flexbox .hot-list .hot-item{display:inline-block}
.no-cssgrid .course-category-content .hot-item .item-img,.no-cssgrid .hot-list .hot-item .item-img,.no-flexbox .course-category-content .hot-item .item-img,.no-flexbox .hot-list .hot-item .item-img{width:230px;border-radius:4px}
.no-cssgrid .first-style__right .first-class-content,.no-flexbox .first-style__right .first-class-content{width:90%}
.no-cssgrid .first-style__right .first-class-content .first-class-title,.no-flexbox .first-style__right .first-class-content .first-class-title{width:70%;display:inline-block}
.no-cssgrid .course-card .cell,.no-cssgrid .special-card .cell{display:inline-block;margin-right:6px;margin-bottom:10px}
.no-cssgrid .special-card .cell{width:280px!important;margin-right:20px}
.no-cssgrid .special-card .cell:nth-child(4),.no-cssgrid .special-card .cell:nth-child(8){margin-right:0}
.no-cssgrid .special-card .cell .cover{float:left}
.no-cssgrid .special-card .cell .info{height:170px;display:flex;padding:10px;flex-direction:column}
.no-cssgrid .special-card .cell .info .title,.no-cssgrid .special-card .class-list-cover>.cell .info .text .title a,.no-cssgrid .special-card .class-list-cover>.cell .text .title .info a{text-overflow:inherit!important;white-space:inherit!important}
.no-cssgrid .special-card .cell .info .other{width:100%}
.no-cssgrid .course-card-vertical .cell{margin-right:60px;margin-bottom:20px}
.no-cssgrid .course-card-vertical .cell:last-child{margin-right:0}
.course-wrapper-detail{background:#fff;border:1px solid #e5e5e5;border-radius:2px;width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column}
.course-wrapper-detail .wrapper-top{width:100%;border-bottom:1px solid #e6e6e6;position:relative;padding-bottom:20px}
.course-wrapper-detail .wrapper-top p{text-align:center;font-size:16px;color:#666}
.course-wrapper-detail .wrapper-top a{position:absolute;bottom:20px;right:0;font-size:12px;padding:2px 10px}
.course-wrapper-detail .wrapper-content{margin-top:20px}
.course-wrapper-detail .wrapper-content p.title::before,.mark::before{content:"|";color:#027dfe;width:3px;background:#027dfe;margin-right:6px}
.course-wrapper-detail .wrapper-content .edit-box{width:calc(100%);min-height:200px;background:#e6e6e6}
.course-wrapper-detail .wrapper-content .edit-box img{width:calc(100%)}
.individual-wrapper{padding:0}
.mark{background:#fff}
.mark::before{height:100%}
.fix-block{position:fixed;top:50%;right:0;transform:translateY(-50%);display:flex;justify-content:center;align-items:flex-start}
.fix-block .fix-left{text-align:center;padding:10px;background:#fff;border:1px solid #e6e6e6;width:212px;height:212px}
.fix-block .fix-left:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}
.fix-block .fix-left p{font-size:14px;margin-bottom:0}
.fix-block .fix-left p i{font-size:22px;color:#2ab178;margin-right:6px}
.fix-block .fix-left p.fix-subtitle{color:#666;padding:0 10px;white-space:nowrap}
.fix-block .fix-left .code-img{margin-top:10px;text-align:center}
.fix-block .fix-left .code-img img{width:120px;height:120px}
.fix-block .fix-right{background:#fff;border:1px solid #e6e6e6;flex-basis:76px;width:76px;height:272px}
.fix-block .fix-right ul{padding:0 8px;margin:0;display:flex;flex-direction:column;height:100%}
.fix-block .fix-right ul li{flex:1;list-style-type:none;border-bottom:2px solid #ddd;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}
.fix-block .fix-right ul li:last-child,.valid-profile ul .row:last-child{border-bottom:0}
.fix-block .fix-right ul li p{text-align:center;margin-bottom:0;font-size:14px;color:#666;line-height:1.2}
.fix-block .fix-right ul li p i{color:#666;font-size:34px}
.fix-block .fix-right ul .active p,.fix-block .fix-right ul .active p i{color:#027dfe}
.banner-side-all-wrap .banner-side-all-box{height:360px}
.banner-side-all-wrap .banner-side-all-box .first-side{display:flex;flex-direction:column;flex-wrap:wrap}
.course-category-content .hot-item{height:auto!important;margin:0 12px 10px 0}
.course-category-content .hot-item:nth-child(5n+5){margin-right:0!important}
.course-category-content .hot-item:hover{color:#027dfe}
.course-category-content .item-footer{position:relative;margin-bottom:7px;height:84px!important}
.course-category-content .item-footer .meta-box,.index-wrapper .normal-goods-list .hot-list .hot-item .item-footer .meta-box{position:absolute;bottom:4px;left:12px;width:90%;display:flex;justify-content:space-between;align-items:center}
.course-category-content .item-footer .meta-box .item-tips,.index-wrapper .normal-goods-list .hot-list .hot-item .item-footer .meta-box .item-tips{margin:8px 0}
.course-category-content .item-footer .meta-box .item-market .item-market-free,.index-wrapper .normal-goods-list .hot-list .hot-item .item-footer .meta-box .item-market .item-market-free{font-size:14px!important;color:#027dfe}
.index-wrapper{margin-bottom:10px;margin-top: 30px;}
.index-wrapper .normal-goods-list .hot-list .hot-item{width:23%;float:left;height:240px!important;margin:0 30px 25px 0!important;overflow:hidden;}
.index-wrapper .normal-goods-list .hot-list .hot-item:nth-child(4n+4){margin-right:0!important}
.index-wrapper .normal-goods-list .hot-list .hot-item:hover{color:#027dfe}
.index-wrapper .normal-goods-list .hot-list .hot-item .item-footer{height:84px;margin-bottom:7px;position:relative}
.adjust-btn{line-height:28px}
.exam-cover,.exam-cover>.inner{display:flex;justify-content:center}
.exam-cover{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#f5f5f5;align-items:center}
.exam-cover>.inner{width:900px;height:500px;background:#fff;box-shadow:0 3px 14px 0 rgba(0,0,0,.14)}
.exam-cover>.inner .grade-result{height:120px;text-align:center;position:relative}
.exam-cover>.inner .grade-result img{height:100%}
.exam-cover>.inner .grade-result .grade-precent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}
.exam-cover>.inner .grade-result .grade-precent span{font-size:40px}
.exam-cover>.inner .grade-text{margin:10px 0;font-size:16px;color:#222;text-align:center}
.exam-cover>.inner .poster{background-color:#edf4ff}
.exam-cover>.inner .poster img{width:calc(70%)}
.exam-cover>.inner .box,.exam-cover>.inner .poster{flex:1;display:flex;justify-content:center;align-items:center}
.exam-cover>.inner .box .grade-wrapper{width:60%!important}
.exam-cover>.inner .box>.inner{width:60%}
.class-list-cover>.cell .text .title .exam-cover>.inner .box a,.exam-cover>.inner .box .class-list-cover>.cell .text .title a,.exam-cover>.inner .box .title{text-align:center;color:#666;font-size:18px;margin:20px auto 30px;white-space:nowrap}
.exam-cover>.inner .box .cell{display:flex;border-bottom:1px solid #e6e6e6;color:#666;padding:10px 0 12px}
.exam-cover>.inner .box .cell span{font-size:14px;line-height:21px}
.exam-cover>.inner .box .cell .text{margin-left:auto;color:#222}
.exam-cover>.inner .box .handle{margin-top:60px}
.exam-cover>.inner .box .handle .buttons-wrapper{display:flex}
.exam-cover>.inner .box .handle .buttons-wrapper .btn{flex:1;height:36px;line-height:1;}
.exam-cover>.inner .box .handle .buttons-wrapper .btn+.btn{margin-left:20px;padding:5px 15px 6px!important}
.exam-cover>.inner .box .handle .buttons-wrapper a{line-height:26px;color:#027dfe}
.exam-cover>.inner .box .grade-btn-box{margin-top:40px}
.exam-cover>.inner .box .grade-btn-box .buttons-wrapper{display:flex;justify-content:space-between}
.exam-cover>.inner .box .grade-btn-box .buttons-wrapper .btn{width:100px;height:36px;padding:5px 15px 6px!important}
.exam-cover>.inner .box .grade-btn-box .buttons-wrapper a{line-height:24px!important;color:#027dfe}
.exam-cover>.inner .box .grade-btn-box .buttons-wrapper a:hover{color:#fff}
.my-profile{width:50%;margin:60px auto}
.my-profile .row{height:70px}
.my-profile .row.btn-wrapper-row{margin-top:20px}
.my-profile .row .col-3{text-align:right;color:#666}
.my-profile .row .col-3 span{display:inline-block;padding-top:2px}
.my-profile .row .col-9 input{height:38px!important}
.my-profile .row .col-9 .code{display:flex}
.my-profile .row .col-9 .code .form-control,.my-profile .row .col-9 .code div{flex:1}
.my-profile .row .col-9 .code .btn{flex-basis:140px;margin-left:10px}
.my-profile .row .col-9 .code .btn .time{font-size:14px}
.my-profile .row .col-9 .buttons-wrapper .btn{width:120px;margin-right:40px}
.my-profile .row .col-9 .buttons-wrapper .btn:last-child{margin-right:0}
.class-list-cover>.cell .text .title .other-class-update a,.other-class-update .class-list-cover>.cell .text .title a,.other-class-update .title{margin-bottom:0!important}
.other-class-update .desc{margin-top:-6px}
.other-class-update .text-more{bottom:5px}
.valid-profile{width:400px;margin:60px auto}
.valid-profile ul{width:100%;padding:0;margin:0;overflow:hidden}
.valid-profile ul .row{padding:20px 0!important;border-bottom:1px solid #e6e6e6}
.valid-profile ul .row .col-3{text-align:right;font-size:14px;color:#666}
.valid-profile ul .row .col-9{text-align:right}
.valid-profile ul .row .col-9 img{width:123px;height:164px}
.special-nav-custom li{padding:6px 0 0!important}
.custom-control-label{margin-top:1px}
.mark-tip{display:inline-block;width:4px;height:22px;background:#027dfe;color:#027dfe;margin-right:10px;border-radius:2px;vertical-align:middle;margin-top:-2px!important}
.btn-outline-primary,.btn-primary{line-height:25px}
.modal.modal-static .modal-dialog{transform:none}
.banner,.banner-side{height:360px!important}
.clear-default::-ms-clear{display:none!important}
#text__resolve-main{display:flex;flex-direction:column;justify-content:center}
.swiper-box{margin-bottom:30px}
.first-style-container .first-class-content .first-class-title:hover,.search-index .search-pinyin .pinyin-index li.active,.search-index .search-pinyin .pinyin-index li:hover,.second-style-container .second-class-content .second-class-title:hover{color:#027dfe}
.no-check{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none!important}
.other-category{display:grid;grid-template-columns:repeat(3,1fr)}
.no-border{border:0!important}
.search-index{background-color:#fff}
.search-index .banner{display:flex;justify-content:center;align-items:center;background:url(../images/search-bg.png) no-repeat;background-size:100% 100%;height:176px!important}
.search-index .banner .title{font-size:24px;font-weight:700;text-align:center;margin-bottom:20px}
.search-index .banner .search-wrapper{width:400px;display:flex;align-items:center}
.search-index .banner .search-wrapper .form-control{border:1px solid #ffcbb3;height:40px;border-radius:4px 0 0 4px}
.search-index .banner .search-wrapper .btn{height:40px;width:160px}
.search-index .search-pinyin .title{border-bottom:1px solid #e6e6e6;font-size:14px;padding:15px 20px}
.search-index .search-pinyin .pinyin-index{display:flex;list-style-type:none;align-items:center;margin:0;padding:0 10px}
.search-index .search-pinyin .pinyin-index li{padding:10px 10px 5px;position:relative;cursor:pointer}
.search-index .search-pinyin .pinyin-index li.active:after{content:"";position:absolute;bottom:0;width:10px;height:2px;background-color:#027dfe;left:50%;transform:translateX(-50%)}
.search-index .search-pinyin .search-list{list-style-type:none;padding:20px;min-height:300px;margin:0}
.search-index .search-pinyin .search-list>li.item{display:inline-block;background-color:#f5f5f5;font-size:14px;color:#666;margin-right:15px;margin-bottom:15px}
.search-index .search-pinyin .search-list>li.item.active{color:#027dfe;background-color:#fff1eb}
.search-index .search-pinyin .search-list>li.item:hover{background-color:#fff5f0}
.search-index .search-pinyin .search-list>li.item a{padding:6px 20px;display:block;color:inherit}
.filter-status .label{margin-right:10px}
.search-result-list{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.search-result-list .cell{position:relative;background-color:#fff;box-shadow:0 0 10px #e6e6e6;transition:transform .3s ease-in-out}
.search-result-list .cell:hover{transform:translate3d(0,-10px,0);box-shadow:0 3px 10px 0 #e6e6e6}
.search-result-list .cell .cover img{width:100%;height:100%}
.search-result-list .cell .info{padding:10px}
.search-result-list .cell .info a{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#222;font-size:14px}
.qa-wrapper{background-color:#fff}
.qa-wrapper .header{padding:20px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center}
.qa-wrapper .header .title{margin:0;font-size:20px;font-weight:700}
.qa-wrapper .header .more{margin-left:auto}
.qa-wrapper .body{padding:20px}
.qa-wrapper .body .question-add{margin-bottom:20px}
.qa-wrapper .body .question-add .handle{text-align:right;margin-bottom:10px}
.qa-wrapper .body .qa-list .cell .info .meta .more .time,.qa-wrapper .body .question-add .handle .text-gray{color:#999}
.qa-wrapper .body .question-add .handle a{margin-left:20px}
.qa-wrapper .body .qa-list .cell{display:flex}
.qa-wrapper .body .qa-list .cell+.cell{border-top:1px solid #e5e5e5;margin-top:20px;padding-top:20px}
.qa-wrapper .body .qa-list .cell .avatar{margin-right:20px;width:60px;height:60px;overflow:hidden;border-radius:50%}
.qa-wrapper .body .qa-list .cell .info{flex:1;min-width:0}
.qa-wrapper .body .qa-list .cell .info .meta{display:flex;align-items:center;margin-bottom:10px}
.qa-wrapper .body .qa-list .cell .info .meta .name{font-weight:700}
.qa-wrapper .body .qa-list .cell .info .meta .tag{margin-left:10px;font-weight:400}
.qa-wrapper .body .qa-list .cell .info .meta .more{margin-left:auto}
.qa-wrapper .body .qa-list .cell .info .meta .more .edit{margin-left:10px}
.qa-wrapper .body .qa-list .cell .info .q-text{margin-bottom:10px}
.qa-wrapper .body .qa-list .cell .info .a-info{background-color:#f5f5f5;padding:10px 20px}
.wyxw{width: 150px!important; padding: 8px 10px!important; min-width: 100px; margin-left: 20px;}
.wyxw2{width: 180px!important; padding: 8px 10px!important; min-width: 200px; margin-left: 20px;background:#4b8aff!important;}

/*新闻列表页分页*/
.pagination{margin: 20px 0!important;text-align: center;display: bolck!important;display: flex;height: 60px;}
.pagination .disabled{font-size: 16px;background: #ddd;width: 30px;height: 30px;text-align: center;border-radius: 5px;line-height: 1.8;float: none;margin-bottom: 5px;border: 0;padding-bottom: 5px;}
.pagination li{border-radius: 5px;border: 1px solid #ddd;font-size: 16px;display: inline-block;width: 30px;height: 30px;color: #fff;background: #ffffff;line-height: 1.6;margin: 0 5px;text-align: center;float: none;padding-bottom: 5px;}
.pagination .active{text-align: center;border: 1px solid #027dfe;border-radius: 5px;font-size: 16px;display: inline-block;width: 30px;height: 30px;color: #fff;background: #027dfe;line-height: 1.6;margin: 0 5px;float: none;padding-bottom: 5px;}
.pagination li span{float: none;color: #555;}
.pagination li a{float: none;color:#000;}
.pagination .active span{float: none;color: #fff;}


/* ipad横屏 */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
/* 
一排3个 width:31.5%;margin-right:20px;
一排4个 width:24%;margin-right:10px;
*/	
}
/* ipad竖屏 */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){}


/*移动端*/
@media (max-width:768px){
/*课程体系*/
.grade-content{margin-bottom:20px!important;width:96%;margin:0 auto;box-sizing: border-box;}
.grade-content .global-inner{width:100%!important;max-width:576px!important;margin:0 auto;height:100%;}
.grade-content .grade-wrapper .aside-info .info-box .first-title .progress-tips p,.grade-content .hl-link{color:#222}
.grade-content .grade-wrapper{display:flex}
.grade-content .grade-wrapper .grade-detail{flex:1;display:flex;flex-direction:column}
.grade-content .grade-wrapper .grade-detail .grade-detail-top{background:#fff;border:1px solid #e5e5e5;border-radius:2px;height:218px;margin-bottom:20px;padding:20px;position:relative;background:#fff url(../images/class-bg.png) no-repeat right center;background-size:50%}
.grade-content .grade-wrapper .grade-detail .grade-detail-top>h3{color:#222;font-size:20px}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .tag-class-status{background:#fff;border-radius:2px;margin-left:10px;vertical-align:bottom}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .tag-class-start{border:1px solid #4b8aff;color:#4b8aff}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .tag-class-success{border:1px solid #1fac74;color:#1fac74}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .teacher{position:absolute;bottom:20px;left:20px;margin-bottom:0}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .name{margin-bottom:20px}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .study-time{margin-bottom:6px!important;line-height:19px;position:relative;color:#666}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .study-time .iconfont{font-size:18px}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .study-time .grade-time-tip-icon{position:relative;display:inline-block}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .study-time .grade-time-tip-icon .grade-time-tip{display:none;position:absolute;top:34px;left:-74px;width:300px;background:#fff;box-shadow:0 0 6px #e6e6e6;border:1px solid #e5e5e5;padding:20px;z-index:100}
.grade-content .grade-wrapper .aside-info .info-box .first-title .progress-tips::before,.grade-content .grade-wrapper .grade-detail .grade-detail-top .study-time .grade-time-tip-icon .grade-time-tip::before{content:'';width:0;height:0;display:inline-block;position:absolute;top:-18px;right:196px;border-width:10px;border-color:#fff #fff transparent transparent;border-style:solid;box-shadow:2px -2px 4px #e6e6e6;transform:rotate(-45deg) translateX(-14px)}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .study-time .grade-time-tip-icon .grade-time-tip p{color:#222;margin:0;line-height:1.5}
.grade-content .grade-wrapper .grade-detail .grade-detail-top .report-btn{position:absolute;bottom:20px;right:20px}
.grade-content .grade-wrapper .grade-detail .grade-detail-bottom{background:#fff;border:1px solid #e5e5e5;border-radius:2px;min-height:0}
.grade-content .grade-wrapper .grade-detail .grade-detail-bottom .tab{display:flex;margin:0;padding:0}
.grade-content .grade-wrapper .grade-detail .grade-detail-bottom .tab .tab-item{flex:1;list-style-type:none;text-align:center;height:60px;line-height:60px;font-size:16px}
.grade-content .grade-wrapper .grade-detail .grade-detail-bottom .tab .tab-item a{display:inline-block;width:100%;height:100%;background:#fafafa;color:#666}
.grade-content .grade-wrapper .grade-detail .grade-detail-bottom .tab .active{color:#027dfe!important;border-top:2px solid #027dfe;background:#fff!important}
.grade-content .grade-wrapper .aside-info{width:360px;margin-left:20px}
.grade-content .grade-wrapper .aside-info .info-box{padding:20px;background:#fff;border:1px solid #e5e5e5;border-radius:2px}
.grade-content .grade-wrapper .aside-info .info-box .first-title{color:#666;margin-bottom:30px;line-height:20px;position:relative}
.grade-content .grade-wrapper .aside-info .info-box .first-title span{vertical-align:middle}
.grade-content .grade-wrapper .aside-info .info-box .first-title .icon-tip-box{display:inline-block}
.grade-content .grade-wrapper .aside-info .info-box .first-title .icon-tip-box:hover .progress-tips{display:block!important}
.grade-content .grade-wrapper .aside-info .info-box .first-title .iconfont{font-size:18px;margin-top:6px;vertical-align:middle;cursor:pointer}
.grade-content .grade-wrapper .aside-info .info-box .first-title .progress-tips{display:none;position:absolute;top:42px;left:-216px;width:500px;background:#fff;box-shadow:0 0 6px #e6e6e6;border:1px solid #e5e5e5;padding:20px}
.grade-content .grade-wrapper .aside-info .info-box .first-title .progress-tips p:last-child{margin-bottom:0;font-size:12px;color:#666}
.grade-content .grade-wrapper .aside-info .info-box .precent,.grade-content .grade-wrapper .aside-info .info-box>p .hl-font{color:#027dfe}
.grade-content .grade-wrapper .aside-info .info-box .precent .precent-number{font-size:40px;line-height:36px}
.grade-content .grade-wrapper .aside-info .info-box .precent-success{color:#1fac74}
.grade-content .grade-wrapper .aside-info .info-box .count .day-inline{margin-left:20px}
.grade-content .grade-wrapper .aside-info .info-box .count .iconfont{color:#4b8aff;margin-left:20px;font-size:20px;cursor:pointer}
.grade-content .grade-wrapper .aside-info .info-box>p{color:#222;font-size:14px;margin-bottom:20px}
.grade-content .grade-wrapper .aside-info .info-box>p .over-font,.tab-box .exam-box .exam-wrapper ul li .exam-label{color:#666}
.grade-content .grade-wrapper .aside-info .info-box>p .mg-left{margin-left:2px}
.grade-content .grade-wrapper .aside-info .info-box>p:last-child{margin-bottom:0}
.grade-content .grade-wrapper .aside-info .info-box .class-title{margin-bottom:8px}
.grade-content .grade-wrapper .aside-info .info-box .class-report{font-size:14px;color:#666}
.course-card .cell .info .other .tags{font-size: 14px;display: flex;height: 18px;line-height: 18px;width: 40%;}

.main-nav{width:100%;margin:0 auto;display:flex;justify-content:space-around;align-items:center;height:56px}
.main-nav ul{padding:0;flex:1;list-style-type:none;display:flex;margin-bottom:0}
.main-nav ul li{color:#fff;font-size:18px;font-weight:700;position:relative}
.main-nav ul li.active{color:#ff9800;font-weight:700}
.main-nav ul li.active:after{position:absolute;content:"";width:100%;height:2px;background-color:#027dfe;transform:translateY(-100%)}
.main-nav .info-container .links a:hover,.main-nav ul li:hover{color:#ff9800}
.main-nav ul li+li{margin-left:30px}
.main-nav ul li a{font:inherit;color:inherit;display:block;line-height:56px;text-decoration:none}
.main-nav .info-container::after{content:"";clear:both;overflow:hidden}
.main-nav .info-container .links{float:left;font-size:16px;margin-top:-1px}
.main-nav .info-container .links .iconfont{font-size:18px}
.main-nav .info-container .links .origin-link{color:#fff!important}
.main-nav .info-container .links a{color:#fff}
.main-nav .info-container .links a:last-child{margin-left:15px}
.main-nav .info-container .nav-userinfo{float:left;display:flex;flex-direction:row;width:20%;margin-left:20px}
.main-nav .info-container .nav-userinfo .dropdown .btn{padding:0!important}
.main-nav .info-container .nav-userinfo .dropdown .dropdown-toggle{color:#222;text-decoration:none;font-size:16px}
.main-nav .info-container .nav-userinfo .dropdown .dropdown-toggle .iconfont,.my-wrapper .content>.inner ul li.self-phone .self-phone_right a .iconfont{margin-right:4px}
.main-nav .info-container .nav-userinfo .dropdown .dropdown-toggle .user-name{display:inline-block;max-width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle}
.course-intro{text-align:justify}
.course-intro img{max-width:100%;border-radius:4px}
.course-intro p,.modal-dialog.modal-login .tab-content #home p{line-height:2}
.course-info{background:#fff;border-radius:2px;padding:20px;border:0;background-size:328px}
.course-info .photo{width:100%;margin-right:25px;position:relative;border-radius:4px;box-shadow:0 0 4px #e6e6e6;overflow:hidden}
.course-info .photo .tag{position:absolute;bottom:4px;right:4px;font-size:14px;background-color:rgba(0,0,0,.5);padding:2px 10px;color:#fff}
.course-info .photo img{width:100%;height:auto;border-radius:4px;transition:all .3s}
.course-info .photo:hover img,.course-list .cell:hover .photo img{transform:scale(1.1);border-radius:4px}
.course-info .info{display:inline-block;min-height:60px;padding:15px 0;width:100%;height:auto;}
.class-list-cover>.cell .text .title .course-info .info a,.course-info .info .class-list-cover>.cell .text .title a,.course-info .info .title{display:flex;align-items:center;font-size:16px;font-weight:bold;color:#222;margin-bottom:10px}
.class-list-cover>.cell .text .title .course-info .info a .tag,.course-info .info .class-list-cover>.cell .text .title a .tag,.course-info .info .title .tag{margin-left:10px;font-size:14px}
.course-info .info .desc{font-size:14px;color:#666}
.course-info .info .meta p{padding:0;color:#666;font-size:16px;margin-bottom:10px}
.course-info .info .meta .speaker{margin-bottom:8px}
.course-info .info .meta .learn-time{margin-bottom:12px}
.course-info .info .handle{margin-top:auto;display:flex;align-items:center}
.course-info .info .handle .tag{font-size:16px;padding:3px 20px;margin-right:10px}
.course-info .info .handle .progress-info{flex:1;display:flex;align-items:center;padding-right:120px}
.course-info .info .handle .progress-info .progress{height:4px;flex:1;margin:0 20px}
.course-info .info .handle .progress-info .label{color:#999}
.course-info .info .handle .try-free .btn{min-width:82px;font-size:14px;height:34px;align-self:flex}
.course-info .info .handle .more{margin-left:auto;display:flex;align-items:flex-end}
.course-info .info .handle .more .time{font-size:16px;color:#666;margin-bottom:-5px;margin-right:10px}
.course-info .info .handle .more .text{color:#027dfe;margin-right:20px;margin-top:12px}
.course-info .info .handle .more .price{font-size:28px;font-weight:700;color:#ff6917;margin-bottom:0;margin-right:40px;line-height:1}
.course-info .info .handle .more .btn-lg{font-size:16px}
.course-info .info .handle .btn{min-width:160px;height:40px}
.course-info,.course-wrapper{width:100%;display:inline-block;margin-bottom:20px}
.tab-content{height:auto;min-height:150px;font-size:14px;line-height:1.6;word-break:break-all;}
.course-menu{height:auto;min-height:500px;font-size:14px;line-height:1.6;word-break:break-all;}
.course-wrapper>.course-detail{width:100%;min-height:300px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;border-radius:2px;flex:1;background-color:#fff;padding:10px;height: 40px;line-height: 1.6;font-size: 16px;}
.course-wrapper>.course-detail .nav-custom li{padding-bottom:0}
.course-wrapper>.course-detail .nav_bottom{margin-bottom:20px!important}
.course-wrapper>.aside-info{width:300px;margin-left:20px}
.nav-custom{border-bottom:1px solid #e6e6e6}
.nav-custom .nav-item+.nav-item{margin-left:40px}
.nav-custom .nav-link{padding:5px 0 10px;color:#666;font-size:16px;font-weight:400!important;position:relative}
.nav-custom .nav-link.active{color:#027dfe;font-weight:700}
.nav-custom .nav-link.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#027dfe}
.course-filter,.course-filter-header,.side-box{background:#fff;border:1px solid #e5e5e5;border-radius:2px;margin-bottom:20px}
.side-box>.head{border-bottom:1px solid #e5e5e5;padding:15px 0;margin:0 20px}
.side-box>.head .iconfont{font-weight:700}
.class-list-cover>.cell .text .title .side-box>.head a,.side-box>.head .class-list-cover>.cell .text .title a,.side-box>.head .title{font-size:16px;color:#666}
.side-box>.content{padding:20px;color:#666}
.teacher-info>.cell{flex-direction:row;align-items:center}
.teacher-info>.cell .cover{flex:1}
.teacher-info>.cell img{border-radius:50%;margin-right:10px;box-shadow:0 0 4px #e6e6e6}
.teacher-info>.cell .text{flex:3;display:block;color:#666;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.teacher-info>.cell+.cell{margin-top:30px}
.course-filter .cell .list li a:hover,.course-list .cell:hover .info .name,.course-menu>ul>li>ul>li:hover .handle,.teacher-info>.cell:hover .text{color:#027dfe}
.course-list .cell,.course-menu>ul>li>ul>li,.teacher-info>.cell{display:flex;position:relative}
.course-list .cell+.cell{margin-top:20px}
.course-list .cell .photo{overflow:hidden;flex-basis:120px;height:68px;border-radius:4px;box-shadow:0 0 4px #e6e6e6}
.course-list .cell .photo img{width:120px;height:68px;transition:all .3s;border-radius:4px}
.course-list .cell .info{display:flex;flex-direction:column;margin-left:10px;flex:1}
.course-list .cell .info .name{margin-bottom:0;color:#222;text-decoration:none}
.course-list .cell .info .price{margin-top:auto;margin-bottom:0;color:#ff6917}
.course-menu .handle{color:#999;display:flex;align-items:center}
.course-menu .handle .btn{padding-top:0;padding-bottom:0;font-size:12px}
.course-menu .handle .cover{margin-right:-80px;padding:0 10px;background-color:#fff;z-index:2;visibility:hidden}
.course-menu .handle .time{width:60px;text-align:right;margin-right:5px}
.course-menu .handle .type{line-height:1}
.course-menu .status{width:20px;display:flex;align-items:center}
.app-player .menu-wrapper .menu>.list .cell .status>span,.course-menu .status>span{border-radius:50%;width:12px;height:12px;display:block;text-align:center;line-height:12px}
.course-menu .status .status-done{background-color:#027dfe;color:#fff;line-height:12px;text-align:center}
.course-menu .status .status-done .status-success-icon{width:12px;height:12px;display:inline-block;background:url(../images/class_detail_study_done.png) no-repeat center;background-size:8px}
.course-menu .status .status-ing{background-color:#4b8aff}
.course-menu .status .status-unread{border:2px solid #d9dde1;background-color:#fff;border-radius:50%}
.course-menu .status .status-video{background:#027dfe}
.course-menu .no-hover{background:#fff!important;color:#666}
.class-list-cover>.cell .text .title .course-menu .no-hover:hover a,.course-menu .no-hover:hover .class-list-cover>.cell .text .title a,.course-menu .no-hover:hover .title{color:#666}
.course-menu>ul,.course-menu>ul>li>ul{padding:0;list-style-type:none}
.course-menu>ul>li{position:relative}
.course-menu>ul>li>.header{background-color:#f1f1f5;padding:10px 20px 10px 10px;display:flex;align-items:center}
.class-list-cover>.cell .text .title .course-menu>ul>li>.header a,.course-menu>ul>li>.header .class-list-cover>.cell .text .title a,.course-menu>ul>li>.header .title{flex:1;font-size:14px;font-weight:700;color:#666;}
.course-menu .no-hover:hover .handle .time,.course-menu .no-hover:hover .handle .type,.course-menu>ul>li>.header .meta-total{color:#999}
.course-menu>ul>li>.header .meta-time{color:#999;margin-left:20px}
.course-menu>ul>li>ul{margin-left:0}
.course-menu>ul>li>ul>li{width:100%;padding:10px 20px 10px 10px}
.course-menu>ul>li>ul>li:hover{background-color:#f3f3f3}
.course-menu>ul>li>ul>li:hover .cover{visibility:visible;background-color:#027dfe}
.class-list-cover>.cell .text .title .course-menu>ul>li>ul>li a,.course-menu>ul>li>ul>li .class-list-cover>.cell .text .title a,.course-menu>ul>li>ul>li .title{flex:1;padding-left:1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:360px}
.class-list-cover>.cell .text .title .course-menu>ul>li>ul>li a .meta-time,.course-menu>ul>li>ul>li .class-list-cover>.cell .text .title a .meta-time,.course-menu>ul>li>ul>li .title .meta-time{color:#999;margin-left:10px}
.course-menu>ul>li>ul>li+li{border-top:1px solid #efefef}
.course-filter,.course-filter-header,.course-menu>ul>li{background-color:#fff;width:100%;}
.course-info .btn-primary{color: #fff; background-color: #007bff; border-color: #007bff; float: none!important; margin: 20px 0; width: 100%!important; text-align: center; display: block;line-height: 1.6;font-size: 16px;}
.course-diff .header, .course-diff .list-box>li{padding:10px!important;}
.course-filter-header{display:flex;align-items:center;padding:15px 20px}
.class-list-cover>.cell .text .title .course-filter-header a,.course-filter-header .class-list-cover>.cell .text .title a,.course-filter-header .title{font-size:14px;margin-bottom:0;display:flex;align-items:center}
.class-list-cover>.cell .text .title .course-filter-header a .label,.course-filter-header .class-list-cover>.cell .text .title a .label,.course-filter-header .title .label{font-size:inherit;margin-bottom:0;margin-right:5px;color:#666}
.class-list-cover>.cell .text .title .course-filter-header a .label:after,.course-filter-header .class-list-cover>.cell .text .title a .label:after,.course-filter-header .title .label:after{content:">"}
.course-filter-header .more{margin-left:auto;color:#999}
.course-filter-header .more .number{color:#4b8aff}
.course-filter{padding:10px;width:90%;margin:0 auto;}
.course-filter .cell{display:inline-block;position:relative;width:100%;}
.course-filter .cell .input-more{display:none}
.course-filter .cell .cell-more input:checked+.icon-arrow-down,.course-filter .cell .input-more:checked~.cell-more .icon-arrow-down{display:none}
.course-filter .cell .cell-more input:checked+.icon-arrow-up,.course-filter .cell .input-more:checked~.cell-more .icon-arrow-up{display:block}
.course-filter .cell .input-more:checked~.list{max-height:unset!important}
.course-filter .cell .cell-more{width:16px;height:16px;background-color:#027dfe;position:absolute;color:#fff;line-height:16px;top:20px;right:0;text-align:center}
.course-filter .cell .cell-more:hover{background-color:#cc4d00;cursor:pointer}
.course-filter .cell+.cell{margin-top:5px;}
.course-filter .cell+.cell+.cell{margin-top:5px;display:none;}
.course-filter .cell+.cell .filter-all,.course-filter .cell+.cell .label{margin-top:5px}
.course-filter .cell+.cell .list{padding-top:15px;border-top:1px solid #e6e6e6;overflow:hidden}
.course-filter .cell .label{color:#999;margin-right:30px;margin-bottom: 10px;font-size: 18px;}
.course-filter .cell .filter-all{margin-right:0px;text-decoration:none;color:inherit;align-self:start;padding:5px 10px;border-radius:2px;width:auto;max-width:100%;text-align:center;background-color:#ddd;display:block;}
.course-filter .cell .filter-all.active,.course-filter .cell .list li.active a{background-color:#027dfe;color:#fff;width: auto;max-width:100%;display: block;text-align: center; padding: 5px 10px;}
.course-filter .cell .list{flex:1;list-style-type:none;padding:0;margin-bottom:0}
.courseCatetype li{width:46%!important;height:30px!important;}
.courseCatetype li:nth-child(2n){margin-right:0px!important;}
.courseCatetype li:nth-child(3n){margin-right:10px!important;}
.course-filter .cell .list li{display:inline-block;vertical-align:top;margin-right:10px;margin-bottom:5px;width:30%;float:left;border:1px solid #ddd;text-align:center;}
.course-filter .cell .list li:nth-child(3n){margin-right:0px;}
.filter-bar{background: #fff; border: 1px solid #e5e5e5; border-radius: 2px; padding: 10px; margin-bottom: 30px;}
.filter-bar, .filter-bar .more{display: block; /* align-items: center; */ width: 90%!important; margin: 0 auto; margin-top:10px;height: 170px;margin-bottom: 30px;}
.course-filter .cell .list li a{padding:5px 0px!important;border-radius:2px}

.course-card{display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; width: 96%; margin: 0 auto;margin-bottom: 10px;}
.filter-bar .main .active{background-color: #027dfe; color: #fff; width:auto;max-width:100%; display: block; text-align: center; padding: 5px 10px;}
.filter-bar .main a{margin-right:0px;}
.filter-bar .custom-checkbox{width: 45%;float: left;font-size: 16px;margin:10px 0;}
.course-card .cell,.news-list li:hover{background-color:#fff;box-shadow:0 0 10px #e6e6e6}
.course-card .cell{background:#fff;border-radius:2px;position:relative;min-width:0;width:100%;margin-bottom:10px;transition:transform .3s ease-in-out;border:0;overflow:hidden}
.course-card .cell:hover{background:#fff;border-radius:2px;border:0;transform:translate3d(0,-10px,0);box-shadow:0 3px 10px 0 #e6e6e6}
.app-player .menu-wrapper .info .cover img,.banner-large img,.course-card .cell:hover .cover img{border-radius:4px}
.class-list-cover>.cell .text .title .course-card .cell:hover .info a a,.course-card .cell:hover .info .title a,.course-card-book .cell a:hover .info .title,.course-card-book .class-list-cover>.cell .text .title a:hover .info a,.course-card-book .class-list-cover>.cell a:hover .info .text .title a{color:#027dfe}
.course-card .cell .cover{overflow:hidden;width:100%;box-shadow:0 0 4px #e6e6e6;cursor:pointer}
.course-card .cell .cover img{width:100%;transition:all .3s;border-top-right-radius:4px;border-top-left-radius:4px}
.cover-img{height:100px;}
.course-card .cell .info{padding:8px 12px 7px;position:relative;height:90px}
.course-card .cell .info .title,.course-card .class-list-cover>.cell .info .text .title a,.course-card .class-list-cover>.cell .text .title .info a{font-size:14px;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:22px;line-height:22px;color:#333}
.course-card .cell .info .title a,.course-card .class-list-cover>.cell .text .title .info a a,.course-filter .cell .list li a{color:inherit;text-decoration:none;display: inline-block;padding: 3px 10px;}
.course-card .cell .info .item-subtitle{height:18px;line-height:18px;margin:2px 0 0;color:#888;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.course-card .cell .info .other{position:absolute;bottom:16px;left:12px;width:90%;display:flex;align-items:center;justify-content:space-between}
.course-card .cell .info .other .meta{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;height:20px}
.course-card .cell .info .other .price{float:right;font-size:14px;padding-left:14px;height:18px;line-height:18px;color:#353535;font-weight:700}
.course-card .cell .info .other .price .currency{font-size:12px;font-weight:400}
.course-card .cell .info .other .item-market-free{color:#027dfe;font-size:14px;font-weight:700;position:relative;padding-left:14px;height:18px;line-height:18px}
.course-card .cell .info .other .tags{font-size:14px;display:flex;height:18px;line-height:18px;width:60%}
.course-card .cell .info .other .tags .diy-tag{margin-right:4px;height:18px;width:36px;line-height:18px;padding:0 5px;font-size:12px;text-align:center;color:#888;background:#e8eaed;border-radius:2px}
.tag{display:inline-block;padding:2px 10px;background-color:#efefef;color:#999;border-radius:2px;font-size:12px}
.tag+.tag{margin-left:4px}
.tag.tag-primary{color:#027dfe;background-color:rgba(255,96,0,.05)}
.tag.tag-document,.tag.tag-exam,.tag.tag-live,.tag.tag-video{background-color:#f2f2f2;color:#999}
.tag.tag-done{background:#dbf2e9;color:#2ab178}
.tag.tag-undone{background:#f2f2f2;color:#999}
.tag.tag-studied{background:rgba(255,194,0,.14);color:#ff9a00}
.tag.tag-progres{color:#027dfe;background:#ffe7d9}
.tag.tag-studing{color:#4b8aff;border:1px solid #4b8aff;background:#fff}
.tag.tag-outline-done{color:#1fac74;border:1px solid #1fac74;background:#fff}
.course-card-vertical{grid-template-columns:repeat(5,1fr);gap:60px;margin-bottom:10px}
.course-card-vertical .cell{width:188px}
.course-card-vertical .cell .cover{width:188px;height:252px}
.course-card-vertical .cell .cover img{width:100%;height:252px}
.course-card-vertical .cell .info{height:70px}
.course-card-vertical .desc{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;color:#666;padding:6px 0}
.course-card-vertical .cell-border-radius{border-radius:4px 4px 0 0}
.course-card-book{grid-template-columns:repeat(4,1fr);gap:20px}
.course-card-book .cell{padding:10px}
.course-card-book .cell a,.my-wrapper .content>.inner ul li.self-info,.my-wrapper .content>.inner ul li.self-phone{display:flex}
.course-card-book .cell .cover{box-shadow:none;margin-right:10px}
.course-card-book .cell .cover,.course-card-book .cell .cover img{width:130px;height:calc(130px*3/2);border-radius:4px}
.course-card-book .cell .info{flex:1;padding:0;margin-top:10px;height:auto;display:flex;flex-direction:column;justify-content:space-between}
.course-card-book .cell .info .title,.course-card-book .class-list-cover>.cell .info .text .title a,.course-card-book .class-list-cover>.cell .text .title .info a{white-space:normal!important;overflow:visible!important}
.course-card-book .cell .info .other{position:static!important;margin-bottom:10px;justify-content:flex-end;}

.pcmenu{display:none!important;}
.mobilemenu{width: 90%; position: absolute; top:450px; margin: 0 auto; left: 5%; padding: 10px; background: #555; display: block!important;color:#fff;padding-bottom: 200px;}
.mobilemenu a{color:#ddd;display:inline-block;height:auto;width:75%;padding:2px 5px;}
.mobilemenu .flash{color: #ffc107; display: block;border: 1px solid #ddd;margin-bottom:8px;border-radius: 50px; padding: 5px;font-size:12px;line-height:1.4;}
.mobilemenu .title{padding:10px 0;font-size:16px;color: #ffc107;}
.mobilemenu .time{float:right;}
.app-player .player-wrapper>.mbvideo{height:360px!important;}
.app-player .player-wrapper>.mbexam{height:100%!important;}
body{background-color: #797a7f;}
.app-player .player-wrapper>.info{color:#ffc107;}
.profile-user-img{width:70px;}
.desc{font-size:12px;}
}

/*win系统文本125%或150%*/
@media all
and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
    (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
    (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
    :root {
        font-size: 14px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
    (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
    (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
    :root {
        font-size: 13px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
    (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
    (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
    :root {
        font-size: 12px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
    (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
    (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
    :root {
        font-size: 10px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
    (-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
    (min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
    :root {
        font-size: 9px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
    (-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
    (min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
    :root {
        font-size: 8px;
    }
}