@charset "utf-8";
/* CSS Document */
/*全局样式*/
body {font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
ul,li,ol {list-style: none;padding: 0;}
textarea{resize:vertical;-webkit-appearance: none;}
.indent{text-indent: 2em;}
a,a:hover, a:focus {color: #157EAF;text-decoration: none!important;}
a:active, a:hover {outline: 0 none;}
a{color: #2AABE6;text-decoration: none!important;}
input{
    -webkit-appearance: none;
    outline: none
}
*{
    outline: none;
    webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul,
ol{
    list-style: none;
}
img{
    border: 0;
}
input,
img {
    vertical-align: middle;
}
small {
    font-size: 80%;
}
i,em,b,s,strong,h1,h2,h3,h4,h5,h6{
    font-weight: normal;
    font-style: normal;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
th {
    font-weight: normal;
}
input,
button,
textarea{
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    line-height: normal;
    box-shadow: none;
    text-shadow: none;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
}
textarea{resize: none;}
input[type=checkbox],
input[type=radio] {
    visibility: hidden;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

select {
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input::-moz-placeholder {
    color: #808080;
}

textarea::-moz-placeholder {
    color: #000;
}

::-webkit-input-placeholder {
    color: #808080;
}

::-webkit-scrollbar{
    width: 0;
    height: 0;
}
.body-overflow{
    overflow: hidden;
    height: 100%
}

/*文字颜色*/
.text-highlight {color: #0A8CD2;}
.text-highlight1 {color: #2AABE6;}
.text-white {color: #FFF;}
.text-black {color: #000;}
.text-normal {color: #333;}
.text-lightgrey2 {color:#555;}
.text-lightgrey3 {color:#bcbcbc;}
.text-lightdark {color:#666;}
.text-lightgrey {color: #999;}
.text-lightgrey1 {color: #888;}
.text-grey2{color: #ccc;}
.text-light {color: #AAA;}
.text-orange {color:#f60;}
.text-lightred{color: #f30;}
.text-green {color: #41BC55;}
.text-darkgeen{color: #090;}
.text-grey {color: #808080;}
.text-red {color: #d43f3a;}
.text-blue{color: #09f;}
.text-red1{color:#ff0000;}
.color-1{color: #cc0000;}
.color-2{color: #5fb41b;}
.color-3{color: #008000;}
.color-4{color:#009999;}
.color-5{color: #248bf4;}

/*背景颜色*/
.bg-grey {background-color:#f6f6f6;}
.bg-white {background-color:#fff;}
.bg-greydark {background-color:#f4f4f4;}
.bg-greydark1 {background-color:#f2f2f2;}
.bg-grey1 {background-color:#e6eaed;}
.bg-grey2 {background-color:#f5f5f5;}
.bg-grey3 {background-color:#f9f9f9;}
.bg-grey4{background: #efeff4;}
.bg-red {background-color:#f86b4f;}
.bg-org {background-color:#d66a48;}
.bg-highlight {background-color: #1caaea;}
.bg-color1{background-color: #2aabe6;}
.bg-style1 {background:url("images/myhomepage/home-bg.jpg") center 0 no-repeat #f4f4f4;}
.bg-blue{background: #09f;}
.bg-new-1{background:#0098cb;}
.bg-new-2{background:#f60;}
.bg-new-3{background:#090;}
.bg-new-4{background:#ff0000;}
.bg-new-5{background: #f2f5f7;}
.bg-new-6{background: #eee;}
.bg-new-7{background: #00cc99;}
/*边框样式*/
.border-l1 {border-left:1px solid #ccc;}
.border-t1{border-top:1px solid #ccc;}
.border-l2 {border:1px solid #e4e4e4;}
.border-l2t  {border-top:1px solid #e4e4e4;}
.border-l2r  {border-right:1px solid #e4e4e4;}
.border-l2l  {border-left:1px solid #e4e4e4;}
.border-l2b  {border-bottom:1px solid #e4e4e4;}
.border-b2 {border-bottom:1px solid #e4e4e4;}
.border-l3 {border:1px solid #d7d7d7;}
.border-b1 {border-bottom:1px solid #d7d7d7;}
.border-l4{border:1px solid #eee;}
.border-b3 {border-bottom:1px solid #eee;}
.border-b4 {border-bottom:1px solid #ddd;}
.border-none {border:none;}
.border-left-none{border-left:none;}
.border-top-none{border-top:none;}
.border-right-none{border-right:none;}
.border-radius8 {border-radius:8px;}
.border-radius50 {border-radius:50px;}
.border-success {border:1px solid #ccc;}
.border-lightgrey {border:1px solid #999;}
.border-bot-b1{ border-bottom:1px dotted #e4e4e4;}
.border-bot-b2{ border-bottom:1px dashed #e4e4e4;}
.border-l5{border:1px solid #fff;}
.border-left-blue {border-left:4px solid #0a8cd2;min-height:18px;}
.border-bottom-grey{border-bottom: 1px dashed #ccc;}
.border-top-grey{border-top: 1px dashed #ccc;}
/*圆角*/
.b-radius {border-radius:20px;}
.control-text,textarea {border-radius:3px;}
/*字体大小*/
.font-size-12 {font-size: 12px;}
.font-size-13 {font-size: 13px;}
.font-size-14 {font-size: 14px;}
.font-size-15 {font-size: 15px;}
.font-size-16 {font-size: 16px;}
.font-size-18 {font-size: 18px;}
.font-size-20 {font-size: 20px;}
.font-size-22{font-size: 22px;}
.font-size-24{font-size: 24px;}
.font-size-26{font-size: 26px;}
.font-size-28{font-size: 28px;}
.font-size-32{font-size: 32px;}
.font-bold {font-weight: bold;}
.font-normal {font-weight:normal;}
.font-style-normal{font-style: normal;}
/*复制样式*/
.zclip embed {opacity: 0;filter: alpha(opacity=0);}
/*链接*/
a.link1{color:#333;}
a.link1:hover{color:#2AABE6;}
a.link2{color:#607484;}
a.link2:hover{color:#2AABE6;}
a.link3{color:#69c;}
a.link3:hover{color:#2AABE6;}
a.link4,a.link4:hover{color:#fff; text-decoration:none;}
a.link5,a.link7{color:#0a8cd2;}
a.link5:hover{color:#0a8cd2; text-decoration:none;}
a.link6,a.link6:hover{color:#fff;}
a.link7:hover{color:#0a8cd2; text-decoration:underline;}
a.link8{color:#5a5a5a;}
a.link8:hover{color:#2AABE6;}

/*宽和百分比*/
.btn-block.width50,.width-percent-50 {width:50%;}
.width-percent-60 {width:60%;}
.width-percent-65 {width:65%;}
.width-percent-70{width: 70%;}
.width-percent-75{width: 75%;}
.width-percent-90{width: 90%;}
.width-percent-100{width: 100%;}
.width-percent-35 {width:35%;}
.width-percent-33 {width:33.3%;}
.height-percent-100 {height:100%;}

/*宽高*/
.width15 {width:15px;}
.width18 {width:18px;}
.width20 {width:20px;}
.width25 {width:25px;}
.width42 {width:42px;}
.width45 {width:45px;}
.width50 {width:50px;}
.width60 {width:60px;}
.width100 {width:100px;}
.width120 {width:120px;}
.width130 {width:130px;}
.width175 {width:175px;}
.width200 {width:200px;}
.width225 {width:225px;}
.width240 {width:240px;}
.width250 {width:250px;}
.width264 {width:264px;}
.width268 {width:268px;}
.width280 {width:280px;}
.width320 {width:320px;}
.width350 {width:350px;}
.width400 {width:400px;}
.width440 {width:440px;}
.width510 {width:510px;}
.width560 {width:560px;}
.width668 {width:668px;}
.width720 {width:720px;}
.width730 {width:730px;}
.width735 {width:735px;}
.width800 {width:800px;}
.width808 {width:808px;}

.w70{width: 70%;}
.w76{width: 76%;}
.w90{width: 90%;}
.w92{width: 92%;}
.w94{width: 94%;}
.w96{width: 96%;}
.w100{width: 100%;}
.height7 {height:7px;}
.height10 {height:10px;}
.height18 {height:18px;}
.height20 {height:20px;}
.height25 {height:25px;}
.height40 {height:40px;}
.height50 {height:50px;}
.height85 {height:85px;}
.height88 {height:88px;}
.height140 {height:140px;}
.height160 {height:160px;}
.min-height580 {min-height:580px;}
.min-height400 {min-height:400px;}

/*字体排列*/
.text-center-md,.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-overflow{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*呈现方式*/
.d-tab-cell {display: table-cell;}
.d-table {display: table;}
.d-block {display: block;}
.d-in-block {display: inline-block;}
.cell-all {width:100%;}
/*显示隐藏*/
.visiblity-hidden {visibility: hidden;}
.d-hidden {display: none;}
/*移动端隐藏*/
.mobile-hidden {display:none;}
/*oveflow*/
.flow-hidden-x {overflow-x:hidden;}
.flow-hidden-y {overflow-y:hidden;}
.flow-hidden {overflow:hidden;}
/*鼠标样式*/
.hand {cursor: pointer!important;pointer-events:auto;}
.cursor-default {cursor: default;}
/*padding类*/
.p5{padding: 5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.p25 {padding: 25px;}
.p30 {padding: 30px;}
.p40 {padding: 40px;}

.pl5{padding-left: 5px;}
.pl8 {padding-left: 8px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl18{padding-left: 18px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left: 50px;}
.pl65 {padding-left: 65px;}
.pl80 {padding-left:80px;}
.pl120 {padding-left:120px;}
.pl180 {padding-left:180px;}

.pr3 {padding-right:3px;}
.pr5{padding-right: 5px;}
.pr8 {padding-right: 8px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}

.pt5 {padding-top: 5px;}
.pt7 {padding-top: 7px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt23 {padding-top:23px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top: 45px;}
.pt65 {padding-top: 65px;}
.pt-xs0-sm10 {padding-top:0;}

.pb5 {padding-bottom: 5px;}
.pb7 {padding-bottom: 7px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb60{padding-bottom: 60px;}
.pb65 {padding-bottom:65px;}
.pb80 {padding-bottom: 80px;}
.pb100{padding-bottom: 100px;}
.pb140 {padding-bottom:140px;}
.pb285{padding-bottom: 285px;}
.pb320{padding-bottom: 320px;}
.ph2 {padding-left: 2px;padding-right: 2px;}
.ph5 {padding-left: 5px;padding-right: 5px;}
.ph8 {padding-left: 8px;padding-right: 8px;}
.ph10 {padding-left: 10px;padding-right: 10px;}
.ph15 {padding-left: 15px;padding-right: 15px;}
.ph20 {padding-left: 20px;padding-right: 20px;}
.ph25 {padding-left: 25px;padding-right: 25px;}
.ph35 {padding-left: 35px;padding-right: 35px;}
.ph40 {padding-left:40px;padding-right:40px;}
.ph55 {padding-left:55px;padding-right:55px;}


.pv2 {padding-top: 2px;padding-bottom: 2px;}
.pv5 {padding-top: 5px;padding-bottom: 5px;}
.pv10 {padding-top: 10px;padding-bottom: 10px;}
.pv15 {padding-top: 15px;padding-bottom: 15px;}
.pv20 {padding-top: 20px;padding-bottom: 20px;}
.pv25 {padding-top: 25px;padding-bottom: 25px;}
.pv30 {padding-top: 30px;padding-bottom: 30px;}
.pv50 {padding-top: 50px;padding-bottom: 50px;}
.pv115 {padding-top:115px;padding-bottom:115px;}

.pv15h5{padding: 15px 5px;}
/*行高*/
.lh-1{line-height: 1}
.lh14 {line-height: 14px;}
.lh15{line-height: 15px;}
.lh16 {line-height: 16px;}
.lh20 {line-height: 20px;}
.lh22 {line-height: 22px;}
.lh24 {line-height: 24px;}
.lh25 {line-height: 25px;}
.lh28 {line-height: 28px;}
.lh30 {line-height: 30px;}
.lh33 {line-height:33px;}
.lh35 {line-height:35px;}
.lh36 {line-height: 36px;}
.lh38 {line-height: 38px;}
.lh40 {line-height: 40px;}
.lh45 {line-height: 45px;}
.lh55 {line-height: 55px;}
.lh70 {line-height:70px;}
.lh85 {line-height:85px;}
.lh140 {line-height:140px;}


/*margin类*/
input.m0 {margin:0;}
.m0{margin:0;}
.m5{margin:5px;}
.m-0{margin: 0 auto;}
.m-10{margin: 10px auto 0;}
.m-15{margin: 15px auto 0;}
.m-20{margin:20px auto;}
.m20{margin: 20px auto 0;}
.m30{margin: 30px auto 0;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt18 {margin-top:18px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt22 {margin-top:22px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt75 {margin-top:75px;}

.mb0 {margin-bottom:0;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb75 {margin-bottom:75px;}
.mb120 {margin-bottom:120px;}

.ml5 {margin-left:5px;}
.ml7{margin-left: 7px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml26 {margin-left:26px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml70 {margin-left:70px;}
.ml-2 {margin-left:-5px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.fmr1{margin-right:-1px;}


.mv5 {margin-top:5px;margin-bottom: 5px;}
.mv10 {margin-top:10px;margin-bottom: 10px;}
.mv15 {margin-top:15px;margin-bottom: 15px;}
.mv20 {margin-top:20px;margin-bottom: 20px;}
.mv25 {margin-top:25px;margin-bottom: 25px;}

.mh10 {margin-left:10px;margin-right:10px;}
.mh15 {margin-left:15px;margin-right:15px;}
.mh25 {margin-left: 25px;margin-right:25px;}
.mhf10 {margin-left: -10px;margin-right: -10px;}
.mh-15 {margin-left:-15px;margin-right:-15px;}
.mh-auto {margin-left:auto;margin-right:auto;}

.mb3 {margin-bottom: 3px;}
.mb5 {margin-bottom: 5px;}
.mb7 {margin-bottom: 7px;}
.mb10 {margin-bottom: 10px;}

.fmt10{ margin-top:-10px;}

/*进度条样式*/
.progress-style1 { background-color: #fff;border-radius:0;box-shadow:none;}

/*定位*/
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}

/*竖直定位*/
.v-top {vertical-align: top;}
.v-mid {vertical-align: middle;}
.v-base {vertical-align: baseline;}

/*文字排列*/
.over-hidden {overflow: hidden;}
.ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal;word-break:normal;}
.nowrap {white-space: nowrap;word-wrap: normal;word-break:normal;}
.break {word-break: break-all;word-wrap: break-word;word-break:break-all;}


/*双行文本*/
.one-line {display: block;max-height: 20px;overflow: hidden;line-height: 20px;}
.two-line {display: block;max-height: 40px;overflow: hidden;line-height: 20px;}
.two-line-sm {display: block;max-height: 34px;overflow: hidden;line-height: 17px;}

/*水平线*/
.dash-hr {margin: 15px 0;height: 0;border-top:dashed 1px #E4E4E4;}

/*可变小*/
.image-change {position: relative;display: block;}
.image-change img {position: absolute;left:0;top:0;width:100%;height: 100%;}

/*默认比例1:1*/
.image-rect{position: relative;display: block;width: 100%;padding-top:100%;}
.image-rect img {position: absolute;left:0;top:0;width: 100%;height: 100%;}
.img-selection.active:after {content: "\e013";font-family: 'Glyphicons Halflings';position: absolute;left:0;top:0;font-size: 20px;color: #FFF;background-color:#8DD64C;text-align:center;display: block;width: 30px;height: 30px;}
.img-selection-area {height: 200px;overflow: auto;}

/*默认比例16:9*/
.image-scale {position: relative;display: block;width: 100%;padding-bottom: 56.25%;overflow:hidden;}
.image-scale img {position: absolute;left:0;top:0;width:100%;height: 100%;}
.image-scale .num-block {position: absolute;left: 0;top:0;z-index: 9;width: 26px;height: 26px;line-height: 26px;}
.image-scale .image-contarner {position: absolute;left:0;top:0;width:100%;height: 100%;text-align: center;}
.image-scale .image-contarner:after {vertical-align:middle;content:"";display:inline-block;height:100%;line-height:100%;}
.image-scale .image-contarner img {position: static;line-height: 100%;max-width: 100%;max-height: 100%;width: auto;height: auto;}

/*比例5:3*/
.image-scale-3-5 {position: relative;display: block;padding-bottom: 60%;}
.image-scale-3-5 img {position: absolute;left:0;top:0;width:100%;height: 100%;}

/*云学堂logo比例23：8*/
.image-scale-8-23 {position: relative;display: block;padding-bottom:34.782%;}
.image-scale-8-23 img {position: absolute;left:0;top:0;width:100%;height: 100%;}
.img-width img{max-width: 100%;}

.fl{float: left;}
.fr{float: right;}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.none{display: none;}

/*右上角标签*/
.top-right {position:absolute;top:-11px;right:-12px;}

/*首页_new*/
.de-head{
    width: 100%;
    height: 45px;
    background: #f4f4f4;
    padding:0 10px;
    border-bottom: 1px solid #dcdcdc;
}
.de-head-logo {
    float: left;
    margin-top: 9px;
    height: 28px;
}
.de-head-logo img {
    height: 28px;
    width: 110px;
}

.de-head-icons{
    float: right;
    height: 45px;
}

.de-head-icons span {
    float: left;
    margin-left: 15px;
    height: 45px;
    font-size: 28px;
    color: #666;
    line-height:45px;

}
.close-preview{
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 45px;
    border-radius: 20px;
    background: #000;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 45px;
}
.close-preview:hover{
    background: #ff9933;
    text-decoration: none;
    color: #fff;
}
.banner-nav{
    position: relative;
    padding: 0;
    width: 100%;
}
.banner-area {
    background: #fff;
    padding: 15px 0;
    width: 100%;
    overflow-x: auto;
}
.banner-btn {
    float: left;
    padding: 0 2px;
}
.banner-img {
    cursor: pointer;
}
.banner-img a{
    display: block;
    border-radius: 50%;
}
.banner-img img {
    width: 100%;
    /*height: 100%;*/
    border-radius: 50%;
}
.banner-name {
    text-align: center;
    font-size: 14px;
    margin-top: 10px
}
.banner-name a{
    color: #333
}
.banner-name a:hover{
    text-decoration: none
}
.de-course-con{
    width: 100%;
    /*background: #f2f5f7;*/
    /*padding: 15px 5px;*/
}
.de-course-nav{
    width: 100%;
    padding: 0 5px;
}
.de-course-nav.new{
    padding: 0;
}
.de-nav-title{
    float: left;
    margin: 0;
    width: 35%;
    height: 20px;
    font-size: 15px;
    color: #666;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.de-nav-title i{
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    width: 3px;
    height: 15px;
    overflow: hidden;
}
.de-nav-title i img{
    display: block;
    /*width: 100%;*/
    height: 100%;
}
.de-course-nav a{
    float: right;
    font-size: 13px;
    color: #999;
    line-height: 20px;
}
.de-course-con .de-isroll-o{
    
    width:100%;
}
.de-h-list{
    width: 100%;
}
.de-h-list.new{
    background: #fff;
}
.de-h-list li{
    float: left;
    width: 50%;
    padding: 5px;
}
.de-h-list li a{
    display: block;
    width: 100%;
}
.de-h-list.new li{
    padding:0;
    border-bottom: 1px solid #f2f2f2;
}
.de-h-list.new li.two{
    width: 50%;
}
.de-h-list.new li.two:nth-child(odd) .de-h-s,
.de-h-list.new li.two:nth-child(odd) .de-h-title,
.de-h-list.new li.two:nth-child(odd) .de-i{
    border-right: 1px solid #f2f2f2;
}
.de-h-list.new li.two:nth-child(1) .de-h-s,
.de-h-list.new li.two:nth-child(2) .de-h-s,
.de-h-list.new li.three:nth-child(1) .de-h-s,
.de-h-list.new li.three:nth-child(2) .de-h-s,
.de-h-list.new li.three:nth-child(3) .de-h-s,
.de-h-list.new li.four:nth-child(1) .de-h-s,
.de-h-list.new li.four:nth-child(2) .de-h-s,
.de-h-list.new li.four:nth-child(3) .de-h-s,
.de-h-list.new li.four:nth-child(4) .de-h-s{
    display: none;
}
.de-h-list.new li.three{
    width: 33.33%;
}
.de-h-list.new li.four{
    width: 25%;
}
.de-h-list.new li.three .de-h-s,
.de-h-list.new li.three .de-h-title,
.de-h-list.new li.three .de-i,
.de-h-list.new li.four .de-h-s,
.de-h-list.new li.four .de-h-title,
.de-h-list.new li.four .de-i{
    border-right: 1px solid #f2f2f2;
}
.de-h-list.new li.three:nth-child(3n+3) .de-h-s,
.de-h-list.new li.three:nth-child(3n+3) .de-h-title,
.de-h-list.new li.three:nth-child(3n+3) .de-i,
.de-h-list.new li.four:nth-child(4n+4) .de-h-s,
.de-h-list.new li.four:nth-child(4n+4) .de-h-title,
.de-h-list.new li.four:nth-child(4n+4) .de-i{
    border-right:none;
}


.de-h-s{
    display: block;
    width: 100%;
    height: 13px;
}
.de-h-tag{
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    height: 21px;
    background: #ff9933;
    font-size: 12px;
    color: #fff;
    line-height: 21px;
    text-align: center;
}
.de-h-tag.new{
    left: 0;
    height: 19px;
    font-size: 11px;
    line-height: 19px;
}
.de-h-title{
    margin: 0;
    width: 100%;
    height: 25px;
    font-size: 14px;
    color: #000;
    line-height: 25px;
    text-indent: 5px;
    overflow: hidden;
}
.de-h-title.right{
    text-indent: 0;
}
.de-h-title.news{
    margin-top: 2px;
    font-size: 13px;
    text-indent: 0;
    height: 30px;
    line-height: 15px;
}
.de-i{
    width: 100%;
    padding: 0 5px 10px 5px;
}
.de-price{
    width: 58%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #f63;
    line-height: 16px;
}
.de-users{
    max-width: 42%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url("images/decorate/users.png") left no-repeat;
    background-size: 12px 12px;
    padding-left: 15px;
    font-size: 14px;
    color: #999;
}
.de-users.small{
    font-size: 12px;
    line-height: 20px;
}
.de-h-list.new .de-h-title,
.de-h-list.new .de-price,
.de-h-list.new .de-users{
    font-size: 12px;
}
.de-price.free{
    color: #0c9;
}

.de-price.mv5.free{
    color: #00CC00;
}

.de-price.free.fl{
    color: #5FB41B;
}
.de-title-box{
    width: 100%;
    background: #f2f5f7;
    height:44px;
    padding:0 5px;
}
.de-in-t{
    margin: 0;
    float: left;
    font-size:15px;
    color:#666;
    line-height: 44px;
}
.de-in-t i{
    position:relative;
    left:0;
    top:2px;
    margin-right: 5px;
    display: inline-block;
    width: 3px;
    height:15px;
    background: #0c9;
}
.de-v-more{
    float: right;
    font-size:12px;
    color:#999;
    line-height:44px;
    margin-right: 10px;
}

.de-v-list{
    width: 100%;
}
.de-v-list li{
    width: 100%;
    padding: 5px;
}
.de-v-list.new li{
    padding: 5px 0;
}
.de-v-list li a{
    display: block;
}
.de-v-list.new li a{
    width: 100%;
    padding: 7px 5px;
    position: relative;
    display: table;
    table-layout: fixed;
}
.de-v-list.tea-detail{
    width: 100%;
    /*background: #fff;*/
    padding:0 5px;
}
.de-v-list.tea-detail a{
    width: 100%;
    position: relative;
    display: table;
    padding:12px 0;
    border-bottom:1px solid #f2f2f2;
}
.de-v-list.tea-detail li{
    width: 100%;
    padding:0;
  /*  margin-bottom: 5px;*/
   /* border-bottom:1px solid #f2f2f2;*/
}
.de-v-list.tea-detail li:first-of-type  a{
    padding-top:0;
}
.de-v-left{
    padding: 0;
}
.de-v-right{
    padding-right: 0;
    padding-left: 10px;
}
.de-v-b{
    width: 100%;
}

.de-v-b.new{
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding-left: 150px;
}

.de-v-tag{
    height: 20px;
    padding: 0 5px;
    border: 1px solid #00cc99;
    border-radius: 5px;
    font-size: 10px;
    color: #00cc99;
    line-height: 18px;
}
.de-single-box{
    width: 100%;
    /*background: #f2f5f7;*/
    /*padding: 0 10px 15px 10px;*/
}
.de-single-title{
    margin: 0;
    width: 100%;
    font-size: 15px;
    color: #666;
    line-height: 25px;
    text-indent: 5px;
}
.de-doc-list{
    width: 100%;
}
.de-doc-list li{
    width: 100%;
    /*padding: 0 5px;*/
}
.de-doc-list li a{
    display: block;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    background: #fff url("images/decorate/arrow-right.png") right no-repeat;
    background-size:7px 12px;
    padding: 10px 0;
}
.de-doc-list li:last-child a{
    border-bottom: 1px solid #fff;
}
.doc-img{
    padding: 0!important;
}
.doc-img img{
    width: 100%;
}
.doc-right{
    padding: 0 5px 0 10px;
}
.de-date{
    background: url("images/decorate/date.png") left no-repeat;
    background-size: 13px 13px;
    padding-left:16px;
    color: #999;
    font-size: 12px;
    line-height: 20px;
}
.de-news-list{
    width: 100%;
}
.de-news-list li{
    width: 100%;
    padding: 0 5px;
}
.de-news-list li a{
    display: table;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    background: #fff;
    padding: 10px 0;
}
.de-news-list li:last-child a{
    border-bottom: 1px solid #fff;
}
.de-calendar{
    margin: 0;
    font-size: 12px;
    color: #999;
    line-height: 20px;
}
.de-calendar i{
    margin-right: 3px;
}
.d-img-m,
.d-img-n{
    float: left;
    overflow: hidden;
}
.d-img-s{
    position: relative;
    width: 90px;
    height: 50px;
    overflow: hidden;
}
.d-img-m{
    width: 120px;
    height: 68px;
}
.d-img-n{
    width:130px;
    height: 73px;
}
.d-img-s img,
.d-img-m img,
.d-img-n img,
.d-class-img img{
    width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.d-i-m,
.d-i-n{
    width: 100%;
}
.d-i-s{
    display: table-cell;
    width: 100%;
    padding-left: 10px;
    vertical-align: top;
}
.d-i-m{
    padding-left: 130px;
}
.d-i-m .de-price{
    line-height: 20px;
    width: 100%;
}
.d-i-n{
    padding-left: 135px;
}

.d-i-n.new{
    padding-left: 10px;
    display: table-cell;
    height: 100%;
}

.d-single-img{
    display: block;
    width: 100%;
}
.d-single-img img,
.two-img-list li img{
   /* display:table-cell;
    min-width: 100%;
    min-height: 100%;
    vertical-align: middle;*/
    width: 100%;
    height: 100%;
    object-fit:cover;
    object-position: top;

}

.multi-img-box .swiper-slide img{
    width: 100%;
}
.d-spoc{
    position: relative;
    width: 100%;
}
.d-spoc-info{
    position: relative;
    width: 100%;
}
.d-spoc-info img{
    display: block;
    width: 100%;
}
.d-spoc-tag{
    position: absolute;
    right: 0;
    top: 10px;
    height: 28px;
    background: #ff9933;
    padding: 0 5px;
    font-size: 12px;
    color: #fff;
    line-height: 28px;
}
.d-spoc-price{
    position: absolute;
    right: 0;
    bottom: 10px;
    height: 28px;
    background: #00cc99;
    padding: 0 10px;
    font-size: 13px;
    color: #fff;
    line-height: 28px;
}
.d-spoc-con{
    width: 100%;
    padding-bottom: 55px;
}
.d-spoc-nav{
    width: 100%;
}


.d-spoc-nav li{
    float: left;
    width: 20%;
    height: 39px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 13px;
    color: #000;
    line-height: 39px;
    text-align: center;
    cursor: pointer;
}
.d-spoc-nav li.selected{
    border-bottom: 1px solid #00cc99;
    color: #00cc99;
}

.d-spoc-detail{
    width: 100%;
}

.d-spoc-cons{
    width: 100%;
    padding-bottom: 60px;
}

.d-spoc-c{
    width: 100%;
    padding-top: 10px;
}
.d-spoc-c img{
    display: block;
    max-width: 100%;
}
.d-spoc-arr{
    width: 96%;
    margin: 0 auto;
    padding-top: 20px;
}
.spoc-arr-list{
    width: 100%;
}
.spoc-arr-list dt,
.spoc-arr-list dd{
    margin-bottom: 10px;
}
.spoc-dot{
    float: left;
    margin-top: 3px;
    width: 15px;
    height: 15px;
    background: url("images/decorate/dot_black.png") center no-repeat;
    background-size: 100% 100%;
}
.spoc-dot.white{
    margin-left: 25px;
    background: url("images/decorate/dot_white.png") center no-repeat;
    background-size: 100% 100%;
}
.spoc-arr-g{
    float: left;
    max-width: 52%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 5px 0 10px;
    font-size: 13px;
    color: #666;
    line-height: 20px;
    font-weight: normal;
}
.spoc-arr-g.long{
    max-width: 62%;
}
.spoc-arr-t{
    float: left;
    background: #f2f2f2;
    padding: 0 3px;
    font-size: 12px;
    color: #666;
    line-height: 20px;
}
.spoc-c-t{
    float: left;
    font-size: 13px;
    color: #666;
}
.d-spoc-teachers{
    width:90%;
    margin: 0 auto;
    padding-top: 15px;
}
.d-spoc-teachers a{
    display: block;
    width: 100%;
    border: 1px solid #e4e4e4;
    background: #f2f5f7;
    padding-top: 20px;
}
.d-spoc-teachers a+a{
    margin-top: 15px;
}
.d-spoc-teachers a:hover{
    background: #f2f2f2;
}
.s-t-img{
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.s-t-name{
    margin: 10px 0;
    padding: 0 10px;
    font-size: 16px;
    color: #666;
    text-align: center;
}
.s-t-name:hover{
    color: #38a030;
}
.s-t-info{
    margin: 0;
    border-top: 1px dotted #e4e4e4;
    padding:8px 10px;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.s-s-c{
    margin: 10px 0 0 0;
    display: block;
    font-size: 12px;
    color: #00cc99;
    text-align: center;
    line-height: 20px;
}
.s-s-c i{
    margin-right: 8px;
    font-size: 16px;
    color: #333;
}
.s-s-c:visited,
.s-s-c:hover,
.s-s-c:active{
    color: #00cc99;
}
.spoc-s-list{
    width: 100%;
}
.spoc-s-list li{
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    padding:15px 3%;
}
.spoc-s-shot{
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.spoc-s-i{
    padding-left: 60px;
}
.spoc-c-c{
    margin: 10px 0 0 0;
    width: 100%;
}
.spoc-c-c i{
    float: left;
    font-size: 12px;
    color: #666;
    line-height: 20px;
}
.spoc-c-c em{
    display: block;
    padding-left: 20px;
    font-size: 12px;
    line-height: 16px;
    color: #666;
}
.d-sign-btn{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: rgba(0,0,0,.6);
    font-size: 16px;
    color: #00cc99;
    text-align: center;
    line-height: 50px;
}
.d-sign-btn:hover,
.d-sign-btn:visited{
    color: #00cc99;
}
.spoc-consult-box{
    position: fixed;
    top: 10%;
    left: 5%;
    z-index: 90;
    width: 90%;
    border-radius: 5px;
    background: #fff;
}
.spoc-consult-title{
    margin: 0;
    width: 100%;
    height: 60px;
    font-size: 14px;
    color: #00cc99;
    line-height: 60px;
    text-align: center;
}
.spoc-c-text{
    display: block;
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    width: 100%;
    height: 100px;
    border-radius: 0;
    background: #f2f2f2;
    padding: 10px;
    font-size: 13px;
    color: #949494;
}
.spoc-c-b{
    border-top: 1px solid #e4e4e4;
}
.spoc-c-btn{
    float: left;
    width: 50%;
    height: 45px;
    border-radius: 0 0 0 5px;
    background: #fff;
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 45px;
}
.spoc-c-btn+.spoc-c-btn{
    border-left:1px solid #e4e4e4;
    color:#00cc99;
    border-radius: 0 0 5px 0;
}

.d-spoc-li{
    width: 96%;
    margin: 0 auto;
    padding-top: 10px;
}
.d-spoc-title span{
    display: block;
    background: #00cc99;
    width: 2px;
    height: 13px;
    float: left;
}
.d-spoc-title em{
    color: #00cc99;
    font-size: 13px;
    font-weight: normal;
    line-height: 13px;
    float: left;
    margin-left: 5px;
}
.spoc-arr-lists{
    width: 100%;
    margin-top: 10px;
}
.spoc-arr-g-new{
    font-size: 13px;
    color: #333333;
    font-weight: normal;
    height: 13px;
    line-height: 13px;
}
.spoc-c-t-new{
    float: left;
    font-size: 12px;
    color: #999;
    margin-top: 8px;
    margin-left: 15px;
}
.spoc-c-t-news{
    float: left;
    font-size: 12px;
    color: #999;
    margin-top: 8px;
    margin-left: 2px;
}
.d-spoc-details{
    width: 100%;
    border-top: 2px solid #d7d7d7;
}
.d-spoc-navs{
    width: 100%;
}
.d-spoc-navs li{
    float: left;
    width: 25%;
    height: 39px;
    font-size: 14px;
    color: #000;
    line-height: 39px;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #e4e4e4;
}
.d-spoc-navs li.selected{
    border-bottom: 1px solid #00cc99;
    color: #00cc99;
}
.d-spoc-navs li.new-w{
    width: 50%;
}
.d-spoc-details{
    width: 100%;
    border-top: 1px solid #d7d7d7;
    margin-top: -10px;
}
.d-spoc-li img{
    width: 100%;
    margin-top: -2px;
}
.d-spoc-lis{
    width: 96%;
    margin: 0 auto;
}
.d-sign-btns{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #ffffff;
    border-top: 1px solid #d7d7d7;
}
.d-new-nav{
    width: 100%;
    height: 20px;
    border-top: 1px solid #c9c9c9;
    /*background: #ff0000;*/
}
.d-new-nav.new{
    margin-top: 8px;
}
.d-new-nav.new .d-n-title{
    background: #fff;
}
.d-n-title{
    width: auto!important;
    /*display: inline-block;*/
    /*background: #eee;*/
    margin-bottom: 1px;
    background: none;
    border: 0;
    height: 20px;
    font-size: 14px;
    text-align: center;
}
.d-n-title span{
    position: relative;
    top: -2px;
    left: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background:#c9c9c9;
}

.d-n-title em{
    position: relative;
    display: inline-block;
    padding: 0 10px;
}
.d-more{
    display: block;
    width: 100%;
    /*background: #fff;*/
    padding: 5px 0;
    font-size: 12px;
    color: #0c9;
    text-align: center;
}
.d-more:link,
.d-more:hover,
.d-more:visited{
    color: #0c9;
}
.d-more.blue,
.d-more.blue:link,
.d-more.blue:hover,
.d-more.blue:visited{
    color: #51b3c4;
}
.de-v-course{
    margin-top: 10px;
    width: 100%;
    background: #fff;
}

.de-v-course.new{
    background: none;
}

.de-v-course li{
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}
.de-v-course li a{
    display: block;
    padding: 10px 0;
}

.de-v-course.new li a{
    display: table;
}
.de-v-img{
    position: relative;
    float: left;
    width: 187px;
    height: 107px;
    overflow: hidden;
}
.de-v-img img{
    display: block;
    width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.de-v-i{
    position: relative;
    padding-left: 197px;
}


.de-v-i.new{
    display: table-cell;
    padding-left: 10px;
    height: 100%;
}
.de-v-title{
    margin: 0;
    width: 100%;
    height:40px;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    overflow: hidden;
}
.de-v-des{
    margin:5px 0 0 0;
    width: 100%;
    height: 30px;
    font-size: 12px;
    color: #ccc;
    line-height: 15px;
    overflow: hidden;
}
.de-v-u{
    margin:10px 0 0 0;
    width: 100%;
    height: 20px;
    font-size: 12px;
    color: #41A7ED;
    line-height: 20px;
    overflow: hidden;
    white-space: normal;
}
.d-c-list{
    margin-top: 10px;
    width: 100%;
    background: #fff;
}
.d-c-list a{
    width: 100%;
    display: block;
    border-bottom: 1px solid #f2f2f2;
    padding: 15px 5px;
}
.d-c-img{
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    border-radius: 5px;
    /*padding-bottom: 56.25%;*/
    overflow: hidden;
}
.d-c-img img{
    position: relative;
    width: 100%;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.d-c-title{
    margin: 5px 0 20px 0;
    width: 100%;
    font-size: 12px;
    color: #666;
    line-height: 15px;
}
.d-c-l{
    margin: 0;
    float: left;
    width: 80px;
    font-size: 12px;
    color: #ccc;
    line-height: 20px;
}
.d-c-l i{
    position: relative;
    display: inline-block;
    top: 1px;
    margin-right: 5px;
    font-size: 16px;
    color: #0c9;
}
.d-c-p{
    float: left;
    margin-left: 5px;
    font-size: 12px;
    color: #0c9;
    line-height: 20px;
}
.d-c-u{
    margin: 0;
    float: right;
    font-size: 12px;
    color: #aeaeae;
    line-height: 20px;
}
.d-c-u+.d-c-u{
    margin-right: 10px;
}
.d-c-u i{
    position: relative;
    top: -1px;
    font-size: 12px;
}


/*单资讯常规列表css*/
.de-course-nav a.f-new-color{
    color: #0c9;
}

.d-zx-news{
    margin: 12px 5px 0;
    padding-bottom: 20px;
}

.d-zx-news li{
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 5px;
}

.d-zx-title{
    font-size: 14px;
    color: #000000;
    margin: 0 0 14px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.d-zx-news a{
    display: block;

}

.d-zx-item{
    display: table;
}

.d-zx-image{
    /*float: left;
    margin-right: 10px;*/
    width: 120px;
    height: 72px;
    overflow: hidden;
}
.d-zx-image img{
   /* display: block;
    width: 120px;
    height: 72px;*/
    width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.d-zx-content h4{
    font-size: 12px;
    color: #333333;
    max-height: 72px;
    line-height: 18px;
    overflow: hidden;
    margin: 0;
}

.d-zx-news.new-margin{
    margin: 0;
}

.d-zx-time{
    font-size: 10px;
    color: #999999;
    position: absolute;
    bottom: 0;
}


.d-zx-content.dh{
    position: relative;
    height: 72px;
}

.d-zx-content h4.d-max-height{
    max-height: 54px;
}


.d-blog-img{
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.d-blog-img img{
    position:absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.d-blog-title{
    margin: 12px 0 8px 0;
    line-height: 19px;
}

.d-blog-title span{
    font-size: 14px;
    color: #000000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 260px;
    display: inline-block;
}

.d-blog-title em{
    font-size: 10px;
    color: #999999;
    float: right;
    font-style: normal;
}

.d-blog-list{
    width: 100%;
}
.d-blog-list a{
    width: 100%;
    display: block;
    border-bottom: solid 6px #f2f5f7;
}


.d-blog-list a:last-child{
    border-bottom: none;
}
.two-img-box{
    width: 100%;
}
.two-img-list{
    display: table;
    width: 100%;
    background: #fff;
}
.two-img-list li{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
.two-img-list li a{
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
/*轮播*/
.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;

    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;

    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

.swiper-container {
    /* Specify Swiper's Size: */
    margin:0; z-index:0; position:relative;
}
.swiper-wrapper{
    /*position:relative; overflow:hidden;*/
    /* height:auto !important; */

}
.swiper-slide {
    position:relative;
    width:100%;
}
.swiper-slide a{
    position: relative;
    display: block;
}
.swiper-slide-active {
    /* Specific active slide styling: */

}
.swiper-slide-visible {
    /* Specific visible slide styling: */

}
.pagination{
    position:absolute; left:0; bottom:5px; width:100%; text-align:center;
}
.swiper-pagination-switch {
    /* Stylize pagination button: */
    display:inline-block; margin:0 5px; width:10px; height:10px; border-radius:5px; background:#56585A; cursor:pointer;
}
.swiper-active-switch {
    /* Specific active button style: */
    background:rgba(0,0,0,0.8);
    text-align:right;
}
.swiper-visible-switch {
    /* Specific visible button style: */
    background:#009AFF;
}
.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode:both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}


.de-v-list.s-new li{
    padding: 0;
    margin-top: 1px;
    border-bottom: 1px solid #f2f5f7;
}

.de-v-list.s-new li a{
    display: table;
    padding: 8px 5px;
}
.de-v-list.s-new li a.new{
    display: block;
}
.d-img-nt{
    display: table-cell;
    vertical-align: middle;
    width: 172px;
}
.d-img-nt.new{
    width: 130px;
}
.d-img-st{
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}

.d-img-nl {
    width: 172px;
    height: 98px;
    /*float: left;*/
    overflow: hidden;
    position: relative;
    border-radius: 4px;
}
.d-img-nl img{
    width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.d-tj{
    width: 62px;
    height: 21px;
    background:rgba(227,70,35,0.9);
    position: absolute;
    top:0;
    left:0;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 21px;
}
.d-new-bottom{
    width: 100%;
    height: 22px;
    background: rgba(0,0,0,0.6);
    position: absolute;
    bottom: 0;
    left:0;
    font-size: 12px;
    color: #fff;
    font-weight:normal;
    line-height: 22px;
    padding-left: 10px;
}

.d-i-nl{
    display: table-cell;
    padding-left: 10px;
    position: relative;
    width: 100%;
}

.d-i-sl{
    display: table-cell;
}

.d-i-nl.new{
    padding-left: 0;
}

.de-new-title{
    margin: 0;
    width: 100%;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    text-indent: 5px;
    height: 40px;
    overflow: hidden;
}
.de-new-title.right{
    text-indent: 0;
}
.de-new-price{
    /*width: 58%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
    font-size: 14px;
    color: #FF0000;
    position: absolute;
    bottom: 18px;
}
.de-new-price.n-color{
    color: #00CC00;
}

.d-img-top{
    width:100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.d-img-top img{
    width: 100%;
}

.d-l-bottom{
    background: url("images/decorate/n-bottom-bg.png") center scroll;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 54px;
    padding: 10px 0 0 10px;
}

.de-top-title{
    margin: 0;
    width: 100%;
    font-size: 14px;
    color: #FFFFFF;
    text-indent: 5px;
    padding-bottom: 4px;
}
.de-top-title.right{
    text-indent: 0;
}


.de-v-list.boder li{
    border-bottom: 1px solid #e4e4e4;
}

.de-v-tag.new{
    border-radius: 0;
    max-width: 62px;
    overflow: hidden;
}

.de-load{
    font-size: 14px;
    color: #000;
    text-align: center;
    display: block;
    margin-top: 5px;
    line-height: normal;
    position: relative;
    padding-bottom: 15px;
    clear: both;
    width: 100%;
}

.de-load:hover{
    color: #000;
}

.de-load span{
    display: block;
    width: 80px;
    margin: 5px auto;
    background: url("images/loading4.gif") left no-repeat;
    background-size: 16px 16px;
    padding-left: 16px;
    padding-bottom: 0;
    line-height: 30px;
}

.p-load{
    background: url("images/loading4.gif") center no-repeat;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    position: absolute;
    top: 2px;
}

.p-load.tops{
    position: absolute;
    top:15px;
}

.p-text{
    padding-left: 20px;
}


.image-scale-new{
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 100px;
}

.image-scale-new img{
    left: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}
.de-new-des{
    margin: 6px 0;
    width: 100%;
    max-height: 30px;
    font-size: 12px;
    color: #999;
    line-height: 15px;
    overflow: hidden;
}


.de-nav-title.new i {
    width: auto;
}

.de-nav-title.new i img {
    height: 100%;
}



@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
       /* -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);*/
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(15px, 0, 0);
        transform: translate3d(15px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
/*轮播end*/
.multi-img-box{
    width: 100%;
}
.multi-img-box .swiper-slide{
    height: 150px;
    overflow: hidden;
}
.multi-img-box .pagination{
    z-index: 60;
    bottom: -14px;
}
.multi-img-box .swiper-pagination-bullet{
    margin: 0 5px;
    opacity: 1;
    background: #666;
}
.multi-img-box .swiper-pagination-bullet-active{
    background: #248bf4;
}

/*MP003*/
.d-class-list{
    width: 100%;
    padding-top: 10px;
}
.d-class-list li{
    margin-bottom: 20px!important;
}
.d-class-list li a{
    position: relative;
    display: table;
    padding: 0 5px;
}
.d-class-img{
    position: relative;
    margin: 0;
    width: 172px;
    height: 98px;
    overflow: hidden;
}
.de-class-info,
.d-class-info{
    display: table-cell;
    padding-left: 10px;
    padding-top: 3px;
    width: 100%;
}
.de-class-tag{
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    background: #cc2800;
    font-size: 12px;
    color: #fff;
    padding: 0 5px;
    line-height: 20px;
    overflow: hidden;
}
.de-class-tag.grey{
    background: #666;
}
.de-class-title,
.d-class-title{
    margin: 0;
    width: 100%;
    max-height:30px;
    font-size: 14px;
    color: #000;
    line-height: 15px;
    overflow: hidden;
}
.de-class-i,
.d-class-i{
    position: absolute;
    bottom: 5px;
    left: 0;
    margin: 0;
    width: 100%;
    padding-left: 186px;
}
.de-class-i span,
.d-class-i span{
    display: block;
    font-size: 14px;
    color: #ff0000;
}
.de-class-i span.free,
.de-w-price.free,
.d-class-i span.free{
    color: #0c0;
}
.de-class-i em,
.d-class-i em{
    margin-top: 7px;
    display: block;
    font-size: 12px;
    color: #666;
}
.de-class-w{
    width: 100%;
    padding-top: 5px;
}
.de-class-w a{
    display: block;
    margin-bottom: 20px;
}

.de-class-w a h3,
.de-class-w a h4{
    margin: 8px 0 0 0;
}
.de-c-w-img{
    position: relative;
    width: 100%;
    max-height: 214px;
    overflow: hidden;
}
.de-c-w-img img{
    width: 100%;
}
.de-c-num{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 20px;
    background: rgba(0,0,0,.6);
    padding: 0 5px;
    font-size: 11px;
    color: #fff;
    line-height: 20px;
}
.de-w-title{
    float: left;
    max-width: 75%;
    color: #000;
}
.de-w-price{
    float: right;
    color: #ff0000;
}
/*个人中心*/
.de-edit-data{
    display: block;
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 5px;
}

.de-edit-data span{
    float: left;
    font-size: 13px;
    color: #333;
    line-height: 41px;
}
.de-edit-data i{
    float: right;
    font-size: 16px;
    color: #666;
    line-height: 41px;
}
.de-personal-i{
    width: 100%;
    padding: 10px 0;
}
.de-personal-i a{
    float: left;
    width: 33.33%;
    text-align: center;
}

.de-personal-i span{
    display: inline-block;
    margin-right: 3px;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 36px;
}
.de-personal-i span.s-1{
    background: #3fb5ff;
}
.de-personal-i span.s-2{
    background: #ff6666;
}
.de-personal-i span.s-3{
    background: #66cccc;
}
.de-personal-s{
    position: relative;
    top: 6px;
    margin: 0;
    display: inline-block;
    font-size: 14px;
    color: #333;
    line-height: 18px;
    text-align: left;
}
.de-personal-s i{
    font-size: 10px;
    color: #999;
}
.de-p-list{
    width: 100%;
    background: #fff;
}
.de-p-list li{
    float: left;
    width: 33.33%;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    /*background: #fff;*/
}
.de-p-list li:nth-child(3n+3){
    border-right: 0;
}
/*.de-p-list li:nth-last-child(1),
.de-p-list li:nth-last-child(2),
.de-p-list li:nth-last-child(3){
    border-bottom: 0;
}*/
.de-p-list li a{
    display: block;
    padding: 15px 0;
}
.de-p-list li span{
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 5px;
}
.de-p-list li span.p-1{
    background: url("esm.images/account/p-1.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-2{
    background: url("esm.images/account/p-2.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-3{
    background: url("esm.images/account/p-3.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-4{
    background: url("esm.images/account/p-4.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-5{
    background: url("esm.images/account/p-5.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-6{
    background: url("esm.images/account/p-6.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-7{
    background: url("esm.images/account/p-7.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-8{
    background: url("esm.images/account/p-8.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-9{
    background: url("esm.images/account/p-9.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-10{
    background: url("esm.images/account/p-10.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-11{
    background: url("esm.images/account/p-11.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-12{
    background: url("esm.images/account/p-12.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-13{
    background: url("esm.images/account/p-13.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-14{
    background: url("esm.images/account/p-14.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li span.p-15 {
    background: url("esm.images/account/p-15.png") center no-repeat;
    background-size: 24px 24px;
}
.de-p-list li em{
    margin-top: 10px;
    display: block;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.de-p-i{
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: #999;
    text-align: center;
}
/****装修MP002普通班展示***/

.d-spoc-title{
    width:100%;
    height:45px;
    background:#09f;
    font-size:16px;
    color:#fff;
    text-align: center;
    line-height: 45px;
}
.d-spoc-nav.new li{
    width: 33.3%;
}
.d-spoc-nav.new li.selected{
    border-bottom: 1px solid #09f;
    color: #09f;
}
.reg-person .new-green{
    color:#09f;
}
.reg-more.new-green{
    color:#09f;
}
.hp-det .new-green{
    color:#09f;
}
.d-point{
    font-size: 12px;
    padding-left:115px;
    color: rgb(181, 185, 188);
   /* background: #f00;*/
}


/*MOC001-线下课栏目首页css*/
.d-search{
    width: 100%;
    height: 45px;
    background: #f2f2f2;
    padding: 5px;
}

.d-search-border{
    width: 100%;
    height: 35px;
    border: 1px solid #e4e4e4;
    background: #fff;
    position: relative;
}

.d-search-input{
    width: 86%;
    height: 33px;
    line-height: 33px;
    padding: 0 5px;
	border: none !important;
}

.iconfont.i-search{
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 4px;
    color: #999999;
}

.d-a-info{
    width: 95%;
    font-size: 12px;
    position: absolute;
    bottom: 0;
}

.d-n-upload{
    font-size: 12px;
    color: #00CC99;
    text-align: center;
    padding: 10px;
}
/**MZC001-直播课栏目首页css***/
.live-status {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 8;
    padding: 5px 4px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    border-bottom-left-radius: 4px;
}
.live-status-3 {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.live-status--notbegin {
    background-color: #fa8c17;
}

.live-status--living {
    padding: 6px 12px;
    line-height: 1;
    background-color: #f5222d;
}

.live-status--ended {
    background: rgba(0, 0, 0, 0.6);
}

.live-status-animation {
    font-size: 0px;
}
.live-status-animation i {
    width: 2px;
}
.live-status-animation i:not(:last-child) {
    margin-right: 4px;
}

.live-status-red-animation {
    display: inline-block;
}

.live-status-red-animation i {
    display: inline-block;
    height: 10px;
    background: #fff;
    border-radius: 6px;
    transform-origin: center;
    animation: is-playing 0.5s ease infinite alternate;
}
.live-status-red-animation i:nth-child(1) {
    animation-delay: 0.15s;
}

.live-status-red-animation i:nth-child(2) {
    animation-delay: 0.65s;
}

.live-status-red-animation i:nth-child(3) {
    margin-right: 0;
    animation-delay: 0.15s;
}


@-webkit-keyframes is-playing {
    0% {
        -webkit-transform: scaleY(.2);
        transform: scaleY(.2);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes is-playing {
    0% {
        -webkit-transform: scaleY(.2);
        transform: scaleY(.2);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.live-on-title {
    margin: 0;
    width: 100%;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    height: 42px;
    padding-top: 5px;
    overflow: hidden;
}
.live-on-price{
    font-size:14px;
    color: #ff0000;
}
.live-on-price.new{
    color: #00cc00;
}
.look-back{
    display: block;
    margin-top: 5px;
    font-size:12px;
    color:#00cc99;
}

/**end***/

/*MOC001-线下课栏目首页单列大图css*/
.d-bottom-lines{
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    height: 20px;
    background: rgba(0,0,0,.6);
    padding: 0 5px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
}

.de-class-w.new{
    padding: 5px;
}

.de-w-title.new{
    width: 65%;
}

.d-g-color{
    color: #00CC00;
}

.d-r-color{
    color: #FF0000;
    font-size: 14px;
}


/*MNC001-资讯栏目首页css*/
.d-zx-news.new{
    margin-top: 5px;
}


/*MNC001-资讯栏目首页博客风格css*/
.d-contents{
    padding: 0 10px;
    width: 100%;
}



.d-blog-title .d-b-title{
    width: 70%;
}


/*MLC001-文库栏目首页*/
.tea-pword-nav {
    width: 100%;
    padding: 0 5px;
}

.tea-pword-nav li {
    float: left;
    width: 32%;
    margin-right: 2%;
}

.tea-pword-nav li:nth-child(3n+3){
    margin-right: 0;
}

.tea-pword-nav li {
    text-align: center;
    padding-bottom: 15px;
}



.tea-pword-nav li a {
    display: block;
    position: relative;
    cursor: pointer;
}

.tea-pword-img {
    position: relative;
    width: 100%;
    height: 130px;
    overflow: hidden;
    border: 1px solid #d7d7d7;
}

.tea-pword-img img {
    position:relative;
    width: 100%;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tea-pword-log {
    display: block;
    width: 33px;
    height: 18px;
    background: #87c9b0;
    color: #fff;
    line-height: 18px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.tea-pword-log.false{
    display: none;
}

.tea-pword-title {
    margin: 8px 0 0 0;
    font-size: 12px;
    color: #333333;
    width: 100%;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-align: center;
}

.tea-pword-click {
    margin: 0;
    font-size: 12px;
    color: rgb(153, 153, 153);
    width: 100%;
    text-align: center;
    padding-top: 5px;
    height: 18px;
    overflow: hidden;
}

.d-pcount{
    color: #999999;
    font-size: 12px;
    text-align: center;
    display: block;
}

.d-search.bg-white{
    background: #fff;
}
/*首页导航条多行圆型风格*/
.mul-banner-nav{
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.mul-banner-nav li{
    display: inline-block;
    width: 16%;
    margin-right: 3%;
    /*padding-bottom: 15px;*/
    vertical-align: top;
}
.mul-banner-nav li:nth-child(5n+5){
    margin-right: 0;
}
.mul-banner-nav.four li{
    margin-right: 8%;
}
.mul-banner-nav.three li{
    margin-right: 12%;
}
.mul-banner-nav.two li{
    margin-right: 15%;
}
.mul-banner-nav.four li:nth-child(4n+4),
.mul-banner-nav li:last-child,
.mul-banner-nav li:only-child{
    margin-right: 0;
}
.mul-banner-nav li a{
    display: block;
    width: 100%;
}
.mul-banner-img{
    width: 100%;
    border-radius: 50%;
}
.mul-banner-title,
.single-banner-title{
    margin-top: 10px;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #000;
    text-align: center;
}
.mul-banner-nav.tn .mul-banner-img,
.mul-banner-nav.sf .mul-banner-img{
    border-radius: 0;
}
.single-banner-box{
    width: 100%;
    overflow-x: auto;
    padding: 15px 0;

}
.single-banner-nav{
    text-align: center;
    white-space: nowrap;
    /*width: 300%;*/

}
.single-banner-nav li{
    display: inline-block;
    width: 60px;
    margin:0 5px;
    vertical-align: top;
}
.single-banner-nav li:first-child{
    margin: 0 5px 0 10px;
}
.single-banner-nav li:last-child{
    margin: 0 10px 0 5px;
}
/*.single-banner-nav li+li{
    margin-left: 10px;
}*/
.single-banner-nav li a{
    display: block;
    white-space: normal;
}
.single-banner-img{
    display: block;
    width: 100%;
}
.de-account-info{
    position: relative;
    display: block;
    width: 100%;
    /*height: 74px;*/
    background: #fff;
    padding: 15px 25px 15px 65px;
}
.de-account-shot{
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    overflow: hidden;
}
.de-account-shot img{
    width: 100%;
    height: 100%;
    border-radius: 3px;
}
.de-account-arrow{
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    font-size: 18px;
    color: #999;
    line-height: 20px;
    text-align: right;
}
.de-account-list li{
    width: 100%;
}
.de-account-list li+li{
    border-top: 1px solid #eee;
}
.de-account-list li a{
    position: relative;
    display: block;
    height: 50px;
    background: #fff;
    padding: 5px 80px 0 42px;
}
.de-account-icon{
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
}
.de-account-icon.vip{
    background: url("esm.images/account/i-1.png") center no-repeat;
    background-size: 30px 30px;
}
.de-account-icon.studycard{
    background: url("esm.images/account/i-2.png") center no-repeat;
    background-size: 30px 30px;
}
.de-account-icon.balance{
    background: url("esm.images/account/i-3.png") center no-repeat;
    background-size: 30px 30px;
}
.de-account-icon.redEnvelope{
    background: url("esm.images/account/i-4.png") center no-repeat;
    background-size: 30px 30px;
}
.de-account-icon.coupons{
    background: url("esm.images/account/i-5.png") center no-repeat;
    background-size: 30px 30px;
}
.de-account-icon.mypoint{
    background: url("esm.images/account/i-6.png") center no-repeat;
    background-size: 30px 30px;
}
.de-account-icon.mycredit{
    background: url("esm.images/account/i-7.png") center no-repeat;
    background-size: 30px 30px;
}
.de-account-icon.setpassword{
    background: url("esm.images/account/i-8.png") center no-repeat;
    background-size: 30px 30px;
}
.de-account-icon.bindmgmt{
    background: url("esm.images/account/i-9.png") center no-repeat;
    background-size: 30px 30px;
}
.de-account-icon.myorder{
    background: url("esm.images/account/i-10.png") center no-repeat;
    background-size: 30px 30px;
}
.de-account-tag{
    position: absolute;
    right: 20px;
    top: 0;
    width: 60px;
    font-size: 14px;
    color: #333;
    line-height: 50px;
    text-align: right;
}
/***MT001讲师风采***/
.maincontdiv{
    width:100%;
    padding:0 5px;
}
.teacher_title{
    width: 100%;
    height:40px;
    padding:0 5px;
    background: #f2f5f7;
}
.t_title{
    float: left;
    margin: 0;
    font-size:15px;
    color:#666;
    line-height: 40px;
}
.t_title em{
    display: inline-block;
    position:relative;
    top:2px;
    margin-right: 5px;
    width: 4px;
    height:15px;
    background: #f4c600;
}
.teacher_intro{
    width: 100%;
    background: #fff;
    padding:10px 5px;
}
.teacher_intro a{
    display:block;
    position:relative;
    margin-bottom: 5px;
    width: 100%;
    height:200px;
    overflow:hidden;
    background: #f2f2f2;
 /*   border:1px solid #f00;*/
}
.teacher_intro a img{
    position:relative;
    width: 100%;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.no_img_state{
    position:relative;
    top:15px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 70%;
    text-align: center;
}
.no_img_state i{
    display: block;
    font-size:80px;
    color:#ccc;
}
.no_img_state span{
    display: block;
    z-index: 50;
    font-size: 15px;
    font-weight:bold;
    color:#ccc;
    margin-top: -10px;
}
.teacher_more{
    float:right;
    font-size:12px;
    color:#999;
    line-height: 40px;
}
.teacher_name_info{
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    height:40px;
    background: rgba(0,0,0,.8);
    padding:0 5px;
}
.t-name{
    font-size:12px;
    color:#fff;
    line-height: 40px;
}
.support_num{
    float: right;
    font-size:12px;
    color:#fff;
    line-height: 40px;
}
.support_num i{
    font-size:12px;
    color:#f4c600;

}
/***MT002讲师详情***/
.teacher_header{
    position:relative;
    width: 100%;
    height:211px;
    overflow: hidden;
/*    border:1px solid #f00;*/
}
.teacher_header img{
    position:relative;
    width: 100%;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.teacher_header.newbg{
    background: rgba(0,0,0,.12);
}
.play_video{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-30px;
    margin-top:-30px;
    background: url("images/decorate/play_video.png") no-repeat center;
    width: 60px;
    height:60px;

}
.t-focus-on{
    position:absolute;
    right:10px;
    bottom:10px;
    height:30px;
    background: #f4c600;
    border-radius:3px;
    font-size:14px;
    color:#fff;
    padding:0 10px;
    line-height: 30px;
}
.t-focus-on:hover{
    color:#fff;
}
.t-focus-on.grey{
    background: #ccc;
    cursor: default;
}
.t-focus-on.grey:hover{
    background: #ccc;
    color:#fff;
}
.t-focus-on i{
    position:relative;
    top:2px;
    font-size:18px;
    margin-right: 5px;
}

.teacher-right-btn{
    position:absolute;
    right:10px;
    bottom:10px;
}


.headshow_list_box{
    position:relative;
    width: 100%;
    border-bottom:5px solid #e4e4e4;
    height:65px;
    overflow: hidden;
    padding:0 5px;

}

/****ul样式*****/
.headshow_list{
    float: left;
    height:65px;
    /*padding:0 70px 0 5px;*/
    overflow: hidden;
/*    border:1px solid #f00;*/
}

.headshow_list li{
    float: left;
    margin:15px 10px 15px 0!important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.headshow_list li img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.focus_num{
    float: left;
    margin-top: 15px;
    /*position:absolute;
    right:5px;
    top:15px;*/
    width: 70px;
    font-size:12px;
    color:#999;
    line-height: 30px;
}
.teacher_nav_list{
    width: 100%;
    border-bottom:1px solid #e4e4e4;

}
.teacher_nav_list li{
    float: left;
    width: 20%;
    font-size:14px;
    color:#000;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    box-sizing: border-box;
}
.teacher_nav_list li.selected{
    color:#0c9;
    border-bottom:1px solid #0c9;
}
.teacher_toggle_box{
    width: 100%;
    margin-top: 5px;
}
.teacher_toggle_box img{
    max-width: 100%;
}
.t-details-title{
    width: 100%;
    height:30px;
    line-height: 30px;
    padding:0 5px;
}
.t-keyword{
    float: right;
    margin:0;
    font-size:12px;
    line-height:30px;
}
.reward{
    position:fixed;
    bottom:90px;
    right:10px;
    z-index:10;
    width: 32px;
    height:32px;
    border-radius:50%;
    background: #0c9;
    font-size:14px;
    color:#fff;
    text-align: center;
    line-height: 32px;
}
.reward:hover,
.reward:focus{
    color:#fff;
}
/***讲师详情---课堂****/
.teacher_classroom_list{
    width: 100%;
    padding:0 5px;
}
.teacher_classroom_list a{
    display: table;
    width: 100%;
    padding: 10px 0;
    border-bottom:1px solid #f2f2f2;
}
.teacher_classroom_list a:first-of-type{
    padding-top:0;
}
.teacher_classroom_list a dt{
    width:172px;
    display: table-cell;
    vertical-align: middle;
}
.teacher_classroom_list a dd{
    display: table-cell;
    padding-left:10px;
}
.tea-c-price{
    margin-top: 15px;
    font-size:14px;
    color:#f63;
}
.tea-look-num{
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
    font-size:12px;
    color:#999;
}
.tea-look-num i{
    font-size:12px;
    margin-right: 4px;
}
.tea-c-title{
    margin: 0;
    width: 100%;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    max-height: 42px;
    padding-top:5px;
    overflow: hidden;
}

/**讲师关注按钮***/
.tea-ask{
    float: left;
    background: rgb(51, 153, 51);
    width: 65px;
    height: 30px;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    border-radius: 3px;
}
.tea-leave{
    float: left;
    background: url("images/decorate/t-ly.png") no-repeat center;
    width: 65px;
    height: 30px;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    margin-right: 10px;
}
.tea-ask:hover{
    color: #fff;
    opacity: .6;
    filter: alpha(opacity=60);
}

.tea-leave:hover{
    color: #fff;
}
.tea-ask.new{
    background: #cccccc;
}
/*购买条*/
.product-p-link{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 70;
    width: 100%;
    height: 40px;
    background: rgba(0,0,0,.75);
    padding:0 170px 0 5px;
}
.product-p-title{
    width: 100%;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
}
.product-p-price{
    position: absolute;
    right: 120px;
    top: 0;
    font-size: 16px;
    color: #ff0000;
    line-height:40px;
}
.product-p-btn{
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
    height: 40px;
    background: #3dcc9a;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}
.product-p-btn.disabled{
    background: #e4e4e4!important;
    color: #3c9;
    pointer-events: none;
}
/*报名表*/
.d-s-btn{
    width: 100%;
    height: 40px;
    border-radius: 3px;
    background: #3dcc9a;
    font-size:14px;
    color: #fff;
    text-align: center;
}
@media(min-width: 320px){
    .headshow_list{
        max-width: 65%;
    }
}
@media(min-width: 360px){
    .spoc-arr-g{
        max-width: 57%;
    }
    .spoc-arr-g.long{
        max-width: 66%;
    }
    .de-w-title{
        max-width: 78%;
    }
    .headshow_list{
        max-width: 80%;
    }
    .lib-info-title{
        max-width: 91%;
    }
}
@media(min-width: 375px){
    .spoc-arr-g{
        max-width: 59%;
    }
    .spoc-arr-g.long{
        max-width: 68%;
    }
    .de-w-title{
        max-width: 79%;
    }
    .headshow_list{
        max-width: 77%;
    }
    .lib-info-title{
        max-width: 91%;
    }
}
@media(min-width:414px){
    .spoc-arr-g{
        max-width: 63%;
    }
    .spoc-arr-g.long{
        max-width: 71%;
    }
    .de-w-title{
        max-width: 81%;
    }
    .headshow_list{
        max-width: 80%;
    }
    .lib-info-title{
        max-width: 92%;
    }
}
@media(min-width:412px){
    .headshow_list{
        max-width: 80%;
    }
}
@media(min-width:600px){
    .spoc-arr-g{
        max-width: 74%;
    }
    .spoc-arr-g.long{
        max-width: 80%;
    }
    .de-w-title{
        max-width: 87%;
    }
    .headshow_list{
        max-width: 82%;
    }
    .lib-info-title{
        max-width: 94%;
    }
}
@media(min-width:768px){
    .spoc-arr-g{
        max-width: 80%;
    }
    .spoc-arr-g.long{
        max-width: 84%;
    }
    .de-w-title{
        max-width: 90%;
    }
    .headshow_list{
        max-width: 90%;
    }
    .lib-info-title{
        max-width: 95%;
    }
}

/*公用*/
.flex-space {
    display: flex !important;
    justify-content: space-between
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.padding15 {
    padding: 0 15px;
}

.font30 {
    font-size: 15px;
}

.font32 {
    font-size: 16px;
}

.font34 {
    font-size: 17px;
}

.font20 {
    font-size: 10px;
}

.font22 {
    font-size: 11px;
}

.font24 {
    font-size: 12px;
}

.font26 {
    font-size: 13px;
}

.font28 {
    font-size: .14px;
}

.bold {
    font-weight: bold;
    color: #38393A
}

.grey-tit {
    color: #A7A9AF
}

.bgfff {
    background: #fff;
    padding-top: 10px;
    box-sizing: border-box
}

.color9a {
    color: #9a9a9a
}

.color-org {
    color: #F36200
}

.index p {
    padding: 0;
    margin: 0
}

.color-green {
    color: #3AA600
}

/*公共的标题样式*/
.pub-tit {
    font-size: 16px;
    padding: 0 10px;
    align-items: flex-end;
}

.pub-tit a {
    color: #9A9A9A;
    font-size: 12px;
}
/*row列表的公共样式*/
.row-list {
    padding: 0 5px;
    box-sizing: border-box;
}

.row-list .each {
    display: block;
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 5px;
}

.row-list .each:last-child {
    border: 0
}

.row-list .each .row-img {
    border-radius: 8px;
    flex: 0 0 auto;
}

.row-list .each .row-text {
    flex: 1
}

.row-list .each .row-text .font32 {
    line-height: 18px;
}

.row-list .each .row-text .font24 {
    color: #9A9A9A;
}

.row-list .each .row-text .font28 {
    color: #666;
    line-height: 18px;
}

/*横向拉动的样式*/
.row-auto-list {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow-y: auto;
}
/*.row-auto-list .each{margin-right:.2rem}*/
.row-auto-list .each:first-child {
    margin-left: 5px;
}

.row-auto-list::-webkit-scrollbar {
    display: none
}

/*文库推荐*/
.row-wk-list {
    width: 100%;
}

.row-wk-list .each {
    display: block;
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 0
}

.row-wk-list .each:last-child {
    border: 0
}

.row-wk-list .each .row-img {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.row-wk-list .each .row-text .font26 {
    padding-bottom: 5px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.row-wk-list .each .row-text .reading.font24 {
    color: #9A9A9A;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.row-wk-list .each .row-text .font24 {
    color: #666;
    line-height: 18px;
    margin-bottom: 12px;
}

.row-wk-list .each .row-text .font24 {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*最新资讯*/
.row-news-list .each .row-img {
    margin-left: 15px;
    width: 39%;
    max-height: 90px;
}

.row-news-list .each.flex-space .row-text {
    width: 60%;
    height: 100px;
}

.row-news-list .each .row-text .font26 {
    margin-bottom: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.row-news-list .each .row-text .font24 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
/*免费直播*/
.row-live-list .each .row-img {
    width: 160px;
    height: 90px;
    margin-right: 10px
}

.row-live-list .each .row-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

    .row-live-list .each .row-text .font26 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .row-live-list .each .row-text .font26 {
        color: #666
    }


/*广告位*/
.row-adver {
    padding-bottom: 15px
}

    .row-adver img {
        width: 100%;
    }

/*专家专栏*/
.row-experts-list {
    padding: 10px 5px;
}

.row-experts-list .each {
    width: 145px;
    height: 135px;
    padding-right: 10px;
}

.row-experts-list .each .inside {
    width: 135px;
    height: 100%;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

.row-experts-list .each .tx-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.row-experts-list .each .font28 {
    padding: 8px 0
}

.row-experts-list .each .font24 {
    color: #BEBEBE;
}

/*高端班*/
.row-class-list {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
    box-sizing: border-box;
}
.row-just-list .each {
    display: flex;
    flex-direction: column;
    width: 50%;
    border: 0;
    justify-content: space-between;
    padding: 5px;
}

.row-class-list .row-img {
    width: 100%;
    margin-bottom: 11px;
}

.row-just-list.row-lesson-list .each .row-img {
    width: 100%;
    margin-bottom: 11px;
}

.row-just-list .each .font26 {
    text-align: left;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.row-just-list .each .font28 {
    font-weight: bold
}

.row-just-list .each .flex-space {
    margin-top: 10px;
    align-items: center
}

/*最上面的banner*/
.swiper-wrapper .swiper-slide {
    width: 100%;
}

.swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
}


/*线下课*/
.row-offline-list.row-auto-list .row-img {
    width: 160px;
    height:90px;
}

.row-offline-list .each {
    
    box-sizing: border-box;
    width: 50%;
}


.row-lesson {
    padding: 5px;
}

.row-lesson .each {
    text-align: center
}

.row-lesson .each img {
    width: 62px;
    height: 62px;
    border-radius: 50%;
}

/*tab切换的部分*/
.row-lesson-list {
    padding: 0 5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.row-offline-list.row-lesson-list .each {
    width: 50%;
}

.row-online .rt-nav {
    font-size: 12px;
    color: #9A9A9A;
}

.row-online .rt-nav span {
    position: relative;
    margin-right: 15px;
}
@media screen and (min-width: 992px) {
    html {
        font-size: 55.2px;
    }
    .body {
        font-size: 55.2px;
    }
}

/* 2023H5端首页样式 */
.de-common-con-2023 {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}

.de-common-nav-title-2023 {
    float: left;
    margin: 0;
    width: 35%;
    height: 25px;
    font-size: 17px;
    color: #333;
    font-weight: 600;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.de-common-nav-2023 a {
    margin-top: 2.5px;
    float: right;
    font-size: 12px;
    color: #333333;
    line-height: 20px;
}

.text-truncate-2 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.mt6 {
    margin-top: 6px !important;
}

.ml1 {
    margin-left: 1px !important;
}

.mh12 {
    margin-left: 12px;
    margin-right: 12px;
}

/* 在线课 */
.de-h-list-2023 {
    width: 100%;
}

.de-h-list-2023 li {
    margin-bottom: 12px !important;
    float: left;
    width: calc(50% - 6px);
    background: #FFF;
    border-radius: 8px;
    overflow: hidden;
}

.de-h-list-2023 li:nth-child(odd) {
    margin-right: 6px;
}

.de-h-list-2023 li:nth-child(even) {
    margin-left: 6px;
}

.image-scale-2023 {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 52.94%;
    overflow: hidden;
}

.image-scale-2023 img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.de-h-tag-2023 {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 6px;
    height: 16px;
    font-size: 10px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    background: linear-gradient(90deg, #F56C0F, #F9B704);
    border-bottom-right-radius: 8px;
}

.de-h-content-2023 {
    height: 89px;
    padding: 0 10px;
}

.de-h-title-2023 {
    margin: 6px 0 0;
    width: 100%;
    height: 22px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    line-height: 22px;
    overflow: hidden;
}

.de-h-desc-2023 {
    font-size: 11px;
    font-weight: 400;
    color: #828594;
    height: 38px;
    line-height: 19px;
    word-break: break-all;
}

.de-i-2023 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.de-price-2023 {
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 17px;
    line-height: 25px;
    color: #FF3D17;
}

.de-price-2023.free {
    font-size: 15px;
    line-height: 23px;
    color: #00CC00;
}

.de-pre-price-2023 {
    margin-right: 4px;
    font-size: 10px;
    line-height: 18px;
    text-decoration: line-through;
    color: #B6B6B6;
}

.de-price-unit-2023 {
    font-size: 10px;
    line-height: 18px;
}

.de-users-2023 {
    padding-left: 19px;
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url("/m/Content/images/decorate/view.png") left no-repeat;
    background-size: 15px 10px;
    background-position: left center;
    font-size: 10px;
    line-height: 18px;
    color: #828594;
}

/* 线下课 */
.de-offline-course-default__item {
    position: relative;
    margin-bottom: 10px;
    height: 0;
    width: 100%;
    padding-bottom: 27.92%;
}

.de-offline-course-default__item:first-child {
    margin-top: 14px;
}

.de-offline-course-default__item-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
}

.de-offline-course-tag-2023 {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 6px;
    height: 16px;
    font-size: 10px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    background: linear-gradient(90deg, #F56C0F, #F9B704);
    border-bottom-right-radius: 8px;
}

.de-offline-course-default__item-image {
    width: 38.46%;
    height: 100%;
    margin-right: 18px;
    flex-shrink: 0;
    overflow: hidden;
}

.de-offline-course-default__item-image .de-offline-course-img {
    width: 100%;
    height: 100%;
}

.de-offline-course-img__inner {
    vertical-align: top;
}

.de-offline-course-img__error, .de-offline-course-img__inner, .de-offline-course-img__placeholder {
    width: 100%;
    height: 100%;
}

.de-offline-course-default__item-content {
    padding: 6px 0;
    flex: 1;
    width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.de-offline-course-default__item-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    color: #333333;
}

.de-offline-course-default__item-remark {
    margin-top: 6px;
    font-size: 11px;
    line-height: 19px;
    color: #828594;
}

.de-offline-course-default__item-desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 10px;
}

.de-offline-course-users-2023 {
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 10px;
    line-height: 18px;
    color: #828594;
}

.de-offline-course-price-2023 {
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 17px;
    line-height: 25px;
    color: #FF3D17;
}

.de-offline-course-price-2023.free {
    font-size: 15px;
    line-height: 23px;
    color: #00CC00;
}

.de-offline-course-pre-price-2023 {
    margin-right: 4px;
    font-size: 10px;
    line-height: 18px;
    text-decoration: line-through;
    color: #B6B6B6;
}

.de-offline-course-price-unit-2023 {
    font-size: 10px;
    line-height: 18px;
}

/* 直播课 */
.de-live-h-list-2023 {
    width: 100%;
}

.de-live-h-list-2023 li {
    margin-bottom: 12px !important;
    float: left;
    width: calc(50% - 6px);
    background: #FFF;
    border-radius: 8px;
    overflow: hidden;
}

.de-live-h-list-2023 li:nth-child(odd) {
    margin-right: 6px;
}

.de-live-h-list-2023 li:nth-child(even) {
    margin-left: 6px;
}

.de-live-image-scale-2023 {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 52.94%;
    overflow: hidden;
}

.de-live-image-scale-2023 img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.de-live-h-tag-2023 {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 6px;
    height: 16px;
    font-size: 10px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    background: linear-gradient(90deg, #F56C0F, #F9B704);
    border-bottom-right-radius: 8px;
}

.de-live-h-tag-buycount-2023 {
    position: absolute;
    left: 0;
    bottom: 5px;
    height: 16px;
    display: flex !important;
    align-items: center;
    padding-left: 11px;
    padding-right: 8px;
    background: rgba(51, 51, 51, .6);
    border-radius: 0px 8px 8px 0px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
}

.de-live-h-content-2023 {
    height: 89px;
    padding: 0 10px;
}

.de-live-h-title-2023 {
    margin: 6px 0 0;
    width: 100%;
    height: 22px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    line-height: 22px;
    overflow: hidden;
}

.de-live-h-desc-2023 {
    display: flex !important;
    align-items: center;
    font-size: 11px;
    font-weight: 400;
    color: #828594;
    line-height: 19px;
    word-break: break-all;
}

.de-live-i-2023 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.de-live-price-2023 {
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 17px;
    line-height: 25px;
    color: #FF3D17;
}

.de-live-price-2023.free {
    font-size: 15px;
    line-height: 23px;
    color: #00CC00;
}

.de-live-pre-price-2023 {
    margin-right: 4px;
    font-size: 10px;
    line-height: 18px;
    text-decoration: line-through;
    color: #B6B6B6;
}

.de-live-price-unit-2023 {
    font-size: 10px;
    line-height: 18px;
}

.de-live-users-2023 {
    flex-shrink: 0;
    padding-left: 19px;
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url("/m/Content/images/decorate/view.png") left no-repeat;
    background-size: 15px 10px;
    background-position: left center;
    font-size: 10px;
    line-height: 18px;
    color: #828594;
}

.de-live-status {
    display: flex;
    align-items: center;
    padding: 0 3px;
    font-size: 9px;
    line-height: 17px;
    height: 16px;
    border-radius: 3px;
}

.de-live-status::before {
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    margin-right: 2px;
    border-radius: 2px;
}

.de-live-status--notbegin {
    color: #FF3D17;
    background: rgba(255, 61, 23, .1);
}

.de-live-status--notbegin::before {
    background: #FF3D17;
}

.de-live-status--ended {
    background: rgba(130, 133, 148, .1);
    color: #828594;
}

.de-live-status--ended::before {
    background: #828594;
}

.de-live-status--living {
    background: rgba(1, 180, 27, .1);
    color: #01B41B;
}

.de-live-status--living::before {
    background: #01B41B;
}

/* 班级 */
.de-class-default__item {
    position: relative;
    margin-top: 10px;
    height: 0;
    width: 100%;
    padding-bottom: 28.49%;
}

.de-class-default__item:first-child {
    margin-top: 14px;
}

.de-class-default__item-box {
    box-sizing: border-box;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
}

.de-class-tag-2023 {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 6px;
    height: 16px;
    font-size: 10px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    background: linear-gradient(90deg, #F56C0F, #F9B704);
    border-bottom-right-radius: 8px;
}

.de-class-tag-plus-2023 {
    position: absolute;
    left: 5px;
    bottom: 5px;
    color: #fff;
    font-size: 10px;
}

.de-class-default__item-image {
    width: 39.57%;
    height: 100%;
    margin-right: 18px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 6px;
}

.de-class-default__item-image .de-class-img-2023 {
    position: relative;
    width: 100%;
    height: 100%;
}

.de-class-img-2023__inner {
    vertical-align: top;
}

.de-class-img-2023__error, .de-class-img-2023__inner, .de-class-img-2023__placeholder {
    width: 100%;
    height: 100%;
}

.de-class-default__item-content {
    flex: 1;
    width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.de-class-default__item-title {
font-size: 14px;
font-weight: bold;
line-height: 22px;
color: #333333;
}

.de-class-default__item-remark {
margin-top: 2px;
font-size: 11px;
line-height: 19px;
color: #828594;
}

.de-class-default__item-desc {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding-right: 10px;
}

.de-class-users-2023 {
padding-left: 19px;
height: 18px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background: url("/m/Content/images/decorate/view.png") left no-repeat;
background-size: 15px 10px;
background-position: left center;
font-size: 10px;
line-height: 18px;
color: #828594;
}

.de-class-price-2023 {
display: flex;
align-items: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 17px;
line-height: 25px;
color: #FF3D17;
}

.de-class-price-2023.free {
    font-size: 15px;
    line-height: 23px;
    color: #00CC00;
}

.de-class-pre-price-2023 {
margin-right: 4px;
font-size: 10px;
line-height: 18px;
text-decoration: line-through;
color: #B6B6B6;
}

.de-class-price-unit-2023 {
    font-size: 10px;
    line-height: 18px;
}

/* 资讯 */
.de-common-con-2023-box {
    padding: 20px 10px 5px;
    background: #fff;
    border-radius: 12px;
}

.de-info-default__item-content-box {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
}

.de-info-default__item-content-box {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
}

.de-info-default__item-content-box:first-child {
    padding-top: 20px;
}

.de-info-default__item-content-box:last-child {
    border-bottom: none;
}

.de-info-default__item {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 22.658%;
}

.de-info-default__item-box {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
    border-radius: 8px;
}

.de-info-tag-2023 {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 6px;
    height: 16px;
    font-size: 10px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    background: linear-gradient(90deg, #F56C0F, #F9B704);
    border-bottom-right-radius: 8px;
}

.de-info-tag-plus-2023 {
    position: absolute;
    left: 5px;
    bottom: 5px;
    color: #fff;
    font-size: 10px;
}

.de-info-default__item-image {
    width: 36.25%;
    height: 100%;
    margin-right: 18px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 6px;
}

.de-info-default__item-image .de-info-img-2023 {
    position: relative;
    width: 100%;
    height: 100%;
}

.de-info-img-2023__inner {
    vertical-align: top;
}

.de-info-img-2023__error, .de-info-img-2023__inner, .de-info-img-2023__placeholder {
    width: 100%;
    height: 100%;
}

.de-info-default__item-content {
    flex: 1;
    width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.de-info-default__item-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    color: #333333;
}

.de-info-default__item-remark {
    margin-top: 2px;
    font-size: 11px;
    line-height: 19px;
    color: #828594;
}

.de-info-default__item-desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 10px;
}

.de-info-users-2023 {
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 10px;
    line-height: 18px;
    color: #828594;
}

.de-info-price-2023 {
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 17px;
    line-height: 25px;
    color: #FF3D17;
}

.de-info-price-2023.free {
    font-size: 15px;
    line-height: 23px;
    color: #00CC00;
}

.de-info-pre-price-2023 {
    margin-right: 4px;
    font-size: 10px;
    line-height: 18px;
    text-decoration: line-through;
    color: #B6B6B6;
}

.de-info-price-unit-2023 {
    font-size: 10px;
    line-height: 18px;
}

/* 导航 */
.dev-nav-index .menu {
    display: flex;
    padding-top: 19px;
    flex-wrap: wrap;
}

.dev-nav-index .menu .menu-a {
    display: block;
    width: 25%;
    font-size: 13px;
    color: #4A4A4A;
    font-weight: 700;
    margin-bottom: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dev-nav-index .menu .menu-a img {
    width: 40px;
    display: block;
    margin-bottom: 5px;
}