@charset "utf-8";

/*整体框架  start*/
body,html {color:#515a6e;height: 100%;margin: 0; padding: 0;}
body {background: #F2F3F8;padding-right: 0 !important;overflow-y: scroll;}
.wrap-content { margin: 0 auto;}
.bodywrap-content {box-sizing: border-box;margin: 0 auto; min-height: 858px;}
@media (min-width: 1200px) {
    .bodywrap-content {min-height: 800px;}
    .container {max-width: 1440px !important;}
}
@media (min-width: 576px){
    .container {max-width: 1440px !important;}
}
.modal-open {
    overflow: auto !important;
}
b, strong,em{font-weight: 400;font-style: normal;}
/*h1{font-size: 3.5rem !important;}*/
.bgwhite {border-radius: 5px;background: #ffffff;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.05);margin-bottom: 10px;margin-left: -7px;margin-top: 23px;min-height: 588px;}
.mini-bgwhite.bgwhite{width: 1170px;height: 110px;min-height: 0;display: block;margin-left: 4px;}
.peripheral-layout {height: 100%;border-radius: 5px;background: #ffffff;box-shadow: 3px 0 10px rgba(234,239,255,0.9);}
.bgf2f3f8{background: #F2F3F8 !important;}
.bgf7f8f9{background: #F7F8F9 !important;}
.mgnegnum {margin: 0 -15px 0 0;width:100%;}

a {color: #4A90E2;outline:none;cursor: pointer;-webkit-transition: color .3s ease;transition: color .3s ease;}
a:hover {color: #7FB6F7; text-decoration: none;}
.form-control{transition: none;}
textarea{resize: none;border:1px solid #ccc;}
dl,dt,dd {display: block;margin: 0;font-weight: normal;}
ul,li{margin: 0;padding: 0;}
ul li{list-style: none;}
table{word-break: break-all;}
.btn{transition: none;}
p{margin: 0;}
h1,h2,h3,h4,h5{margin: 0;}
.btn-primary.focus, .btn-primary:focus{box-shadow: none;}
.btn.focus, .btn:focus{box-shadow: none;}
.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow: none;}
.btn-primary:not(:disabled):not(.disabled):active{background: #4A90E2 !important;border-color:#4A90E2 !important;color: #FFF !important;}
.btn-primary:hover {background-color: #7FB6F7;border-color: #7FB6F7;}
.btn-primary.btn-yellow{background: #F5A623 !important;border-color: #F5A623 !important;}
.btn-primary.btn-yellow:hover{background: #FFCC77 !important;border-color:#FFCC77 !important;color: #FFF !important;}
.btn-primary.btn-yellow:not(:disabled):not(.disabled):active{background: #FFCC77 !important;border-color:#FFCC77 !important;color: #FFF !important;}
a.btn {line-height: 38px;padding: 0;}
.tooltip-inner {color: #6b6b6b; background-color: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2)}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {border-bottom-color: #fff;}
textarea:disabled{color:#9b9b9b !important;background: #FFF;}
input:disabled{color:#9b9b9b !important;background: #FFF;}
::-ms-clear,
::-ms-reveal {display:none;}
/*整体框架  end*/

/*公用样式  start*/
.m0{margin: 0 !important;}
.ml0{margin-left:0 !important;}
.ml4{margin-left:4px !important;}
.ml15{margin-left:15px !important;}
.ls2{letter-spacing: 2em;}
.no-border{border: none !important;}
.w300px{width: 300px;}
.em-color{color: #D0021B;}
.text-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.text-info {color: #9b9b9b !important; font-size: 14px; margin: 0 0 5px 0;}
.f-cgray {color: #999;}
.f-h10 {height: 10px; clear: both;}
.f-h5 {height: 5px; clear: both;}
.f-w20{width:20px; clear: both;display: inline-block;}
::-webkit-input-placeholder{font-size:12px;color:#ccc;}
:-moz-placeholder{font-size:12px;color:#ccc;}
::-moz-placeholder{font-size:12px;color:#ccc;}
:-ms-input-placeholder{font-size:12px;color:#ccc;}
::-webkit-textarea-placeholder{font-size:12px;color:#ccc}
:-ms-textarea-placeholder{font-size:12px;color:#ccc}
.f-tal{text-align:left !important;}
.f-tac{text-align:center !important;}
.f-tar{text-align:right !important;}
.wrapper-flow-root{display: flow-root;} @supports not (display:flow-root) { .wrapper::after { content: ''; display: table; clear:both; } }
input[type="radio"]:checked + label{color:#4A90E2;}
input[type="checkbox"]:checked + label{color:#4A90E2;}
.custom-file-label {color: #fff;text-align: center; border: 1px solid #4A90E2; background: #4A90E2;height: 40px;padding-top: 8px;}
.custom-file-input:lang(en)~.custom-file-label::after {content: "" !important; padding: 0; border: 0;}
.custom-file-label::after{content:"" !important;background:none;border:none;}
/* define bootstrap 5 columns start*/
.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 {position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.col-xs-1-5 {width:20%;float:left;}
@media (min-width:768px) {.col-sm-1-5 {width:20%;float:left;}}
@media (min-width:992px) {.col-md-1-5 {width:20%;float:left;}}
@media (min-width:1200px) {.col-lg-1-5 {width:20%;float:left;}}
/* define bootstrap 5 columns end*/

/*无数据样式start*/
.noData {padding: 30px 0;margin: 0 auto;}
.noData span {display: block; margin: 0 auto 30px auto; width: 148px; height: 102px; background: url(../../images/common/nodata.png) no-repeat 0 0;}
.noData em {font-style: normal; display: block; font-size: 14px; color: #999; text-align: center;}

.no-data-item{ width: 100%;height: 92px;margin: 0 auto; /*水平居中*/padding:200px 0;}
.no-data-item.all-page{padding-top:0; height: auto;}
.no-data-item>i{display: block;font-size: 52px;color:#CFCFCF;}
.no-data-item>.no-data-text{display: block;font-size: 18px;color:#CCC;margin-top: 10px;}
/*无数据样式end*/

/* 评价星星start */
.vote-star {display: inline-block;margin-right: 6px;width: 120px;height: 24px;overflow: hidden;vertical-align: middle;background: url(../../images/common/starblack.png) repeat-x;background-size: 24px 24px;}
.vote-star i {display: inline-block;height: 24px;background: url(../../images/common/staryellow.png?0702) repeat-x 0 0;transition: all .3s cubic-bezier(.645,.045,.355,1);background-size: 24px 24px;}
.vote-number {vertical-align: middle;font-family: 微软雅黑, Verdana, Geneva, sans-serif;font-size: 12px;}
/* 评价星星end */

/*修改bootstrap分页器start*/
.page-item.disabled .page-link{border-color:transparent;cursor: not-allowed;pointer-events: auto;}
.page-item.disabled .page-link:hover{border-color:transparent !important;}
.page-link:hover{color:#4A4A4A;}
/*修改bootstrap分页器start*/

@font-face { font-family: 'iconfont';
    src: url('../../fonts/iconfont.eot?0316'); /* IE9*/
    src: url('../../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/iconfont.woff?0316') format('woff'), /* chrome、firefox */
    url('../../fonts/iconfont.ttf?0316') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../../fonts/iconfont.svg#svgFontName') format('svg'); /* iOS 4.1- */}
[class^="icon-"],[class*=" icon-"]{ font-family:"iconfont"; font-size:16px;font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; }
[class^="icon-"]:before,[class*=" icon-"]:before{ text-decoration:inherit; display:inline-block; speak:none}


/* 加载图片start */
.loading-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1000}
.loading-img{position: absolute;/*width: 50px;height: 50px;*/top: 50%;left: 50%;transform: translate(-50%,-50%);}/*通过margin来控制图片位置*/
/* 加载图片end */

/* 帮助提示start */

.help-tip{position:absolute;top:6px;left:85px;text-align:center;background-color:#FFF;border-radius:50%;width:16px;height:16px;font-size:14px;line-height:12px;cursor:default;border: 2px solid #999;}
.help-tip:before{content:'i';font-weight:normal;color:#999;margin:0 auto;}
.help-tip:hover p{display:block;transform-origin:100% 0;-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out}
.help-tip p{z-index:1;display:none;text-align:left;background-color:#1e2021;padding:15px;width:300px;position:absolute;border-radius:3px;box-shadow:1px 1px 1px rgba(0,0,0,0.2);right:-10px;top:30px;color:#FFF;font-size:13px;line-height:1.4}
.help-tip p:before{position:absolute;content:'';width:0;height:0;border:6px solid transparent;border-bottom-color:#1e2021;right:10px;top:-12px}
.help-tip p:after{width:100%;height:40px;content:'';position:absolute;top:-40px;left:0}
@-webkit-keyframes fadeIn{
    0%{opacity:0;transform:scale(0.6)}
    100%{opacity:100%;transform:scale(1)}
}
@keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:100%}
}

/* 帮助提示end */

/* 竖条进度条start */
.verticalbar {width: 32px;height: 96px;background-color: #ECEAEA;position: relative;border-radius: 2px;}
.bar {width: 100%;display: block;background-color: #5DC4F3;position: absolute;bottom: 0;border-radius: 2px;}
/* 竖条进度条end */

/* flex布局兼容start */
.display-flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flexbox-dir-column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.justify-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.justify-between {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.justify-around {-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
.align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* flex布局兼容end */

/*公用样式  end*/

/* popover样式 start*/
.popover{border: 1px solid transparent;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);border-radius:8px;}
.popover-header{border:1px solid transparent;}
.popover-body{color:#4A4A4A;font-size: 12px;}
.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before{border-color:transparent;}
/* popover样式 end*/

/* 警告弹窗样式 start*/
.alert{padding: 0 0.6rem;height: 40px;line-height: 40px;color:#FFF;font-size: 14px;}
.close{line-height: 1.6;text-shadow: none;color:#9c9c9c;font-weight: normal;opacity: 1;}
.close:focus, .close:hover{color: #9c9c9c;}
.alert-fail{position: fixed;z-index: 999;left: 0;right: 0;top: 70px;margin: auto;width: 526px;background: #FFF2F1;border-color: #FFA39E;color:#F5222D;}
.alert-success{position: fixed;z-index: 999;left: 0;right: 0;top: 70px;margin: auto;width: 526px;background: #F6FFED;border-color: #B7EB8F;color:#9c9c9c;}
.alert-warning{position: fixed;z-index: 999;left: 0;right: 0;top: 70px;margin: auto;width: 526px;background: #FFFBE6;border-color: #FFE58F;color:#9c9c9c;}
.error-info{text-align: left;margin-left:10px;}
.error-info .icon-success{margin-right: 10px;color:#52C41A;}
.error-info .icon-fail{margin-right: 10px;color:#F5222D;}
.error-info .icon-warning{margin-right: 10px;color:#FAAD14;}
.error-info a{vertical-align: 0px;color: #1890FF;text-decoration: underline;}
/* 警告弹窗样式 end*/

/* 表格公共样式 start */
.table-striped tbody tr{transition: all .3s cubic-bezier(.645,.045,.355,1);}
.table-striped tbody tr:nth-of-type(odd){background-color: #FAFAFA;}
.table thead th{border: none;color:#4A4A4A;}
.table td{color: #595959;font-size: 14px;}
.table tr{box-shadow:0px 1px 0px 0px rgba(245,245,245,1);border-top: 1px solid #EEE;cursor: pointer;}
thead>tr{border-top: none !important;}
.table td, .table th{position: relative; border:none;padding-left: 30px;vertical-align:middle;}
tbody>tr:hover{background-color: #F2F3F8 !important;cursor: pointer;} /*表格项目hover特效*/
tbody>tr.sel{background-color: #e8e8e8 !important;} /*表格项目选中特效*/
.table-form>tbody>tr:hover{background:none !important;}
/* 表格公共样式 end */

/*表单 start*/
input[type=text] {height: 32px; line-height: 32px; width: 100%; font-size: 14px; border: 1px solid #c1c1c1;padding: 0 12px; }
input[type=text]:focus {outline: none;border-color: #4A90E2 !important;}
input[type=text].inputwid90 {width: 90%;}
input[type=text].inputwid80 {width: 80%;}
input[type=text].inputwid70 {width: 70%;}

input[type=password] {height: 32px; line-height: 32px; width: 100%; font-size: 14px; border: 1px solid #c1c1c1;padding: 0 5px; }
input[type=password]:focus {outline: none;border-color: #4A90E2 !important;}
input[type=password].inputwid90 {width: 90%;}
input[type=password].inputwid80 {width: 80%;}
input[type=password].inputwid70 {width: 70%;}

input[type="checkbox"] {width: 24px; height: 24px;cursor: pointer;}
input[type="checkbox"]:disabled{cursor: not-allowed !important;}
input[type="checkbox"] + label {display: block; margin: 0; }
input[type="checkbox"] + label::before {content: "";  /*不换行空格*/background:url(../../images/common/form.png) no-repeat 0 0;display: inline-block;width: 20px;height: 20px;margin: 0 5px 0 0; vertical-align: -3px;line-height: .65;/*行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高*/}
input[type="checkbox"]:checked + label::before {content: "";background:url(../../images/common/form.png) no-repeat 0 -50px !important;}
input[type="checkbox"]:disabled + label::before {content: "";background:url(../../images/common/form.png) no-repeat 0 -75px !important;}
input[type="checkbox"]:hover + label::before {content: "";background:url(../../images/common/form.png) no-repeat 0 -25px;}
input[type="checkbox"] {position: absolute;  opacity: 0;}/*clip: rect(0, 0, 0, 0);*/

.checkbox {display: block; margin: 0;width: max-content; /*解决点击单行被选中的问题*/}
.checkbox input[type="checkbox"] + em::before {content: "";  /*不换行空格*/background:url(../../images/common/form.png) no-repeat 0 0;display: inline-block;width: 20px;height: 20px;margin: 0 5px 0 0; vertical-align: -3px;line-height: .65;/*行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高*/}
.checkbox input[type="checkbox"]:checked + em::before  {content: "";background:url(../../images/common/form.png) no-repeat 0 -50px;}

.radio-list { display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none;}
.radio-list li { margin: 0 15px 0 0;}

input[type="radio"] {width: 24px; height: 24px;}
input[type="radio"] + label {display: block; margin: 0;}
input[type="radio"] + label::before {content: "";  /*不换行空格*/background:url(../../images/common/form.png) no-repeat -22px 3px;display: inline-block;width: 23px;height: 23px;margin: 0 5px 0 0; vertical-align: -4px;line-height: .65;/*行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高*/}
input[type="radio"]:disabled + label::before {content: "";background:url(../../images/common/form.png) no-repeat -22px -75px !important;}
input[type="radio"]:checked + label::before {content: "";background:url(../../images/common/form.png) no-repeat -22px -47px !important;}
input[type="radio"]:hover + label::before {content: "";background:url(../../images/common/form.png) no-repeat -22px -22px;}
input[type="radio"] {position: absolute;  opacity: 0;}/*clip: rect(0, 0, 0, 0);*/
input[type="radio"]:disabled{cursor: not-allowed !important;}

.radio {display: block; margin: 0;}
.radio input[type="radio"] + em::before {content: "";  /*不换行空格*/background:url(../../images/common/form.png) no-repeat -22px 3px;display: inline-block;width: 23px;height: 23px;margin: 0 5px 0 0; vertical-align: -4px;line-height: .65;/*行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高*/}
.radio input[type="radio"]:checked + em::before  {content: "";background:url(../../images/common/form.png) no-repeat -22px -47px;}


/* textarea {font-size: 14px; color: #a09f9f;} */
textarea:focus {outline: none;border-color: #4A90E2 !important;}
/*表单 end*/

/*头部样式  start*/
header{position:fixed;top:0;left:0;z-index:1000;height:60px;width:100%;box-shadow:0 0 5px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1);background:#fff;min-width: 1000px;}
.header-user .headerimg{display:block;width:36px;height:36px;border-radius:50%}
.header-class .header-logo{left:30px}
.header-class .header-usermessage{right:30px}
header .wrap-content{position:relative;height: 60px;}
.header-logo{margin:0}
.header-logo span{display:block;height:48px;margin:6px auto 0 auto;text-indent:-9999px;background:url(../../images/common/new-logo.png) no-repeat 0 0}
.header-logo-index{width: 150px;cursor: pointer;margin-left: 15px;}
.header-logo-index span{margin:6px auto 0 auto}
.header-logo-index img{padding:8px 0;}


.header-navi{font-size:14px;text-align:left;}
.header-navi>a{position: relative; margin:15px 30px;color:#595959;cursor:pointer;/*transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;*/opacity: 1;height: 60px;line-height: 60px;font-size: 14px;}
.header-navi>a:hover{text-decoration:none;opacity: 1;}
/* .header-navi>a.sel{color:#4A90E2;} */
.header-navi>a.sel::after{content: '';position: absolute;bottom: -22px;left: -14px;right: 0;margin: auto; height: 4px;background: #4A90E2;display: block;width: calc(100% + 30px);}
.header-navi>a>i{margin:0 9px 0 5px;font-size:18px;color:red;}
.header-usermessage{position:absolute;right:0;top:18px;width:220px;color:#c5c5c5}
.header-usermessage i{font-size:24px}
.header-certmind{float: right;}
.header-certmind>.icon-remind{position:relative}
.header-certmind>.icon-remind.hasremind::after{position:absolute;right:2px;top:0;width:8px;height:8px;content:"";border-radius:50%;background:#fb3a3a}
.header-user{float:right;margin:-18px 0 0 10px;cursor:pointer;padding: 10px 0;}
.header-user>em{display:inline-block;vertical-align:3px;margin:0 5px;font-size:14px;font-style:normal;color:#e2e2e2}

.header-user .headerimg {display:block; width: 36px; height: 36px; border-radius: 50%;}
.drop_down {right: -33px; top: 35px;}
.header-certmind > i {margin: 0 10px;cursor: pointer;}

.drop_down { position: absolute; top: 30px; min-width:100px;color: #666; box-shadow: 0 0 5px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1); -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #d1d1d1; background: #fff;}
.drop_down a { padding: 0 10px; height: 27px; line-height: 27px; font-size: 14px; color: #666;display: block;}
.drop_down a i {margin: 0 0.2em 0 0; font-size: 16px;}
.drop_down a:hover {color: #4A90E2;}
.drop_down em { margin: 0 0 0 -5px; position: absolute; top: -7px; left: 50%; width: 9px; height: 8px; background: url(../../images/common/sprite.png) no-repeat 0 0; display: block; }

.icon-accountmanage::before {content: "\e63b"} /*个人资料*/
.icon-exit::before {content: "\e654"} /*退出*/

/*浮动层的显示与隐藏*/
.x-hide { -webkit-transition-property: opacity,-webkit-transform; -moz-transition-property: opacity,-webkit-transform; -ms-transition-property: opacity,-webkit-transform; -o-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -ms-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -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; -webkit-transform: scale(0.9); opacity: 0; pointer-events: none; display: none\9; visibility: hidden; }
.x-show { opacity: 1; -webkit-transform: scale(1); pointer-events: all; display: block\9; visibility: visible; }
/*头部样式  end*/

/* 未注册状态下头部样式 start*/
.g-hometop{position:fixed;left:0;right:0;z-index:200;height:60px}
.g-hometop>a{margin:0 0 0 200px;}
.g-hometop>a img{padding:8px 0;}
.g-hometop.notop{background-color:#fff;color:#4a4a4a;min-width: 1000px;}
.g-hometop .m-nav{/*line-height:60px;*/margin-top:18px;}
.g-hometop .u-logo{width:120px;height:35px;background:url(../../images/v1/logo-white.png) no-repeat 0 0;margin-top:15px;}
.g-hometop .u-logo span{text-indent: -9999px;display: block;height: 60px;}
.g-hometop .u-logo.notop{background:url(../../images/v1/logo-color.png) no-repeat 0 0}
.g-hometop .m-userinfo{position:absolute;top:.8rem;right:200px;}
.g-hometop .m-userinfo a{margin:0 1.25rem 0 0;display:inline-block;}
.g-hometop .m-userinfo .u-applytrial{width:4.8125rem;height:2rem;line-height:2rem;text-align:center;font-size:14px;color:#fff;-webkit-border-radius:.1875rem;-moz-border-radius:.1875rem;border-radius:.1875rem}
.g-hometop .m-userinfo .u-applytrial.notop{color:#4a4a4a;background: none;}
.g-hometop .m-userinfo .u-logina{width:70px;height:35px;line-height:34px;text-align:center;color:#fff;border:1px solid #fff;-webkit-border-radius:.1875rem;-moz-border-radius:.1875rem;border-radius:3px;font-size:14px}
.g-hometop .m-userinfo .u-logina.notop{color:#4a4a4a;border: 1px solid #9B9B9B}
.g-hometop .m-nav>a{color:#fff;display:inline-block;width:80px;text-align:center;font-size:14px;opacity: 1;}
.g-hometop .m-nav>a.notop{color:#595959;opacity: 1;}
.g-hometop .m-nav>a.notop:hover{opacity: 1;}
.icon-xiaoren:before{content:"\e63c"}
.icon-xiaoren{margin-right:5px}

.u-reslogins{position:absolute;right:0;top:20px;width:220px;color:#c5c5c5}
.u-loginbtns{float:right;margin:-18px -20px 0 10px;cursor:pointer;padding: 10px 0;}
.u-loginbtns a{margin:0 1.25rem 0 0;display:inline-block;}
.u-loginbtns .u-applytrial{width:4.8125rem;height:2rem;line-height:2rem;text-align:center;font-size:14px;color:#fff;-webkit-border-radius:.1875rem;-moz-border-radius:.1875rem;border-radius:.1875rem}
.u-loginbtns .u-applytrial.notop{color:#4a4a4a;background: none;}
.u-loginbtns .u-logina{width:70px;height:35px;line-height:34px;text-align:center;color:#fff;border:1px solid #fff;-webkit-border-radius:.1875rem;-moz-border-radius:.1875rem;border-radius:3px;font-size:14px}
.u-loginbtns .u-logina i{font-size:16px;}
.u-loginbtns .u-logina.notop{color:#4a4a4a;border: 1px solid #9B9B9B;}
/* 未注册状态下头部样式 end*/

/*底部版权 start*/
footer {font-size: 12px; color: #666;  background: #333333; font-weight:400;line-height: 22px;padding: 7px 0;margin-top:20px;}
footer a {display: inline-block; margin: 0 25px 0 0; color: #666;vertical-align: text-top;}
footer a:hover {color: #FFF;}
footer .copyright-center{opacity: 0.6;}
footer .site-record{vertical-align: bottom;}

.contact-us {text-align: right; padding: 10px 0 0 0;}
.contact-us i {font-size: 26px;}

.copyright-center {text-align: center;}
/*底部版权 end*/

/*左边导航  start*/
.navi-sidebar {float: left; border-radius: 5px;padding: 0; box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.05); margin: 0 0 10px 0; width:180px; position: fixed;z-index: 99;}

.navi-sidebar .user-header {margin: 0 0 10px 0; height: 180px; background: #ffffff; border-radius: 5px;}
.navi-sidebar .user-header span { display: block; margin: 0 auto 25px auto; width: 60px; height: 60px; border-radius: 50%;}
.navi-sidebar .user-header span img {width: 60px; height: 60px; border-radius: 50%; margin-top: 20px;}
.navi-sidebar .user-header em { display: block; text-align: center; font-size: 18px; font-style: normal;}
.navi-sidebar .user-header .user-nickname{font-size:14px; color:#4A4A4A; font-weight:400;}
.navi-sidebar .user-header .user-school{font-size: 12px; color:#9B9B9B;}
.navi-sidebar .ad-box {margin: 0; height: auto; background: #ffffff; border-radius: 5px;}
.navi-sidebar .ad-box img{width:180px;height: auto;border-radius: 5px;}

.navi-sidebar .nav-list{background: #fff;border-radius:5px; height: auto;}
.navi-sidebar .teach-list, .navi-sidebar .study-list{list-style: none;padding-left: 20px;font-size: 14px;margin:0;}
.navi-sidebar .assort-title,.assort-title-2{font-size: 16px; color:#515575;}
.navi-sidebar .assort-title{padding: 20px 0 0 21px;}
.navi-sidebar .assort-title-2{padding: 15px 0 0 21px;}
hr{margin-bottom:0;} /*修改hr*/
.navi-sidebar .title-divider{width: 160px;color: #EEEEEE;}
.navi-sidebar .teach-list>li,.navi-sidebar .study-list>li{padding: 8px 0;}
.navi-sidebar .study-list>li:last-child{padding-bottom: 20px;}
.navi-sidebar .teach-list>li>a,.navi-sidebar .study-list>li>a{color:#868AA8;}
.navi-sidebar .teach-list>li>a.active,.navi-sidebar .study-list>li>a.active{color:#4A90E2;font-weight: bold;}
.navi-sidebar .teach-list>li>a>span,.navi-sidebar .study-list>li>a>span{margin-left: 15px;}
/*左边导航  end*/

/*公告  start*/
.tab-navi {margin: 0 25px; border-bottom: 1px solid #e0e0e1;}
.tab-navi > ul {list-style-type: none; margin: 0; /*padding: 0 26px;*/display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; padding-inline-start: 0 !important;margin-block-start:0 !important;margin-block-end:0 !important;-webkit-padding-start: 0 !important;}
.tab-navi > ul li a {position: relative; display: inline-block; font-size: 14px; color: #a7a7a7; padding: 13px 30px;}
.tab-navi > ul li a:hover {color: #4A90E2;}
.tab-navi > ul li a::after { position: absolute; left: 0; right: 0; bottom: 0;content: ""; height: 2px; background: transparent;}
.tab-navi > ul li a:hover::after { background: #4A90E2;}
.tab-navi > ul li.sel a {color: #4A90E2;}
.tab-navi > ul li.sel a::after { background: #4A90E2;}

.announce-item {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; padding: 15px; margin: 0 20px; border-bottom: 1px solid #e0e0e1;}
.announce-item .announce-info {width: 90%;}
.announce-item .announce-info h6 {font-size: 18px; color: #333;}
.announce-item .announce-info p {line-height: 1.5; font-size: 14px; color: #999; margin: 0;}
.announce-item .announce-img {margin: 0 15px 0 0;}
.announce-item .announce-img img {width: 50px; height: auto;}
.announce-item .announce-time {color: #ccc;}
.announce-item:last-child {border-bottom: 0; padding-bottom: 50px;}

.tothink-area{width: 1170px;margin-top: 0px;margin-left: 10px;}
.tothink-area.message-list.bgwhite{margin:23px 0 0 4px;min-height: 282px;width: 1176px;}
.tothink-area .messagebox{/*margin:0;*/}
.tothink-area .messagebox.bgwhite{min-height: 0;}
.tothink-area .messagebox.message-edit{padding:24px 24px 20px 24px;margin-left:-6px;}
.tothink-area .messagebox.message-edit .message-input textarea{border-radius: 5px;width:100%;height: 138px;padding: 14px 17px;}
.tothink-area .messagebox.message-edit .message-operate{float: right;margin-top:12px;}
.tothink-area .messagebox.message-edit .message-operate .t-textarea-counter{display: inline-block;color:#666;}
.tothink-area .messagebox.message-edit .message-operate button{display: inline-block;margin:0 0 0 10px;}
.tothink-area.message-list .tab-navi{border:none;position: relative;}
.tothink-area.message-list .tab-navi .message-tip{position: absolute;color:#9B9B9B;font-size: 12px;right:0;top:16px;}
.tothink-area.message-list .tab-navi > ul li a{padding:13px;cursor: default;color:#4A4A4A;}
.tothink-area.message-list .tab-navi > ul li a::after{height: 3px;}
.tothink-area.message-list .message-history{padding:0 24px 24px 38px;}
.tothink-area.message-list .message-history .message-h-content{color:#666;margin-bottom: 10px;word-break: break-all}
.tothink-area.message-list .message-history li{position: relative;padding:10px 15px;}
.tothink-area.message-list .message-history li:after{content: '';background:#D7D7D7;height: 1px;width: 100%;position: absolute;left:0;right: 0;bottom: 0;}
.tothink-area.message-list .message-history .message-h-time{float: left;color:#888;font-size: 12px;}
.tothink-area.message-list .message-history .message-h-operate{float: right;font-size: 12px;color:#4A4A4A;}
.tothink-area.message-list .message-history .message-h-operate .send-num{display: inline-block;margin-right: 20px;}
.tothink-area.message-list .message-history .message-h-operate .read-num{display: inline-block;margin-right: 20px;}
.tothink-area.message-list .message-history .message-h-operate a{display: inline-block;color:#4A90E2;cursor: pointer;-webkit-transition: color .3s ease;transition: color .3s ease;}
.tothink-area.message-list .message-history .message-h-operate a:hover{color:#7FB6F7;}

.tothink-area.message-list.hasborder .tab-navi{border-bottom:1px solid #DFDFDF;}
.tothink-area.message-list.hasborder .tab-navi > ul li a{padding:15px 30px;}
.tothink-area.message-list .message-history .message-type{margin:0 10px 10px 0;}
.tothink-area.message-list .message-history .message-type .message-icon{width:40px;height: 40px;display: inline-block;color:#FFF;background: #9B9B9B;vertical-align: middle;border-radius: 50%;margin-right: 10px;}
.tothink-area.message-list .message-history .message-type .message-icon.sys-announce{background: #4A90E2;}
.tothink-area.message-list .message-history .message-type .message-icon.sys-message{background: #50CD82;}
.tothink-area.message-list .message-history .message-type .message-icon.class-announce{background: #3BBADE;}
.tothink-area.message-list .message-history .message-type .message-icon i{font-size: 20px;vertical-align: -11px;padding:10px;}
.tothink-area.message-list .message-history .message-type .message-title{display: inline-block;vertical-align: middle;/*font-weight: bold;*/font-size: 16px;}
.tothink-area.message-list .message-history .message-origin{float: right;font-size: 12px;color:#4A4A4A;}
.tothink-area.message-list .message-history .message-origin .class-name{margin-right:10px;}

.read-mind{position: relative;}
.read-mind::before{content: " ";border: 3px solid #FF0000;/*设置红色*/border-radius:3px;/*设置圆角*/position: absolute;z-index: 100;right: 16px;bottom:22px;}
/*公告  end*/

/*课程列表页  start*/
/*.course-card-list{margin-bottom:60px;}*/
.course-list-area{width: 960px; margin-left: 195px;}
.course-list-area.manage-page{margin-left: 180px;}
.course-manage-title{margin-left:-6px;margin-top: 13px;color:#595959;font-size: 18px;margin-bottom:10px;width: 1000px;font-weight: bold}
.course-list-area .card-box{width: 280px; height: 360px;display: block; margin:10px 10px 25px 10px;cursor: pointer;}
.course-list-area .course-card{position: relative;width: 280px; height: 360px;background: #fff; display: block; box-shadow:0px 15px 35px 0px rgba(0,0,0,0.05);border-radius:5px;transition: all .2s;}
.course-list-area .course-card.course-hover>.course-cover>.course-delete{display: block;}
.course-list-area .course-card.course-hover{/*margin-top:-10px;*/ box-shadow:0px 15px 35px 0px rgba(0,0,0,0.15);transform: translate3d(0, -10px, 0);}
.course-list-area .course-card .course-cover{position: relative;width: 280px; height: 185px;}
.course-list-area .course-card .course-cover img{border-top-right-radius: 5px;border-top-left-radius: 5px;width: 280px;height: 185px;}
.course-list-area .course-card .course-cover>.course-delete{position: absolute;right: 20px;top: 20px; display: none;width: 45px;height: 25px;border-radius: 15px;opacity: 0.6; background:rgba(0,0,0,1); color:#fff;text-align: center;font-size: 12px;line-height: 25px;transition: all .3s cubic-bezier(.645,.045,.355,1);}
.course-list-area .course-card .course-cover>.course-delete>a{color:#ccc;}

.course-manage-title a:hover{color: #4A90E2;}
/* 课程标签区域 start*/
.course-cover{position: relative;}
.course-cover .course-tag-title{font-size:14px; position: absolute; display: inline-block;transform: rotate(-45deg);padding: 5px;color: #fff;z-index: 100;margin-left: -2px;top:0;left:0;}
.course-cover .course-tag-color{width: 0;height: 0;border-top: 50px solid transparent;border-right: 50px solid transparent;position: absolute;top: 0;z-index: 99;}
.course-cover .course-tag-color.tag-trial{border-top: 50px solid #4A90E2;}
.course-cover .course-tag-color.tag-auth{border-top: 50px solid #F5A623;}
.course-cover .course-tag-color.tag-experience{border-top: 50px solid #2CC2EA;}
.course-cover .course-tag-color.tag-nouse{border-top: 50px solid #ccc;} /*过期课程*/
/* 课程标签区域 end*/

.course-list-area .course-ad-card-1{width: 280px;margin:10px 10px 30px 10px;border-radius: 5px;}
.course-list-area .course-ad-card-2{margin: 10px;border-radius: 5px;}
.course-list-area .course-ad-card-1>.ad-img-1 img{border-radius: 5px;}
.course-list-area .course-ad-card-1>.ad-img-1:first-child img{margin-bottom: 15px;width: 280px;height: 173px;}
.course-list-area .course-ad-card-1>.ad-img-1:last-child img{width: 280px;height: 174px;}
.course-list-area .course-card .course-info{padding-left: 15px; padding-top: 20px;}
/* .course-list-area .course-card .course-info .course-fixed-content{position: absolute;bottom:60px;} */
.course-list-area .course-card .course-info .course-title{color:#4A4A4A;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.course-list-area .course-card .course-info .course-duration{color:#9B9B9B;font-size: 12px;margin: 10px 0;}
.course-list-area .course-card .course-info .course-duration .course-duration-number{color:#4A90E2;}
.course-list-area .course-card .course-info .course-process,.course-list-area .course-card .course-info .course-class{color: #9B9B9B; font-size: 12px;display: inline-flex;line-height: 20px;}
.course-list-area .course-card .course-info .course-process .course-process-detail,.course-list-area .course-card .course-info .course-class .course-class-detail{color: #4A4A4A; line-height: 20px;margin-left: 10px;overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;width:190px;}
.course-list-area .course-card .enter-class{background:#4A90E2;color:#FFF;width: 100%;height: 50px;line-height:50px;text-align: center;/*position: absolute;bottom:0;*/font-size:14px;display: block;margin-top: 15px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;position: absolute;bottom: 0;}
.course-list-area .course-card .enter-class:hover{color:#fff;}
.course-list-area .course-card .enter-class.course-end{background: #ccc;}

.course-list-area .add-course{position: relative;width: 280px; height: 360px;background: #fff; display: block; margin:10px 10px auto 10px;box-shadow:0px 15px 35px 0px rgba(0,0,0,0.05);border-radius:5px;}
.course-list-area .add-course .add-course-innerborder{display: block;width: 240px;height: 320px;border: 3px dashed #EEE;margin: 20px auto;cursor: pointer;}
.course-list-area .add-course .add-course-innerborder>i{display: block;margin:120px auto 0 auto;font-size: 56px;width: 56px;color:#EEE;font-weight:bold;}
.course-list-area .add-course .add-course-innerborder>span{display: block;width:130px;height:26px;font-size: 18px;color:#9B9B9B;margin: 0 auto;}

.course-list-area .add-course .add-course-innerborder.stu>i{margin:90px auto 0 auto;}
.course-list-area .add-course .add-course-innerborder.stu>span{width:180px;}

.fixed-content > a {width: 80px; height: 80px; display: block; font-size: 14px; text-align: center; background: #d4e8fe; padding: 10px 0 0 0;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.05);right:100px;}
.fixed-content > a:first-child {position: fixed;  border-radius: 5px;
    color: #666666;
    transition: bottom 0.1s;
    -moz-transition: bottom 0.1s; /* Firefox 4 */
    -webkit-transition: bottom 0.1s; /* Safari 和 Chrome */
    -o-transition: bottom 0.1s;}
.fixed-content > a:first-child>i{font-weight: bold;}
.fixed-content > a>span{color: #9B9B9B; font-size: 12px;}
.fixed-content > a:last-child {position: fixed;  border-radius:5px;
    color: #666;
    transition: bottom 0.1s;
    -moz-transition: bottom 0.1s; /* Firefox 4 */
    -webkit-transition: bottom 0.1s; /* Safari 和 Chrome */
    -o-transition: bottom 0.1s;}
.fixed-content > a > i { display: block;font-size: 40px;}
.fixed-content > a:hover {background: #4A90E2; color: #fff;transition: all .3s cubic-bezier(.645,.045,.355,1);}
.fixed-content > a:hover>span{color:#FFF;transition: all .3s cubic-bezier(.645,.045,.355,1);}
/*@media (min-width: 1280px) {.fixed-content > a{right: 16px;}}*/
/*@media (min-width: 1366px) {.fixed-content > a{right: 60px;}}*/
/*@media (min-width: 1440px) {.fixed-content > a{right: 96px;}}*/
/*@media (min-width: 1600px) {.fixed-content > a{right: 175px;}}*/
/*@media (min-width: 1680px) {.fixed-content > a{right: 216px;}}*/
/*@media (min-width: 1920px) {.fixed-content > a{right: 334px;}}*/
/*@media (min-width: 2000px) {.fixed-content > a{right: 660px;}.g-hometop .m-nav{left:500px;}}*/

.u-uploadbtn {height: 200px;width: 300px;position: absolute;opacity: 0;}/* 上传图标隐藏 */
/*课程列表页  end*/

/*班级管理  start*/
.course-list-area .class-card{position: relative;width: 280px; height: 120px;background: #fff; display: block; box-shadow:0px 15px 35px 0px rgba(0,0,0,0.05);border-radius:5px;transition: all .2s;}
.course-list-area .card-box.class-manage{height: 120px;}
.course-list-area .class-card .class-top{display: block;height: 51px;border-radius: 5px 5px 0 0;color:#FFF;}
.course-list-area .class-card .class-top.class-color-purple{background:#8A72FF} /*紫色背景*/
.course-list-area .class-card .class-top.class-color-cyan{background:#4DE9C9} /*青色背景*/
.course-list-area .class-card .class-top.class-color-blue-deep{background:#4A90E2} /*蓝色背景*/
.course-list-area .class-card .class-top.class-color-blue-light{background:#71A4FF} /*浅蓝色背景*/
.course-list-area .class-card .class-top>.class-name{display: inline-block; font-size: 16px;padding:14px 0 15px 15px;font-weight: 600;width: 220px;max-width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.course-list-area .class-card .class-top>.class-detail-btn{font-size: 12px;padding: 16px 10px 16px 0;float: right;position: relative;cursor: pointer;}
.course-list-area .class-card .class-top>.class-detail-btn>i{font-size: 21px;position: absolute;top:16px;right:35px;}
.course-list-area .class-card .class-top>.class-delete-btn{font-size: 12px;padding: 16px 16px 16px 0;float: right;position: relative;cursor: pointer;display: none;}
.course-list-area .class-card .class-top>.class-delete-btn.class-hover{display: block;}
.course-list-area .class-card .class-top>.class-delete-btn>i{font-size: 15px;position: absolute;top:18px;right:42px;}
.course-list-area .class-card .class-bottom{display:block;height: 69px;padding:8px 0 15px 15px;font-size: 12px;}
.course-list-area .class-card .class-bottom>.class-bottom-left{line-height: 26px;color:#9B9B9B;display: inline-block;}
.course-list-area .class-card .class-bottom .class-create-time,.course-list-area .class-card .class-bottom .class-stu-num{margin-left: 10px;}
.course-list-area .class-card .class-bottom .class-create-time,.course-list-area .class-card .class-bottom .class-stu-num,.course-list-area .class-card .class-bottom .stu-num-name{color:#4A4A4A;}
.course-list-area .class-card .class-bottom>.class-bottom-right{float: right;margin: 25px 18px 18px 0;color:#666;}
.course-list-area .class-card .class-bottom .class-qrcode>i{font-size:19px;cursor: pointer;}
.course-list-area .class-card.class-hover{/*margin-top:-10px;*/ box-shadow:0px 15px 35px 0px rgba(0,0,0,0.15);transform: translate3d(0, -10px, 0);}

.course-list-area .add-class{position: relative;width: 280px; height: 120px;background: #fff; display: block; margin:10px 10px auto 10px;box-shadow:0px 15px 35px 0px rgba(0,0,0,0.05);border-radius:5px;}
.course-list-area .add-class .add-class-innerborder{display: block;width: 240px;height: 80px;border: 3px dashed #EEE;margin: 20px auto;cursor: pointer;}
.course-list-area .add-class .add-class-innerborder>i{display: inline-block; font-size: 36px;width: 36px;color:#EEE;font-weight:bold;margin: 20px 0 10px 34px;}
.course-list-area .add-class .add-class-innerborder>span{display: inline-block;width:130px;height:26px;font-size: 18px;color:#9B9B9B;margin: -10px auto;vertical-align: text-top;}
/*班级管理  end*/

/* 班级管理start */
.classroom-detail-head.bgwhite{width: 1170px; height: 110px;min-height: 0;display: block;margin-left:4px;}
.classroom-detail-head .left-content{padding: 15px 0 15px 40px; float: left;font-size: 12px;width: 500px;}
.classroom-detail-head .left-content .content-title{color: #9B9B9B;padding-bottom: 12px;margin-right: 12px;}
.classroom-detail-head .content-info-item .stu-num,.classroom-detail-head .content-info-item .class-create-time,.classroom-detail-head .content-info-item .associate-course{color: #4A4A4A;}
.classroom-detail-head .content-info-item .associate-course{width: 300px;}

.classroom-detail-head .right-content{float: right;padding: 25px 15px 25px 70px;}
.right-content .stu-operate{width: 50px;display: inline-block;margin-right: 35px;cursor: pointer;}
.right-content .stu-operate .operate-icon{width: 40px;height: 40px;background: #4A90E2;border-radius: 50%;  margin-left: 5px;}
.right-content .stu-operate .operate-icon i{font-size: 20px;text-align: center;color: #FFF;vertical-align: -12px;padding: 10px 0px 0 11px;}
.right-content .stu-operate .operate-name{text-align: center;font-size: 12px;color: #4A4A4A;margin-top:5px;}

.stu-manage-area .stulist-head{margin-left: 4px;margin-top: 25px;width: 1210px;}
.stulist-head .stu-title{font-size: 16px;color: #4A4A4A;margin-top: 5px;}
.stulist-head .search-input{margin-left: 822px;margin-top: -5px;}
.stulist-head .search-input>.search-area{border: none;width: 277px;height: 40px;margin-right: -4px;margin-left:-140px;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.05);padding-left: 36px;border-radius: 5px 0 0 5px;}
.stulist-head .search-input>.search-area:focus{box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);}
.stulist-head .search-input .search-icon{position: absolute;color: #EEE;left: -110px;top: 14px;z-index: 20;}
.stulist-head .input-group-btn>.search-btn{font-size:12px;color:#FFF;background-color: #4A90E2;border-color: #4A90E2;width: 60px;height: 40px;border-radius: 0 5px 5px 0;}

.stulist-head .search-input>.search-area::-webkit-input-placeholder{font-size:12px;color:#ccc;}
.stulist-head .search-input>.search-area:-moz-placeholder{font-size:12px;color:#ccc;}
.stulist-head .search-input>.search-area::-moz-placeholder{font-size:12px;color:#ccc;}
.stulist-head .search-input>.search-area:-ms-input-placeholder{font-size:12px;color:#ccc;}

.classroom-body.bgwhite{width: 1170px;margin-top: 10px;min-height: 540px;margin-left:4px;}

.classroom-body .stu-list-table{width: 1120px;margin: 0 auto;}
.stu-list-table .stu-list-head{color: #595959;font-size: 14px;height: 70px;}
.stu-list-table td{color: #4A4A4A;font-size: 14px;}
.stu-list-table .stu-operate{cursor: pointer; color: #4A90E2;}
.stu-list-table .stu-name{max-width: 100px;}
.stu-list-table .stu-mail{max-width: 100px;}
.stu-list-table .stu-number{max-width: 100px;}

/* 班级管理end */

/*课时  start*/
.course-manage-title .sort-divider{display: inline-block;font-size: 14px;vertical-align: text-top;margin-left: 20px;line-height: 22px;color:#ccc;}
.course-manage-title .sub-title{display: inline-block;font-size: 14px;margin-left: 20px;line-height: 22px;color:#595959;vertical-align: text-top;font-weight: normal}
.course-manage-title .sub-title a{color:#595959;}
.course-manage-title .sub-title a:hover{color:#4A90E2 !important;}
.course-list-area .course-info.bgwhite{width: 880px; height: 180px;min-height: 0; position: relative;margin-left: -5px;}
.course-manage-title.class-catalog{margin-top:20px;}
.course-list-area .course-info .course-cover{width: 270px;height: 180px;float: left;}
.course-list-area .course-info .course-cover>img{border-radius: 5px 0 0 5px;width: 270px;height: 180px;}
.course-list-area .course-info .course-head-right{display: inline-block;width: 500px;margin-left: 28px;margin-top: 20px;}
.course-list-area .course-info .course-head-right .course-title{color: #4A4A4A;font-size: 16px;font-weight: 400;width: 500px;}
.course-list-area .course-info .course-head-right .course-duration{width: 190px;margin:10px 0 10px 0;}
.course-list-area .course-info .course-head-right .course-duration .course-duration-number{color: #4A90E2;}
.course-list-area .course-info .course-head-right .course-teacher,.course-list-area .course-info .course-head-right .course-process,.course-list-area .course-info .course-head-right .course-class,.course-list-area .course-info .course-head-right .course-duration{color: #9B9B9B;font-size: 12px;}
.course-list-area .course-info .course-head-right .course-process,.course-list-area .course-info .course-head-right .course-class{line-height: 28px;}
.course-list-area .course-info .course-head-right .course-teacher .course-teacher-name,.course-list-area .course-info .course-head-right .course-process .course-process-detail,.course-list-area .course-info .course-head-right .course-class .course-class-detail{margin-left: 10px;color:#4A4A4A;}
.course-list-area .course-info .course-head-right .course-process .course-process-detail{width: 200px;}
.course-list-area .course-info .course-head-right .course-class .select-class{margin-left: 0px;color: #4A90E2;cursor: pointer;}
.course-list-area .course-info .course-head-right .course-class .course-class-detail{margin-right:5px;}

.course-list-area .course-info .course-head-right .class-qrcode{position: absolute;right: 27px;top: 22px;cursor: pointer;}
.course-list-area .course-info .course-head-right .class-qrcode>i{font-size: 19px;color:#666;}

.course-list-area .course-info .course-operat {font-size: 14px;position: absolute; right: 20px; bottom: 20px;display: none;}
.course-list-area .course-info .course-operat a {display: inline-block;margin: 0 0 0 18px; color: #9B9B9B; }
.course-list-area .course-info .course-operat a i{margin-right:2px;}
.course-list-area .course-info .course-operat a:hover{color:#4A90E2;}
.course-list-area .course-info:hover .course-operat{display: block;}

.course-list-area .class-item.bgwhite{height:auto;width:880px;margin-left: -5px;min-height: 0;margin-top: 12px;}
.course-list-area .class-item .class-flag{display: inline-block;color: #8c8c8c;font-size: 16px;font-weight: 400;vertical-align: middle;}
.course-list-area .class-item .class-title{display: inline-block;vertical-align: -4px;}
.course-list-area .class-item .class-title>span{font-size: 16px;color:#4A4A4A;margin-left: 10px;font-weight: 400;max-width: 400px;display: inline-block;vertical-align: text-bottom;}
.course-list-area .class-trial{font-size: 12px !important;color:#25B28A !important;border: 1px solid #25B28A;border-radius: 5px;line-height: 22px;text-align: center;vertical-align: top;display:inline-grid;padding: 0 10px;margin: 0 10px;}
.course-list-area .class-trial.out-res{border: 1px solid #F5A623;color:#F5A623 !important;}
.course-list-area .class-trial.out-res.res-end{border: 1px solid #ccc;color:#ccc !important;}

.class-item .class-section{display: block;}
.class-item .class-section .class-section-content{max-width: 440px;display: inline-block;vertical-align: text-bottom;}
.class-item .class-section .class-section-content i{color:#bfbfbf;}

.class-item .catalog-opera-fixed { font-size: 12px; color: #4A4A4A; float:right;line-height: 25px;/*margin-right: 15px;*/font-weight: 400;}
.class-item .catalog-opera-fixed a {display: inline-block; margin: 0 15px 0 0; color: #4A4A4A;}
.class-item .catalog-opera-fixed i { font-size: 16px; margin: 0 2px 0 0; vertical-align: -1px;}

.class-item .catalog-opera { font-size: 12px; color: #9B9B9B; float:right;opacity: 1; display: none;transition: all .3s cubic-bezier(.645,.045,.355,1);}
.class-item .catalog-opera a {display: inline-block; margin: 0 15px 0 0; color: #9B9B9B;}
.class-item .catalog-opera i { font-size: 18px; margin: 0 2px 0 0; vertical-align: -1px;}
.class-item .catalog-opera-fixed a:hover,.class-item .catalog-opera a:hover {color: #4A90E2;}

.course-list-area .add-class-section.bgwhite{display:block;width: 880px;height: 110px;min-height: 0;margin-left: -5px;position: relative;}
.course-list-area .add-class-section .add-section-innerborder{display: block;width: 840px;height: 70px;border: 3px dashed #EEE;margin-left: 20px;position: absolute;top: 20px;cursor: pointer;}
.course-list-area .add-class-section .add-section-innerborder>i{position: absolute;top: 13px;left: 340px;font-size: 36px;font-weight: bold;color: #EEE;}
.course-list-area .add-class-section .add-section-innerborder>span{position: absolute;top: 19px;left: 384px;color: #9B9B9B;font-size: 18px;}

.class-section .eye-icon {position: absolute; top:13px;left:480px; width: 20px; height: 20px; background: url(../../images/common/eye.png) no-repeat 0 0; background-size: 100% 100%;} /*仅教师可见*/
.class-item tbody tr:hover .catalog-opera {display: block;}
/* .class-item tbody tr:hover .class-section .eye-icon {display: block;} */
/* 禁用状态下操作 */
.course-list-area .class-item.disabled .class-title>span{color:#9B9B9B;}
.course-list-area .class-item.disabled .class-section-content{color:#9B9B9B;}
.course-list-area .class-item.disabled .class-flag{color:#9B9B9B;}
.class-item.disabled .catalog-opera-fixed{display: none;}
.class-item.disabled tbody tr:hover .catalog-opera{display: none;background:none !important;}
.class-item.disabled tbody tr:hover{background:none !important;}
.class-item.disabled tbody tr{background:none !important;}

@media (min-width: 1280px) {.fixed-content.course-info-page > a{right: 26px;}}
@media (min-width: 1366px) {.fixed-content.course-info-page > a{right: 69px;}}
@media (min-width: 1440px) {.fixed-content.course-info-page > a{right: 106px;}}
@media (min-width: 1600px) {.fixed-content.course-info-page > a{right: 186px;}}
@media (min-width: 1680px) {.fixed-content.course-info-page > a{right: 225px;}}
@media (min-width: 1920px) {.fixed-content.course-info-page > a{right: 345px;}}
@media (min-width: 2000px) {.fixed-content.course-info-page > a{right: 660px;}}
/*课时  end*/

/*开始学习 start*/
.course-info .start-class-btn{background-color: #F5A623 !important;border-color: #F5A623 !important;width: 80px;height: 34px;line-height: 1.5; font-size: 14px;border-radius: 5px;position: absolute;top: 127px;right: 20px;font-weight: 400;}
.course-info .start-class-btn:hover{background-color: #FFCC77 !important;border-color: #FFCC77 !important;}
.course-info .start-class-btn.btn-primary:active{background-color: #FFCC77 !important;border-color: #FFCC77 !important;}
.course-info .start-class-btn.focus,.course-info .start-class-btn:focus {box-shadow: none;}
.class-section-content .laststudy {position: absolute;right: 35px;top: 12px;color: #93999f;font-size: 12px;font-style: normal;}
.class-section-content .laststudy b {width: 24px; height: 24px; color: #fff;text-align: center; font-weight: normal; line-height: 24px; margin: 0 5px 0 0; display: inline-block; background: #f00; border-radius: 50%;}
/*开始学习 end*/

/* 评分管理 start */
.course-list-area .score-manage.bgwhite{width: 970px;margin-left: -7px;margin-top: 10px;}
.course-list-area .sub-title .sort-divider{vertical-align: baseline;margin: 0 15px;font-size: 10px;color: #9B9B9B;}
.course-list-area .sub-title.score-manage{vertical-align: text-bottom;margin-top: 2px;padding-left: 10px;}
.course-list-area .sub-title.score-manage a{cursor: pointer;}
.course-list-area .score-table{width: 940px;margin: 0 auto;}

.no-score-item{ width: 100%;height: 92px;margin: 0 auto; /*水平居中*/padding-top: 170px;}
.no-score-item.all-page{padding-top:0; height: auto;}
.no-score-item>i{display: block;font-size: 52px;color:#CFCFCF;}
.no-score-item>.no-score-text{display: block;font-size: 18px;color:#CCC;margin-top: 10px;}

.course-list-area .sub-title .sub-title-one{color:#595959;font-weight: normal;}
.course-list-area .sub-title .sub-title-two{color:#595959;font-weight: normal;}
.course-list-area .sub-title .sub-title-divider{font-weight: normal;}
.course-list-area .sub-title .sub-title-one a{color:#595959;}
.course-list-area .sub-title .sub-title-one:hover{color:#4A90E2;}
.course-list-area .sub-title .sub-title-one.active{color:#4A90E2;}
.sub-title.score-manage{font-weight: normal;}
.course-list-area .course-manage-title .search-input{margin-left: 146px;}
.course-list-area .course-manage-title .search-input>.search-area{border: none;width: 217px;height: 40px;margin-right: -4px;margin-left:-80px;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.05);padding-left: 36px;border-radius: 5px 0 0 5px;}
.course-list-area .course-manage-title .search-input>.search-area:focus{box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);}
.course-list-area .course-manage-title .search-input .search-icon{position: absolute;color: #EEE;left: -50px;top: 14px;z-index: 20;}
.course-list-area .course-manage-title .input-group-btn>.search-btn{font-size:12px;color:#FFF;background-color: #4A90E2;border-color: #4A90E2;width: 60px;height: 40px;border-radius: 0 5px 5px 0;}

.course-list-area .course-manage-title .search-input>.search-area::-webkit-input-placeholder{font-size:12px;color:#ccc;}
.course-list-area .course-manage-title .search-input>.search-area:-moz-placeholder{font-size:12px;color:#ccc;}
.course-list-area .course-manage-title .search-input>.search-area::-moz-placeholder{font-size:12px;color:#ccc;}
.course-list-area .course-manage-title .search-input>.search-area:-ms-input-placeholder{font-size:12px;color:#ccc;}

.course-list-area .score-table-head{color: #595959;font-size: 14px;height: 70px;}
.course-list-area .score-table td{color: #4A4A4A;font-size: 14px;}
.course-list-area .score-table .course-name{max-width: 300px;/*display: block;*/}
.course-list-area .score-table .class-name{max-width: 190px;}
.course-list-area .score-table .enter-detail{color: #4A90E2;}
/* 评分管理 end */

/* 学习数据 start */
.score-manage-area{width: 1170px;margin-top: 0px;margin-left: 10px;/*margin-bottom:70px;*/}
.score-manage-title.course-manage-title{width: 1170px;}
.stu-manage-area .score-manage-title.course-manage-title{margin-left:4px;}
.score-manage-head.bgwhite{width: 1170px;height: 187px;min-height: 0;margin-bottom: 0px;}
.score-manage-head .course-cover>img{width: 280px;height: 187px;border-radius: 5px 0 0 5px;}
.score-manage-head .course-head-right{width: 880px;}
.course-info-top .class-name{font-size: 18px;color: #4A4A4A;display: inline-block;margin: 21px 0 0 45px;}
.course-info-top .course-info-detail{display: inline-block;color: #9B9B9B;font-size: 12px;margin-left: 25px;}
.course-info-top .export-btn{float: right;margin-right: 22px;margin-top: 14px;font-size: 14px;}
.course-info-top .export-btn .export-quiz-btn,.course-info-top .export-btn .export-trial-btn{width: 110px;height: 40px;text-align: center;/*padding-left: 10px;*/}

.export-quiz-btn{background-color: #4A90E2 !important;border-color: #4A90E2 !important;border-radius: 5px;font-weight: 400;}
.export-quiz-btn:hover{background-color: #7FB6F7 !important;border-color: #7FB6F7 !important;}
.export-quiz-btn:active{background-color: #4A90E2 !important;border-color: #4A90E2 !important;}
.export-quiz-btn.focus,.export-quiz-btn:focus {box-shadow: none !important;}

.export-trial-btn{background-color: #F5A623 !important;border-color: #F5A623 !important;border-radius: 5px;font-weight: 400;}
.export-trial-btn:hover{background-color: #FFCC77 !important;border-color: #FFCC77 !important;}
.export-trial-btn.btn-primary:not(:disabled):not(.disabled):active{background-color: #F5A623 !important;border-color: #F5A623 !important;}
.export-trial-btn.focus,.export-trial-btn:focus {box-shadow: none !important;}

.course-info-bottom .average-study-time,.course-info-bottom .sign-percent,.course-info-bottom .homework-submit-percent{display: inline-block;width: 238px;height: 80px;text-align: center;}
.course-info-bottom .sign-percent{border-left: 1px solid #EEE;border-right: 1px solid #EEE;}
.course-info-bottom{margin-top: 34px; margin-left:50px;}
.course-info-bottom .study-num-title{color: #4A4A4A;font-size: 16px;}
.course-info-bottom .study-num-title>i{color: #9B9B9B;font-size: 23px;vertical-align: text-top;margin-right: 7px;}
.course-info-bottom .study-data-detail{color: #4A90E2;font-size: 18px;margin-top: 12px;}
.course-info-bottom .class-info-title,.course-info-bottom .class-info-detail{display: inline-block;}
.course-info-bottom .class-info-title{color: #9B9B9B;}
.course-info-bottom .class-info-detail{color: #4A4A4A;}
.course-info-bottom .course-info-box{margin: -10px -5px -5px -5px;font-size: 14px;line-height: 28px;}

.score-manage-area .search-input{margin-left: 73px;width: 203px;margin-top: 17px;}
.score-manage-area .search-input>.search-area{border: none;/*width: 217px;*/height: 40px;margin-right: -4px;margin-left:-80px;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.05);padding-left: 36px;border-radius: 5px 0 0 5px;}
.score-manage-area .search-input>.search-area:focus{box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);}
.score-manage-area .search-input .search-icon{position: absolute;color: #EEE;left: -60px;top: 15px;z-index: 20;}
.score-manage-area .input-group-btn>.search-btn{font-size:12px;color:#FFF;background-color: #4A90E2;border-color: #4A90E2;width: 60px;height: 40px;border-radius: 0 5px 5px 0;}

.score-manage-area .search-input>.search-area::-webkit-input-placeholder{font-size:12px;color:#ccc;}
.score-manage-area .search-input>.search-area:-moz-placeholder{font-size:12px;color:#ccc;}
.score-manage-area .search-input>.search-area::-moz-placeholder{font-size:12px;color:#ccc;}
.score-manage-area .search-input>.search-area:-ms-input-placeholder{font-size:12px;color:#ccc;}

.class-member,
.class-member-table{width: 280px !important;}
.class-member-table{background: #FFF;}
.class-member-table .stu-name-item img{width: 32px;height: 32px; border-radius: 50%;margin-left: -5px;}
.class-member-table .user-name{display: inline-block;width: 100px;margin-left: 14px;vertical-align: text-bottom;color: #4A4A4A;font-size: 14px;}
.class-member-table .open-info{margin-left: 35px;display: none;color:#4A90E2 !important;cursor: pointer;font-size: 14px;}
/* .class-member-table tr:hover .open-info{display: inline-block;} */

.score-manage-body .left-area{width: 280px;margin-left: 14px;}
.score-manage-body .right-area{/*width: 882px;*/margin-top: 28px;margin-left: 12px;}
.score-manage-body .left-area .slimScrollDiv{margin-left: -6px;box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.05);margin-top: 10px;width: 280px !important;border-radius: 5px;}
.right-area .study-sort-nav{margin-left: 54px;font-size: 14px;}
.right-area .study-sort-nav a{margin-right: 34px;color:#666;}
.right-area .study-sort-nav a.sel{color:#4A90E2;}
.right-area .study-data-item{background: #FFF;margin-top:20px;width: 872px;min-height: 600px;position: relative;box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.05);border-radius: 5px;}
.right-area .study-data-item.stu{width: 1170px;margin-left: -4px;}

/* 三角对话框 start*/
.org_box_cor {width: 0;height: 0;font-size: 0;border-style: solid;overflow: hidden;position: absolute;}
.cor1 {border-width: 13px 20px;border-color: transparent transparent #FFF transparent;left: 60px;top: -26px;}
.cor2 {border-width: 13px 20px;border-color: transparent transparent #FFF transparent;left: 150px;top: -26px;}
.cor3 {border-width: 13px 20px;border-color: transparent transparent #FFF transparent;left: 240px;top: -26px;}
/* 三角对话框 end*/

.study-data-item .study-data-card{padding: 20px 32px 0px 10px;/*margin-top: -35px;*/}
.study-card-top .study-data-title{display: inline-block;color: #4A4A4A;font-size: 16px;vertical-align: middle;}
.study-card-top .study-data-title i{font-size:20px;vertical-align:-2px;color:#4A90E2;font-weight: bold;}
.study-card-top .detail-btn{color: #4A90E2 !important; cursor: pointer;font-size: 14px;float: right;}
.study-data-item .study-data-card .study-card-contents{padding: 23px 0px 42px 20px; border-bottom: 1px solid #EEE;position: relative;}
.study-data-item .study-data-card .study-card-contents.stu{padding: 23px 17px 42px 100px;}
.study-data-item .study-data-card:last-child .study-card-contents{border:none;position: relative;}
.study-card-contents .data-detail-title{color:#4A4A4A;font-size: 18px;}
.study-card-contents .study-time-num{display: inline-block;font-size: 22px;color: #54A556;margin-left: 20px;    vertical-align: -20px;}
.study-card-contents .study-time{margin-top: 34px;}
.study-card-contents .study-time .study-time-icon{width: 57px;height: 57px;background: #54A556;border-radius: 50%;text-align: center;display: inline-block;}
.study-card-contents .study-time .study-time-icon i{font-size: 35px;color: #FFF;vertical-align: -25px;}
.study-card-contents .study-time>img{width:57px;height:57px;border-radius:50%;display:inline-block;margin-left: 90px;}
.study-card-contents .study-total-time,.study-card-contents .study-process{display:inline-table;}
.study-card-contents .study-process{float: right;margin-right: 100px;position: relative;}
.study-card-contents .study-resource{position: absolute;right: 40px;top: 60px;line-height: 34px;}
.study-data-item.stu .study-data-card .study-card-contents .study-resource{right: 140px;top: 70px;}
.study-card-contents .study-resource .learn-progress,.study-card-contents .study-resource .video-progress,.study-card-contents .study-resource .document-progress{width: 290px;margin-top: 13px;margin-left: 10px;background: #EFEFEF;height: 8px;}
.study-card-contents .study-resource .learn-progress .progress-bar{background-color: #42A1F1;height: 8px;}
.study-card-contents .study-resource .video-progress .progress-bar{background-color: #7CBFF8;height: 8px;}
.study-card-contents .study-resource .document-progress .progress-bar{background-color: #ACD9FF;height: 8px;}
.study-card-contents .study-resource .video-res-title,.study-card-contents .study-resource .document-res-title{margin-left: 15px;color: #4A4A4A;font-size: 14px;}
.study-card-contents .study-resource .video-percent,.study-card-contents .study-resource .document-percent{color: #9B9B9B;font-size: 14px;margin-left: 10px;}
.study-card-contents .study-resource .video-res-desc,.study-card-contents .study-resource .document-res-desc{color: #4A4A4A;font-size: 14px;margin-left: 20px;}

/*.study-card-contents .study-resource .video-res{margin-top: 40px;}*/
/*.study-card-contents .study-resource .document-res{margin-top: 22px;}*/
.study-card-contents .study-discuss,.study-card-contents .class-sign,.study-card-contents .homework-detail{display: inline-block;width: 260px;}
.study-card-contents .study-discuss.stu,.study-card-contents .class-sign.stu,.study-card-contents .homework-detail.stu{width:320px;}
/* .study-card-contents .class-sign{margin-left: 110px;margin-right: 110px;} */
.study-card-contents .data-left{margin-top: 12px;display: inline-block;}
.study-card-contents .data-right{color: #9B9B9B;font-size: 14px;display: inline-block;margin-left: 10px;}

.study-card-contents .data-left i{font-size: 60px;color: #F9635D;}
.study-card-contents .discuss-total span{color:#282828;}
.study-card-contents .discuss-total-num{color: #F9635D !important;font-size: 26px;}
.study-card-contents .class-sign-data,.study-card-contents .homework-data{position: relative;}

.study-card-contents .class-sign-detail,.study-card-contents .homework-num-detail{position: absolute;top: 38px;}

#studyprocess-pie{height:128px;width:128px;margin-left: 105px;}
#signclass-pie{height:70px;width:70px;}
#homework-pie{height:70px;width:70px;}
#teach-scene{/*height: 200px !important;*/margin-top: -40px;margin-bottom: -35px;}
#study-wordcloud{height:314px;width:515px;margin: -40px auto -35px auto;}

.study-card-contents .tool-left{width: 50px;height: 50px;background: #F5A623;display: block;border-radius: 5px;}
.study-card-contents .tool-right{color: #9B9B9B;font-size: 14px;margin-left: 22px;}
.study-card-contents .tool-left i{font-size: 35px;color: #FFF;width: 35px;height: 35px;padding: 8px;vertical-align: -20px;}
.study-card-contents .tool-data-box{margin-left: 15px;margin-top: 35px;width: 260px;}
.study-card-contents .tool-data-box.stu{width: 320px;}
.study-card-contents .join-percent{color:#282828;}
.study-card-contents .tool-right .data-detail-title{margin-top: -10px;}

/* 学习历史 start*/
.right-area .study-history-item{background: #FFF;margin-top:20px;width: 872px;min-height: 600px;position: relative;box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.05);border-radius: 5px;}
.right-area .study-history-item.stu{width: 1170px;margin-left: -4px;min-height: 0;}
/* 时间轴start */
.time-line-area{margin-left: 20px;}
.time-axis{margin:0;padding:0;position:relative;padding-bottom: 20px;}
.time-axis:before{content:'';position:absolute;left:100px;top:-8px;width:1px;height:100%;background-color:#EEEEEE}
.time-axis-item{list-style:none;padding-left:120px;position:relative;line-height:31px;font-size:14px;color:#4A4A4A;padding-top: 20px;
    padding-right: 5px;}
.time-axis-item.stu{line-height: 40px;}
.time-axis-achievement{margin:0}
.time-axis-date{position:absolute;left:0;top:0;color:#4A4A4A;width: 80px;text-align: right;font-size: 16px;}
.time-axis-date span{position:absolute;right:-27px;top:35%;display:block;width:13px;height:13px;border:1px solid #ccc;border-radius:100%;background-color:#fff}
.time-axis-date span:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:7px;height:7px;margin:auto;background-color:#ccc;border:1px solid #ccc;border-radius:100%}
.time-axis-item:first-child .time-axis-date span{border-color:#4A90E2}
.time-axis-item:first-child .time-axis-date span:after{background-color:#4A90E2;border-color:#4A90E2}
/* 时间轴end */
.study-history-item .history-remind-tips{font-size: 12px;color: #9b9b9b;margin-left: 700px;padding-top: 20px;}
.study-history-item .history-remind-tips.stu{margin-left:1000px;}
/* 学习历史 end*/

/* 测验成绩start */
.right-area .test-score-item{background: #FFF;margin-top:20px;width: 872px;min-height: 600px;position: relative;box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.05);border-radius: 5px;}
.right-area .test-score-item.stu{width: 1170px;margin-left: -4px;}
.right-area .test-score-item .test-score-table{width: 840px;margin: 0 auto;}
.right-area .test-score-item .test-score-table.stu{width: 1120px;}
.test-score-table .score-head{color: #9B9B9B;font-size: 14px;height: 70px;}
.test-score-table td{color: #4A4A4A;font-size: 14px;}
.test-score-table .section-name{max-width: 200px;vertical-align: middle;}
.test-score-table .test-name{max-width: 200px;vertical-align: middle;}
.test-score-table .mark-status{vertical-align: middle;}
.test-score-table .stu-score-num{color:#54A556;font-size: 16px;}
/* 测验成绩end */

/* 学习进度详情 start */
.score-detail-head.bgwhite{width: 1170px;height: 90px;min-height: 0;padding: 16px 30px;}
.score-detail-head .user-info .user-logo{width:60px;height:60px;border-radius:50%;display: inline-block;margin-right: 20px;}
.score-detail-head .user-info .user-name{display: inline-block;border-right: 1px solid #EEE;height: 52px;line-height: 52px;padding-right: 30px;margin-right: 30px;font-size: 16px;color: #4A4A4A;vertical-align: middle;max-width: 150px;}
.score-detail-head .course-title{color: #4A4A4A;font-size: 18px;max-width: 300px;display: inline-block;margin-right: 40px;margin-top: 15px;}
.score-detail-head .stu-studytime-title,.score-detail-head .stu-studytime-num,.score-detail-head .stu-studyprocess-title,.score-detail-head .stu-studyprocess-num{display: inline-block;vertical-align: -16px;font-size: 16px;}
.score-detail-head .stu-studytime-title,.score-detail-head .stu-studyprocess-title{color: #9B9B9B;font-size: 14px;}
.score-detail-head .stu-study-time{margin-right: 120px;margin-left: 80px;}
.score-detail-head .stu-studytime-num,.score-detail-head .stu-studyprocess-num{color: #54A556;font-size: 18px;}

.score-detail-body.bgwhite{width: 1170px;min-height: 0;}
.score-detail-body .score-process-table{width: 1100px;margin: 0 auto 40px auto;}
.score-process-table .score-process-head{color: #595959;font-size: 14px;height: 70px;}
.score-process-table td{color: #4A4A4A;}
.score-process-table td em{margin-left: 5px;}
.score-process-table .class-name{max-width: 300px;}
.score-process-table .section-name{max-width: 300px;}
/* 学习进度详情 end */

.class-member.bgwhite{margin-top: 2px;margin-left: 0; text-align: center;color: #9B9B9B}
.no-student{margin-top: 100px;text-align: center;color: #9B9B9B;}
.no-student i{font-size: 40px;}
.no-student span{ vertical-align: 10px;}

/* 2019-06-13 start */
.s-head.bgwhite{width:1170px;min-height: 0;padding:25px 30px;position: relative;margin:23px 0 0 -7px;}
.s-head .s-maininfo{display: inline-block;}
.s-head .s-subtitle{float: right;color: #9b9b9b;}
.s-head .s-subtitle i{color: #9b9b9b;margin-right: 5px;}
.s-head .s-maininfo .s-bold{font-size: 16px;color:#333;display: inline-block;}
.s-head .s-maininfo .s-normal{font-size: 14px;color:#9b9b9b;display: inline-block;margin-left: 5px;}
.s-head .s-subinfo{color:#9b9b9b;margin-top: 15px;}
.s-head .s-subinfo .start-time{display: inline-block;}
.s-head .s-subinfo .stu-num{display: inline-block;}
.s-head .s-subinfo .teacher-name{display: inline-block;}
.s-head .s-subinfo .subinfo-item{display: inline-block;margin-right:45px;}
.s-head .s-subinfo .subinfo-item i{margin-right: 5px;}
.s-head .operate-btn{position: absolute;right:20px;bottom: 22px;}
.s-head .operate-btn a{padding:0 10px;}

.s-body{width: 1170px;margin-left:-7px;}
.s-body .s-card .s-card-title{padding:20px 30px;}
.s-body .s-card .s-card-title .s-card-name{float: left;font-size: 16px;color:#666;}
.s-body .s-card .s-card-title .s-card-operate{float: right;margin-top:2px;color:#4A90E2;}
.s-body .s-card-content.bgwhite{min-height: 0;margin:0 0 0 0;}
.s-body .s-card-content.section-data{padding:17px 24px;height: 312px;}
.s-body .s-card-content.section-data .s-suggestinfo{float: right;color:#888;}
.s-body .s-card-content.section-data .s-suggestinfo .total-time{display: inline-block;}

.s-body .s-card-content.mini-card{padding:20px 20px;width:573px;display: inline-block;position: relative;}
.s-body .s-card-content .mini-card-title{display: inline-block;color: #666;}
.s-body .s-card-content .knowledge-average{color: #666;font-size: 16px;position: absolute;left:300px;top:60px;}
.s-body .s-card-content .mini-card-title i{font-size:20px;vertical-align:-2px;color:#4A90E2;font-weight: bold;}
.s-body .s-card-content .mini-card-tips{position: absolute;right:120px;top:90px;font-size: 16px;font-weight: bold;}
.s-body .s-card-content .mini-card-tips .point-num{color:#5A70D2;text-align: center;display: block;font-size: 36px;}

.s-body .s-card-content.res-data{padding:17px 24px;height: 208px;}
.s-body .s-card-content.res-data .res-databox{width: 390px;text-align: center;margin-top:25px;}
.s-body .s-card-content.res-data .res-databox .res-title{color:#666;}
.s-body .s-card-content.res-data .res-databox .res-data-detail{margin-top:20px;}
.s-body .s-card-content.res-data .res-databox .res-data-detail.withborder{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-bgbox{display: inline-block;vertical-align: middle;}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-data{display: inline-block;font-size: 40px;font-weight: bold;vertical-align: middle;margin-left: 15px;}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-data span{font-size: 25px;}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-bgbox{width:88px;height: 88px;background: red;border-radius: 50%;position: relative;}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-bgbox.resbg1{background: rgba(58,170,245,0.2)}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-bgbox.resbg2{background: rgba(58,220,214,0.2)}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-bgbox.resbg3{background: rgba(219,95,202,0.2)}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-bgbox .res-img{width:76px;height: 76px;border-radius: 50%;position: absolute;left:50%;top:50%;margin:-38px 0 0 -38px;text-align: center;padding:20px 0;}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-bgbox.resbg1 .res-img{background:linear-gradient(115deg,rgba(125,121,248,1) 0%,rgba(58,170,245,1) 100%);}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-bgbox.resbg2 .res-img{background:linear-gradient(115deg,rgba(56,173,225,1) 0%,rgba(58,220,214,1) 100%);}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-bgbox.resbg3 .res-img{background:linear-gradient(115deg,rgba(216,80,139,1) 0%,rgba(219,95,202,1) 100%);}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-bgbox .res-img i{font-size: 35px;color:#FFF;}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-bgbox.resbg1 +.res-data{color: #6988F7;}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-bgbox.resbg2 +.res-data{color: #19B2C2;}
.s-body .s-card-content.res-data .res-databox .res-data-detail .res-bgbox.resbg3 +.res-data{color: #DA5BBA;}

.s-body .s-card-content.supermini-card{width: 275px;}
.s-body .class-activity .s-card-content.supermini-card{height: 144px;box-shadow:0px 0px 16px rgba(54,58,67,0.08);border-radius: 5px;position: relative;color:#FFF;text-align: center;}
.s-body .class-activity .s-card-content.supermini-card.acbg1{background:linear-gradient(127deg,rgba(42,152,236,1) 0%,rgba(169,157,249,1) 100%);}
.s-body .class-activity .s-card-content.supermini-card.acbg2{background:linear-gradient(125deg,rgba(101,212,235,1) 0%,rgba(53,153,237,1) 100%);}
.s-body .class-activity .s-card-content.supermini-card.acbg3{background:linear-gradient(121deg,rgba(41,213,160,1) 0%,rgba(63,198,226,1) 100%);}
.s-body .class-activity .s-card-content.supermini-card.acbg4{background:linear-gradient(120deg,rgba(185,82,165,1) 0%,rgba(163,157,248,1) 100%);}
.s-body .class-activity .s-card-content.supermini-card .ac-data{margin-top: 30px;}
.s-body .class-activity .s-card-content.supermini-card .ac-data .ac-percent{display: inline-block;font-size: 40px;font-weight: bold;}
.s-body .class-activity .s-card-content.supermini-card .ac-data .ac-percent span{font-size: 25px;}
.s-body .class-activity .s-card-content.supermini-card .ac-data .ac-count{display: inline-block;font-size: 40px;font-weight: bold;}
.s-body .class-activity .s-card-content.supermini-card .ac-data .ac-count span{font-size: 18px;margin-left:8px;font-weight: normal;}
.s-body .class-activity .s-card-content.supermini-card .ac-data .ac-total{display: inline-block;font-size: 18px;margin-left:10px;}

.s-body .teach-scene .s-card-content.supermini-card{height: 221px;padding:20px;}

.s-body .s-card-content.exam-data{padding:30px;}
.s-body .s-card-content.exam-data .exam-num{color: #333;margin-left: 10px;}
.s-body .s-card-content.exam-data .table-brief{color: #333;}
.s-body .s-card-content.exam-data .table-brief span{color: #33B151;font-weight: bold;}
.s-body .s-card-content.exam-data .exam-data-table{width: 1110px;margin:8px auto;}
.s-body .s-card-content.exam-data .exam-data-table th{text-align: center;}
.s-body .s-card-content.exam-data .exam-data-table tr{text-align: center;}
.s-body .s-card-content.exam-data .exam-data-table .section-name{max-width: 300px;}
.s-body .s-card-content.exam-data .exam-data-table .class-name{max-width: 300px;}
.s-body .s-card-content.exam-data .exam-data-table td span.finished{color:#2DA829;}
.s-body .s-card-content.exam-data .exam-data-table td span.notfinished{color:#E86622;}
.s-body .s-card-content.exam-data .table-operate{text-align: center;}
.s-body .s-card-content.exam-data .table-operate a{display:block;margin: 20px auto;color: #4A90E2;font-size: 12px;-webkit-transition: color .3s ease;transition: color .3s ease;}
.s-body .s-card-content.exam-data .table-operate a:hover{color: #7FB6F7;}
.s-body .s-card-content.exam-data .table-operate a.disabled{cursor: default;color:#9b9b9b;}
.s-body .s-card-content.exam-data .table-operate i{font-size: 12px;margin-left: 10px;}

.s-body .s-card-content.mini-card .mini-card-info{color: #666;margin-left: 10px;}

.score-manage-body .right-area .stu-info{margin: -10px 0 25px 0;min-height: 0;padding:18px 40px;}
.score-manage-body .right-area .stu-info .user-logo{display: inline-block;vertical-align: middle;}
.score-manage-body .right-area .stu-info .user-info{display: inline-block;vertical-align: middle;margin-left: 25px;}
.score-manage-body .right-area .stu-info .user-info .user-name{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.score-manage-body .right-area .stu-info .user-info .user-name i{font-size: 18px;font-weight: bold;margin-left: 10px;}
.score-manage-body .right-area .stu-info .user-info .user-name .icon-male{color:#75B9EB;}
.score-manage-body .right-area .stu-info .user-info .user-name .icon-female{color:#FF3EC9;}
.score-manage-body .right-area .stu-info .user-logo img{width: 60px;height: 60px;border-radius: 50%;}
.score-manage-body .right-area .stu-info .user-info .user-phone{margin-left:-2px;}
.score-manage-body .right-area .stu-info .user-info .user-phone i{color: #9b9b9b;margin-right: 5px;}
.score-manage-body .right-area .stu-info .user-info .user-phone .phone-num{color: #666;}

.study-data-item .study-data-card .general-data{display: inline-block;vertical-align: middle;margin-left: 15px;}
.study-data-item .study-data-card .general-data .star{display: inline-block;}
.study-data-item .study-data-card .general-data .data-box{display: inline-block;padding: 3px 8px;font-size: 12px;color: #D67230;background: #FFEBDE;vertical-align: sub;}

.study-data-item .study-data-card .study-card-contents .liquidFill-percent{display: inline-block;}
.study-data-item .study-data-card .study-card-contents .mini-card{min-height: 0;padding: 12px 24px;width:396px;height: 195px;margin: 0;box-shadow:0px 0px 16px rgba(51,84,158,0.15);border-radius: 5px;}
.study-data-item.stu .study-data-card .study-card-contents .mini-card{width:540px;}
.study-data-item .study-data-card .study-card-contents .mini-card .mini-card-title{color: #666;}
.study-data-item .study-data-card .study-card-contents .mini-card .data-brief{float: right; margin: -20px 15px 0px 0;}

.study-data-item .study-data-card .study-card-contents .s-card-content.supermini-card{width: 190px;}
.study-data-item.stu .study-data-card .study-card-contents .s-card-content.supermini-card{width:258px;}
.study-data-item .study-data-card .study-card-contents .s-card-content.supermini-card{height: 121px;box-shadow:0px 0px 16px rgba(54,58,67,0.08);border-radius: 5px;position: relative;color:#FFF;text-align: center;}
.study-data-item .study-data-card .study-card-contents .s-card-content.supermini-card.acbg1{background:linear-gradient(127deg,rgba(42,152,236,1) 0%,rgba(169,157,249,1) 100%);}
.study-data-item .study-data-card .study-card-contents .s-card-content.supermini-card.acbg2{background:linear-gradient(125deg,rgba(101,212,235,1) 0%,rgba(53,153,237,1) 100%);}
.study-data-item .study-data-card .study-card-contents .s-card-content.supermini-card.acbg3{background:linear-gradient(121deg,rgba(41,213,160,1) 0%,rgba(63,198,226,1) 100%);}
.study-data-item .study-data-card .study-card-contents .s-card-content.supermini-card.acbg4{background:linear-gradient(120deg,rgba(185,82,165,1) 0%,rgba(163,157,248,1) 100%);}
.study-data-item .study-data-card .study-card-contents .s-card-content.supermini-card .ac-data{margin-top: 20px;}
.study-data-item .study-data-card .study-card-contents .s-card-content.supermini-card .ac-data .ac-percent{display: inline-block;font-size: 40px;font-weight: normal;}
.study-data-item .study-data-card .study-card-contents .s-card-content.supermini-card .ac-data .ac-percent span{font-size: 25px;}
.study-data-item .study-data-card .study-card-contents .s-card-content.supermini-card .ac-data .ac-count{display: inline-block;font-size: 40px;font-weight: normal;}
.study-data-item .study-data-card .study-card-contents .s-card-content.supermini-card .ac-data .ac-count span{font-size: 14px;margin-left:8px;font-weight: normal;}
.study-data-item .study-data-card .study-card-contents .s-card-content.supermini-card .ac-data .ac-total{display: inline-block;font-size: 14px;margin-left:10px;}
.study-data-item .study-data-card .study-card-contents .mini-card-tips{position: absolute;right:170px;top:100px;font-size: 20px;font-weight: bold;}
.study-data-item .study-data-card .study-card-contents .mini-card-tips .point-num{color:#5A70D2;text-align: center;display: block;font-size: 36px;}
.study-data-item.stu .study-data-card .study-card-contents .mini-card-tips{right: 430px;}

.study-data-item .study-data-card .study-card-contents .shadow-box{box-shadow: 0px 0px 16px rgba(51, 84, 158, 0.15);border-radius: 5px;padding: 15px 0;}
/* 2019-06-13 end */

/* 学习数据 end */

/*按钮 start*/
.btns-collection {text-align: center; }
.btn {min-width: 75px; font-size: 14px; margin: 0 3px;padding: .1rem .75rem;border-radius: 2px;height: 32px;}
.btn-primary {color: #fff !important;background-color: #4A90E2;border-color: #4A90E2; height: 40px;border-radius: 5px;padding:0;line-height: 38px;transition: all .3s cubic-bezier(.645,.045,.355,1);}
.btn-primary.disabled{background-color: #999 !important;border-color: #999 !important;}
.btn-primary:hover {background-color: #7FB6F7;border-color: #7FB6F7;}
.btn-danger {color: #fff;background-color: #ebe9e9;border-color: #f55c5c;}
.btn-danger:hover {background-color: #fe6767;border-color: #fe6767;}
.btn-default {color: #4A90E2;background-color: #fff;border-color: #4A90E2;}
.btn-default:hover {color: #fff;background-color: #8fa7fd;border-color: #8fa7fd;}
.btn-cancel{background: #FFF;color: #9B9B9B !important;border: 1px solid #EEE;height: 40px;border-radius: 5px;}
.btn-cancel:hover,.btn-cancel:active,.btn-cancel:focus{background: #FFF !important;color: #9B9B9B !important;border: 1px solid #EEE !important;box-shadow: none !important;}
/*按钮 end*/

/* 我的培训start */
.myCourse-list {width: 100%;height: 400px;}
.myCourse-list-item {font-size: 14px;margin-top: 24px;height: 18px;}
.myCourse-list-item .item-info {color: #4A4A4A;float: left;width: 600px;}
.myCourse-list-item .item-btn {color: #4A90E2;cursor: pointer;float: right;}
.myCourse-list-item .attend-info{color: #9B9B9B;margin-left: 50px;}
.my-training{padding: 20px 40px 40px 40px;width: 970px;}
.training-nav{border-bottom:1px solid #d0d6d9;padding: 10px 0px;}
.training-nav a{padding: 10px 20px;color: #4A4A4A;font-size: 16px;}
.training-nav a.sel{border-bottom: 2px solid #4A90E2;color: #4A90E2}
.train-list{min-height:750px;}
.train-list li{border-bottom: 1px solid #e8e8e8;}
.train-list .u-traininfo{margin:5px 0 10px 0;}
.train-list .u-traininfo .u-trainsubmittime{float: left;color: #9B9B9B;}
.train-list .u-traininfo .u-trainoperate{float: right;}
.train-list .u-traininfo .u-trainoperate a{margin:0 12px;}
.train-list .u-traininfo .u-trainoperate a:last-child{margin-right: 0;}
.train-list .u-traintitle{display: inline-block;margin:12px 0 5px 0;font-size: 18px;}
.train-list .u-traintitle .u-trainstatus{display: inline-block;color: #FFF;font-size: 12px;padding: 2px 5px; background: #54A556;vertical-align: text-top;margin-left:5px;}
/* 我的培训end */

/* 大赛页面start */
.contest-list{width: 1190px;position: relative;margin-top:24px;}
.contest-list .contest-box{width:580px;height:435px;padding: 36px;background: #FFF;color:#4A4A4A;border-radius: 5px;position: relative;margin-left: 15px;box-shadow:0px 15px 35px 0px rgba(0,0,0,0.05);border-radius:5px;transition: all .2s;margin-top: 20px;}
.contest-list .contest-box:hover{box-shadow:0px 15px 35px 0px rgba(0,0,0,0.15);transform: translate3d(0, -10px, 0);}
.contest-list .contest-tag,.contest-list .contest-name{display: inline-block;}
.contest-list .contest-tag{font-size:14px;padding: 5px 11px;border:1px solid #666;border-radius:5px;background:#666;color:#FFF;}

.contest-list .contest-tag.tag1{color:#1684E5;background: #DAF0FA;border:1px solid #97CAFF;}
.contest-list .contest-tag.tag2{color:#7B61F6;background: #EBE7FF;border:1px solid #C8BCFF;}
.contest-list .contest-tag.tag3{color:#009B92;background: #C1F6EB;border:1px solid #49DCBD;}
.contest-list .contest-tag.tag4{color:#576b95;background: #E5E7EC;border:1px solid #D6DAE2;}

.contest-list .contest-name{font-size: 20px;color: #4A4A4A;vertical-align: -3px;margin-left: 5px;font-family: SimSun;font-weight: bold;}
.contest-list .contest-briefinfo{margin: 34px 0;font-size: 14px;}
.contest-list .contest-otherinfo{font-size: 14px;}

.contest-inner img{position: absolute;bottom: 50px;right: 10px;}

.contest-btn{position: absolute;bottom: 0;margin: 0 -36px;}
.contest-btn a.team-btn{color: #FFF;background: #31BCC8;border-radius: 0 0 0 5px;}
.contest-btn a.enter-contest{color: #FFF;background: #4A90E2;border-radius: 0 0 5px 0;}
.contest-btn a.enter-contest.no-team{color: #FFF;background: #4A90E2;border-radius: 0 0 5px 5px;width: 580px;}
.contest-btn a{width: 290px;text-align: center;height: 50px;line-height: 50px;float: left;font-size: 14px;}

.auth-area{width: 1180px;}
.auth-area .course-manage-title{margin-left:0;}
.auth-area .course-manage-title a{color:#4A4A4A;}
.auth-area .course-manage-title a:hover{color:#4A90E2;}
.auth-area .auth-info{text-align: center;font-size: 20px;color: #4a4a4a;margin-top: 100px;font-weight: bold;}

.IdentityBoxList{-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;margin-top: 43px;}
.IdentityBox{transition: all .2s;border-radius:5px;width: 488px;height: 217px;background: #FFF;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;margin: 0 10px;box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.05);}
.IdentityBox:hover{box-shadow:0px 15px 35px 0px rgba(0,0,0,0.15);transform: translate3d(0, -10px, 0);}
.IdentityBox img{width: 120px;height: 120px;}
.IdentityBox .IdentityName{font-size: 18px;color:#4A4A4A;margin-left: -120px;}

.contest-formarea{width: 1170px;margin: 40px auto;padding-bottom: 1px;margin-left:0;position: relative;}
.contest-formarea .contest-title{text-align: center;background:url('../../images/contest/bg01.png') no-repeat 0 0;color: #FFF;height: 63px;line-height: 63px;border-radius: 5px 5px 0 0;font-size: 18px;background-size: cover;}
.contest-formarea .submit-tag{position: absolute;background: #FFEBDE;right: 70px;top: 130px;color: #dc3545;font-size: 20px;font-weight: bold;padding: 8px;border: 3px solid #dc3545;border-radius: 15px;transform: rotate(38deg);z-index: 999;}
.contest-formarea [class^='regular']{position: relative;}
.contest-formarea [class^='practice']{position: relative;}
.contest-nav{border-bottom:1px solid #d0d6d9;padding: 10px 0px;margin-top: 30px;width: 1000px;margin-left: 90px;}
.contest-nav a{padding: 10px 20px;color: #4A4A4A;font-size: 16px;position: relative;}
.contest-nav a.new:after{position: absolute;content:'空';right:0px;bottom: 9px;background: #666666;border-radius: 50%;font-size:12px;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #FFF;z-index:2;}
.contest-nav a.sel{border-bottom: 2px solid #4A90E2;color: #4A90E2}

.contest-formarea .contest-formtitle{text-align:center; margin-top: 40px;}
.contest-form-detail{width:600px;margin:0 auto;}
.contest-form-detail .form-item-title,.contest-form-detail .form-input{display: table-cell;vertical-align: middle;}
.contest-form-detail .form-item-title{width: 180px;text-align: right;padding-right: 16px;position: relative;font-size: 14px;}
.contest-form-detail .form-item-title .guide-teacher1 i,.contest-form-detail .form-item-title .guide-teacher2 i{color:#2368B5;margin-left: 5px;margin-right: 5px;vertical-align: middle;}
.contest-form-detail .form-item-title .guide-teacher1,.contest-form-detail .form-item-title .guide-teacher2{padding-right: 0px;}
.contest-form-detail .form-input{width: 366px;}
.contest-form-detail .form-input input{height: 40px;padding: 0 16px;}
.contest-form-detail .form-input input::-webkit-input-placeholder{transform: translate(0,-2px)}
.contest-form-detail .form-input input:-moz-placeholder{transform: translate(0,-2px)}
.contest-form-detail .form-input input::-moz-placeholder{transform: translate(0,-2px)}
.contest-form-detail .form-input input:-ms-input-placeholder{transform: translate(0,-2px)}
.contest-form-detail .form-input input::-webkit-textarea-placeholder{transform: translate(0,-2px)}
.contest-form-detail .form-input input:-ms-textarea-placeholder{transform: translate(0,-2px)}

.contest-form-detail .form-item{ margin: 26px -54px;position: relative;display: table;}
.submit-btns{margin: 50px 0 50px 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.submit.contest-form-detail .form-input input-btns button:first-child{margin-right:10px;}
.submit-btns button:last-child{margin-left:10px;}

.valid-feedback,.invalid-feedback{top: 38px;position: absolute;left: 180px;}

.contest-form-detail .form-input .school-name,.contest-form-detail .form-input .contest-account{color:rgba(0,0,0,.65);font-size: 14px;}
.contest-form-detail .form-input .contest-account a{vertical-align: middle;}
select.form-control:not([size]):not([multiple]){width:366px;display: inline-block;font-size: 14px;}

.upload-input{padding: 0;position: relative;}
.upload_doc1,.upload_doc2{padding: 0 !important;width: 120px !important;height: 120px !important;opacity: 0;}
.upload-btn{cursor: pointer; position: absolute;top: 0;left: 0;width: 120px;height: 120px;border-radius: 5px;z-index: 1;}
.upload-btn i{font-size: 34px;color: #D3D3D3;margin: 30px 42px 18px 44px;display: block;}
.upload-btn span{font-size: 14px;color: #9B9B9B;text-align: center;}
/* .upload-input .download-demo{font-size: 14px;margin-left: 30px;position: absolute;bottom: 0;} */
.form-item .download-demo{font-size: 14px;position: absolute;left: 514px;top: 50px;}
.upload-input .upload-content{width: 120px;height: 120px;position: absolute;border: 2px dashed #CCC;top:0;left:140px;}
.upload-input .upload-content.contest-team{position: relative;left: 0}
.upload-input .upload-content img{width: 110px;height: 110px;display: block;margin:3px auto;}
.upload-input .upload-content img.zoomed{position: absolute;z-index:999;}

.upload-input .upload-area{width: 120px;height: 120px;border: 2px dashed #CCC;top:0;left:0px;}
.upload-input .upload-area.contest-team{position: relative;left: 0;}
.upload-input .upload-area img{width: 110px;height: 110px;display: block;margin:3px auto;}


.contest-formarea.authentication-page{padding: 30px; position: relative;}

.identity-info-title{font-size: 16px;color: #000;font-weight: 500;}
.identity-info-title i{color:#6B6D83;margin-right: 15px;}
.identity-info-title .contest-tips{color: #4A90E2;font-size: 14px;margin-left: 14px;vertical-align: text-bottom;}

.authentication-page .contest-form-detail .form-input{width: 435px;}
.select-school{display: inline-block;width: 206px;height: 40px;margin-bottom: 0;padding: 0;line-height: 2.5;}
.select-school #school{border: transparent;height: auto;line-height: inherit;}
.select-school #school::-webkit-input-placeholder{transform: translate(0,1px)}
.select-school #school:-moz-placeholder{transform: translate(0,1px)}
.select-school #school::-moz-placeholder{transform: translate(0,1px)}
.select-school #school:-ms-input-placeholder{transform: translate(0,1px)}
.select-department{display: inline-block;margin-left: 22px;margin-bottom: 0;}
.select-department .custom-select{height: 40px;font-size: 12px;width: 206px;}

.contest-info{width:550px;margin:0 auto;}
.contest-info .form-item-title,.contest-info .form-input{display: table-cell;vertical-align: middle;}
.contest-info .form-item-title{width: 180px;text-align: right;padding-right: 16px;position: relative;font-size: 14px;}
.contest-info .form-item-title .guide-teacher1 i,.contest-info .form-item-title .guide-teacher2 i{color:#2368B5;margin-left: 5px;margin-right: 5px;vertical-align: middle;}
.contest-info .form-input{width: 435px;}
.contest-info .form-input input{height: 40px;padding: 0 16px;}
.contest-info .form-input input::-webkit-input-placeholder{transform: translate(0,-2px)}
.contest-info .form-input input:-moz-placeholder{transform: translate(0,-2px)}
.contest-info .form-input input::-moz-placeholder{transform: translate(0,-2px)}
.contest-info .form-input input:-ms-input-placeholder{transform: translate(0,-2px)}

.contest-info .form-item{margin: 26px -80px;position: relative;display: table;}

.contest-formarea.authentication-success-page{color:#4A4A4A;;min-height:0;height:431px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.authentication-success-page i{font-size: 65px;color:#52C41A;margin-top: 50px;}
.authentication-success-page .success-info{margin:20px 0 53px 0;font-size: 20px;}
.authentication-success-page button{margin:60px 0 50px 0;}
.authentication-success-page .contact-info{font-size: 14px;}

.teacher-rank {top:13px;left: 140px;margin: 0 auto !important;}
.teacher-rank p{width: 134px;}

.contest-remind{text-align: center;color: #dc3545;font-size: 14px;}
.team-successinfo i{font-size: 40px;color: #54A556;vertical-align: middle;margin-right: 15px;}
.team-warninginfo i{font-size: 40px;color: #F5A623;vertical-align: middle;margin-right: 15px;}

/* 大赛视频页start */
.contest-list.video-list{margin-top:0;}
.contest-list.video-list .contest-box{margin-top:15px;}
.contest-list.video-list .contest-box .contest-inner .video-name{margin-top:15px;}
.contest-list .banner-box{margin-left: 15px;margin-top: -15px;}
.contest-list .banner-box img{width: 1175px;}
.contest-list .contest-contact{width: 1175px;margin:20px auto 0 15px;background: #3CAFF9;padding:10px;text-align: center;}
.contest-list .contest-contact li{display: inline-block;color:#FFF;font-size: 12px;vertical-align: middle;margin: 0 30px;}
.contest-list .contest-contact li .group-name{display: inline-block;vertical-align: middle;}
.contest-list .contest-contact li a{display: inline-block;vertical-align: middle;}
/* 大赛视频页end */

/* 大赛页面end */

/* 注册成功页面start */
.register-page.bgwhite{width: 1180px;min-height: 0;margin-left:0;}
.register-page .success-info{text-align: center;width: 1180px;color: #595959;font-size: 28px;margin-top: 60px;}
.register-page .success-info .success-info-tips{display: inline-block;vertical-align: middle;}
.register-page .success-info .success-info-tips .sub-info{font-size: 16px;color:#9B9B9B;margin-top: 10px;max-width: 400px;}
.register-page .success-info .success-info-tips .sub-info.return{color:#4a4a4a;}
.register-page .success-info .success-info-tips .sub-info.return .remain-time{color:#F5A623;display: inline-block;font-size: 20px;}
.register-page .success-info .success-info-tips .sub-info.return .remain-time #time{display: inline-block;}
.register-page .apply-waitcustomer .success-info{width: auto;}
.register-page .success-info i{font-size: 60px;color:#52C41A;vertical-align: middle;margin-right: 34px;}
.register-page .success-info span{width: 384px;font-size: 16px;float: right;margin-right: 246px;text-align: left;color: #9B9B9B;}
.register-page .inline-btn{margin: 90px 0 58px 0;}
.register-page .inline-btn button{/*margin-right: 74px;*/padding:0 10px;width: 200px;margin: 0 20px;}
.register-page .inline-btn button.hollow-btn{background: #FFF;color:#4A90E2 !important;border: 1px solid #4A90E2;}
.register-page .inline-btn a{vertical-align: -4px;}
.register-page .promotion-area{width: 878px;height: 168px;background: #F5F5F5;margin: 0 auto 57px auto;}
.promotion-area .ad-box{text-align: center;padding: 19px;}
.promotion-area img{width: 90px;height: 90px;}
.promotion-area .promotion-info{font-size: 16px;color: #595959;margin-top: 14px;}
/* 注册成功页面end */

/*注册 登录 找回密码 start*/
.register-list {margin: 0 0 25px 0; padding: 0; list-style-type: none;}
.register-list li {margin: 0 0 25px 0;}
.register-list li:last-child {margin: 0;}
.register-list input[type=text],
.register-list input[type=password]  {height: 46px; line-height: 46px; padding: 0 15px; border-radius: 5px;}
.register-list select {height: 46px; line-height: 46px;padding: 0 15px;font-size: 14px;}

.apply-info .register-btns .btn {width: 340px; height: 50px; line-height: 45px; font-size: 16px; letter-spacing: 5px; border-radius: 5px;}
.apply-info .register-btns a { display: block; text-align: center; font-size: 14px; margin: 25px 0 0 0;}
.apply-info .submit-btns{margin-right:-22px;}
.apply-info .submit-btns .btn {width: 340px; height: 50px; line-height: 45px; font-size: 16px; letter-spacing: 5px; border-radius: 5px;}
.apply-info .submit-btns a { display: block; text-align: center; font-size: 14px; margin: 25px 0 0 0;}

.success-tips {text-align: center;}
.success-tips em {display: block; width: 50px; height: 50px; margin: 0 auto 20px auto; background: url(../../images/common/successcircle.png) no-repeat 0 0;}
.success-tips span {color: #008a00; font-size: 20px;}

/*注册 登录 找回密码 end*/

/*步骤引导start*/
.applyteacher-layout .box-title{width: 500px;margin: 60px auto;text-align: center;}
.applyteacher-layout .box-title i{font-size: 12px;color: #999;}
.applyteacher-layout .box-timeline{width: 474px; margin: 0 auto; text-align: center; display: inline-block;}
.applyteacher-layout .box-timeline ul li{list-style:none;float: left;font-size: 16px;color: #999;width: 100px; position: relative;margin-right: 162px;}
/*.applyteacher-layout .box-timeline  div[class*=box-outside]{width: 38px; height: 38px; background-color: #d7d7d7; border-radius: 50%;line-height: 38px; margin: 10px auto; display:flex; display: -webkit-flex;  align-items:center;}*/
.applyteacher-layout .box-timeline .outside1ab:before{content:"";position:absolute; height: 1px; width: 142px;background-color: #d7d7d7;top: 50px;right: 64px;z-index: 2;}
.applyteacher-layout .box-timeline .outside2a:before{content:"";position:absolute; height: 1px; width: 142px;background-color: #d7d7d7;top: 50px;right: 64px;z-index: 2;}
.applyteacher-layout .box-timeline  div[class*=box-num]{width: 26px; height: 26px;line-height: 26px; margin: 14px auto; border-radius: 50%; background-color: #4A90E2;color: #fff; }
/*.applyteacher-layout .box-timeline  div[class*=box-nums]:after{content: ""; position:absolute; height: 1px; width: 105px;background-color: #39f;top: 46px;left: 71px;}*/
.applyteacher-layout .box-timeline .outside1ab .num2ab{background-color: #999;}
.applyteacher-layout .box-timeline .outside2a .num3a{background-color: #999;}
.applyteacher-layout .box-timeline ul .box-num1{background-color: #4A90E2;}
.applyteacher-layout .box-timeline .box-num2,.applyteacher-layout .box-timeline .box-num3{margin-left: 45px;}
.applyteacher-layout .box-timeline .box-num1:after{content:"";position:absolute; height: 1px; width: 142px;background-color: #4A90E2;top: 50px;left: 64px;}
.applyteacher-layout .box-timeline .num2ab:before{content:"";position:absolute; height: 1px; width: 142px;background-color: #4A90E2;top: 50px;right: 64px;}
.applyteacher-layout .box-timeline .num3a:before{content:"";position:absolute; height: 1px; width: 142px;background-color: #4A90E2;top: 50px;right: 64px;}
/*第一步*/
.applyteacher-layout  div[class*=box-form] {width: 370px;margin: 40px auto;padding-top: 100px;}
.applyteacher-layout  .twobox-form{display: none;}
.applyteacher-layout  .threebox-form{display: none;}
.applyteacher-layout .onebox-form .oneform-label{float: left;display: block;width:70px;text-align: center; font-size: 14px;height: 40px;line-height: 40px;}
.applyteacher-layout .onebox-form .oneform-input{margin-left: 75px;}
.applyteacher-layout .onebox-form .oneform-input input {border-radius: 6px;width: 100%; padding-left: 10px;}
.applyteacher-layout .onebox-form .oneform-input input::-webkit-input-placeholder{font-size: 14px;color: #999;}
.applyteacher-layout .onebox-form .onebtn-box{width: 130px;height: 40px; margin:30px auto;}
.applyteacher-layout .onebox-form .onebtn-box .onebtn{width: 130px;height: 40px; margin: 0 auto;background-color: #39f;color: #fff;border-radius: 6px;font-size: 14px;}
/*第二步*/
.applyteacher-layout .twobox-form label{float: left;display: block;width: 70px;text-align: center; font-size: 14px;height: 40px; line-height: 40px; }
.applyteacher-layout .twobox-form .newtel{margin-bottom: 14px;}
.applyteacher-layout .twobox-form  div[class*=twoform-input]{margin-left: 75px;}
/*第三步*/
.applyteacher-layout .threebox-form .successr p{font-size: 20px;text-align: center;margin-top: 15px;}
.applyteacher-layout .threebox-form .successr button{width: 130px;height: 40px;background-color: #4A90E2;color: #fff;margin: 7% 32%;border-radius: 6px;font-size: 14px;}


.applyteacher-layout .onebox-form .register-list li i{left:30px;}
.applyteacher-layout .onebox-form .demo-class {position: relative; font-size: 14px; color: #727984; margin: 0 0 25px 15px; padding: 0 0 25px 0;}
.ml45{margin-left: 45px;}
/* .register-list .form-group{margin-bottom:20px;}
.register-list .form-group input{margin-left: 14px;}
.register-list .form-group select{margin-left: 14px;font-size: 14px;}
.register-list .form-group input[type=text], .register-list .form-group input[type=password]{padding: 0 15px;} */
.applyteacher-layout.register-page .promotion-area{margin:0 auto !important;}

.successr{margin-top: 40px;margin-left: 14px;position: relative;}
.successr i{font-size: 65px;color: #52C41A;position: absolute;top: 0;left: 144px;}
.successr p.success-info{padding-top: 100px !important;color:#4A4A4A;}
.successr p.verify-info{color:#9B9B9B;font-size: 16px !important;}

/*步骤引导end*/

/*申请成为教师  start*/
.applyteacher-layout {background: #fff; border-radius: 5px; padding: 35px 25px 57px 25px;box-shadow: 3px 0 10px rgba(234,239,255,0.9);text-align: center;}
.apply-progress {margin: 0; padding: 0; list-style-type: none; text-align: center; border-bottom: 1px solid #e0e0e1;}
.apply-progress li {position: relative; display: inline-block; color: #ccc; padding: 0 0 23px 0;}
.apply-progress li::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: transparent;}
.apply-progress li i {font-size: 29px;}
.apply-progress li span {display: block; font-size: 14px; padding: 7px 0 0 0;}
.apply-progress li span em {display: inline-block; width: 22px; height: 22px; color: #fff; border-radius: 50%; font-style: normal; margin: 0 9px 0 0; background: #ccc;}
.apply-progress li .circleline { position: relative; top: 20px; display: block;width: 85px; height: 6px; margin: 0 9px; background: url(../../images/common/circleline.png) no-repeat 0 0;}
.apply-progress li.current::after {background: #4A90E2;}
.apply-progress li.sel {color: #4A90E2;}
.apply-progress li.sel span em {background: #4A90E2;}

.apply-info {width: 340px; margin: 50px auto 0 auto;}
.apply-info .register-list .form-group select{font-size:12px;}
.apply-info .register-list .form-group a{font-size:12px;vertical-align: text-bottom;margin-left: 20px;}

.apply-waitcustomer {display: none;  margin: 0 auto;}
.apply-waitcustomer .success-info .success-info-tips{text-align: left;/*width: 384px;*/}
/*申请成为教师  end*/

/* 试用课程start */
@media (min-width: 576px) {
    .trailinner { margin: 0 5px; }
}
@media (min-width: 768px) {
    .trailinner { margin: 0 15px; }
}
@media (min-width: 992px) {
    .trailinner { margin: 0 25px; }
}
@media (min-width: 1200px) {
    .trailinner { margin: 0 45px; }
}
.trailback { background: -webkit-linear-gradient(#fff 15%, #f0f3f6 30%, #f0f3f6 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fff 15%, #f0f3f6 30%, #f0f3f6 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fff 15%, #f0f3f6 30%, #f0f3f6 100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fff 15%, #f0f3f6 30%, #f0f3f6 100%); /* 标准的语法（必须放在最后） */}
.trailtileh5 {color: #56b5ff; font-size: 26px; font-weight: normal; text-align: center; padding: 26px 0 20px 0;}
.trailcoursesummry {font-size: 20px; color: #666; line-height: 40px; margin: 0 80px 45px 80px;}
.trialitem {border-radius: 10px; box-shadow: 3px 0 10px rgba(234,239,255,0.9); margin-bottom: 30px;}
.trialitem:hover {box-shadow: 0 5px 10px rgba(191,206,253,0.75);}
.trialitem .trialimg {padding: 0; position: relative;}
.trialitem .trialimg > img {width: 100%; height: 100%; border-radius: 10px 0 0 10px;}
.trialitem .trialimg .trialmark {position: absolute; left: 17px; top: 17px; height: 25px; line-height: 25px; font-size: 14px; color: #fff; border-radius: 25px; padding: 0 12px; background: rgba(17,14,38,0.3);}
.trialitem .trialbreif {min-height: 256px; background: #fff; border-radius: 0 10px 10px 0; padding: 30px 30px 24px 40px;}
.trailtileh6 {font-size: 18px; font-weight: bold; color: #333;}
.trailtitlelay {margin-bottom: 10px; position: relative; }
.trailtitlelay a:hover{color:#FFF !important;opacity: 0.9 !important;}
.trailtitlelay a{line-height: 1.5 !important;}
.trailtitlelay::before {position: absolute; left: 155px; top: 14px; right: 145px; content: ""; height: 6px; background: url(../../images/trial/line.png) repeat-x 0 0;}
.trailtitlelay.titlefour::before {left: 96px;}
.trailtitlelay.titlefive::before {left: 112px;}
.trailtitlelay.titlesix::before {left: 124px;}
.trailtitlelay.titleserver::before {left: 144px;}
.trailtitlelay.titleeight::before {left: 166px;}
.trailtitlelay.titlenine::before {left: 182px;}
.trailtitlelay.titleten::before {left: 200px;}
.trailtitlelay .trailtileh6 {float: left;line-height: 35px; margin-bottom: 0;}
.trialbreif .trialp {position: relative; font-size: 14px; color: #666; line-height: 31px; padding-left: 20px; margin-bottom: 0;}
.trialbreif .trialp::before {position: absolute; left: 0; top: 12px; content: ""; width: 8px; height: 8px; background: url(../../images/trial/point.png) no-repeat 0 0;}

.trial-banner {position: relative; width: 1050px; height: 242px; margin: 30px auto 0 auto; box-shadow: 5px 5px 15px rgba(133,133,133,.5),-2px 0 8px rgba(133,133,133,.5); border-radius: 12.5px;}
.trial-banner img { border-radius: 12.5px;}
.trial-banner span {display: block; position: absolute; top: 17px; left: 17px; color: #fff; padding: 0 10px; height: 25px; line-height: 25px; font-size: 14px; border-radius: 25px; background: rgba(17,14,38,0.3);}
.trial-banner a {display: block;position: absolute;right: 73px;bottom: 28px;width: 160px;height: 48px;line-height: 48px;font-size: 20px;color: #fff;text-align: center;background: #F01414;border-radius: 48px;}
.trial-banner a:hover {opacity: 0.9;}
.trial-banner a.applyed{background:#fc433d;}
.trial-banner .chapter-info{position: absolute;bottom: 39px;left: 63px;color: #FFF;font-size: 14px;}
.trial-banner .trial-title{color: #FFF;font-size: 60px;top: 90px;position: absolute;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);}

.chapter-list { position: relative; padding-bottom: 45px;}
.chapter-title {font-size: 32px; color: #E76C12; text-align: center; padding: 70px 0; margin: 0; }
.chapter-title.title-color01{color:#1CB492;}
.chapter-title.title-color02{color:#026E00;}
.chapter-title.title-color03{color:#0064CB;}

.chapter-inner-list {list-style-type: none; text-align: center; margin-bottom: 45px; padding: 0;}
.chapter-inner-list li {display: inline-block; margin: 0 20px;}
.chapter-inner-list li a {display: block; width: 250px; height: 75px;cursor: default;line-height: 75px; font-size: 18px;  color: #666; background: #FCE568;border-radius: 10px;box-shadow: 5px 5px 15px rgba(133,133,133,.5);}

.chapter-list.listbg01 li a{color:#fff;background: #12B8C1;}
.chapter-list.listbg02 li a{color:#4A4A4A;background: #BDE1BD;}
.chapter-list.listbg03 li a{color:#FFF;background: #2D75FF;}

.target-layout {position: relative;box-shadow: 5px 5px 15px rgba(143,143,244,.5); background: -webkit-linear-gradient(left, #9477fc , #4ab0ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #9477fc , #4ab0ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #9477fc , #4ab0ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #9477fc , #4ab0ff); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#9477fc, endColorstr=#4ab0ff);/*IE<9>*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#9477fc, endColorstr=#4ab0ff)";/*IE8+*/
}
.target-layout.bg-1{
    background: -webkit-linear-gradient(left, #f98d4c , #fbdd7e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f98d4c , #fbdd7e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f98d4c , #fbdd7e); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f98d4c , #fbdd7e); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#f98d4c, endColorstr=#fbdd7e);/*IE<9>*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#f98d4c, endColorstr=#fbdd7e)";/*IE8+*/
}
.target-layout.bg-2{
    background: -webkit-linear-gradient(left, #408ed4 , #43c6cd); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #408ed4 , #43c6cd); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #408ed4 , #43c6cd); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #408ed4 , #43c6cd); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#408ed4, endColorstr=#43c6cd);/*IE<9>*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#408ed4, endColorstr=#43c6cd)";/*IE8+*/
}
.target-layout.bg-3{
    background: -webkit-linear-gradient(left, #045e15 , #299b2c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #045e15 , #299b2c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #045e15 , #299b2c); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #045e15 , #299b2c); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#045e15, endColorstr=#299b2c);/*IE<9>*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#045e15, endColorstr=#299b2c)";/*IE8+*/
}
.target-layout.bg-4{
    background: -webkit-linear-gradient(left, #3679f5 , #915af1); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #3679f5 , #915af1); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #3679f5 , #915af1); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #3679f5 , #915af1); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#3679f5, endColorstr=#915af1);/*IE<9>*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#3679f5, endColorstr=#915af1)";/*IE8+*/
}

.target-layout .chapter-title {font-size: 32px; color: #fff;  padding-bottom: 60px;}

.target-inner {width: 1020px; margin: 0 auto;}
/* .target-inner .row .col-lg-6 {padding-left: 31px; padding-right: 31px;} */
.target-inner .target-box{padding-bottom:80px;width: 480px;display: inline-block;}
.target-title {text-align: center; font-size: 22px; color: #4A4A4A; margin-bottom: 25px;}
.target-colorblock {padding: 20px 15px 70px 15px;text-align: center;
    background: -webkit-linear-gradient(rgba(68,110,230,.5), transparent); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(68,110,230,.5), transparent); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(68,110,230,.5), transparent); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(68,110,230,.5), transparent); /* 标准的语法 */ }
.target-colorwhite{padding: 20px 15px 50px 15px;text-align: center;background: #FFF;border-radius: 5px;box-shadow:0px 8px 15px 0px rgba(0, 0, 0, 0.5);}
.target-list {list-style-type: none; font-size: 16px; color: #4A4A4A; padding: 0; margin: 0;text-align: left;}
.target-list li {height: 39px; line-height: 39px; padding-left: 10px; /*margin-bottom: 10px;*/ font-size: 16px;}

.teach-res .res-btns,
.teach-res .bracket{display: table-cell;vertical-align: middle;padding-right:30px;}
.teach-res .res-btn{font-size: 24px;font-weight: bold;margin: 70px 80px 70px 0;width: 219px;height: 80px;line-height: 80px;text-align: center;border-radius: 25px;color: #FFF;
    background: -webkit-linear-gradient(left, #f6a983 , #d44b37); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f6a983, #d44b37); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f6a983 , #d44b37); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f6a983 , #d44b37); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#f6a983, endColorstr=#d44b37);/*IE<9>*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#f6a983, endColorstr=#d44b37)";/*IE8+*/
}
.teach-res.resbg01 .res-btn{
    background: -webkit-linear-gradient(left, #58d5d9 , #0f8999); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #58d5d9, #0f8999); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #58d5d9 , #0f8999); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #58d5d9 , #0f8999); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#58d5d9, endColorstr=#0f8999);/*IE<9>*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#58d5d9, endColorstr=#0f8999)";/*IE8+*/
}

.teach-res.resbg02 .res-btn{
    background: -webkit-linear-gradient(left, #19ce1d , #0a900a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #19ce1d, #0a900a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #19ce1d , #0a900a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #19ce1d , #0a900a); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#19ce1d, endColorstr=#0a900a);/*IE<9>*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#19ce1d, endColorstr=#0a900a)";/*IE8+*/
}
.teach-res.resbg03 .res-btn{
    background: -webkit-linear-gradient(left, #d087fd , #8a40f1); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #d087fd , #8a40f1); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #d087fd , #8a40f1); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #d087fd , #8a40f1); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#d087fd, endColorstr=#8a40f1);/*IE<9>*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#d087fd, endColorstr=#8a40f1)";/*IE8+*/
}

.res-box{display: block;width: 990px;margin: -50px auto 0 auto;padding-bottom: 30px;}
.res-box .res-list{display: table-cell;vertical-align: middle;}
.res-box .res-list ul{display: table-cell;padding-left: 60px;}
.res-box .res-list ul li{list-style: none;font-size: 24px;color: #4A4A4A;padding: 20px 0;}

.teach-process{height: 581px;}
.teach-process .process-icon{margin: 0 auto;text-align:center;display:block;width: 70px;height: 70px;background:#FFB100;box-shadow:0px 8px 15px 0px rgba(0, 0, 0, 0.5);border-radius: 50%;}
.teach-process.iconbg01 .process-icon{background: #12B8C1;}
.teach-process.iconbg02 .process-icon{background: #049C00;}
.teach-process.iconbg03 .process-icon{background: #4A69D0;}
.teach-process .process-icon i{font-size: 40px;vertical-align: -34px;width: 40px;height: 40px;color: #FFF;}
.teach-process .teachprocess-box{margin: 0px auto 60px auto;;width: 1180px;}
.teach-process .process-detail{width: 120px;margin: 0 56px;display: inline-block;}
.teach-process .process-name{text-align: center;font-size: 24px;color:#4A4A4A;margin-top: 5px;}

.learn-effect {position: relative; padding-bottom: 70px;padding-top: 80px;margin-bottom:-18px;}
.learn-effect .learn-effectbox{width: 1050px;height: 440px;margin: 0 auto;box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.5);border-radius: 5px;background:#F5F5F5;}
.learn-effect .chapter-title { padding-bottom: 30px;padding-top: 42px;}
.learn-effect .effect-box div.col-lg-8{display: inline-block;}
.learn-effect .effect-box div.col-lg-4{display: inline;}
.learn-effect .effect-box img{vertical-align: top;}

.learn-brief {font-size: 16px; width: 85%; line-height: 30px; margin: 50px 80px;color:#353535;}

.btn-trial {width: 132px; height: 35px;line-height: 35px; font-size: 18px; border-radius: 35px; font-weight: bold; color: #fff; text-align: center;
    background: -webkit-linear-gradient(left, #ff6816 , #fb9203); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ff6816 , #fb9203); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ff6816 , #fb9203); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff6816 , #fb9203); /* 标准的语法 */}


/*试用课程  end*/

/* 资源库 start*/
.res-container .search-input{margin-left: 566px;width:280px;margin-top: 8px;}
.res-container .search-input>.search-area{border: none;width: 220px;height: 40px;margin-right: -4px;margin-left:-30px;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);border: 1px solid #f5f5f5;padding-left: 36px;border-radius: 5px 0 0 5px;}
.res-container .search-input>.search-area:focus{box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);}
.res-container .search-input .search-icon{position: absolute;color: #EEE;left: -16px;top: 14px;z-index: 20;}
.res-container .input-group-btn>.search-btn{font-size:12px;color:#FFF;background-color: #4A90E2;border-color: #4A90E2;width: 60px;height: 40px;border-radius: 0 5px 5px 0;}

.res-container .search-input>.search-area::-webkit-input-placeholder{font-size:12px;color:#ccc;}
.res-container .search-input>.search-area:-moz-placeholder{font-size:12px;color:#ccc;}
.res-container .search-input>.search-area::-moz-placeholder{font-size:12px;color:#ccc;}
.res-container .search-input>.search-area:-ms-input-placeholder{font-size:12px;color:#ccc;}

/*.res-container{margin-left:0;!*margin-bottom:70px;*!min-width: 1215px;}*/
.res-container{margin-left:0;/*margin-bottom:70px;*/min-width: 1215px;margin-top:-15px;}
/*.res-container .res-leftarea{width:940px;margin:0;padding:17px 0;}*/
.res-container .res-leftarea{width:920px;margin:0;padding:8px 0;}
.res-leftarea .tab-btns a:first-child{margin-left:0;}
.res-leftarea .tab-btns a:hover{color:#4A90E2;border:1px solid #4A90E2;}
.res-leftarea .tab-btns a{width:110px;height:40px;display: inline-block;text-align: center;line-height: 38px;border-radius: 40px;border: 1px solid #d9d9d9;font-size:14px;color:#595959;margin:0 5px;cursor: pointer;/*transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s;*/}
.res-leftarea .tab-btns a.active{color:#FFF;border-color:#4A90E2;background: #4A90E2;}
.res-leftarea .sort-btns{margin: 0;}
.res-leftarea .sort-btns .sort-btn{font-size: 14px;margin-top:18px;height: 40px;}
.res-leftarea .sort-btns .sort-btn a{color:#595959;cursor: pointer;vertical-align: bottom;}
.res-leftarea .sort-btns .sort-btn span{vertical-align: bottom;}
.res-leftarea .sort-btns .sort-btn a.active{color: #4A90E2;}
.res-leftarea .sort-btns .sort-btn a:first-child{margin-right:5px;}
.res-leftarea .sort-btns .sort-btn a:last-child{margin-left:5px;}

.res-list .tab-content{min-height: 500px;}
.res-list .res-item{height: 146px;border-bottom:1px solid #e8e8e8;padding:18px 0;margin:0;cursor: pointer;transition: all .3s cubic-bezier(.645,.045,.355,1);}
.res-list .res-item:first-child{border-top:1px solid #e8e8e8;}
.res-list .res-item:hover{background: #fafafa;}
.res-list .res-item .course-cover{width:160px;height: 106px;margin-right:20px;}
.res-list .res-item .course-cover img{width:100%;height:100%;}


.res-list .res-item .res-info{font-size:14px;color:#9B9B9B;padding:0 20px 18px 0;}
.res-list .res-item .res-info .res-title{font-size:18px;color:#4A4A4A;cursor: pointer;display: block;}
.res-list .res-item .res-info .res-classify{margin:15px 0 0 0;}
.res-list .res-item .res-info .res-classify span:first-child{margin-right: 10px;}
.res-list .res-item .res-data{margin-left:15px;}
.res-list .res-item .res-data .res-owner{float: left;display: block;margin-top: 20px;}
.res-list .res-item .res-data .res-datadetail{float: right;margin-top:25px;}
.res-list .res-item .res-data .res-datadetail .res-collect{margin:0 27px;}
.res-list .res-item .res-data .res-datadetail i{margin-right:4px;}
.res-list .res-item .res-owner img{width:32px;height: 32px;border-radius: 50%;}
.res-list .res-item .res-owner .res-owner-name{margin-left:10px;margin-right:30px;}

.res-container .res-rightarea{width:240px;margin:0 0 0 15px;padding-top:16px;}
.res-rightarea button{width:240px;background: #FFF;color:#4A90E2 !important;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;}
.res-rightarea button:hover{color:#FFF !important;background: #4A90E2 !important;}
.res-rightarea .recommend-course{color:#595959;font-size: 14px;margin:18px 0 18px 2px;}
.res-rightarea .res-ads{margin-left:2px;}
.res-rightarea .res-ads a{cursor: pointer;}
.res-rightarea .res-ads img{width:240px;height: 160px;border-radius: 5px;margin-bottom:10px;}

/* 从资源库引入 */
.m-searchform {position: relative;}
.m-searchform input[type=text] {padding: 0 10px;border-radius: 5px;font-size:12px;}
.m-searchform i {position: absolute;top: 0.5em;right: 1.5em;color: #888;cursor: pointer;}
.resourcemg {margin: 0;}
.resourcemg.bgwhite{min-height: 0;}
.resourcemg > .row {margin: 0;}
.resourcemg .score-tabnavi {border-bottom: 0;}
.resourcemg .score-tabnavi a {margin-left: 15px;}

.resource-back {padding: 18px 28px 0 0; height: 47px;text-align: right;}

.resourceoprea {padding: 0 15px; height: 47px;}
.resourceoprea .custom-select {height: 32px;font-size:12px;line-height: 32px;padding: 0 10px;}

.course-item .course-info .course-teach .space-right {display: inline-block; margin: 0 25px 0 0; padding: 0}
.course-item .resource-library {position: absolute;right: 20px;top: 16px;font-size: 14px;}
.course-item.no-resource .resource-library .btn {background: #ccc; cursor: default; border: 1px solid #ccc;}

.tab-content {display: none;}

#modal-resourceselection .modal-dialog {width: 160px;}

.course-item .course-info h2 a {color: #333;}
.course-item .course-info h2 a:hover {color: #4A90E2;}

.resource-info {font-size: 14px;background: #f4f6f8; border-top: 1px solid #e0e5f1; border-left: 1px solid #e0e5f1; margin: 0; border-radius: 3px; padding: 10px 0;}
.resource-info dt {float: left; font-weight: normal; width: 90px; text-align: right;}

.course-resource {position: relative;}
.course-teachers .course-resource h3 {/*padding-right: 80px;*/ font-size: 16px; border: 0; margin: 0;}
.course-teachers .course-resource h3 i {margin-right: 5px; color: #999;}
.course-resource .btn {position: absolute; right: 10px; top: 13px}

.score-tabnavi {border-bottom: 1px solid #e0e0e1; margin-bottom: 15px; font-size: 16px;}
.score-tabnavi a {display: inline-block; color: #333; border-bottom: 4px solid transparent; padding: 15px 8px 10px 8px; margin-left: 40px;}
.score-tabnavi a:hover {color: #4A90E2;}
.score-tabnavi a.cur {color: #333; border-bottom-color: #4A90E2;}

.res-list.import-res{padding: 0 30px 30px 30px;}
.res-list.import-res .res-item{padding: 12px 0;height: 78px;cursor: default;}
.res-list.import-res .res-item:first-child{border-top:none;}
.res-list.import-res .res-item:hover{background: none;}
.res-list.import-res .res-item .res-info .res-title{float: left;}
.res-list.import-res .res-item .res-info .res-title:hover{color:#4A90E2;}
.res-list.import-res .res-item .res-info .res-classify{margin: 10px 0 0 0;}
.res-list.import-res .res-item .res-info .res-operate{float: right;margin: -24px 0 0 0;}
.res-list.import-res .res-item .res-info .res-operate span{cursor: pointer;height: 40px;line-height: 40px;width:75px;text-align: center;border:1px solid #EEE;border-radius: 5px;}
.res-list.import-res .res-item .res-info .res-operate button{width:75px;margin-right:20px;}
.res-list.import-res .res-item .res-info .res-operate button.disabled{background: #ccc;cursor: not-allowed;border: 1px solid #ccc;}
.res-list.import-res .res-item .res-info{padding:0;}
.res-list.import-res .res-item .res-info .res-classify .res-updatetime{margin-left:10px;}

.res-collect-page.resourcemg{width:970px;/*height: 100%;*/min-height: 500px}
.res-collect-page .resourceoprea{padding-top:30px;margin-bottom:20px;}
.res-collect-page .res-list.import-res .res-item .res-info .res-operate{margin:-30px 0 0 0;}
.res-collect-page .res-list.import-res .res-item .res-info .res-operate span{border:none;color: #4A90E2;width: auto;height: auto;}
.res-collect-page .res-list.import-res .res-item .res-info .res-operate span:hover{color:#7FB6F7;}
.res-collect-page + .res-ads{padding:0;margin-left:20px;}
.res-collect-page + .res-ads a{cursor: pointer;display: block;margin-bottom: 10px;}
.res-collect-page + .res-ads img{width:180px;height: 120px;border-radius: 5px;}
.mgnegnum.stu{margin:0 -8px 0 0;}
.resourceoprea .col-lg-3{width:208px !important;}

.course-list-area .score-manage.bgwhite.my-collect-tec{margin-top:23px;}

/* 资源库 end*/

/* 帮助中心start */
.navi-sidebar.helpcenter{position: relative;display: inline-block;}
.navi-sidebar.helpcenter .nav-title {font-size: 20px;height: 80px;line-height: 80px;border-radius: 5px;text-align: center;background: #FFF;margin-bottom: 10px;}
.navi-sidebar.helpcenter .nav-title i{font-size: 20px;color: #9b9b9b;margin: 0 5px;}
.mgnegnum.helpcenter{display: inline-block;width: 980px;margin-left: 15px;}
.mgnegnum.helpcenter .section-content{padding: 30px;}
.mgnegnum.helpcenter .section-content a:hover{color: #7FB6F7;}
/*.mgnegnum.helpcenter .section-content img{max-width: 100%;}*/

.navMenu>li { display: block; margin: 0; padding: 0; border: 0px; border-top: 1px solid #F5F5F5;}
.navMenu>li.open.hotquestion{background: #4A90E2;border-radius: 5px;}
.navMenu>li.open.hotquestion>a{color: #FFF;}
.navMenu>li>a { display: block; overflow: hidden; padding-left: 0px; line-height: 40px; color: #4A4A4A; transition: all .3s; position: relative; text-decoration: none; font-size: 15px;padding-left: 20px;border-radius: 5px;}
.navMenu>li>a>i { font-size: 20px; font-style: normal; margin: 0 5px; }
.navMenu li a .arrow:before { display: block; float: right; margin-top: 1px; margin-right: 15px; display: inline; font-size: 16px; font-family: iconfont; content: "\e661"; font-weight: 300; text-shadow: none; }
.navMenu li a .arrow.open:before { float: right; margin-top: 1px; margin-right: 15px; display: inline; font-family: iconfont; font-size: 16px; content: "\e65d"; font-weight: 300; text-shadow: none; }
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both;background: #FAFAFA;}
.navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0 0 0 10px; border-radius: 5px;}
.navMenu>li>ul.sub-menu li:hover a{color:#4A90E2;}
.navMenu>li>ul.sub-menu li.open{background: #4A90E2;}
.navMenu>li>ul.sub-menu li.open a{color:#FFF;}
.navMenu>li>ul.sub-menu li>a { display: block; font-size: 14px; line-height: 36px; padding-left: 20px; color: #4A4A4A; clear: both; }
.announce-item h2{font-size: 18px !important;line-height: 30px;}
.announce-item h3{font-size: 16px !important;line-height: 30px;font-weight: bold;}
.announce-item p{font-size: 14px;width:100%;line-height: 30px;color: rgb(51, 51, 51);text-indent: 28px;padding: 0;margin: 0;}
.helpcenter.fixed-content > a{margin-left:610px;}
/* .fixedbar .navi-sidebar.helpcenter{position: fixed;}
.fixedbar .mgnegnum.helpcenter{margin-left:195px;} */
.mgnegnum.helpcenter .tab-navi > ul li.sel a{cursor: default;}
/* 帮助中心end */

/*联系我们start*/
.contact-page{background: #F6F6F6;}
.contact-page .contact-head{display: block;width:100%;height: 433px;background:url('../../images/v1/bg-p4.png') 100% 100% no-repeat; background-size: cover; margin-top:-16px;}
.contact-page .contact-title{margin:-380px auto 0 auto;width: max-content;}
.contact-page .contact-title .con-titlebox{text-align: center;color: #FFF;}
.contact-page .contact-title .con-titlebox .con-title{font-size: 24px;}
.contact-page .contact-title .con-titlebox .con-subtitle{margin:30px 0;}
.contact-page .contact-title .con-input{width:825px;height: 393px; margin: 0 auto;background: #FFF;padding:20px 30px;border-radius: 5px;}
.contact-page .contact-title .con-input .contact-center .input-area{margin:0;justify-content: space-between;}
.contact-page .contact-title .con-input .contact-center .input-area input{width:377px;}
.contact-page .nickname,.contact-page .contact-info {height: 40px !important;background: #fff !important;border: 1px solid #ccc !important;border-radius: 5px !important;}
.contact-page .nickname, .contact-info,.contact-page .consult-content {padding-left: 15px !important}
.contact-page .consult-content {padding-top: 15px !important;}
.contact-page .consult-content::-webkit-input-placeholder {font-size: 14px}
.contact-page .consult-content:-moz-placeholder {font-size: 14px}
.contact-page .consult-content::-moz-placeholder {font-size: 14px}
.contact-page .consult-content:-ms-input-placeholder {font-size: 14px}
.contact-page .consult-content {margin-top: 20px;width: 100%;height: 236px;border: 1px solid #ccc !important;border-radius: 5px !important}
.contact-page .contact-btn {width: 100%;height: 40px;background-color: #4A90E2;display: inherit;transition: all .3s cubic-bezier(.645,.045,.355,1);margin:10px auto 0 auto;}
.contact-page .contact-btn:hover{background: #7fb6f7;}
.contact-page .con-infolist{text-align: center;margin:60px auto 0 auto;width:max-content;}
.contact-page .con-infolist .info-box{width:220px;height:220px;display:inline-block;padding:20px;margin:5px 20px;vertical-align:top;text-align:center;border-radius:5px}
.contact-page .con-infotitle{font-weight: bold;margin:20px 0;color:#666;}
.contact-page .contact-icon{font-size:38px;width: 92px;height: 92px;margin: 0 auto;border: 2px solid #c2c2c2;border-radius: 50%;border-right:2px dashed #c2c2c2;transform: rotate(45deg);left: -2px;top: -2px;}
.contact-page .contact-icon i{font-size:38px;color:#c3c3c3;vertical-align: -16px;transform: rotate(-45deg);display: inline-block;margin-left:4px;}
.contact-page .contact-detail{color:#888;text-align:center;margin: 0;font-size: 12px;}
.contact-page .contact-detail a{color:#888}
.contact-page .contact-detail a:hover{color:#7fb6f7;}
/*联系我们end*/

/* 微信授权start */
.wechat-auth.mgnegnum{margin-top:20px;width:1170px;}
.wechat-auth .registered-layout{width:800px;margin:0px auto;text-align: center;}
.wechat-auth .registered-layout .a-title{font-size:30px;padding-top:80px;color:#333;}
.wechat-auth .registered-layout .user-info img{width:80px;height: 80px;border-radius: 50%;margin-top:30px;}
.wechat-auth .registered-layout .user-info .user-name{margin:20px auto 20px auto;font-weight: bold;}
.wechat-auth .registered-layout .a-tips{color:#666;margin:60px auto 20px auto;}
.wechat-auth .registered-layout .operate-btns{width:340px;margin:0 auto;}
.wechat-auth .registered-layout .operate-btns a{width:340px;margin:5px auto;border-radius: 0;}
.wechat-auth .registered-layout .operate-btns a.hollow-btn,.wechat-auth .registered-layout .operate-btns a.hollow-btn:active{background: #fff !important;margin-top: 10px;border: 1px solid #ddd !important;color: #9b9b9b !important;}
.wechat-auth .registered-layout .operate-btns a.hollow-btn:hover{color:#333 !important;}

.wechat-auth .registered-layout .a-greetings{padding-top:80px;margin-bottom:20px;}
.wechat-auth .registered-layout .a-greetings img{display: inline-block;width:52px;height: 52px;border-radius: 50%;}
.wechat-auth .registered-layout .a-greetings .user-name{display: inline-block;vertical-align: middle;margin-left:5px;}
.wechat-auth .registered-layout .a-greetings .a-greetingcontent{display: inline-block;vertical-align: middle;}

.wechat-auth .registered-layout input[type=text], .wechat-auth .registered-layout input[type=password]{border:0;background: #f4f4f4;border-radius: 0;height: 45px;line-height: 45px;padding: 0 40px;}
.wechat-auth .registered-layout .register-list li i{position: absolute;top: 14px;left: 15px;color: #999;}
.wechat-auth .registered-layout .register-list li{margin: 0 auto 24px auto;position: relative;width:340px;}
.wechat-auth .registered-layout .register-list li .input-title{position: absolute;left:-70px;top:10px;}
.wechat-auth .registered-layout .register-list{margin: 0 0 25px 0;padding: 0;list-style-type: none;}
/* .valid-feedback,.invalid-feedback{margin-top:-1rem;position:absolute;} */
.wechat-auth .registered-layout .register-btns button{width:340px;border-radius: 0;}
.wechat-auth .registered-layout .demo-class{margin:40px 0 25px 0;text-align: left;width:340px;display: inline-block;}
.wechat-auth .registered-layout input[type="checkbox"]:checked + label{color:inherit;}
.wechat-auth .registered-layout .register-link{margin:56px auto 0 auto;border-top:1px solid #e5e5e5;width:340px;text-align: left;}
.wechat-auth .registered-layout .register-link>a{color:#cb4646;width: 75px;margin: 25px 0 0 0;display: block;}
.wechat-auth .registered-layout .forgotpassword {margin:20px auto 10px auto;;width:340px;font-size: 14px; text-align: right;font-family: arial,"Hiragino Sans GB","Microsoft YaHei","微軟正黑體","儷黑 Pro",sans-serif;float: none;}
.wechat-auth .registered-layout .forgotpassword a{color:#999;-webkit-transition: color .3s ease;transition: color .3s ease;}
.wechat-auth .registered-layout .forgotpassword a:hover{color:#4A90E2;}

.wechat-auth .registered-layout .status-info i{font-size: 60px;}
.wechat-auth .registered-layout .status-info .icon-warning{color:#F5A623;}
.wechat-auth .registered-layout .status-info .icon-success{color:#52C41A;}
.wechat-auth .registered-layout .main-info{font-size: 28px;color:#595959;margin:20px auto;}
.wechat-auth .registered-layout .sub-info{font-size: 16px;color:#9b9b9b;}
.wechat-auth .registered-layout .count-down{display: inline-block;}
.wechat-auth .registered-layout .count-down{color:#4a4a4a;}
.wechat-auth .registered-layout .count-down .remain-time{color:#F5A623;display: inline-block;font-size: 20px;}
.wechat-auth .registered-layout .count-down .remain-time #time{display: inline-block;}
/* 微信授权end */

/* 异常页面 start */
.exception-box{padding-top:90px;}
.exception-box .exception-img{width: 161px;height: 161px;margin: 0 auto;}
.exception-box .exception-img img{display: block;width: auto;height: 100%;margin:0 auto;}
.exception-box .exception-title{margin:41px auto 66px auto;font-size: 24px;}
.exception-btns{width: 406px;margin: 0 auto;}
.exception-btns a{width: 167px;}
/* 异常页面 end */

/* 课程目录页面 start */
.course-switch-tab{position: relative;}
.course-switch-tab .course-manage-title{width: 80px;}
.course-switch-tab div{color:#9B9B9B;font-weight: normal;cursor: pointer;font-size:18px;}
.course-switch-tab div.sel{color:#4A4A4A;font-weight: bold;}
.course-switch-tab .class-intro{position: absolute;font-size: 18px;top:0;left:100px;}
.entry-content{display:none;}
.entry-content.active{display:block;}
.intro-content.bgwhite{width: 880px;}
.intro-content{margin-top:12px;margin-left: -5px;padding:25px 30px;}
.intro-content .intro-item{margin-bottom: 25px;}
.intro-content .intro-item .intro-title{font-size: 18px;color:#4A4A4A;margin-bottom: 25px;}
.intro-content .intro-item .intro-title::before{content:'';display: inline-block;width: 3px;height: 17px;background: #4A90E2;vertical-align: -2px;margin-right: 10px;}
.intro-detail .c-classinfo{text-align: center;}
.intro-detail .c-classinfo .info-bg-first div{margin:2px;width: 200px;}
.intro-detail .c-classinfo .info-bg-second div{width: 200px;margin: 2px 2px 0px 2px;}
.intro-detail .c-classinfo .info-bg-second div.info-teach-scene{width: 610px;}
.intro-detail .c-classinfo .info-bg-first div:nth-of-type(odd){background: #D6EAFC;height: 40px;line-height: 40px;display: inline-block;font-weight: bold;}
.intro-detail .c-classinfo .info-bg-first div:nth-of-type(even){background: #E8F1FA;height: 40px;line-height: 40px;display: inline-block;}
.intro-detail .c-classinfo .info-bg-second div:nth-of-type(odd){background: #E6E6E6;height: 40px;line-height: 40px;display: inline-block;font-weight: bold;}
.intro-detail .c-classinfo .info-bg-second div:nth-of-type(even){background: #F3F5F7;height: 40px;line-height: 40px;display: inline-block;}
.info-teach-scene span{margin-right: 25px;}
.info-teach-scene span:last-child{margin:0;}
.intro-item .i-class-position{line-height: 24px;}
.c-teach-methods{padding: 0 15px;}
.c-teach-methods .teach-method{display: inline-block;height: 52px;line-height: 52px;border-radius: 52px;border: 1px solid #4A90E2;width: 315px;text-align: center;font-size: 16px;font-weight: bold;color:#4A90E2;}
.c-teach-methods .teach-method .method-logo{display: inline-block;background: #EEE;width: 40px;line-height: 40px;height: 40px;border-radius: 50%;margin-right: 15px;vertical-align: 1px;}
.c-teach-methods .teach-method .method-logo i{font-size: 30px;vertical-align: middle;}
.c-teach-methods .teach-method .c-method-name{display: inline-block;margin-top: -1px;vertical-align: 1px;}
.intro-item .teach-target-box .i-knowledge-target{width:393px;}
.intro-item .teach-target-box .i-knowledge-target .i-target-title{background:linear-gradient(-79deg,rgba(5,170,224,1) 0%,rgba(11,134,212,1) 100%);border-radius:10px 10px 0px 0px;color:#FFF;height: 40px;line-height: 40px;font-size: 16px;font-weight: bold;padding: 0 20px;}
.intro-item .teach-target-box .i-skill-target{width:393px;}
.intro-item .teach-target-box .i-skill-target .i-target-title{background:linear-gradient(-79deg,rgba(240,152,67,1) 0%,rgba(224,109,53,1) 100%);border-radius:10px 10px 0px 0px;color:#FFF;height: 40px;line-height: 40px;font-size: 16px;font-weight: bold;padding: 0 20px;}
.intro-item .teach-target-box .i-target-list{padding:22px 20px;line-height: 24px;height: 310px;}
.intro-item .teach-target-box .i-knowledge-target .i-target-list{background: #F0F6FB;color: #478DC4;}
.intro-item .teach-target-box .i-skill-target .i-target-list{background: #FFF6E8;color: #BD7300;}
.intro-item .knowledge-structure img{width: 100%;height: auto;}
.c-teachscene-list .inline-tag{margin-bottom: 28px;}
.c-teachscene-list .inline-tag:last-child{margin:0;}
.c-teachscene-list .inline-tag .c-scene-tag{width: 16%;}
.c-teachscene-list .inline-tag .c-scene-tag .c-scene-name{
    background: -webkit-linear-gradient(left, #ff5322 , #ff9966); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ff5322, #ff9966); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ff5322, #ff9966); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff5322 , #ff9966); /* 标准的语法（必须放在最后） */
    height:40px;line-height:40px;text-align:center;color: #FFF;border-radius: 40px;position: relative;font-size:16px;
}
.c-teachscene-list .inline-tag .c-scene-tag .c-scene-name::before{content: '';position: absolute;width: 10px;height: 10px;background: #FF9966;border-radius: 50%;left:-5px;top:15px;}
.c-teachscene-list .inline-tag .c-scene-tag .c-scene-include{color: #666;font-size:14px;text-align: center;margin-top:0.83rem;}
.intro-item .i-class-setting{line-height: 24px;margin-bottom: 28px;}
.teach-design-list{margin: 0 20px 26px 20px;}
.teach-design-item{height:35px;line-height: 35px;background: #FFF6E8;width: 360px;display: inline-block;border-radius: 35px;}
.teach-design-item .teach-design-logo{width: 32px;height: 32px;display:inline-block;border-radius: 50%;position: relative;vertical-align: -10px;
    background: -webkit-linear-gradient(left bottom, #fccb83 , #fffaf4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top right, #fccb83, #fffaf4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top right, #fccb83, #fffaf4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to top right, #fccb83 , #fffaf4); /* 标准的语法（必须放在最后） */
}
.teach-design-item .teach-design-logo i{font-size: 24px;position: absolute;color: #FF5322;left:-5px;top:-5px;}
.teach-design-item .teach-bold-title{font-weight: bold;color:#D88021;font-size:16px;display:inline-block;margin:0 32px 0 15px;}
.teach-design-item .teach-normal-title{color: #4A4A4A;font-size:14px;display:inline-block;}

/* 20190815 start */
.intro-item .teach-target-box .in-target-title{font-weight: bold;font-size: 20px;}
.intro-item .teach-target-box .in-knowledge-target{width:393px;}
.intro-item .teach-target-box .in-skill-target{width:393px;}
.intro-item .teach-target-box .in-knowledge-target .in-target-title{color: #0A86D4;}
.intro-item .teach-target-box .in-skill-target .in-target-title{color: #E06E35;}
.intro-item .teach-target-box .in-knowledge-target .in-target-title::before{content: '';display: inline-block;width: 30px;height: 30px;background: url('../../images/intro/kt.png') no-repeat;background-size: cover;vertical-align: middle;margin-right: 5px;}
.intro-item .teach-target-box .in-skill-target .in-target-title::before{content: '';display: inline-block;width: 30px;height: 30px;background: url('../../images/intro/st.png') no-repeat;background-size: cover;vertical-align: middle;margin-right: 5px;}
.intro-item .teach-target-box .in-target-list{margin-top: 20px;}
.intro-item .teach-target-box .in-target-list li{line-height: 30px;font-size: 14px;}
.intro-item .teach-target-box .in-target-list li i{margin:0 5px;}
.intro-item .teach-target-box .in-knowledge-target .in-target-list li{color: #177BBA;}
.intro-item .teach-target-box .in-skill-target .in-target-list li{color: #B94B14;}
.intro-item .teach-target-box .in-knowledge-target .in-target-list li:nth-child(even){background: #FFF;}
.intro-item .teach-target-box .in-knowledge-target .in-target-list li:nth-child(odd){background: #F2F9FF;}
.intro-item .teach-target-box .in-skill-target .in-target-list li:nth-child(even){background: #FFF;}
.intro-item .teach-target-box .in-skill-target .in-target-list li:nth-child(odd){background: #FFF6E8;}
.c-teachscene-list .inline-tag .c-scene-tag .c-scene-title{color: #333;font-size: 16px;font-weight: bold;text-align: center;}
.c-teachscene-list .inline-tag .c-scene-tag .c-scene-title::before{content:'';width:35px;height: 30px;background-size: cover;display: inline-block;vertical-align: middle;margin-right: 5px;}
.c-teachscene-list .inline-tag .c-scene-tag .kqyx.c-scene-title::before{background: url('../../images/intro/kqyx.png') no-repeat;}
.c-teachscene-list .inline-tag .c-scene-tag .ktjj.c-scene-title::before{background: url('../../images/intro/ktjj.png') no-repeat;}
.c-teachscene-list .inline-tag .c-scene-tag .kthd2.c-scene-title::before{background: url('../../images/intro/kthd2.png') no-repeat;}
.c-teachscene-list .inline-tag .c-scene-tag .kthd.c-scene-title::before{background: url('../../images/intro/kthd.png') no-repeat;}
.c-teachscene-list .inline-tag .c-scene-tag .sx.c-scene-title::before{background: url('../../images/intro/sx.png') no-repeat;}
.c-teachscene-list .inline-tag .c-scene-tag .khcs.c-scene-title::before{background: url('../../images/intro/khcs.png') no-repeat;}
.c-teachscene-list .inline-tag .c-scene-tag .khtz.c-scene-title::before{background: url('../../images/intro/khtz.png') no-repeat;}

/* 20190815 end */
/* 课程目录页面 end */

/* 试用课程 20190903 start*/
.trialhead{background: url('../../images/trial/trial-banner.png') no-repeat; background-size: cover;padding: 30px;border-radius: 5px;align-items: center;}
.trialhead .cour-res-title{font-size: 60px;color: #FFF;margin-bottom: 10px;}
.trialhead .cour-res-brief{color: #FFF;font-size: 30px;}
.trialhead-left{/*display: inline-block;vertical-align: middle;*/padding: 0;}
.trialhead-right{/*display: inline-block;vertical-align: middle;*/margin: 40px auto; width:660px; background: #FFF;border-radius: 50px;}
.trialhead .cour-res-intro{color: #FFF;font-size: 14px;line-height: 24px;}
.trialhead .cour-res-series{ font-weight:bold;font-size: 20px;color:#4A90E2;text-shadow:1px 2px 0px rgba(207,207,207,0.3);height: 50px;line-height: 50px;}
/* .trialhead .cour-res-series em::after{content: '·';font-size: 100px;margin-left: 20px;} */
.trialhead .cour-res-series em{font-size: 100px;display: inline-block;vertical-align: middle;height: 40px;line-height: 20px;margin-left: 20px;}
.trialhead .cour-res-series em:first-child{margin: 0;}
.trial-list{margin:0 -15px 0 0;}
.trial-item{margin: 30px 0 0 0;transition: all 0.3s;  height: 280px; background: #FFF;border-radius: 5px;width: 575px;display: inline-block;padding: 52px 40px;}
.trial-item:nth-of-type(even){float: right;right: 0;}
.trial-item:nth-of-type(odd){float: left;left: 0;}
.triallogo img{width: 166px;height: 110px;}
.trial-item:hover .view-detail{display: block;}
.trial-item .view-detail{ transition: all 0.3s;margin:40px 0 0 0;display: none; width:138px;height:35px;background:linear-gradient(120deg,rgba(255,105,21,1) 0%,rgba(251,143,4,1) 100%);border-radius:18px;color: #FFF;line-height: 35px;box-sizing: content-box;text-align: center;}
.trial-item:hover{box-shadow:0px 10px 15px 0px rgba(167,167,167,0.54);}
.tri-res{margin:30px 0 5px 5px;}
.tri-res h6{font-size: 20px;color: #333;display: inline-block;vertical-align: middle;margin: 0;}
.tri-res span{font-size: 14px;color: #666;display: inline-block;vertical-align: middle;margin-left: 15px;}
.trial-item .trial-title{font-size: 24px; color: #1c1f21;position: relative; display: inline-block;vertical-align: middle;font-weight: bold;margin: 0;}
.trial-item .trial-title::before{content: '';display: block;width: 4px;height: 32px;background: #008CD3;position: absolute;left: -40px;top:-2px;}
.trial-item .trialmark{display: inline-block;vertical-align: middle;font-size: 12px;color: #008CD3;width: 67px;height: 20px;border: 1px solid #008CD3;border-radius:10px;text-align: center;margin-left: 10px;}
.tri-left{display: inline-block;width: 320px;vertical-align: baseline;position: relative;}
.tri-right{display: inline-block;vertical-align: top;margin-left: 2px;margin-top: 25px;}
.tri-left .trial-des{margin-top: 20px;margin-bottom: 0;line-height: 24px;height: 65px;}
.tri-left .total-time{color:#9199a1;margin-top:50px;transition: all 0.3s;}
.trial-item:hover .tri-left .total-time{display: none;}
.trial-inline{position: relative;display: block;height: 240px;}
.trialhead{padding-top: 120px;height: 400px;text-align: center;}
.trialhead ~.bodywrap-content{padding-top: 0;}
.get-res{text-align: center;font-size: 26px;margin: 30px 0 0 0;background: #3CA1EA;padding: 40px 0;color: #FFF;}
.get-res .get-text{display: inline-block;}
.get-res .get-qrcode{display: inline-block;margin-left: 60px;}
.get-res .get-qrcode img{width: 160px;height: 160px;}
.common-questions{background: #FFF;padding: 40px 0;margin-bottom: -20px;}
.common-questions .like-count{display: inline-block;vertical-align: top;}
.common-questions .question-content{display: inline-block;width: 500px;}
.common-questions .question-content .question-title{font-size: 13px;color: #333;font-weight: bold;margin-bottom: 15px;}
.common-questions .question-content .question-answer{font-size: 13px;color: #333;line-height: 26px;}
.common-questions .like-icon{width: 40px;height: 40px;display: block;background: #F3F5F6;text-align: center;line-height: 40px;border-radius: 50%;transition: none;}
.common-questions .like-icon.sel{background: #F5A623;color: #FFF;}
.common-questions .like-icon.sel i{
    animation: myfirst 0.5s;
    -moz-animation: myfirst 0.5s;	/* Firefox */
    -webkit-animation: myfirst 0.5s;	/* Safari 和 Chrome */
    -o-animation: myfirst 0.5s;	/* Opera */
}
/*点赞图标放大动画开始*/
@keyframes myfirst
{
    0%{
        font-size: 16px;
    }
    50%{
        font-size: 18px;
    }
    100% {
        font-size: 16px;
    }
}

@-moz-keyframes myfirst /* Firefox */
{
    0%{
        font-size: 16px;
    }
    50%{
        font-size: 18px;
    }
    100% {
        font-size: 16px;
    }
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    0%{
        font-size: 16px;
    }
    50%{
        font-size: 18px;
    }
    100% {
        font-size: 16px;
    }
}

@-o-keyframes myfirst /* Opera */
{
    0%{
        font-size: 16px;
    }
    50%{
        font-size: 18px;
    }
    100% {
        font-size: 16px;
    }
}
/*点赞图标放大动画结束*/
.common-questions .like-icon.sel:hover{background: #F5A623;color: #FFF;}
.add-num .add-animation{
    color: #F5A623;
    position:absolute;
    top:-15px;
    left: 10px;
    font-size: 15px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-opacity:0;
    animation: mypraise 0.5s ;
    -moz-animation: mypraise 0.5s ;	/* Firefox */
    -webkit-animation: mypraise 0.5s ;	/* Safari 和 Chrome */
    -o-animation: mypraise 0.5s ;	/* Opera */
    font-style:normal;
}
/*点赞数量加减动画开始*/
@keyframes mypraise
{
    0%{
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}

@-moz-keyframes mypraise /* Firefox */
{
    0%{
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}

@-webkit-keyframes mypraise /* Safari 和 Chrome */
{
    0%{
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}

@-o-keyframes mypraise /* Opera */
{
    0%{
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}
/*点赞数量加减动画结束*/
.common-questions .like-count{margin-right: 15px;position: relative;}
.common-questions .like-count .add-num{display: none;}
.common-questions .bold-title{font-size: 26px;text-align: center;margin-bottom: 40px;}
.common-questions .like-num{text-align: center;margin-top: 15px;}
.common-questions .like-num.hover{color: #F5A623;}
.common-questions .question-item{margin-bottom:30px;}

.blue-trial-head{margin-top:-16px;margin-bottom: 30px; height: 300px;background: url('../../images/trial/inner-trial-banner.jpg') no-repeat center center;background-size: cover;}
.blue-trial-head .row{-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
.blue-trial-head .container{padding:0 0 0 30px;}
.blue-trial-right img{height: 300px;width: 100%;}
/* .blue-trial-center{margin-top: 166px;} */
.blue-trial-left{padding-left: 0;}
.blue-trial-right{padding-right: 0;}
.blue-apply-btn{font-size: 18px;text-align: center; color: #FFF;width: auto;height: 40px;line-height: 40px;box-sizing: content-box;padding: 10px 20px;border-radius: 5px;border: 1px solid #FFF;transition: background-color .3s;}
.blue-apply-btn:hover{color:#296df1;background: #FFF;}
.blue-trial-left h2{font-size: 36px;color: #FFF;text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.blue-trial-left p{font-size: 14px;color: #FFF;margin: 40px 0 10px 0;line-height: 32px;text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
/* .blue-tabs{border-bottom: 2px solid #e5e5e5;} */
.blue-tabs{text-align: center;}
.blue-tabs li{display: inline-block;padding:0 4px;position: relative;}
.blue-tabs li a{display: block;color: #808695;line-height: 33px;font-size:.75rem;}
.blue-tabs li a.active{color: #296df1;font-weight: bold}
.blue-tabs li a.active::after{content: "";height: 3px;position: absolute;bottom: -6px;left: 0;right: 0;background: #296df1;}
.blue-tabs li a:hover{color: #4A90E2;}
/* .blue-tab-container .container{padding: 0 0 0 15px;} */
.blue-bold-title{text-align: center;font-size:1.1rem;padding:1rem 0;color: #296df1;font-weight: bold;}
/* .blue-bold-title::before{content:"";width: 100%;height:55px;display: block;} */
.blue-main-chapter,
.blue-target-content,
.blue-knowledge-content,
.blue-teach-scene,
.blue-teach-design
{background-color:#fff;padding-bottom: 1rem;margin-bottom:1rem;}

/* .blue-main-chapter .container{padding: 0 0 0 15px;} */
.blue-chapter-head{background:#296df1;font-size: .8rem;color: #FFF;padding: 1rem;border-radius: 10px 10px 0 0;display: flex;flex-direction: row;}
.blue-chapter-head span{display: block;width:100px;text-align: right;}
.blue-chapter-head > div{flex:1;display: flex;flex-direction: column;color:rgba(255, 255, 255,.8);}
.blue-chapter-head .time-info{}
.blue-chapter-head .section-info{margin-right: 20px;}
.blue-chapter-body{border: 2px solid #296df1;border-radius: 0 0 10px 10px;padding:1rem;border-top: 0;}
.blue-chapter-body .row{align-items: center;}
.blue-bg-title{display: inline-block;vertical-align: middle;font-size: 1rem;background: #296df1;padding: 5px 15px;color: #FFF;border-radius: 10px;margin-right: 70px;position: relative;}
.blue-bg-title::after{content: '';position: absolute;display: block;width: 12px;height: 12px;background: #296df1;right: -6px;top: 14px;transform: rotate(45deg);}
.blue-chapter-list{display: inline-block;vertical-align: middle;line-height: 32px;padding: .5rem 0 .5rem 30%;}
.blue-chapter-list li{font-size:.8rem;}
.blue-target-title{font-size: 1rem;font-weight: 700;margin-bottom: 1rem;}
.blue-target-list{border: 2px solid #296df1;border-radius: 10px;padding: 1rem;font-size: .875rem;color: #515a6e;line-height: 32px;flex:1;}
.blue-target-list li{position: relative;}
.blue-target-list li::before{content:"";display: inline-block;width: 8px;height: 8px;background: #296df1;border-radius: 50%;margin-right: 10px;}
.blue-target-content .container{padding: 0 0 0 15px;}
.knowledge-target:first-child{margin-bottom: 1rem;}
.knowledge-target{display: flex;flex-direction: column;margin-right: 15px;}

/* .blue-knowledge-content .container{padding: 0 0 0 15px;} */
.blue-teach-scene{color: #296df1;}
/* .blue-teach-scene .container{padding: 0 0 0 15px;} */
.blue-teach-scene .scene-icon{width: 84px;height: 84px;margin: 0 auto;background: #296df1;border-radius: 50%;text-align: center;line-height: 84px;}
.blue-teach-scene .scene-icon i{color:#FFF;font-size: 60px;line-height: inherit;}
.blue-teach-scene .blue-scene-list{text-align: center;}
.blue-teach-scene .blue-scene-list li{border-bottom: 1px solid #ededed;margin-bottom: 1rem;padding-bottom: 1rem;}
.blue-teach-scene .blue-scene-list li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
/* .blue-teach-scene .blue-scene-list li{margin-bottom: 1rem;padding: 1rem;} */
.blue-scene-name{font-size: 1rem;font-weight: bold;margin: 15px 0 15px 0;}
.blue-scene-content{line-height: 28px;text-align: left;color:#515a6e;font-size:.875rem;}
/* .blue-teach-design{padding-bottom: 30px;margin-bottom: 0;} */
/* .blue-teach-design .container{padding: 0 0 0 15px;} */
.blue-design-des{line-height: 32px;font-size:.875rem;padding-bottom: 1px;}
.blue-design-order{ width:16px;height: 16px;display: inline-block;vertical-align: middle;background: #296df1;border-radius: 50%;color: #FFF;text-align: center;line-height: 16px;font-size: .8rem;}
.blue-design-content{display: inline-block;vertical-align: middle;margin-left: 10px;font-size: .8rem;}
.blue-design-item{background: rgba(107, 119, 242, 0.15);margin-bottom: 20px;border-radius: 10px;padding:1rem;display: flex;flex-direction: row;}

/* 试用课程 20190903 end*/

/* 跨境专题页面 start */
.soft-list-area{width: 995px;margin-left: 195px;}
.soft-list{margin-left: -20px;}
.soft-list .col-md-6:hover .soft-item{transform: translateY(-10px);}
.soft-list .col-md-6 .soft-item{transition: all .2s;overflow: hidden; position: relative; color:#FFF;border-radius:5px;box-shadow:0px 5px 0px 0px rgba(255,170,40,0.36);padding: 20px 0; height: 200px;background: #333;margin: 10px 0 20px 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.soft-operate{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.soft-name{font-weight: bold;font-size: 18px;}
.soft-due{background: rgba(0,0,0,0.2);height: 22px;line-height: 22px;padding: 0 15px;border-radius: 20px;}
.soft-enterance{transition: all 0.3s; margin-top:10px;background: #FFAA28;color: #FFF;height: 30px;width: 110px;border-radius: 5px;font-size: 16px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.soft-enterance:hover{color: #FFF;background: rgba(255,170,40,0.8);}
.soft-enterance.disabled{background: #C0C0C0;color: #72706E;cursor: not-allowed;}
.soft-manage{border: 1px solid #FFAA28;height: 30px;width: 110px; border-radius: 5px;font-size: 14px;color: #FFAA28;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.soft-manage:hover{color: rgba(255,170,40,0.8);}
.soft-manage i{margin-right: 5px;line-height: 1.4;}
.soft-tag{display:inline-block;text-align:center;width:200px;height:25px;line-height:25px;position:absolute;top:15px;left:-70px;z-index:0;overflow:hidden;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);background:#008CD3;}
.soft-tag.over{background: #72706E;}
.soft-list .col-md-6:hover .soft-delete{display: block;}
.soft-delete{position: absolute;top: 15px;right: 15px;display: none;transition: all .2s;}
.soft-delete a i{color: #FFF;font-size: 20px;}

.editStu,.deleteStu{color: #4A90E2;margin:0 5px;}

.course-list-area .sx-manage .search-input{margin-left: 65px;}
.course-list-area .sx-manage .search-input>.search-area{border: 1px solid #CCC;border-right:none; height: 40px;margin-right: -4px;margin-left:-80px;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.05);padding-left: 36px;border-radius: 5px 0 0 5px;}
.course-list-area .sx-manage .search-input>.search-area:focus{box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);}
.course-list-area .sx-manage .search-input .search-icon{position: absolute;color: #EEE;left: -50px;top: 14px;z-index: 20;}
.course-list-area .sx-manage .input-group-btn>.search-btn{font-size:12px;color:#FFF;background-color: #4A90E2;border-color: #4A90E2;width: 60px;height: 40px;border-radius: 0 5px 5px 0;}

.course-list-area .sx-manage .search-input>.search-area::-webkit-input-placeholder{font-size:12px;color:#ccc;}
.course-list-area .sx-manage .search-input>.search-area:-moz-placeholder{font-size:12px;color:#ccc;}
.course-list-area .sx-manage .search-input>.search-area::-moz-placeholder{font-size:12px;color:#ccc;}
.course-list-area .sx-manage .search-input>.search-area:-ms-input-placeholder{font-size:12px;color:#ccc;}

.sx-manage{position: relative;padding: 20px;}
.sx-manage .manage-operate{position: absolute;right: 20px;top: 20px;}
.sx-manage .manage-operate a{transition: all 0.3s;}
.sx-manage .manage-operate a i{margin-right:10px;}
.sx-manage .manage-operate a:hover{opacity: 0.8;}
.sx-manage .manage-operate .delete-btn{display: inline-block;width: 90px;height: 40px;border-radius:5px; background: #E24134;color: #FFF;line-height: 40px;text-align: center;margin-right: 5px;}
.sx-manage .manage-operate .add-btn{display: inline-block;width: 90px;height: 40px;border-radius:5px;background: #1AAE71;color: #FFF;line-height: 40px;text-align: center;}
.left-content.edit-group{margin-top: 20px;padding-left: 30px;}
.left-content .edit-groupname{display: inline-block;color: #333;margin-right: 20px;vertical-align: middle;}
.left-content .input-groupname{display: inline-block;width: 209px;height: 40px;border-radius: 5px;border: 1px solid #CCC;vertical-align: middle;}
.save-group{display: inline-block;width: 100%;text-align: center;}

.group-switch-tab{/*border-radius: 5px 5px 0 0;*/ width:100%;border: 1px solid #CBCBCB;background:rgba(235,235,235,1);height: 50px;line-height: 50px;text-align: center;}
.group-switch-tab a{transition: none; display: inline-block;width: 50%;height: 50px;line-height: 50px;text-align: center;color: #333;}
.group-switch-tab a.sel{background: #3790F5;height: 48px;color: #FFF;}
.group-move-operate{text-align: center;}
.group-move-operate a{margin-bottom: 15px;border: 1px solid #CBCBCB;border-radius: 5px;color: #666;width: 93px;height: 30px;}
.group-move-operate a i{color: #666;margin-top:2px;}
.group-move-operate a:first-child em{margin-left: 5px;}
.group-move-operate a:last-child em{margin-right: 5px;}

.left-box{display: inline-block;vertical-align: middle;height: 300px;overflow-y: auto;width: 495px;}
.right-box{display: inline-block;vertical-align: top;height: 300px;overflow-y: auto;width: 495px;}
.edit-tips{text-align: center;margin-bottom: 15px;}
.table-bordered{border-top: none;border-color: #CBCBCB;border-radius: 0 0 5px 5px;}
#right.sel{background: #1890ff;border-color: #1890ff;color: #FFF;}
#right.sel i{color: #FFF;}
#left.sel i{color: #FFF;}
#left.sel{background: #1890ff;border-color: #1890ff;color: #FFF;}

.cross-border .container{padding-right: 0;text-align: center;}
.cbec-head{position: relative; text-align: center; background:url('../../images/cross-border/banner_bg.png') no-repeat 0 0;background-size: cover; display: block;height: 460px;/*border-radius: 5px;margin-top: -7px;*/padding: 90px 0;}
.cb-left{display: inline-block;vertical-align: middle;}
.cb-right{display: inline-block;vertical-align: middle;margin: 20px 0 0 0px;position: relative;}
.cb-right img{width: 511px;height: 220px;}
.cb-right h3{float: right; color: #FF8B00;font-size: 20px;background: linear-gradient(to right, #FFF, rgb(250,169,26));display: block;height: 40px;line-height: 40px;width: 270px;text-align: left;padding-left: 15px;margin-bottom: 30px;}
.cb-title{margin-top: -30px; white-space: nowrap; text-align: right; font-size: 50px;color: #FFF;font-weight: bold;text-shadow:0px 5px 5px rgba(161,78,9,0.25);}
.cb-des{position: relative; font-size: 22px;color: #FFF;margin-top: 70px;width: 660px;}
.cb-des em{margin:0 15px;background: #FED808;color: #A24F09;font-size: 22px;display: inline-block;height: 46px;line-height: 46px;padding: 0 30px;border-radius: 46px;}
.cb-des em:first-child{margin-left: 0;}
.cb-des em:last-child{margin-right: 0;}
.cb-switch{text-align: center;height: 80px;line-height: 80px;}
.cb-switch a{border: 1px solid #9B9B9B; height: 36px;line-height: 34px; border-radius: 30px; position: relative; color: #666;font-size: 14px;/*font-weight: bold;margin: 0 16px;*/display: inline-block;padding: 0 40px;margin: 0 10px;transition: none;}
.cb-switch a.sel{/*color: #4A90E2;*/position: relative;background: #4A90E2;color: #FFF;border-color: #4A90E2;}
/* .cb-switch a.sel::after{position: absolute;content: '';height: 2px;background: #4A90E2;bottom: 0;display: block;width: 58px;} */
.cbs-title{display:block;font-size: 28px;color: #333;text-align: center;padding: 55px 0 36px 0;position: relative;}
.cbc-card{position: relative; height: 240px;margin-bottom: 35px;color: #FFF;box-shadow:0px 6px 0px 0px rgba(255,170,40,0.36);border-radius:5px;}
.cb-courselist .col-md-4:last-child .cbc-card{margin-bottom: 0;}
.cb-tag{font-size:12px; content: '';display: block; width: 86px;height: 40px; line-height: 28px; background: url('../../images/cross-border/cb-list-tag.png') no-repeat 0 0;right: 13px;top: -3px;position: absolute;}
.cb-card-box{margin: 0 0 50px 0;height: 310px;}
.cb-card{height: 310px;background: #FFF;border-radius: 5px;display: block;transition: all .2s;box-shadow:0px 15px 35px 0px rgba(0,0,0,0.05);}
.cb-card:hover{box-shadow:0px 15px 35px 0px rgba(0,0,0,0.15);transform: translateY(-10px);}
.cb-card-cover{position: relative;}
.cb-card-cover img{max-width: 100%;border-radius: 5px 5px 0 0;height: 250px;}
.cb-card-tag{position: absolute;left: 30px;top: 25px;background: #FFAA29;color: #FFF;display: block;height: 30px;line-height: 24px;padding: 0 14px;font-size: 12px;font-weight: bold;border-radius: 30px;border: 3px solid #FFF;}
.cb-card-name{position: relative; font-size: 16px;color: #666;height: 60px;line-height: 58px;text-align: left;padding: 0 30px;}
.cb-card-name .view-more-btn{padding: 0 20px; position: absolute;right: 30px;top: 12px; background: linear-gradient(120deg,rgba(255,105,21,1) 0%,rgba(251,143,4,1) 100%);display: none; height: 35px;line-height: 35px;border-radius: 18px;font-size: 14px;color: #FFF;}
.cb-card:hover .cb-card-name .view-more-btn{display: inline-block;}
.cb-service-box{background: url('../../images/cross-border/cb-service-bg.png') no-repeat center center;background-size: cover;}

.cbc-card.bg1{background: url('../../images/cross-border/cb-cover1.png') no-repeat 0 0;}
.cbc-card.bg2{background: url('../../images/cross-border/cb-cover2.png') no-repeat 0 0;}
.cbc-card.bg3{background: url('../../images/cross-border/cb-cover3.png') no-repeat 0 0;}
.cbc-card.bg4{background: url('../../images/cross-border/cb-cover4.png') no-repeat 0 0;}
.cbc-card.bg5{background: url('../../images/cross-border/cb-cover5.png') no-repeat 0 0;}
.cbc-card.bg6{background: url('../../images/cross-border/cb-cover6.png') no-repeat 0 0;}
.cbc-card.bg7{background: url('../../images/cross-border/cb-cover7.png') no-repeat 0 0;}
.cbc-name{font-size: 22px;font-weight: bold;padding-top: 80px;}
.apply-cb{display: block;height: 30px;width: 120px;line-height: 30px;background: #FFAA28;border-radius: 5px;color: #FFF;margin: 34px auto auto auto;}
.apply-cb a{color: #FFF;transition: all 0.3s;display: block;height: 30px;width: 120px;}
.apply-cb a:hover{opacity: 0.8;}
.cbs-card{position: relative; height: 246px;margin-bottom: 35px;color: #FFF;border-radius:5px;}
.cbs-card.bg1{background: url('../../images/cross-border/cbs-zcimg1.png') no-repeat 0 0;}
.cbs-card.bg2{background: url('../../images/cross-border/cbs-zcimg2.png') no-repeat 0 0;}
.cbs-card.bg3{background: url('../../images/cross-border/cbs-zcimg3.png') no-repeat 0 0;}
.cbs-card.bg4{background: url('../../images/cross-border/cbs-zcimg4.png') no-repeat 0 0;}
.cbs-card.bg5{background: url('../../images/cross-border/cbs-zcimg5.png') no-repeat 0 0;}
.cbs-card.bg6{background: url('../../images/cross-border/cbs-zcimg6.png') no-repeat 0 0;}
.cbs-card-title{position: absolute;bottom: 12px;font-size: 16px;font-weight: bold;left: 0;width:210px;text-align: center;overflow:hidden;}
.cbs-card a{position: absolute;bottom: 12px;right: 20px;color: #FFF !important;}
.cb-view-more a{display: block;font-size: 16px; margin: 0 auto;color: #36A7F9;width: 160px;}
.cbs-subtitle{color: #666;line-height: 1.8;margin-bottom: 30px;font-size: 16px;}
.cbr-img img{height: 152px;}
.cbr-name{font-size: 16px;color: #666;margin: 25px auto 40px auto;width: 350px;height: 60px;line-height: 56px;border: 2px dashed orange;border-radius:5px;background: #FFF;}
.cb-experient{text-align: center;margin-bottom: 40px;}
.cbe-left{display: inline-block;vertical-align: middle;margin-right: 35px;}
.cbe-right{display: inline-block;vertical-align: middle;background: #C6C5C5;padding: 15px;}
.cbe-left li{background: #FFAA28;width: 280px;height: 50px;line-height: 50px;text-align: left;margin: 20px 0;color: #333;border-radius: 5px;font-size: 20px;}
.cbe-left li i{margin-left: 20px;margin-right: 15px;font-size: 20px;font-weight: bold;}
.cbs-szcard{height: 100px;border-radius: 10px;box-shadow:0px 6px 0px 0px rgba(255,170,40,0.36);line-height: 100px;font-size: 26px;font-weight: bold;color: #FFF;text-shadow:0px 2px 0px rgba(69,38,11,1);margin-bottom: 25px;}
.cbs-szcard.bg1{background: url('../../images/cross-border/cbs-sz1.png') no-repeat 0 0;}
.cbs-szcard.bg2{background: url('../../images/cross-border/cbs-sz2.png') no-repeat 0 0;}
.cbs-szcard.bg3{background: url('../../images/cross-border/cbs-sz3.png') no-repeat 0 0;}
.cbs-szcard.bg4{background: url('../../images/cross-border/cbs-sz4.png') no-repeat 0 0;}
.cbs-szcard.bg5{background: url('../../images/cross-border/cbs-sz5.png') no-repeat 0 0;}
.cbs-szcard.bg6{background: url('../../images/cross-border/cbs-sz6.png') no-repeat 0 0;}
.cbs-szcard.bg7{background: url('../../images/cross-border/cbs-sz7.png') no-repeat 0 0;}
.cbs-szcard.bg8{background: url('../../images/cross-border/cbs-sz8.png') no-repeat 0 0;}

.rec-tan {border:2px solid #FFAA28;width:250px;height:400px;border-radius:5px;display:inline-block;background:url('../../images/cross-border/ser_pic1.png') no-repeat 0 0;vertical-align: top;}
.trapezoid {position:relative;height:400px;width:335px;border-left:2px solid #FFAA28;overflow:hidden;border-radius:5px;display:inline-block;margin-left:15px;background:url('../../images/cross-border/ser_pic2.png')  0px -24px;background-size: cover;}
.trapezoid:before {content:'';display:block;position:absolute;top:0;bottom:0;left:-3px;width:332px;border:2px solid #FFAA28;transform-origin:top;transform:skewX(-8deg);}
.trapezoid2 {position:relative;display:inline-block;height:400px;width:545px;border-right:2px solid #FFAA28;overflow:hidden;border-radius:5px;margin-left:-270px;background:url('../../images/cross-border/ser_pic3.png') no-repeat 144px 0;background-size: cover;}
.trapezoid2:before {content:'';display:block;position:absolute;top:0;bottom:0;right:-60px;width:332px;border:2px solid #FFAA28;transform-origin:top;transform:skewX(-8deg);}
.cb-support{margin: 0;}
.cb-support .cbs-right{margin: 0;}
.cb-support .cbe-left{margin: 0 30px 0 0;}
.cb-support .cbe-left li{width: 260px;text-align: center;color: #FFF;}
.cb-support .cbe-left li:first-child{margin-top: 0px;}

.yellow-trial-head{margin-top:-16px;/*margin-bottom: 30px; */height: 300px;background:linear-gradient(-55deg,rgba(254,108,31,1),rgba(255,170,41,1));}
.yellow-trial-head .row{-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
.yellow-tab-container{margin-top: 30px;}
.yellow-trial-head .container{padding:0 0 0 30px;}
/* .yellow-trial-right img{height: 300px;width: 100%;} */
.yellow-trial-right img{height: 280px;width: 464px;margin-top: 20px;}
/* .blue-trial-center{margin-top: 166px;} */
.yellow-trial-left{padding-left: 0;}
.yellow-trial-right{padding-right: 0;}
.yellow-apply-btn{font-size: 16px;text-align: center; color: #FFF;width: auto;box-sizing: content-box;padding: 4px 20px;border-radius: 5px;border: 1px solid #FFF;transition: background-color .3s;}
.yellow-apply-btn:hover{color:#FFAA28;background: #FFF;}
.yellow-trial-left h2{font-size: 28px;color: #FFF;text-shadow:0px 2px 0px rgba(0, 0, 0, 0.15);}
.yellow-trial-left p{font-size: 14px;color: #FFF;margin: 20px 0 15px 0;line-height: 24px;}
.yellow-tabs{text-align: center;border-bottom: 1px solid #FFAA28;width: 265px;margin: 0 auto;}
.yellow-tabs li{display: inline-block;text-align: center;position: relative;font-size: 16px;color: #888;font-weight: bold;}
.yellow-tabs li.sel{color: #333;}
.yellow-tabs li.sel a{color: #333;}
.yellow-tabs li.sel a:after{content: '';position: absolute;display: block;width: 70px;height: 5px;background: #FFAA28;bottom: -1px;left: -4px;}
.yellow-tabs li:nth-child(2){margin: 0 30px;}
.yellow-tabs li a{padding: 12px 0;display: block;color: #888;}
.yellow-tabs li a:hover{color: #FFAA28;}
.yellow-tab-container .container{padding: 0 0 0 15px;}
.yellow-main-chapter{text-align: center;}
.yellow-target-content{text-align: center;}
.yellow-knowledge-content{text-align: center;background: url('../../images/cross-border/kjds_structure_bg.png') no-repeat 0 bottom;background-size: contain;padding-bottom: 60px;margin-bottom: -20px;}
.yellow-main-chapter .container{padding: 0 0 0 15px;}
.yellow-target-content .container{padding: 0 0 0 15px;}
.yellow-knowledge-content .container{padding: 0 0 0 15px;}
.chapter-card{position: relative; height: 126px;color: #FFF;border-radius:5px;}
.chapter-card.bg1{background: url('../../images/cross-border/kjds_chapter_1.png') no-repeat 0 0;}
.chapter-card.bg2{background: url('../../images/cross-border/kjds_chapter_2.png') no-repeat 0 0;}
.chapter-card.bg3{background: url('../../images/cross-border/kjds_chapter_3.png') no-repeat 0 0;}
.chapter-card.bg4{background: url('../../images/cross-border/kjds_chapter_4.png') no-repeat 0 0;}
.chapter-card.bg5{background: url('../../images/cross-border/kjds_chapter_5.png') no-repeat 0 0;}
.chapter-card-title{position: absolute;bottom: 12px;font-size: 16px;font-weight: bold;left: 50%; transform: translateX(-50%);}
.yellow-target-title{background: #296df1;color: #FFF;height: 48px;line-height: 48px;border-radius: 5px 5px 0 0;font-size: 18px;font-weight: bold;text-indent: 15px;}
.yellow-target-title i{font-size: 22px;margin-right: 5px;vertical-align: middle;}
.yellow-target-list li{color: #666;line-height: 1.8;text-align: left;padding: 20px 35px;border-radius: 5px;}
.yellow-target-list{box-shadow:0px 6px 0px 0px rgba(41, 109 ,241,0.2);border-radius: 5px;flex:1;}
/* .yellow-target-list li:nth-child(odd){background: red;} */
.yellow-target-list li:nth-child(even){background: #F4F4F4;}
.yellow-knowledge-box{box-shadow:0px 5px 0px 0px rgba(255,224,177,1);border-radius: 5px;background: #FFF;padding: 10px;}
.kjds_xtjs_content{box-shadow:0px 5px 0px 0px rgba(255,224,177,1);border-radius:5px;padding: 60px 25px;color: #666;text-align: left;}
.kjds_xtjs_content p{line-height: 2;}
.kjds-scene-box{box-shadow:0px 5px 0px 0px rgba(255,224,177,1);border-radius:5px;margin: 0;text-align: left;padding-bottom: 35px;}
.kjds-scene-title,.kjds-scene-content{display: inline-block;vertical-align: text-top;}
.kjds-scene-title{width: 110px;padding: 5px 10px;border-radius: 5px 0 0 5px;}
.kjds-scene-content{width: 540px;color: #666;padding: 5px 10px;border-radius: 5px 0 0 5px;margin-left: -10px;}
.kjds-scene li:nth-child(odd) .kjds-scene-title{background: #FFA928;color: #FFF;}
.kjds-scene li:nth-child(odd) .kjds-scene-content{background: #F4F4F4;}
.kjds-scene li:nth-child(even) .kjds-scene-title i{color: #FFA928;}
.yellow-knowledge-box img{max-width: 100%;}
.yellow-knowledge-content.kjds-function{padding-bottom: 100px;background-position: 0 150px;color: #666;line-height: 1.8;}
.kjds-function-content{text-align: left;padding: 40px;}

.cbsx-position{padding-bottom: 100px;}
.cbsx-title{text-align: center;color: #333;font-size: 30px;margin: 0px auto 60px auto; padding-top: 60px;font-weight: 100;}
.cbsx-subtitle{text-align: center;color: #666666;font-size: 20px;margin-bottom: 118px;}
.cbsx-process{margin: 0 auto; position: relative; background: url(../../images/cross-border/kjdx_sx_position.png) no-repeat center center; background-size: cover;width: 1015px;height: 424px;}
.cbsx-process .process-order{position: absolute;font-size: 35px;font-weight: bold;color: #FFF;}
.cbsx-process .process-one .process-order{left: 310px;top: 35px;}
.cbsx-process .process-two .process-order{right: 310px;top: 35px;}
.cbsx-process .process-three .process-order{left: 310px;bottom: 125px;}
.cbsx-process .process-four .process-order{right: 310px;bottom: 125px;}
.cbsx-process .process-content{font-size: 16px;color: #666;position: absolute;line-height:30px;}
.cbsx-process .process-one .process-content{width: 272px;height: 75px;left: 10px;top: 30px;}
.cbsx-process .process-two .process-content{width: 304px;height: 105px;right: -20px;top: 10px;}
.cbsx-process .process-three .process-content{width: 256px;height: 106px;left: 25px;bottom: 100px;}
.cbsx-process .process-four .process-content{width: 272px;height: 76px;right: 10px;bottom: 120px;}
.cbsx-special{background: #FEF6EB;margin-bottom: -20px;}
.cbsx-speci-item{display: flex;align-items: center;justify-content: center;padding: 50px 0;}
.cbsx-speci-item .spec-title{font-size: 26px;font-weight: bold;color: #FFF; text-align: center;line-height: 74px; width: 302px;height: 74px;background: url(../../images/cross-border/kjds_sx_special_tagbg.png) no-repeat center center;}
.cbsx-speci-item .spec-content{width: 655px;font-size: 16px;color: #666;}
.cbsx-speci-item:nth-child(odd){flex-direction: row-reverse;}
.cbsx-speci-item:nth-child(odd) .spec-content{margin-right: 32px;}
.cbsx-speci-item:nth-child(even) .spec-content{margin-left: 32px;}
.cbsx-speci-item:first-child{padding-top: 0;}
.cbsx-speci-item:last-child{padding-bottom: 140px;}
.cbckpt-position{text-align: center;}
.cbckpt-position .mt{margin-top: -120px;}
.cbckpt-position-img{display: inline-block;vertical-align: middle;margin-right: 50px;}
.cbckpt-position-img img{width: 382px;height: 294px;}
.cbckpt-position-text{text-align: left; display: inline-block;vertical-align: middle;width: 707px;height: 88px;font-size: 18px;line-height:35px;color: #666;}
.cbckpt-function{margin-bottom: -20px;padding-bottom: 80px;}
.cbckpt-function .function-title{margin: 0 auto;color: #FFF;font-weight: bold;font-size: 26px; text-align: center; line-height: 138px; width: 138px;height: 138px;border-radius:50%;}
.cbckpt-function .function-title .title-box{width: 52px;height: 60px;display: block;margin: 0 auto;line-height: 30px;}
.cbckpt-function .function-content{line-height:24px;width: 297px;margin: 30px auto;color: #666;font-size: 16px;}
.cbckpt-function .function-title.bg1{background:linear-gradient(0deg,rgba(11,180,62,1) 0%,rgba(43,201,91,1) 100%);}
.cbckpt-function .function-title.bg2{background:linear-gradient(0deg,rgba(224,153,0,1) 0%,rgba(234,189,13,1) 100%);}
.cbckpt-function .function-title.bg3{background:linear-gradient(0deg,rgba(231,56,54,1) 0%,rgba(230,96,60,1) 100%);}
.cbckpt-function .function-title.bg4{background:linear-gradient(0deg,rgba(18,115,213,1) 0%,rgba(50,166,232,1) 100%);}
.cbckpt-function .function-title.bg5{background:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(11,167,125,1) 0%,rgba(1,161,141,1) 0%,rgba(11,195,171,1) 100%);}
.cbckpt-function .function-title.bg6{background:linear-gradient(0deg,rgba(58,100,216,1) 0%,rgba(73,142,223,1) 100%);}

.cbcysz-teach-res{padding-bottom: 50px;}
.cbcysz-teach-res .teach-item{width: 945px;height: 141px;background-repeat: no-repeat !important;margin: 40px auto;position: relative;}
.cbcysz-teach-res .teach-item:first-child{background: url('../../images/cross-border/kjds_cysz_teach_bg1.png');background-position-x: left;}
.cbcysz-teach-res .teach-item:nth-child(2){background: url('../../images/cross-border/kjds_cysz_teach_bg2.png');width: 944px;background-position-x: right;}
.cbcysz-teach-res .teach-item:nth-child(3){background: url('../../images/cross-border/kjds_cysz_teach_bg3.png');height: 153px;background-position-x: left;}
.cbcysz-teach-res .teach-item:last-child{background: url('../../images/cross-border/kjds_cysz_teach_bg4.png');width: 944px;background-position-x: right;}
.cbcysz-teach-res .teach-title{font-size: 20px;font-weight: bold;}
.cbcysz-teach-res .teach-content{font-size: 18px;font-weight: 300;}
.cbcysz-teach-res .teach-item:nth-child(odd) .teach-title,.cbcysz-teach-res .teach-item:nth-child(odd) .teach-content{float: left;}
.cbcysz-teach-res .teach-item:nth-child(even) .teach-title,.cbcysz-teach-res .teach-item:nth-child(even) .teach-content{float: right;}
.cbcysz-teach-res .teach-item:nth-child(odd) .teach-content{width: 792px;margin-left: 175px;text-align: left;}
.cbcysz-teach-res .teach-item:nth-child(even) .teach-content{width: 756px;margin-right: 175px;text-align: right;}
.cbcysz-teach-res .teach-item:nth-child(odd) .teach-title{margin-left: 175px;}
.cbcysz-teach-res .teach-item:nth-child(even) .teach-title{margin-right: 175px;}
.cbcysz-teach-res .teach-item:first-child .teach-title{color: #29A04B;margin-top: 25px;margin-bottom: 15px;}
.cbcysz-teach-res .teach-item:nth-child(2) .teach-title{color: #73550E;margin-top: 25px;margin-bottom: 15px;}
.cbcysz-teach-res .teach-item:nth-child(3) .teach-title{color: #CE4E4C;margin-top: 20px;margin-bottom: 15px;}
.cbcysz-teach-res .teach-item:last-child .teach-title{color: #2782DC;margin-top: 25px;margin-bottom: 15px;}
.cbcysz-teach-res .teach-item:first-child .teach-content{color: #0D3C19;}
.cbcysz-teach-res .teach-item:nth-child(2) .teach-content{color: #674B08;}
.cbcysz-teach-res .teach-item:nth-child(3) .teach-content{color: #666;}
.cbcysz-teach-res .teach-item:last-child .teach-content{color: #666;}

.cysz-special{width: 900px;margin: 0 auto;padding-bottom: 130px;}
.cysz-special .col-md-6{margin: 15px auto;}
.cysz-order{display: inline-block;vertical-align: middle;width: 30px;height: 30px;background: #FFA928;color: #FFF;border-radius: 50%;line-height: 30px;text-align: center;margin-right: 25px;}
.cysz-specitem{display: inline-block;vertical-align: middle;font-size: 22px;color: #666;font-weight: 300;}

.cbyyjcsp-position.jcsp{text-align: center;}
.cbyyjcsp-scene-img{display: inline-block;vertical-align: middle;}
.cbyyjcsp-scene-list{display: inline-block;width: 750px;vertical-align: middle;margin-left: 72px;text-align: left;height: 98px;line-height: 2;}
.cbyyjcsp-scene-list .scene-title{display: inline-block;vertical-align: middle;font-size: 18px;font-weight: bold;margin-right: 15px;}
.cbyyjcsp-scene-list .scene-detail{display: inline-block;vertical-align: middle;font-size: 16px;color: #666;font-weight: 300;}

.cbjcsp-module{font-size: 16px;margin-bottom: -20px;padding-bottom: 75px;}
.cbjcsp-module .module-left{font-weight: 300; display: inline-block;vertical-align: middle;width: 168px;text-align: center;margin-right: 4px;margin-top: 2px;margin-bottom: 2px;}
.cbjcsp-module .module-right{font-weight: 300; display: inline-block;vertical-align: middle;width: 388px;margin-top: 2px;margin-bottom: 2px;}
.cbjcsp-module .module-head .head-one{margin-bottom: 2px;margin-right: 4px;display: inline-block;vertical-align: middle;color: #FFF;font-size: 16px;width: 168px;height: 48px;line-height: 48px;text-align: center;}
.cbjcsp-module .module-head .head-two{margin-bottom: 2px;display: inline-block;vertical-align: middle;color: #FFF;font-size: 16px;width: 388px;height: 48px;line-height: 48px;text-align: center;}
.cbjcsp-module .module-one .module-head .head-one{background: #AE7236;}
.cbjcsp-module .module-one .module-head .head-two{background: #958371;}
.cbjcsp-module .module-two .module-head .head-one{background: #248FC1;}
.cbjcsp-module .module-two .module-head .head-two{background: #718395;}
.cbjcsp-module .module-one .module-left{color: #9F4700;}
.cbjcsp-module .module-one .first-module .module-left{background: #F9DEB7;height: 76px;line-height: 76px;}
.cbjcsp-module .module-one .first-module .module-right{background: #FBF0DE;height: 76px;color: #A76800;line-height: 1.5;padding: 15px 24px;}
.cbjcsp-module .module-one .second-module .module-left{background: #F7CA87;height: 180px;line-height: 180px;}
.cbjcsp-module .module-one .second-module .module-right{background: #F7E2C1;height: 180px;color: #945400;line-height: 1.9;padding: 15px 24px;}
.cbjcsp-module .module-one .third-module .module-left{background: #F9DEB7;height: 118px;line-height: 118px;}
.cbjcsp-module .module-one .third-module .module-right{background: #FBF0DE;height: 118px;color: #A76800;line-height: 1.8;padding: 15px 24px;}
.cbjcsp-module .module-two .first-module .module-left{background: #B7D6F9;height: 133px;line-height: 133px;color: #2F71BA;}
.cbjcsp-module .module-two .first-module .module-right{background: #DEEAFB;height: 133px;color: #005EA7;line-height: 1.7;padding: 12px 24px;}
.cbjcsp-module .module-two .second-module .module-left{background: #93C0F2;height: 140px;line-height: 140px;color: #0F4D92;margin-top: 6px;}
.cbjcsp-module .module-two .second-module .module-right{background: #C9DDFA;height: 140px;color: #134B8A;line-height: 1.85;padding: 10px 24px;margin-top: 6px;}
.cbjcsp-module .module-two .third-module .module-left{background: #B7D6F9;height: 95px;line-height: 95px;color: #2F71BA;margin-top: 2px;}
.cbjcsp-module .module-two .third-module .module-right{background: #DEEAFB;height: 95px;color: #005EA7;line-height: 1.5;padding: 10px 24px;margin-top: 2px;}

.cbanfx-sxzy-text{font-size: 18px;color: #666;line-height: 40px;width: 882px;margin: -10px auto 0 auto;}
.cb-alfxcptd-box{width: 959px;height: 414px;position: relative;background: url('../../images/cross-border/kjds_alfx_cptdbg.png') no-repeat 0 0;margin: 0 auto;position: relative;}
.cbalfx-cptd{margin-bottom: -20px;padding-bottom: 155px;}

.blue-trial-head{margin-top:-16px;height: 300px;background:linear-gradient(-55deg,#3ca9ee,#4381ee);}
.blue-trial-head .row{-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
.blue-tab-container{border-bottom:2px solid #d4e8fe;padding:5px 0;background: #fff;}
.blue-tab-container > div{padding:0;}
.blue-tab-container.fixed_tab{position: fixed;top:0;left:0;right:0;background-color: #fff;z-index:999;}
.blue-trial-head .container{padding:0 0 0 30px;}
.blue-trial-right img{height: 280px;width: 464px;margin-top: 20px;}
.blue-trial-left{padding-left: 0;}
.blue-trial-right{padding-right: 0;}
.blue-apply-btn{font-size: 16px;text-align: center; color: #FFF;width: auto;box-sizing: content-box;padding: 4px 20px;border-radius: 5px;border: 1px solid #FFF;transition: background-color .3s;}
.blue-apply-btn:hover{color:#FFAA28;background: #FFF;}
.blue-trial-left h2{font-size: 28px;color: #FFF;text-shadow:0px 2px 0px rgba(0, 0, 0, 0.15);}
.blue-trial-left p{font-size: 14px;color: #FFF;margin: 20px 0 15px 0;line-height: 24px;}

.blue-cbsx-title{font-size: 28px;text-align: center;padding-top: 70px;padding-bottom: 60px;color: #333;}
.fnjs-icon{text-align: center;}
.fnjs-text{color: #666;font-weight: 100;font-size: 16px;text-align: center;margin-bottom: 80px;margin-top: 20px;}

.cbsx-special.blue{background: #EEF6FF;}
.cbsx-special.blue .cbsx-speci-item{display: flex;align-items: center;justify-content: center;padding: 50px 0;}
.cbsx-special.blue .cbsx-speci-item .spec-title{font-size: 26px;font-weight: bold;color: #FFF; text-align: center;line-height: 74px; width: 328px;height: 74px;background: url(../../images/cross-border/kjds_jxzynr_tagbg.png) no-repeat center center;}
.cbsx-special.blue .cbsx-speci-item .spec-content{width: 655px;font-size: 16px;color: #666;}
.cbsx-special.blue .cbsx-speci-item:nth-child(odd){flex-direction: row;}
.cbsx-special.blue .cbsx-speci-item:nth-child(even){flex-direction: row-reverse;}
.cbsx-special.blue .cbsx-speci-item:nth-child(odd) .spec-content{margin-left: 32px;}
.cbsx-special.blue .cbsx-speci-item:nth-child(even) .spec-content{margin-right: 32px;}
.cbsx-special.blue .cbsx-speci-item:first-child{padding-top: 0;}
.cbsx-special.blue .cbsx-speci-item:last-child{padding-bottom: 76px;}
.jxtd-item{width: 1010px;margin: 0 auto;font-size: 16px; font-weight: 100;margin-bottom: 35px;color: #666;}
.jxtd-item .td-title{color: #4A4A4A;font-weight: bold;}
.kczyml{padding-bottom: 70px;margin-bottom: -20px;}
.kczyml .kczy-cover img{width: 360px;height: 240px;border-radius: 5px;}
.kczyml .kczy-title{font-size: 18px;color: #666;margin: 30px auto;text-align: center;}

.sxtjjs.cbcysz-teach-res{padding-bottom: 50px;}
.sxtjjs.cbcysz-teach-res .teach-item{width: 945px;background-repeat: no-repeat !important;margin: 50px auto;position: relative;}
.sxtjjs.cbcysz-teach-res .teach-item:first-child{background: url('../../images/cross-border/kjds_sxtjjs_bg1.png');background-position-x: left;height: 182px;margin-top: 100px;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(2){background: url('../../images/cross-border/kjds_sxtjjs_bg2.png');width: 944px;background-position-x: right;height: 215px;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(3){background: url('../../images/cross-border/kjds_sxtjjs_bg3.png');height: 153px;background-position-x: left;height: 196px;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(4){background: url('../../images/cross-border/kjds_sxtjjs_bg4.png');width: 944px;background-position-x: right;height: 213px;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(5){background: url('../../images/cross-border/kjds_sxtjjs_bg5.png');height: 153px;background-position-x: left;height: 211px;}
.sxtjjs.cbcysz-teach-res .teach-item:last-child{background: url('../../images/cross-border/kjds_sxtjjs_bg6.png');width: 944px;background-position-x: right;height: 150px;margin-bottom: 100px;}
.sxtjjs.cbcysz-teach-res .teach-title{font-size: 20px;font-weight: bold;}
.sxtjjs.cbcysz-teach-res .teach-content{font-size: 16px;font-weight: 300;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(odd) .teach-title,.cbcysz-teach-res .teach-item:nth-child(odd) .teach-content{float: left;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(even) .teach-title,.cbcysz-teach-res .teach-item:nth-child(even) .teach-content{float: right;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(odd) .teach-content{width: 792px;margin-left: 175px;text-align: left;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(even) .teach-content{width: 756px;margin-right: 175px;text-align: right;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(odd) .teach-title{margin-left: 175px;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(even) .teach-title{margin-right: 175px;}
.sxtjjs.cbcysz-teach-res .teach-item:first-child .teach-title{color: #29A04B;margin-top: 25px;margin-bottom: 15px;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(2) .teach-title{color: #73550E;margin-top: 25px;margin-bottom: 15px;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(3) .teach-title{color: #CE4E4C;margin-top: 20px;margin-bottom: 15px;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(4) .teach-title{color: #2782DC;margin-top: 25px;margin-bottom: 15px;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(5) .teach-title{color: #29A04B;margin-top: 20px;margin-bottom: 15px;}
.sxtjjs.cbcysz-teach-res .teach-item:last-child .teach-title{color: #73550E;margin-top: 25px;margin-bottom: 15px;}
.sxtjjs.cbcysz-teach-res .teach-item:first-child .teach-content{color: #0D3C19;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(2) .teach-content{color: #674B08;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(3) .teach-content{color: #666;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(4) .teach-content{color: #666;}
.sxtjjs.cbcysz-teach-res .teach-item:nth-child(5) .teach-content{color: #0D3C19;}
.sxtjjs.cbcysz-teach-res .teach-item:last-child .teach-content{color: #674B08;}

.dszyjszcfw{padding: 60px 0 100px 0;}
.top-zc-item-img{position: relative;}
.top-zc-item-img a{position: absolute;right: 180px;bottom: 0px;font-size: 16px;}
.top-zc-item:nth-child(even){flex-direction: row-reverse;}
.top-zc-item:nth-child(even) .top-zc-item-text{margin-left: 75px;}
.top-zc-item:nth-child(3){margin-top: 120px;}
.top-zc-item:nth-child(3) .top-zc-item-text{margin-right: 75px;}
.zcfw-list{background: #EEF6FF;margin-bottom: -20px;padding: 100px 0 100px 0;}
.zc-title{color: #333;font-size: 26px;}
.zc-item{margin-bottom: 50px;}
.zc-content{color: #666;font-size: 16px;font-weight: 300;line-height: 30px;margin-top: 35px;}
.zc-item:nth-child(even) .zc-item-content{flex-direction: row-reverse;}
.zc-item-title{margin: 0 auto; width: 278px;height: 46px;line-height: 46px;text-align: center;background: url('../../images/cross-border/zcfw_tag_bg.png');font-size: 20px;color: #FFF;font-weight: bold;}
.zc-item-text{color: #666;font-size: 16px;font-weight: 100;line-height: 30px;}
.zc-item-img{margin-right: 100px;}
.zc-item:nth-child(even) .zc-item-img{margin-right: 0;margin-left: 100px;}
.zcfw-list.jxfwzc .zc-item-text{font-size: 16px;line-height: 26px;}

.jxfwzc.zcfw-list .zc-item:nth-child(odd) .zc-item-content{flex-direction: row-reverse;}
.jxfwzc.zcfw-list .zc-item:nth-child(even) .zc-item-content{flex-direction: row;}
.jxfwzc.zcfw-list .zc-item:nth-child(odd) .zc-item-img{margin-right: 0;margin-left: 100px;}
.jxfwzc.zcfw-list .zc-item:nth-child(even) .zc-item-img{margin-left: 0;margin-right: 100px;}

.cjrh-icon{text-align: center;}
.cjrh-icon img{width: auto;height: 64px;}
.cjrh-content{font-size: 16px;font-weight: 300;color: #666;line-height: 30px;margin: 50px auto;width: 304px;}
.cxhz-order{width: 63px;height: 76px;line-height: 76px;text-align: center;font-size: 28px;color: #4684C6;background: #DEEEFF;margin-right: 8px;}
.cxhz-brief{width: 263px;height: 76px;line-height: 76px;text-align: center;font-size: 16px;color: #5D91C8;background: #DEEEFF;margin-right: 8px;}
.cxhz-detail{width: 776px;height: 76px;line-height: 26px;font-size: 16px;color: #3772B0;background: #AFD4FB;padding: 12px 30px;font-weight: 300;}
.cxhz-item{margin-bottom: 16px;}
.cxhz-item:nth-child(even) .cxhz-order{background: #AFD4FB;}
.cxhz-item:nth-child(even) .cxhz-brief{background: #AFD4FB;}
.cxhz-item:nth-child(even) .cxhz-detail{background: #DEEEFF;}
.rg-content{color: #666;}
.rg-text-first{font-size: 16px;font-weight: 300;line-height: 30px;}
.rg-text-detail{font-size: 16px;line-height: 30px;}
.rg-text-bold{font-weight: bold;}
.rg-text-normal{font-weight: 300;}
.rgfxbg{padding-bottom: 120px;}

.szms{padding-bottom: 120px;}
.szms-img{text-align: center;position: relative;width: 437px;height: 258px;margin: 0 auto;}
.szms-list li{position: absolute;font-size: 14px;padding: 10px 20px;background: #666;color: #FFF;border-radius: 20px;}
.szms-list li:first-child{background: #E0EDFF;color: #5C92D8;left: -310px;top: -20px;}
.szms-list li:nth-child(2){background: #FFE6FB;color: #C966B3;left: -320px;top: 100px;}
.szms-list li:nth-child(3){background: #FDF4C4;color: #C3762B;left: -350px;top: 220px;}
.szms-list li:nth-child(4){background: #D9F7E4;color: #3F9A68;right: -220px;top: -20px;}
.szms-list li:nth-child(5){background: #F2E3FB;color: #A772C6;right: -220px;top: 100px;}
.szms-list li:last-child{background: #FBE8E3;color: #C16C56;right: -220px;top: 220px;}
.szgj-subtitle{color: #666;font-size: 16px;font-weight: 300;text-align: center;margin-bottom: 60px;}
.fj-box{width: 300px;background: #DAECFF;border-radius: 5px;position: relative;height: 195px;}
.szfj{background: #F6F9FD;padding-bottom: 50px;}
.szfj .col-md-4:nth-child(2) .fj-box{width: 317px;}
.szfj .col-md-4:first-child .fj-box{height: 205px;}
.fj-tag{background: url('../../images/cross-border/szfj_tagbg.png') no-repeat;width: 209px;height: 32px;line-height: 32px;text-align: center;font-size: 18px;color: #FFF;font-weight: bold;position: absolute;top: -16px;left: 0;right: 0;margin: auto;}
.fj-title{color: #1B68BC;font-weight: bold;font-size: 16px;text-align: center;padding-top: 40px;}
.fj-content{color: #345C88;line-height: 26px;}
.fj-content{margin-left: 30px;margin-top: 20px;}
.zt-text{color: #666;font-size: 16px;margin-left: 110px;line-height: 32px;}
.zt-item{width: 690px;margin-bottom: 50px;}
.zt-title{font-weight: bold;}
.zt-des{margin-left: -5px;}
.szzt{padding-bottom: 80px;}
.szjc-text{color: #666;line-height: 30px;width: 532px;display: inline-block;vertical-align: middle;text-align: left;}
.szjc-img{margin-left: 100px;display: inline-block;vertical-align: middle;}
.szzc-box{width: 363px;height: 229px;color: #FFF;}
.szzc .col-md-4:first-child .szzc-box{background: url('../../images/cross-border/szzc-bg1.png') no-repeat;}
.szzc .col-md-4:nth-child(2) .szzc-box{background: url('../../images/cross-border/szzc-bg2.png') no-repeat;}
.szzc .col-md-4:last-child .szzc-box{background: url('../../images/cross-border/szzc-bg3.png') no-repeat;}
.szzc-title{text-align: center;font-size: 20px;font-weight: bold;padding-top: 80px;}
.szzc-des{margin: 20px 40px auto 27px;}
.szsjfu-box{text-align: center;color: #666;}
.szsjfw-en{font-size: 20px;font-weight: bold;}
.szsjfw-cn{margin-top: 20px;}
.szsjfw{padding-bottom: 110px;margin-bottom: -20px;}
.jsmb{background: #FFF;padding: 0px 60px 30px 60px;}
.jsmb-detail{color: #666;font-size: 16px;line-height: 30px;}
.jtgh{background: #FFF8EE;padding: 0 60px 60px 60px;position: relative;}
.gh-box{position: relative;margin-bottom: 70px;}
.gh-content{background:#F9DEB7;width: 512px;height: 125px;line-height: 26px;color: #C6801B;padding: 25px;text-align: left;margin: 0 auto;}
.gh-title{background: #CF448F;color: #FFF;font-size: 16px;font-weight: bold;width: 105px;height: 30px;line-height: 30px;text-align: center;position: absolute;left: 20px;top: -15px;}
/* .ghzl-download{position: absolute;bottom: -27px;left: 0;right: 0;margin: auto;} */
.ghzl-download{background: #FFF8EE;height: 200px;padding-top: 76px;}
.ghzl-download a{border-radius: 3px; display: block;width: 350px;height: 55px;border:2px solid rgba(240,139,40,1);line-height: 54px;text-align: center;margin: 0 auto;font-size: 16px;color: rgba(240,139,40,1) !important;font-weight: bold;}
.ghzl-download a img{margin-right: 20px;width: 25px;height: 25px;vertical-align: sub;}
.jsrwynr{background: #FFF;padding: 60px;}
.rwnr-menu .menu-item{background: #F7B431;text-align: left;width: 240px;height: 38px;line-height: 38px; cursor: pointer;font-size: 16px;margin: 10px 0;}
.rwnr-menu .menu-item.sel{background: #FF7E33;}
.rwnr-menu .menu-item img{margin-left: 20px;margin-right: 15px;width: 26px;height: auto;}
.rwnr-box-content{position: relative;}
.go-rwnr{font-size: 16px;color: #F78326;position: absolute;}
.go-rwnr:hover{color:rgba(247,131,38,0.6);}
.rwnr-box.box1 .go-rwnr{right: 170px;bottom: 0;}
.rwnr-box.box2 .go-rwnr{right: 140px;bottom: 0;}
.rwnr-box.box3 .go-rwnr{right: 170px;bottom: -30px;}
.rwnr-box.box4 .go-rwnr{bottom: 0;left: 0;right: 0;margin: auto;}
.rwnr-box.box5 .go-rwnr{bottom: -20px;left: 0;right: 0;margin: auto;}
.kj-wechat-img img{width: 90px;height: 90px;}
.kj-status-tip{font-size: 18px;}
.kj-status-tip i{font-size: 28px;vertical-align: middle;margin-right: 15px}
.kj-wechat-title{margin: 15px auto;}
.kj-wechat-tip{color: #9B9B9B;font-size: 12px;}

.kj-get-res{text-align: center;font-size: 26px;margin: 0 0 -20px 0;background: #3CA1EA;padding: 40px 0;color: #FFF;}
.kj-get-res.yellow{background: #F5A623;}
.kj-get-res .get-text{display: inline-block;}
.kj-get-res .get-qrcode{display: inline-block;margin-left: 60px;}
.kj-get-res .get-qrcode img{width: 160px;height: 160px;}
/* 跨境专题页面 end */

/* 人才需求平台 start */
.rcxq-banner-box{/*background: url('../../images/rcxq/rcxq-banner.png') no-repeat center center;*/position: relative;}
.rcxq-banner-box img{max-width: 100%;}
/* .rcxq-btn{background: url('../../images/rcxq/rcxq-btn-bg.png') no-repeat center center;background-size: contain; width: 100%;display: block;font-size: 30px;color: #FFF !important;margin: 0 auto;height: 88px;line-height: 88px;} */
.rcxq-btn-box{position: absolute;bottom: 67px;left: 0;right: 0; margin: auto;}
.rcxq-btn i{font-size: 30px;margin-left: 5px;}
.rcxq-title{color: #666;font-size: 28px;padding: 67px 0;}
.rcxq-icon{width: 150px;height: 150px;background: linear-gradient(to bottom left, #4a6ed5, #5da2ed);margin: 0 auto;border-radius: 50%;text-align: center;line-height: 140px;}
.rcxq-icon i{font-size: 70px;vertical-align: middle;color: #fff;}
.rcqx-text{color: #666;font-size: 18px;line-height: 30px;margin: 30px auto 70px auto;padding: 0 56px;}
.rcxq-service{background: #F8F8F8;margin-bottom: -20px;}
.rcxq-service .tk-wechat{margin-top: 20px;}
.rcxq-service .tk-wechat img{width: 121px;height: 121px;}
.rcxq-service .tk-text{color: #666;margin-bottom: 25px;margin-top: 15px;}
.rcxq-ser-icon{display: inline-block;}
.rcxq-ser-text{font-size: 28px;color: #666;display: inline-block;vertical-align: middle;margin-left: 20px;}
.rcxq-ser-box{margin: 10px auto;border-right: 1px solid #E4E4E4;}
.rcxq-menu{padding:0 15px; border-bottom: 1px solid #E4E4E4;margin-bottom: 10px;/*background: #FFF;*/height: 60px;line-height: 60px;}
.rcxq-navi{display: inline-block;position: relative;}
.rcxq-navi a{color: #595959;margin: 0 30px;}
.rcxq-navi a:hover{color: #4A90E2;}
.rcxq-navi a.sel{color: #4A90E2;}
.rcxq-navi a i{color: red;font-size: 22px;}
.rcxq-navi .sub-menu{top: 50px;; position: absolute;z-index: 2;background: #FFF;display: block;width: 460px;box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);padding: 15px 0;border-radius: 5px;right: -148px;}
.rcxq-navi .sub-menu li{display: inline-block;width:150px;text-align: center;height: 40px;line-height: 40px;}
/* .rcxq-navi>a:hover+.sub-menu{display: block;} */
.rcxq-zlsj-head{position: relative; /*border: 1px dashed #FFF;*/ width: 100%;height: 80px;line-height: 80px; background: url('../../images/rcxq/rcxq-zlsj-titlebg.png') no-repeat center center;}
.zlsj-title{font-size: 20px;text-align: center;color: #FFF;}
.zlsj-tip{color: #FFF;position: absolute;bottom: -20px;right: 15px;font-size: 12px;}
.rcxq-data-card{background: #FFF;margin-top: 20px;padding: 20px;}
.rcxq-data-title{font-size: 16px;color: #666;display: inline-block;vertical-align: middle;}
.rcxq-data-title::before{content: '';display: inline-block;vertical-align: text-bottom;width: 3px;height: 20px;background: #1398F8;margin-right: 15px;}
.map-switch{margin: 0 auto;text-align: center;}
.map-switch .map-switch-tab:last-child{margin-left: -5px;}
.map-switch .map-switch-tab{cursor: pointer; display: inline-block;width: 112px;height: 32px;line-height: 32px; border: 1px solid #3DB5FF;color: #3DB5FF;}
.map-switch .map-switch-tab.sel{background: #3DB5FF;color: #FFF;}
[class$='rank']{margin: 15px auto;}
/* .province-rank{margin: 15px auto;} */
[class$='rank'] .rank-title{margin: 0 auto;width: 300px;height: 40px;background: #3DB5FF;color: #FFF;line-height: 40px;text-align: center;}
[class$='rank'] .rank-list{margin: 0 auto;color: #002A5E;font-size: 16px;width: 300px;border: 1px solid #1398F8;border-top: none;}
[class$='rank'] .rank-list li{height: 40px;line-height: 40px;}
[class$='rank'] .rank-list li:nth-child(odd){background: #FFF;}
[class$='rank'] .rank-list li:nth-child(even){background: #ebfaff;}
[class$='rank'] .rank-name{float: left;padding-left: 50px;}
[class$='rank'] .rank-num{float: right;padding-right: 50px;}
.rcxq-blue-title{background: #5DC7FE;color: #FFF;height: 40px;text-align: center;line-height: 40px;margin: 40px auto 20px auto;}
.rc-tips{color: #9c9c9c;font-size: 12px;}
.rc-res-banner{margin-bottom: 45px; text-align: center; color: #FFF; background: url('../../images/rcxq/rcxq-res-banner.png') no-repeat center center;height: 180px;}
.rc-res-banner .rc-res-title{font-size: 44px;padding-top: 40px;}
.rc-res-banner .rc-res-subtitle{font-size: 20px;margin-top: 20px;}
.rc-res-card{background: #F8FAFC;margin-bottom: 35px;padding: 60px 45px;}
.rc-res-tag{width: 100px;height: 60px;line-height: 60px;background: linear-gradient(to right,#1599f8,#5dc7fe);font-size: 20px;color: #FFF;text-align: center;}
.rc-res-tip{color: #8C8C8C;font-size: 12px;margin-top: 25px;margin-left: -5px;}
.rc-res-title{font-size: 26px;}
.rc-res-brief{font-size: 16px;line-height: 32px;margin-top: 40px;}
.rc-res-brief li{list-style: inside;}
.rc-file-name{display: inline-block;vertical-align: middle;margin-top: 15px;}
.rc-res-download{font-size: 16px;color: #1C79FF !important;display: inline-block;vertical-align: middle;margin-left: 30px;margin-top: 15px;}
.rc-res-file{text-align: center;position: relative;margin: 50px auto 0 auto;}
.res-file-icon img{width: 68px;height: auto;}
.rc-tothink-wechat{text-align: center;margin: 50px auto 0 auto;}
.rc-tothink-wechat img{width: 135px;height: 135px;}
.rc-wechat-tip{color: #8C8C8C;margin-top: 15px;}
.rc-material-menu a{margin: 5px 5px;cursor: default;}
.rc-material-menu a span{transition: all 0.3s; cursor: pointer; display: block;height: 40px;border: 1px solid rgba(204, 204, 204, 1);line-height: 40px;text-align: center;border-radius: 40px;color: #4A4A4A;padding: 0 15px;}
.rc-material-menu a span:hover{border: 1px solid #1C79FF;color: #1C79FF;}
.rc-material-menu a.sel span{border: 1px solid #1C79FF;color: #1C79FF;}
.rcxq-data-card .search-input{margin-left: 78px;}
.rcxq-data-card .search-input>.search-area{border: none;width: 217px;height: 40px;margin-right: -4px;margin-left:-80px;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.05);padding-left: 36px;border-radius: 5px 0 0 5px;}
.rcxq-data-card .search-input>.search-area:focus{box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);}
.rcxq-data-card .search-input .search-icon{position: absolute;color: #EEE;left: -50px;top: 14px;z-index: 20;}
.rcxq-data-card .input-group-btn>.search-btn{font-size:12px;color:#FFF;background-color: #4A90E2;border-color: #4A90E2;width: 60px;height: 40px;border-radius: 0 5px 5px 0;}
.rcxq-data-card .search-input>.search-area::-webkit-input-placeholder{font-size:12px;color:#ccc;}
.rcxq-data-card .search-input>.search-area:-moz-placeholder{font-size:12px;color:#ccc;}
.rcxq-data-card .search-input>.search-area::-moz-placeholder{font-size:12px;color:#ccc;}
.rcxq-data-card .search-input>.search-area:-ms-input-placeholder{font-size:12px;color:#ccc;}
.rc-material-list{padding: 10px;}
.rc-material-list li{border-bottom: 1px solid #E4E4E4;padding: 15px 0;}
.rc-material-list li a{color: #4A4A4A;}
.rc-material-list li a:hover{color: #4A90E2;}
.rc-material-name{float: left;}
.rc-material-time{color: #9B9B9B;margin-left: 20px;float: right;}
.rc-search{margin-top: 15px;}
/* .material-content{padding: 15px;} */
.rcxq-data-card.material{padding: 50px;}
.material-news-info{color: #999;padding-bottom: 15px;}
.material-content img{max-width:100%;}
@media (max-width: 1000px){
    /* .rcxq-btn{font-size: 14px;background-size: contain;height: auto;line-height: 30px;height: 30px;} */
    /* .rcxq-btn i{font-size: 14px;} */
    .rcxq-btn-box{bottom: 10px;}
    /* .rcxq-btn-box img{max-width: 80%;} */
    .rcxq-title{font-size: 1.5rem;padding: 1rem 0;}
    .rcxq-icon{width: 5rem;height: 5rem;line-height: 5rem;}
    .rcxq-icon i{font-size: 2.5rem;}
    .rcqx-text{font-size: 1.2rem;line-height: 1.5;margin: 1rem auto;padding: 0;}
    .rcxq-ser-box{border: none;}
    .rcxq-ser-icon img{width: 2rem;height: 2rem;}
    .rcxq-ser-text{font-size: 1.2rem;margin-left: 0.5rem;}
    html{font-size: 16px !important;}
    header{height: 3rem;}
    /* .bodywrap-content.index{padding-top: 3rem !important;} */
    /* .bodywrap-content{padding-top: 4rem !important;} */
    header{min-width: 0;}
    .header-logo img{height: 1.67rem;width: 1.67rem;display: inline-block;vertical-align: middle;margin-top: 0.7rem;margin-left: 15px;}
    .fixed-bar .header-logo .app-name {display: inline-block; vertical-align: middle;font-size: 14px;font-weight: bold;margin-left: 10px;color: #666666;margin-top: 0.5rem;}
    .m-rcxq-menu{font-size: 16px;height: 30px;margin-top: 7px;position: absolute;right: 30px;}
    .m-rcxq-menu .form-group{margin-left: 10px !important;}
    .m-rcxq-menu .form-group select{width: auto !important;}
    #rcxq-basic{height: auto !important;}
    .rcxq-data-card{padding: 0;}
    .rcxq-data-card:first-child{margin-top: 0;}
    .rcxq-data-title{font-size: 14px; width: 100%;background: rgb(250, 250, 252);padding: 10px;}
    .rcxq-data-title::before{display: none;}
    .rcxq-data-content{padding: 15px;}
    .m-rank-title{text-align: center;border-bottom: 1px solid #E4E4E4;padding-bottom: 5px;padding-top: 5px;}
    .rcxq-blue-title{margin: 0 auto;width: 100% !important;}
    .rc-material-name,.rc-material-time{float: none;}
    .rc-material-menu{padding: 0 15px;}
    .rc-m-search{margin-right: 0;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;}
    .rc-m-search .search-input{margin: 0;padding-right: 0;}
    .rc-m-search .btn{margin: 0;min-width: 0;}
    .rcxq-data-card .search-input>.search-area{width: auto;margin: 0;}
    .rcxq-data-card .search-input .search-icon{left: 30px;}
    .rcxq-data-card .search-btn{font-size:12px;color:#FFF;background-color: #4A90E2;border-color: #4A90E2;width: 60px;height: 40px;border-radius: 0 5px 5px 0;}
    .rcxq-data-card.material{padding: 15px;}
    .rcxq-data-card.material .rc-material-menu{padding: 0;}
    .rc-res-banner{margin: 0 -15px;position: relative;}
    .rc-res-banner .rc-res-title{font-size: 24px;padding-top: 40px;}
    .rc-res-banner .rc-res-subtitle{font-size: 14px;}
    .rc-res-card{margin: 15px 0;padding: 15px;}
    .rc-res-download{margin-left: 0;}
    .rc-res-banner .ios-tip{position: absolute;bottom: 5px;left: 0;right: 0;margin: auto;font-size: 12px;}
    .rc-res-tag{display: inline-block;font-size: 14px;width: 60px;height: 40px;line-height: 40px;vertical-align: middle;}
    .rc-res-titlebox .rc-res-title{display: inline-block;width: calc(100% - 66px);font-size: 16px;font-weight: bold;vertical-align: middle;}
    .rc-res-brief{font-size: 14px;line-height: 20px;margin-top: 15px;}
    .rc-res-tip{margin-top: 10px;margin-left: 0;}
    .rc-res-file img{width: 40px;height: 40px;display: inline-block;vertical-align: middle;}
    .rc-res-file .rc-file-name{display: inline-block;vertical-align: middle;margin-top: 0;}
    .rc-res-download{display: block;text-align: center;}
    .rc-wechat-tip{margin-top: 5px;margin-bottom: 10px;}
    .rc-tothink-wechat{margin-top: 30px;}
}
/* 人才需求平台 end */

/* 小程序上传 start */
.xcx-upload {width:750px;height:456px;background:#FFF;margin:5% auto;border-radius:5px;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05);}
.xcx-upload .xcx-upload-box {background:#F9F9F9;border:1px dashed #9B9B9B;border-radius:5px;}
.xcx-upload .xcx-upload-box {width:575px;height:250px;margin:30px auto;}
.xcx-upload .xcx-upload-title {font-size:20px;padding-top:60px;text-align:center;}
.xcx-upload .upload-tip {color:#9B9B9B;font-size:13px;width:300px;margin:0 auto;}
.xcx-upload .upload-img img {width:50px;height:50px;display:block;}
.xcx-upload .upload-img {position:relative;width:50px;height:50px;margin:50px auto 30px auto;}
.xcx-upload .xcx-file {margin:0 auto;}
.xcx-upload .xcx-file-input {width:50px;height:50px;overflow:hidden;display:block;position:absolute;top:0;right:0;opacity:0;}
.xcx-upload .xcx-label {color:rgb(0,0,255);text-decoration:underline;}
.xcx-upload .uploading-box {margin-top:60px;text-align:center;margin-bottom:30px;}
.xcx-upload .upload-confirm {text-align:center;}
.xcx-upload .upload-confirm a {display:block;width:214px;height:40px;border-radius:40px;line-height:40px;text-align:center;margin:0 auto;background:#4990E3;color:#FFF;}
.xcx-upload .no-link {width:100%;height:92px;margin:0 auto;padding-top:60px;}
.xcx-upload .no-link>i {display:block;font-size:52px;color:#CFCFCF;}
.xcx-upload .no-link>.no-link-text {display:block;font-size:16px;color:#CCC;margin-top:10px;}
/* 小程序上传 end */

/* 亚马逊专题页 */
.bodywrap-content.amazon{padding-right: 0;}
.course-list-area.amazon{width: 1172px;margin: 0 0 0 -5px;padding-right: 0 !important;}
.course-list-area.amazon .class-item.bgwhite{width: 1172px;}
.course-list-area.amazon .add-class-section.bgwhite{width: 1172px;}
.course-list-area.amazon .add-class-section .add-section-innerborder{width: 1135px;}
.course-list-area.amazon .add-class-section .add-section-innerborder>i{left: 450px;}
.course-list-area.amazon .add-class-section .add-section-innerborder>span{left: 500px;}
.course-list-area.amazon .class-item .class-title>span{max-width: 600px;}
.course-list-area.amazon .class-item .class-section .class-section-content{max-width: 800px;}
.amazon-banner{margin-left: 205px;width: 880px;}
.amazon-banner img{width: 100%;/*height: 350px;*/}
.amazon-course-namebox{width: 880px;margin: 10px 0px 10px 205px;background: #FAFAFA;padding: 10px 10px;border-radius: 5px;}
.amazon-course-name{float: left;font-size: 16px;line-height: 32px;/*font-family: 'FangSong';font-weight: bold;*/}
.amazon-switch-btn{text-align: right;}
/* 绿色 */
/* .amazon-switch-btn a{display: inline-block;font-size: 15px !important;color: #25B28A !important;border: 1px solid #25B28A;border-radius: 5px;line-height: 22px;padding: 5px 10px;margin-left:10px;transition: none;}
.amazon-switch-btn a.sel{background: #25B28A;color: #FFF !important;}
.amazon-switch-btn a:hover{opacity: 0.8;}
.amazon-switch-btn a:active{background: #25B28A;color: #FFF !important;} */
/* 橙色 */
.amazon-switch-btn a{display: inline-block;font-size: 15px !important;color: #F5A623 !important;border: 1px solid #F5A623;border-radius: 5px;line-height: 22px;padding: 5px 10px;margin-left:10px;transition: none;}
.amazon-switch-btn a.sel{background: #F5A623;color: #FFF !important;}
.amazon-switch-btn a:hover{opacity: 0.8;}
.amazon-switch-btn a:active{background: #F5A623;color: #FFF !important;}
/* tab切换 */
/* .amazon-switch-btn a{display: inline-block;font-size: 15px !important;line-height: 22px;padding: 5px 10px;margin-left:10px;transition: none;position: relative;color: #4A4A4A;}
.amazon-switch-btn a.sel{color: #4A90E2;}
.amazon-switch-btn a.sel::after{content: '';display: block;height: 3px;width: 100%;bottom: -10px;left:0;background: #4A90E2;position: absolute;} */
.xmjg-box{margin: 0 -5px;}
.task-title{background: #FAFAFA;padding: 15px;border-radius: 5px 5px 0 0;border-bottom: 1px solid #E4E4E4;}
.task-name{float: left;font-weight: bold;}
.task-other-info{float: right;}
.important-data{display: inline-block;width: 130px;}
.difficulty-data{display: inline-block;width: 130px;}
.amazon-task-item{background: #FFF;margin-bottom: 10px;border-radius: 5px;box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.05);}
.task-item{padding: 15px;border-bottom: 1px solid #E4E4E4;}
.task-item:last-child{border: none;}
.task-num{padding: 2px 5px;border-radius: 15px;color: #FFF;font-size: 12px;margin: 0 2px;}
.task-num.yellow{background: #FF9900;}
.task-num.green{background: #008000;}
.task-num.red{background: #FF0000;}
.amazon-task-list{margin-right: -5px;}
.course-list-area.amazon .class-item.bgwhite{margin-top: 0;}
.course-list-area.amazon .fixed-content > a{margin-left: 615px;}

/*字体  start*/
.icon-certification::before {content: "\e622";} /*认证*/
.icon-remind::before {content: "\e63a";} /*提醒*/
.icon-user::before {content: "\e644";} /*用户*/
.icon-training::before {content: "\e605";} /*培训*/
.icon-competition::before {content: "\e611";} /*大赛*/
.icon-message::before {content: "\e611";} /*消息*/
.icon-managecourse::before {content: "\e698";} /*管理课程*/
.icon-studentmanage::before {content: "\e658";} /*学生管理*/
.icon-publishnews::before {content: "\e69a";} /*发布消息*/
.icon-mycourse::before {content: "\e645";} /*我的课程*/
.icon-coursegrade::before {content: "\e67e";} /*课程成绩*/
.icon-funnel::before {content: "\e67e";} /*授课进度*/
.icon-flag::before {content: "\e717";} /*授课班级*/
.icon-add::before {content: "\e600";} /*选择班级*/
.icon-editcourse::before {content: "\e604";} /*编辑*/
.icon-delete::before {content: "\e61d";} /*删除*/
.icon-addbig::before {content: "\e685";} /*添加课程*/
.icon-arrowdown::before {content: "\e601";} /*向下箭头*/
.icon-home::before {content: "\e638";} /*首页*/
.icon-qrcode::before {content: "\e60d";} /*课程二维码*/
.icon-directory::before {content: "\e608";} /*目录*/
.icon-edit::before {content: "\e8cf";} /*编辑*/
.icon-prepares::before {content: "\e628";} /*备课*/
.icon-preview::before {content: "\e623";} /*预览*/
.icon-lesson::before {content: "\e61b";} /*上课*/
.icon-countdown::before {content: "\e616";} /*时长*/
.icon-link::before {content: "\e683";} /*链接*/
.icon-label::before {content: "\e630";} /*标签*/
.icon-deletefork::before {content: "\e62e";} /*删除 叉叉*/
.icon-pagetop::before {content: "\e6e0";} /*返回顶部*/
.icon-search::before {content: "\e6b5";} /*搜索*/
.icon-comment::before {content: "\e61e";} /*评论 回复*/
.icon-pride::before {content: "\e613";} /*赞*/
.icon-face::before {content: "\e6fc";} /*表情*/
.icon-download::before {content: "\e8d0";} /*下载*/
.icon-mark::before {content: "\e6fa";} /*惊叹号*/
.icon-fill::before {content: "\e646";} /*填写资料*/
.icon-customer::before {content: "\e606";} /*等候客服联系*/
.icon-weixin::before {content: "\e607";} /*微信*/
.icon-email::before {content: "\e602";} /*邮箱*/
.icon-treeright::before {content: "\e8d1";} /*树形  右箭头*/
.icon-treedown::before {content: "\e671";} /*树形  下箭头*/
.icon-score::before {content: "\e639";} /*评分*/
.icon-createtime::before {content: "\e61c";} /*创建时间*/
.icon-classdetails::before {content: "\e617";} /*班级详情*/
.icon-gradelist::before {content: "\e637";} /*班级列表*/
.icon-grade::before {content: "\e603";} /*班级*/
.icon-deletehour::before {content: "\e61d";} /*删除课时*/
.icon-teacher_logo:before {content: "\e648";} /*教师认证*/
.icon-nosee:before {content: "\e657";} /*仅教师可见*/

/* 新主页图标 start */
.icon-right-1:before { content: "\e61a"; }
.icon-location1:before { content: "\e641"; }
.icon-mail:before { content: "\e640"; }
.icon-shouji54:before { content: "\e660"; }
/* 新主页图标 end */

/* 课程管理侧边栏图标 start*/
.icon-read:before { content: "\e7d8"; }
.icon-team:before { content: "\e7ae"; }
.icon-calendar-check:before { content: "\e7d3"; }
.icon-jingpinkecheng:before { content: "\e642"; }
.icon-reconciliation:before { content: "\e7b4"; }
/* 课程管理侧边栏图标 end*/
/* 班级管理页面图标 start */
.icon-erweima:before { content: "\e60d"; }
.icon-chakanxiangqing:before { content: "\e624"; }
/* 班级管理页面图标 end */
/* 作业页面 start */
.icon-attachment:before{ content: "\e619" }
.icon-shuxian:before{ content: "\e63e" }
.icon-download:before{ content: "\e6e9" }
/* 作业页面 end */
.icon-kulian-line:before { content: "\e6a2"; } /*没有课程*/
.icon-resourcelibrary::before {content: "\e739"} /*资源库*/
.icon-kaoqin:before {content: "\e6fe";} /*考勤*/
.icon-zuoye:before {content: "\e632";}  /*作业*/
.icon-clock:before {content: "\e83d";}  /*时钟*/
.icon-study-time:before {content: "\e67c";}  /*学习总时长*/
.icon-discuss:before {content: "\e627";} /*课堂讨论*/
.icon-cloud-upload:before {content: "\e626";} /*上传*/
.icon-navicon-tp:before {content: "\e66d";} /*投票*/
.icon-wenda1:before {content: "\e65f";} /*问答*/
.icon-nostudent:before { content: "\e633"; } /*没有学生*/
.icon-edit-class:before {content: "\e62f";} /*编辑班级*/
/*字体  end*/

/* 2018年11月13日15:23:36 HC 增加位置图标 */
.icon-dizhi:before {
    content: "\eb87";
    color: #999;
}
.icon-vip-own:before { content: "\e612"; }

.icon-alert:before { content: "\e64d"; }

/* 增加位置图标 end */

/* 班级详情start */
.icon-remove_stu:before {content: "\e64f";}
.icon-add_stu:before {content: "\e62c";}
.icon-import_stu:before {content: "\e6a3";}
.icon-invite_stu:before {content: "\e690";}
/* 班级详情start */

/* 大赛图标start */
.icon-infotips:before {content: "\e72b";}
.icon-basicinfo:before {content: "\e649";}
.icon-contestinfo:before {content: "\e604";}
.icon-success:before {content: "\e6a4";}
.icon-warning:before {content: "\e6fa";}
.icon-fail:before {content: "\e64b";}
/* 大赛图标end */

/* 试用课程图标start */
.icon-kqyx:before {content: "\e672";}
.icon-ktjj:before {content: "\e650";}
.icon-khfx:before {content: "\e63f";}
.icon-ktdy:before {content: "\e652";}
.icon-ktsl:before {content: "\e64c";}
.icon-tnfb:before {content: "\e64e";}
.icon-ktly:before {content: "\e72c";}
.icon-alfx:before {content: "\e679";}
.icon-sx:before {content: "\e673";}
.icon-tzxx:before {content: "\e651";}
.icon-success1:before {content: "\e6a4";}
/* 试用课程图标end */

/* 资源库图标start */
.icon-view:before {content: "\e656";}
.icon-collect:before {content: "\e655";}
.icon-share:before {content: "\e653";}
.icon-new:before {content: "\e65c";}
/* 资源库图标end */

/* 帮助中心start */
.icon-collapse:before {content: "\e661";}
.icon-spread:before {content: "\e65d";}
.icon-hot:before {content: "\e615";}
.icon-helpcenter:before {content: "\e662";}
/* 帮助中心end */

/*联系我们start*/
.icon-contactlocation:before {content: "\e641";}
.icon-contactphone:before {content: "\e663";}
.icon-contactcowork:before {content: "\e664";}
/*联系我们end*/
.icon-submitmessage:before {content: "\e6c2";}
.icon-sysannounce:before {content: "\e6a8";}
.icon-sysmessage:before {content: "\e665";}
.icon-classannounce:before {content: "\e666";}

.icon-xiaoren::before {content: "\e63c";} /*小人*/
.icon-lock:before {content: "\e618";} /*密码锁*/
.icon-lijizhuce:before {content: "\e6ca";}
.icon-weixin::before {content: "\e607";} /*微信*/
.icon-email::before {content: "\e602";} /*邮箱*/
.icon-new:before {content: "\e65c";}

.icon-videologo:before {content: "\e66b";} /*视频资源logo*/
.icon-doclogo:before {content: "\e66a";} /*文档资源logo*/
.icon-ziplogo:before {content: "\e670";} /*压缩文件资源logo*/
.icon-triangle:before {content: "\e66c";} /*加载更多的倒三角*/
.icon-male:before {content: "\e678";} /*男*/
.icon-female:before {content: "\e677";} /*女*/
.icon-userphone:before {content: "\e676";} /*女*/
.icon-knowpoint:before {content: "\e6aa";} /*知识点详情*/
.icon-resdetail:before {content: "\e904";} /*资源点详情*/
.icon-teacher:before {content: "\e67b";} /*授课讲师*/

.icon-mixlayer:before {content: "\e682";} /*混合图层*/
.icon-ythfx:before {content: "\e736";} /*一体化分析*/
.icon-llff:before {content: "\e686";} /*理论方法*/
.icon-zsdr:before {content: "\e9c0";} /*知识导入*/
.icon-ffjq:before {content: "\e6bd";} /*方法技巧*/
.icon-sjjn:before {content: "\e684";} /*实践技能*/
.icon-triangle:before {content: "\e68b";} /*三角*/

.icon-like:before {content: "\e68c";} /*赞*/
.icon-kqyx:before {content: "\e68e";} /*课前预习*/
.icon-ktjj:before {content: "\e777";} /*课堂讲解*/
.icon-kthd:before {content: "\e693";} /*课堂互动*/
.icon-kthd2:before {content: "\e692";} /*课堂活动*/
.icon-sxsz:before {content: "\e68f";} /*实训实战*/
.icon-kskh:before {content: "\e68d";} /*考试考核*/
.icon-khtz:before {content: "\e691";} /*课后拓展*/

/* 跨境相关图标集合 start */
.icon-zsjg:before {content: "\e694";} /*知识结构*/
.icon-xinzeng:before {content: "\e696";} /*新增*/
.icon-shanchu:before {content: "\e697";} /*删除*/
.icon-toleft:before {content: "\e69d";} /*向左*/
.icon-toright:before {content: "\e69f";} /*向右*/
.icon-design:before {content: "\e6a5";} /*设计*/
.icon-yjys:before {content: "\e6ae";} /*演讲演示*/
.icon-piepic:before {content: "\e6ab";} /*饼图*/
.icon-process:before {content: "\e6a1";} /*流程*/
.icon-bookmark:before {content: "\e6ac";} /*书签*/
.icon-dksx:before {content: "\e6a6";} /*对抗实训*/
.icon-applytrialcb:before {content: "\e6a9";font-weight: normal;} /*申请试用*/
.icon-zsmb:before {content: "\e68a";} /*知识目标*/
.icon-jnmb:before {content: "\e687";} /*技能目标*/
.icon-gorcxq:before {content: "\e6b6";} /*下一级*/
.icon-rcxq1:before {content: "\e745";} /*人才需求icon*/
.icon-rcxq2:before {content: "\e6b9";} /*人才需求icon*/
.icon-rcxq3:before {content: "\e6ba";} /*人才需求icon*/
.icon-rcxq4:before {content: "\e75b";} /*人才需求icon*/
.icon-rcxq5:before {content: "\e6b8";} /*人才需求icon*/
.icon-rcxq6:before {content: "\e6b7";} /*人才需求icon*/
.icon-jsrw1:before {content: "\e6b2";} /*建设任务icon*/
.icon-jsrw2:before {content: "\e6b4";} /*建设任务icon*/
.icon-jsrw3:before {content: "\e785";} /*建设任务icon*/
.icon-jsrw4:before {content: "\e6b3";} /*建设任务icon*/
.icon-jsrw5:before {content: "\e6cb";} /*建设任务icon*/

.icon-sxgl:before {content: "\e752";} /*实训管理*/
/* 跨境相关图标集合 end */
.navi-sidebar .user-header .platform{display: flex; justify-content: center;align-items: center;  padding: 5px 0; margin: 10px; border-radius: 4px}
.navi-sidebar .user-header .platform .present{font-size: 12px; color: #4A90E2;}
.navi-sidebar .user-header .platform button{margin: 0;  height: 32px;line-height: 30px;background-color: #f2f2f2; border-color: #f2f2f2; color: #4A90E2 !important}
.navi-sidebar .user-header .platform button img{background-color: #fff; border-radius: 50%; margin-top: -3px}

.service{display: inline-block; margin: 15px 30px;position: relative}
.service:hover{cursor: pointer}
.service:hover em, .service:hover ul{display: block}
.service em{display: none;z-index: 10;margin: 0 0 0 -5px;position: absolute;top: 18px;left: 50%;width: 9px;height: 8px;background: url(../../images/common/sprite.png) no-repeat 0 0;}
.service ul{display: none;position: absolute; width: 100px; padding: 5px 0; top: 24px; left: -36px; border-radius: 4px; text-align: center; background-color: #fff;border: 1px solid #d1d1d1;box-shadow: 0 0 5px rgb(0 0 0 / 10%), 0 0 5px rgb(0 0 0 / 10%)}
.service ul li{margin: 0 5px}
.service ul li a{display: inline-block; width: 100%; color: #666;padding: 5px 0}
.service ul li:hover a{color: #4a90e2}
.service ul li:first-of-type{border-bottom: 1px dashed #d1d1d1}



.user-header{position: relative;overflow: hidden;}
.user-header-label{position: absolute;font-size:12px;background: #E88102;height: 55px;display: flex;align-items: flex-end;left: -37px;top: -13px;transform: rotate(-45deg);width: 101px;justify-content: center;padding-bottom: 2px;color: #fff;}