/**头部**/
#nologin a{color: #2D3336;font-size: 16px;line-height:40px;}
#header{
  background: #fff;
  padding: 15px 0;
  height: 70px;
  border: 1px solid #eee;
  box-shadow: rgba(0,0,0,0.09) 1px 1px 10px;
}
#header .logo {
  float: left;
  margin-top: 20px;
  margin-left: -40px;
  width: 122px;
  height: 40px;
}

#header  .translation{
    float: left;
    margin-top: 20px;
    margin-left: 40px;
    height: 40px;
    line-height: 38px;
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#header  .translation input{
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}

#header .search {
  margin-top: 18px;
  width: 200px;
  height: 40px;
  position: relative;
  float: left;
  margin-left: 100px;
}
#header .search .import {
  width: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  line-height: 40px;
  font-size: 14px;
  background: #f6f6f6;
  border-radius: 22px;
  border: none;
}
#header .search .submit {
  position: absolute;
  right: 15px;
  top: 50%;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  z-index: 100;
  background: url("../images/search_bg.png") no-repeat center;
 
}
#header .search input {
  outline-color: invert;
  outline-style: none;
  /* width: 100%; */
  outline-width: 0px;
  border: none;
  border-style: none;
  text-shadow: none;
  -webkit-appearance: none;
  -webkit-user-select: text;
  outline-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#header .logo img {
  max-width: 100%;
  max-height: 100%;
}

#header .nav {
  float: left;
  margin-right: 50px;
  margin-top: 15px;
}
#header .nav ul li {
  position: relative;
  float: left;
  margin: 0 20px;
}
#header .nav ul li a {
  display: inline-block;
  line-height: 40px;
  font-size: 14px;
  color: #666;
  box-sizing: border-box;
  height: 40px;
}
#header .nav ul li a:hover,#header .nav ul .curr a{
  border-bottom: 1px solid #213752;
}
#header .nav ul li .text {
  display: none;
  background: #fff;
  position: absolute;
  z-index: 100000000000;
  left: 50%;
  border: 1px solid #e9e9e9;
  display: none;
  width: 106px;
  margin-left: -53px;
}
#header .nav ul li .text a {
  font-size: 14px;
  padding: 0;
  color: #333;
  line-height: 40px;
  display: block;
  position: relative;
}
#header .nav ul li .text a:hover {
  color: #fff;
}
#header .nav ul li .text a:hover:after {
  background: #2495e4;
}
#header .nav ul li .text a:after {
  content: '';
  height: 1px;
  width: 80px;
  background: #f5f5f5;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -40px;
}

#header .nav ul .on .text {
  display: block;
}
#header .nav ul .on .text a {
  background: #fff;
}
#header .nav ul .on .text a:hover {
  color: #fff;
  background: #2495e4;
}
#header .nav ul .on .text a:hover:after {
  background: #2495e4;
}
#header #nav-find li {
  margin: auto;
  float: none;
  text-align: center;
}
#header .enter {
  margin-top: 15px;
  width: 184px;
  float: right;
}
#header .enter .shop {
  position: relative;
  width: 30px;
  height: 30px;
  float: left;
  margin-top: 7px;
}
#header .enter .shop .ks-cart-num {
  display: block;
  width: 20px;
  height: 20px;
  font-size: 12px;
  color: #fff;
  background: #e64a3b;
  border-radius: 100%;
  text-align: center;
  position: absolute;
  line-height: 20px;
  right: -6px;
  top: 50%;
  margin-top: -15px;
}
#header .enter .register {
  position: relative;
  width: 120px;
  float: right;
}
#header .haed-user{
  padding-bottom: 14px;
}
#header .enter .register .u-navdropmenu{
  display: none;
  position: absolute;
  width: 136px;
  /* border: 1px solid #909090; */
  min-height: 60px;
  top: 46px;
  left: 50%;
  box-sizing: border-box;
  padding: 15px 0;
  margin-left: -63px;
  z-index: 10000;
  background: #fff;
  /* transition: all 5s */
  -webkit-transition:0.5s;transition:0.5s;width:100%;-webkit-transition-delay:0s;transition-delay:0s;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
#header .enter .register .u-navdropmenu a{display: block; line-height: 36px;color: #909090; padding: 0 15px; font-size: 14px;}
#header .enter .register .u-navdropmenu a:hover{
  color: #fff;
  background: #2495e4;
}
.loginBtn a{
  line-height: 34px;
}
#header .enter .register .u-navdropmenu a i{
  padding-right: 4px;
}
#header .enter .register .portrait {
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 100%;
  overflow: hidden;
}
#header .enter .register .portrait img {
  max-width: 100%;
  height: 100%;
}
#header .enter .register .named {
  float: left;
  margin-left: 8px;
  width: 56px;
  line-height: 40px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#header .enter .register .icon {
  width: 10px;
  height: 10px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 20px;
}
#header .enter .register .icon img {
  display: block;
}
/**头部结束**/

