html {
 -webkit-tap-highlight-color: none;
 -webkit-tap-highlight-color: transparent;
}

body {
 font-size: 14px;
 color: #333;
}

ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

p {
 margin: 0;
}

h2 {
 margin: 0;
}

.fl {
 float: left;
}

.fr {
 float: right;
}

.clearfix:after {
 content: "";
 height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}

.clearfix {
 *zoom: 1;
}

.container {
 max-width: 1200px;
}

#maincontent {
 background-color: #F5F6F7;
}

#common-nav {
 font-size: 16px;
 height: 76px;
 box-shadow: 0px 9px 10px 0px #dee2e678;
 z-index: 2;
 background-color: #fff;
 position: relative;
}

#common-nav a {
 color: #666;
 font-size: 16px;
}

.common-nav-link {
 line-height: 76px;
 position: relative;
 text-align: center;
}

.common-nav-link>a {
 display: inline-block;
 position: relative;
}

.common-nav-link>a:after {
 position: absolute;
 left: 1px;
 right: 1px;
 bottom: 5px;
 z-index: 1001;
 height: 6px;
 content: '';
 background-color: #ff7c2c;
 -webkit-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transition: -webkit-transform 0.3s;
 transition: -webkit-transform 0.3s;
 transition: transform 0.3s;
 transition: transform 0.3s, -webkit-transform 0.3s;
}

.common-nav-link.on>a:after,
.common-nav-link:hover>a:after {
 -webkit-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}

.common-us-link>a:after {
 -webkit-transform: scaleX(0) !important;
 -ms-transform: scaleX(0) !important;
 transform: scaleX(0) !important;
}

.common-nav-search {
 display: flex;
 align-items: center;
 font-size: 14px;
 margin-bottom: 43px;
 padding-top: 30px;
 position: relative;
}

.common-nav-search .input-group {
 width: 370px;
 margin: 0 auto;
}

.common-nav-search .btn-default {
 background-color: #DFE1E2;
}

.common-nav-search .form-control {
 border: 1px solid #eeeeee;
 border-right: none;
 font-size: 14px;
 background-color: #fff !important;
 height: 42px;
 line-height: 42px;
 padding: 0 20px;
}

.common-nav-search .btn {
 padding: 0;
 text-align: center;
 width: 50px;
 height: 42px;
 border-radius: 0 4px 4px 0;
}

.common-nav-search i {
 color: #fff;
 font-size: 22px;
 font-weight: normal;
}

.more-hot-search {
 display: none;
 position: absolute;
 left: 33.9%;
 top: 72px;
 width: 320px;
 max-height: 150px;
 overflow-y: auto;
 background: #fff;
 border: 1px solid #eeeeee;
 padding: 10px 20px;
 z-index: 99;
}

.more-hot-search .tips {
 color: #aaa;
 font-size: 13px;
 margin-bottom: 4px;
}

.more-hot-search .boxs {}

.more-hot-search .search-key {
 display: block;
 color: #666;
 font-size: 15px;
 margin-bottom: 4px;
}

.more-hot-search .search-key:hover {
 color: #ff7c2c;
}

.more-hot-search::-webkit-scrollbar {
 width: 6px;
 height: 6px;
 background: #efefef;
}

.more-hot-search::-webkit-scrollbar-thumb {
 -webkit-box-shadow: inset 0 0 16px #c1c1c1;
}

.more-hot-search::-webkit-input-placeholder {
 color: #999;
}

.more-hot-search:-moz-placeholder {
 color: #999;
}

.more-hot-search::-moz-placeholder {
 color: #999;
}

.more-hot-search:-ms-input-placeholder {
 color: #999;
}

.common-us-link {
 position: relative;
 cursor: default;
}

.common-us-link:hover .common-us-code {
 visibility: visible;
}

.common-us-code {
 visibility: hidden;
 position: absolute;
 top: 60px;
 left: 0;
}

.common-search-submit {
 transition: all 1s;
}

.common-search-submit:hover i {
 transform: scale(1.1);
}

.common-nav-lesson:hover .lesson-type {
 display: block;
}

.lesson-type {
 display: none;
 top: 64px;
 left: -7px;
 position: absolute;
 background-color: #fff;
 z-index: 9999;
 box-shadow: 0px 9px 10px 0px #dee2e678;
 width: 165px;
 text-align: left;
}

#common-nav .lesson-type a {
 font-size: 15px;
}

.lesson-type li {
 line-height: 30px;
 padding-top: 1px;
}

.lesson-type li:first-child {
 padding-top: 5px;
}

.lesson-type li a {
 display: block;
 font-size: 15px;
 padding: 2px 30px;
}

.lesson-type li a.on,
.lesson-type li a:hover {
 color: #fff !important;
 background-color: #ff7c2c;
}

/* 公共侧边客服-s */
#common-school-kefu {
 z-index: 9999999;
 position: fixed;
 right: 10px;
 top: 50%;
}

#common-school-kefu .common-kefu-code {
 margin-bottom: 20px;
 cursor: pointer;
}

#common-nav.fixed {
 position: fixed;
 width: 100%;
 top: 0;
 left: 0;
}

.common-Wechat-mask {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, .85);
 z-index: 9999999;
 display: none;
}

.common-Wechat-mask .Wechat-main {
 width: 450px;
 border-radius: 12px;
 background: #fff;
 top: 50%;
 left: 50%;
 position: absolute;
 transform: translate(-50%, -50%);
 padding: 55px 20px 50px;
 text-align: center;
}

.common-Wechat-mask .Wechat-main .title {
 font-size: 26px;
 line-height: 36px;
 margin: 0 0 10px;
}

.common-Wechat-mask .Wechat-main .tips {
 font-size: 16px;
 line-height: 26px;
 color: #666;
 margin-bottom: 15px;
}

.common-Wechat-mask .Wechat-main .code-img {
 width: 200px;
 margin: 0 auto 5px;
}

.common-Wechat-mask .Wechat-main .code-img img {
 width: 100%;
}

.common-Wechat-mask .Wechat-main .more {
 font-size: 14px;
 color: #aaa;
}

.bottom-fix {
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 z-index: 99;
}

.bottom-fix a,
.bottom-fix a img {
 display: block;
 margin: 0 auto;
}

/* 公共侧边客服-e */
@media (max-width: 1200px) {
 #common-nav a {
  font-size: 13px;
 }
}