/**底部开始**/
#footer {
  background: #213752;
  padding: 50px 0;
}
#footer .footer-text {
  width: 700px;
  float: left;
}
#footer .footer-text .about ul li {
  float: left;
}
#footer .footer-text .about ul li a {
  padding: 0 15px;
  color: #818a92;
  line-height: 24px;
  display: inline-block;
  font-size: 14px;
  position: relative;
}
#footer .footer-text .about ul li a:before {
  content: '';
  height: 14px;
  width: 1px;
  background: #d3d3d3;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}
#footer .footer-text .about ul li a span {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -7px;
  display: block;
  width: 14px;
  height: 14px;
  background: url("../images/icon1.png") no-repeat left center;
}
#footer .footer-text .about ul li:first-child a {
  padding: 0 15px 0 0;
}

#footer .footer-text .about ul li:last-child a:before {
  display: none;
}
#footer .footer-text .friendLink {
  margin-top: 20px;
  font-size: 14px;
  color: #bcc1c5;
  line-height: 24px;
}
#footer .footer-text .friendLink a {
  color: #bcc1c5;
  margin-right: 18px;
}
#footer .footer-text .copyright {
  margin-top: 20px;
  font-size: 14px;
  color: #bcc1c5;
  line-height: 36px;
}
#footer .footer-text .copyright a {
  display: inline-block;
  color: #bcc1c5;
}
#footer .footer-text .copyright span {
  padding-left: 30px;
  background: url("../images/icon2.png") no-repeat left center;
}
#footer .code {
  width: 300px;
  float: right;
}
#footer .code ul li {
  float: left;
  width: 150px;
  text-align: center;
}
#footer .code ul li .images {
  height: 84px;
  line-height: 84px;
  text-align: center;
}
#footer .code ul li .images img {
  max-height: 100%;
  vertical-align: middle;
}
#footer .code ul li .text {
  font-size: 12px;
  margin-top: 15px;
  color: #bcc1c5;
  line-height: 18px;
}
#footer .code ul li:nth-child(2n) {
  float: right;
}
/**底部结束**/
/***
paging
*****************************/
.paging{ text-align: center;margin-top: 25px;margin-bottom: 30px;}
.paging-box,
.paging-box2{ display: inline-block; }
.paging-box a{float:left;min-width:20px;background:#fff;border-radius:3px;font-size:14px; line-height:34px !important; padding: 0 7px;border:1px solid #e3e3e3;margin:0 5px; color:#5b5b5b;}
.paging-box a:hover{color:#2495e4;}
.paging-box .icon-prev,
.paging-box .icon-next{ display:block;height:34px; }
.paging-box .icon-prev:hover{ background:url(../images/paging-prevh.png) no-repeat 50% 50%;}
.paging-box .icon-next:hover{background:url(../images/paging-nexth.png) no-repeat 50% 50%;}
.paging-box .curr,
.paging-box .curr:hover{background: #fff;color: #2495e4;border: 1px solid #2495e4;}

.paging-box .icon-prev{background:url(../images/paging-prev.png) no-repeat 50% 50%;}

.paging-box .icon-next{background:url(../images/paging-next.png) no-repeat 50% 50%;}

.paging2{line-height:34px;padding:15px 0; text-align: center;}
.paging2 a,
.paging2 span{padding:0 10px;color:#6b6b6b;margin:0 5px;height:28px;line-height: 28px;float:left;border-radius: 3px;}
.paging2 span{margin:0;}
.paging2 b{color:#e91c35;}
.paging2 a{border:1px solid #e3e3e3;}
.paging2 a:hover{background:#f9f9f9;border:1px solid #e0e0e0;}
/*filterbox*/
.mp_30 {
  margin-top: 30px;
}
.filterbox {
  border-radius: 4px;
  background: #fff;
  padding: 15px 10px 20px;
  box-sizing: border-box;
}

.filterbox ul {
  background-color: white;
  text-indent: 20px;
  border-radius: 3px;
}

.filterbox li {
  position: relative;
  padding: 10px 15px 10px 0;
  margin-left: 100px;
}

.filterbox li:first-child {
  border-top: 0px;
}

.filterbox li span {
  width: 100px;
  font-size: 14px;
  line-height: 34px;
  position: absolute;
  left: -100px;
  top: 10px;
}

.filterbox li a {
  float: left;
  margin: 5px 5px 0px 0;
  font-size: 14px;
  color: #828282;
  line-height: 30px;
padding:0 12px;
text-indent:0;
}

.filterbox li a.curr,
.filterbox li a:hover {
  color: #fff;
  background: #3c81f9;
  border-radius: 3px;
}

.filterbox li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.filterbox .path-now {
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}

/*sort*/

.sortbox {
  border: 1px solid #ebebeb;
  font-size: 14px;
  height: 42px;
  line-height: 42px;
  margin-top: 25px;
  background: #f9f9f9;
  position: relative;
}

.sortbox-title {
  font-size: 16px;
  color: #333;
  float: left;
  padding-left: 20px;
}

.sortbox,
.sortbox a {
  color: #6b6b6b;
}

.sortbox-find {
  float: left;
  padding-left: 20px;
}

.sortbox-find strong {
  color: #f54444;
  padding: 0 5px;
  font-weight: normal;
}

.sortbox-option {
  float: right;
}

.sortbox-option a {
  float: left;
  padding: 0 20px;
}

.sortbox-option-l {
  float: left;
}

.sortbox-option-l a {
  border-left: 0;
}

.sortbox-option .edufont {
  float: right;
  font-size: 13px;
  margin-left: 5px;
  color: #ababab;
}

.sortbox-option a:hover,
.sortbox-option a:hover i,
.sortbox-option .curr {
  color: #3c81f9;
}

.sortbox-option .d:hover i,
.sortbox-option .curr.d i {
  background: url(desc.png) no-repeat;
}

.sortbox-option .a:hover i,
.sortbox-option .curr.a i {
  background: url(asc.png) no-repeat;
}

.sortbox-option i {
  float: right;
  width: 7px;
  height: 10px;
  float: right;
  background: url(sort-arrow.png) no-repeat;
  margin: 16px 0 0 10px;
}

.sortbox-tab {
  float: left;
}

.sortbox-tab a {
  padding: 0 20px;
  float: left;
  position: relative;
}

.sortbox-tab .curr {
  color: #333;
  background: #fff;
}

.sortbox-select {
  float: left;
  padding: 0 20px;
  border-left: 1px solid #ebebeb;
  position: relative;
}

.sortbox-selectbox {
  width: 150px;
  max-height: 240px;
  position: absolute;
  left: 0;
  top: 42px;
  background: #fff;
  z-index: 90;
  border: 1px solid #ebebeb;
  overflow-y: auto;
  display: none;
}

.sortbox-selectbox span {
  display: none;
}

.sortbox-selectbox a {
  display: block;
  /*height: 44px;*/
  line-height: 44px;
  padding: 0 20px;
  overflow: hidden;
}

.sortbox-selectbox a:hover {
  background: #f9f9f9;
}

.sortbox-selected {
  cursor: pointer;
}

.sortbox-selected i {
  float: right;
  font-size: 13px;
  margin-left: 10px;
}

.sortbox-search {
  float: right;
}

.sortbox-search-city {
  cursor: pointer;
}

.sortbox-search-city i {
  float: right;
  font-size: 12px;
  margin-left: 5px;
  color: #9b9b9b;
}

.sortbox-search-city,
.sortbox-search-box {
  float: left;
  padding: 0 15px;
  border-left: 1px solid #ebebeb;
  position: relative;
  background: #fff;
}

.sortbox-search-box {
  padding-right: 0;
}

.sortbox-search-box .text {
  height: 42px;
  line-height: 42px;
  color: #6b6b6b;
  border: 0px;
  width: 300px;
  float: left;
  font-size: 14px;
}

.sortbox-search-box .text:focus {
  border: 0;
}

.sortbox-search-box .btn {
  width: 42px;
  height: 42px;
  text-align: center;
  float: left;
  font-size: 16px;
  border: 0px;
  cursor: pointer;
  background: none;
  color: #9b9b9b;
  border-left: 1px solid #ebebeb;
  transition: .3s;
}

.sortbox-search-box .btn:hover {
  background: #f9f9f9;
}

.sortbox-search-menu a,
.sortbox-search-menu i,
.sortbox-search-menu {
  float: left;
}

.sortbox-search-menu a {
  padding: 0 15px;
  border-left: 1px solid #ebebeb;
  color: #9b9b9b;
}

.sortbox-search-menu i {
  margin-right: 5px;
}

.sortbox-search-menu .active {
  color: #3c81f9;
}

.teacher-list{ width:78%;background: none;}
.teacher-list li{background:#fff;margin-bottom:20px; padding:30px; position: relative;border: 1px solid #eee;padding-bottom: 0/*box-shadow: 2px 2px 10px rgba(221, 221, 221, 0.4);*/}
.sectionbkLeft{width:64%;float: left;margin-top: 10px;}
.wWidth1200 .sectionbkLeft{ width:52%;}
.teacherName{font-weight:normal;color: #555555;font-size: 26px;padding: 0 0 10px;float: left; position:relative;}
.teacherName:after{ display:block; content:''; width:26px; height:3px; background:#ff9f37; position:absolute; left:0; bottom:0;}
.teacherTlevel{float: left;height: 28px;line-height: 28px;font-size: 14px;color: #888;margin-left: 20px;padding: 0 10px;font-weight: normal;margin-top: 10px;}
.teacherTlevel.fr{float: right;}
.sectionbk p{color: #8a8a8a;font-size: 13px;line-height:25px;height:50px;overflow: hidden;margin: 30px 0;}

.sectionbk .imgw {width: 250px;height: 250px;float: right; overflow:hidden; padding:0 20px 20px 0; background:url(jghz_cc.png) no-repeat bottom right; background-size: 100% 100%; box-sizing:border-box;}
.sectionbk .imgw .imgwBox{height: 100%;overflow: hidden;}
.sectionbk .imgw img {display: block;width: 100%;height: 100%;object-fit: cover;}
.aw a {display: inline-block;width: 120px;height: 35px;background: #3c81f9;color: white;text-align: center;line-height: 35px;font-size: 14px;border-radius: 40px;}
.aw a.aLeft{border: 1px solid #ddd;color: #555;background: none;margin-right: 15px;}
.aw{margin-top: 2px;}
.sectionbk .sectionCos span {width: 40px;height: 40px;float: left;margin: 0 10px;text-align: center;line-height: 40px;background: #d2d2d2;border-radius: 50%;color: #fff;cursor: pointer;position: relative;}
.sectionbk .sectionCos i {font-size: 18px;}
.sectionbk .sectionCos em {position: absolute;width: 90px;height: 26px;line-height: 26px;background: #14191e;color: #fff;position: absolute;top: -36px;left: 50%;margin-left: -45px;border-radius: 3px;display: none;}
.sectionbk .sectionCos em i {width: 8px;height: 4px;position: absolute;bottom: -4px;left: 50%;margin-left: -4px;background: url(arrow.png) no-repeat;}
.sectionbk .sectionCos span:hover em {display: block;}

.sectionbk .sectionCos .sectionCos_item span {display: block;float:none;}
.sectionCos_item {float: left}
.sectionCos_item div {text-align: center;margin-top: 5px;color: #999;line-height: 24px}
.sectionCos_item div b {font-weight: normal}
.teacherName strong {color: #ff663d;font-weight: normal;font-size: 22px;margin-left: 30px}


/*热门课程*/
.school-list-right{width:20%;float:right; background: #fff;border:1px solid #ebebeb;margin-top: 30px; margin-bottom:30px;}
.school-list-right .title{height:40px;line-height:40px; overflow: hidden; padding:0 10px;border-bottom:1px solid #ebebeb; font-size:16px;}
.school-list-right li{padding:15px 0;margin:0 15px;border-top:1px solid #ebebeb;}
.school-list-right li:first-child{border-top:0px;}
.school-list-right .img{height:180px; overflow:hidden;}
.school-list-right img{width:100%;height:100%;object-fit: cover;}
.school-list-right .name{font-size:16px;height:34px;line-height:34px; overflow: hidden;}
.sectionCos span {width: 40px;height: 40px;display: block;margin: 0 10px;text-align: center;line-height: 40px;background: #d2d2d2;border-radius: 50%;color: #fff;cursor: pointer;position: relative;}
.sectionCos i {font-size: 18px;}
.sectionCos em {position: absolute;width: 90px;height: 26px;line-height: 26px;background: #14191e;color: #fff;position: absolute;top: -36px;left: 50%;margin-left: -45px;border-radius: 3px;display: none;font-size:12px;}
.sectionCos em i {width: 8px;height: 4px;position: absolute;bottom: -4px;left: 50%;margin-left: -4px;background: url(arrow.png) no-repeat;}
.sectionCos span:hover em {display: block;}
.sectionCos_item {float: left}
.sectionCos_item div {text-align: center;margin-top: 5px;color: #999;line-height: 24px;font-size:12px;}
.sectionCos_item div b {font-weight: normal}


#side {
  position: fixed;
  right: 60px;
  top: 80%;
  width: 60px;
  height: 60px;
}
#side .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(117, 148, 179, 0.2);
          box-shadow: 0px 5px 10px 0px rgba(117, 148, 179, 0.2);
  text-align: center;
}
#side .icon img {
  max-height: 100%;
  vertical-align: middle;
}
#side .text {
  display: none;
  text-align: center;
  width: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 0;
  line-height: 24px;
  height: 60px;
  background: #2495e4;
  color: #ffffff;
  font-size: 14px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(117, 148, 179, 0.2);
          box-shadow: 0px 5px 10px 0px rgba(117, 148, 179, 0.2);
}
#side:hover .icon {
  display: none;
}
#side:hover .text {
  display: block;
}