/*公共样式开始*/
*{
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
body{
    font-family:"Microsoft YaHei","PingFang SC" !important;
    font-size: 14px;
    overflow-x: hidden;
}
ul{
    margin-bottom: 0;
}
ul li{
    list-style-type: none;
}
p{
    margin: 0;
}
label{
    margin-bottom: 0;
    font-weight: 400;
}
input::placeholder, textarea::placeholder{
    color:#fff;
}
select::-ms-expand { display: none; }
a:hover{
    text-decoration: none;
}

/*清除浮动*/
.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.clearfix{
    *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
/*公共样式结束*/


/*首页banner开始*/
.banner{
    width: 100%;
    height: 670px;
    position: relative;
}
.banner-hd{
    position: absolute;
    z-index: 999;
    bottom: 30px;
    left: 30px;
}
.banner-hd ul li{
    width: 64px;
    height: 64px;
    float: left;
    margin: 0 6px;
    background-size: auto 100% !important;
    border: 2px solid #fff;
    cursor: pointer;
}
.banner-hd ul .on{
    transform: scale(1.15);
    -ms-transform:scale(1.15);     /* IE 9 */
    -moz-transform:scale(1.15);     /* Firefox */
    -webkit-transform:scale(1.15); /* Safari 和 Chrome */
    -o-transform:scale(1.15);
}
.banner-bd{
    width: 100%;
    height: 100%;
}
.banner-bd ul{
    width: 100%;
    height: 100%;
}
.banner-bd ul li{
    width: 100%;
    height: 100%;
    background-size: auto 100% !important;
}
/*首页banner结束*/

/*首页通知公告开始*/
.banner-notice{
    position: absolute;
    right: 86px;
    top: 108px;
    width: 300px;
    height: 520px;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);
    padding: 0 20px;
}
.banner-notice span{
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    height: 58px;
    line-height: 58px;
    border-bottom: 1px solid #2a2f3b;
}
.banner-notice ul{
    height: 402px;
    overflow-y: auto;
}
.banner-notice ul li{
    margin-top: 20px;
    background: url(../images/notice-icon.png) left 6px top 10px no-repeat;
}
.banner-notice ul li a{
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    padding-left: 20px;
    display: block;
}
.banner-notice ul .hot{
    background: url(../images/notice-icon-hot.png) left 6px top 10px no-repeat;
}
.banner-notice ul .hot a{
    color: #ff0000;
}
.banner-notice-more{
    width: 100%;
    border-top: 1px solid #2a2f3b;
    height: 58px;
    line-height: 58px;
    text-align: center;
}
.banner-notice-more a{
    display: inline-block;
    width: 100px;
    height: 100%;
    background: url(../images/notice-more.png) right center no-repeat;
    color: #fff;
    margin: 0 auto;
    /* transition:transform 0.5s; */
}
/* .banner-notice-more a:hover{
    -webkit-transform: translateX(8px); 
    transform: translateX(8px); 
    transition:transform 0.5s;
} */

/*首页通知公告结束*/

/*导航开始*/
.menu{
    width: 100%;
}
.menu-home{
    position: absolute;
    top: 0;
    z-index: 9999;
}
.menu-home .menu-down{
    background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0) );
    background: -o-linear-gradient(bottom,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0)); 
    background: -moz-linear-gradient( bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 
    background: linear-gradient(to bottom,rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#00000000, endColorStr=#00000000);
}
.menu-up{
    background-color: #fff;
    line-height: 30px;
}
.menu-down{
    padding-bottom: 10px;
    background-color: rgba(0, 71, 157, 1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00479d,endColorstr=#00479d);
}
.menu-up-left{
    font-size: 14px;
    color: #72767b;
    float: left;
    margin-left: 20px;
}
.menu-up-left span{
    color: #00479d;
    margin: 0 5px;
}
.menu-up-right{
    float: right;
    margin-right: 20px;
}
.menu-up-right span{
    display: block;
    float: left;
    height: 100%;
}
.menu-phone{
    background: url(../images/menu-icon01.png) left center no-repeat;
    padding-left: 30px !important;
    /* margin-right: 30px; */
    color: #1369b4;
}
.menu-shopcar{
    margin-right: 20px;
}
.menu-shopcar a{
    display: block;
    background: url(../images/menu-icon02.png) left center no-repeat;
    padding-left: 30px;
    color: #a0a7b1;
    white-space:nowrap;
}
.menu-shopcar a i{
    font-style: normal;
    color: #ff0000;
}
.menu-myorder{
    margin-right: 20px;
}
.menu-myorder a{
    display: block;
    color: #a0a7b1;
    white-space:nowrap;
}
.menu-messages{
    margin-right: 20px;
}
.menu-messages a{
    display: block;
    background: url(../images/menu-icon03.png) left center no-repeat;
    padding-left: 24px;
    color: #a0a7b1;
    white-space:nowrap;
}
.havemessages a{
    background: url(../images/menu-icon03h.png) left center no-repeat;
}
.menu-login{
    background-color: #00479d;
    padding: 0 4px !important;
    color: #fff;
}
.menu-login a{
    color: #fff !important;
    display: inline-block;
    margin: 0 4px;
    cursor: pointer;
    padding: 0 !important;
}
.menu-logo{
    width: 240px;
    float: left;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 12px;
    height: 35px;
}
.afterlogin{
    line-height: 30px;
    padding-left: 0px !important;
}
.afterlogin img{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 4px;
}
.afterlogin a{
    margin: 0 4px;
    padding: 0 !important;
}
/* .afterlogin:hover{
    background-color: #fff;
} */
.menu-logo img{
    width: 100%;
    height: 100%;
}
.menu-body{
    float: left;
}
.menu-body ul li{
    float: left;
    height: 40px;
    margin-top: 10px;
    margin-left: 4px;
    margin-right: 4px;
}
.menu-body ul li a{
    color: #fff;
    margin-left: 4px;
    margin-right: 4px;
    line-height: 40px;
    display: block;
    transition:transform 0.5s;
}
.menu-body ul li a:hover{
    -webkit-transform: translateY(-6px); 
    transform: translateY(-6px); 
    transition:transform 0.5s;
}
.menu-body .on{
    border-bottom: 3px solid #ffffff;
}
.menu-down-right{
    float: right;
    margin-right: 20px;
}
.menu-down-right div{
    float: left;
}
.menu-search{
    height: 32px;
    width: 184px;
    background-color: rgba(255, 255, 255, 0.2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
    margin-top: 14px;
    margin-right: 20px;
}
.menu-search-inp{
    float: left;
    width: 74%;
    line-height: 32px;
    height: 100%;
    padding-left: 4px;
    background: transparent;
    color: #fff;
}
.menu-search-inp::placeholder{
    color:#fff;
}
.menu-search-sub{
    float: left;
    height: 100%;
    width: 26%;
    background: url(../images/search-btn.png) center no-repeat;
}
.menu-studycenter{
    position: relative;
}
.menu-studycenter .menu-studycenter-btn{
    display: block;
    line-height: 40px;
    margin-top: 10px;
    background: url(../images/menu-icon04.png) left center no-repeat;
    padding-left: 30px;
    color: #fff;
    cursor: pointer;
}
.menu-studycenter-ul{
    width: 160px;
    background-color: #fff;
    position: absolute;
    z-index: 99998;
    right: 0;
    top: 50px;
    padding: 5px 0;
}
.menu-studycenter-ul span{
    display: block;
    width: 20px;
    height: 10px;
    position: absolute;
    top: -8px;
    right: 20px;
    background: url(../images/lc-studycenter-xjx.png) center no-repeat;
}
.menu-studycenter-ul li{
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-align: center;
}
.menu-studycenter-ul li a{
    font-size: 14px;
    color: #000;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.menu-studycenter-ul li a:hover{
    color: #00479d;
}
.menu-stick{
    position: fixed;
    top: 0;
    z-index: 9999999999;
}
.menu-stick .menu-down{
    background: none;
    background-color: #00479d;
}
.phone-into-center a{
    color: #fff;
    margin-left: 10px;
}
/*导航结束*/

/*底部开始*/
.footer-up{
    width: 100%;
    background-color: #4b535f;
    height: 100px;
}
.footer-phone{
    width: 100%;
    height: 100%;
    background: url(../images/footer-phone.png) left center no-repeat;
    background-size: 44px auto;
    margin-top: 20px;
}
.footer-phone p{
    margin-left: 54px;
    font-size: 18px;
    color: #fff;
    margin-top: 4px;
    margin-bottom: 4px;
}
.footer-fastbtn{
    width: 100%;
    height: 100%;
    margin-top: 36px;
}
.footer-fastbtn ul li{
    float: left;
    border-right: 1px solid #a2a5a9;
}
.footer-fastbtn ul li a{
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 18px;
    transition:transform 0.5s;
}
.footer-fastbtn ul li a:hover{
    color: #d8d8d8;
    -webkit-transform: translateY(-8px); 
    transform: translateY(-8px); 
    transition:transform 0.5s;
}
.footer-logo{
    width: 80%;
    height: 100px;
    background: url(../images/footer-logo.png) center no-repeat;
    background-size: 100% auto;
    float: right;
}
.footer-fastbtn-last{
    border-right: none !important;
}
.footer-down{
    width: 100%;
    background-color: #2d343f;
}
.footer-fastlink{
    width: 80%;
    margin-top: 16px;
}
.footer-fastlink ul li{
    float: left;
    width: 120px;
    margin-top: 16px;
}
.footer-fastlink ul li a{
    font-size: 14px;
    color: #a2a5a9;
}
.footer-fastlink ul li a:hover{
    color: #fff;
}
.footer-frilink{
    width: 100%;
    margin-top: 20px;
}
.footer-frilink span{
    float: left;
    color: #9297a0;
    margin-top: 10px;
}
.footer-frilink ul li{
    float: left;
    margin-right: 24px;
    margin-top: 10px;
}
.footer-frilink ul li a{
    color: #fff;
}
.footer-frilink ul li a:hover{
    color: #e8e8e8;
}
.footer-qrcode{
    width: 42%;
    float: left;
    margin-left: 8%;
    margin-top: 20px;
}
.footer-qrcode img{
    width: 100%;
}
.footer-qrcode span{
    display: block;
    color: #8f949b;
    width: 100%;
    text-align: center;
    margin-top: 6px;
}
.footer-copyright{
    width: 100%;
    border-top: 1px solid #757981;
    text-align: center;
    color: #8f949b;
    line-height: 28px;
    margin-top: 20px;
    padding: 6px 0;
}
.footer-iframe{
    vertical-align:bottom;
}
/*底部结束*/

/*考培中心导航开始*/
.daohang{
    width: 100%;
}
.daohang-top{
    width: 100%;
    background-color: #fff;
    line-height: 30px;
}
.daohang-down{
    width: 100%;
    background-color: #00479d;
    padding-bottom: 10px;
}
.daohang-top-body{
    width: 100%;
}
.shopcar-daohang .daohang-top-body{
    padding-left: 30px;
    background: url(../images/small-logo.png) left center no-repeat;
}
.shopcar-daohang .daohang-top-body ul li a{
    color: #7d7d7d;
}
.daohang-top-body ul li{
    display: inline-block;
    margin-right: 2px;
}
.daohang-top-body ul li a{
    font-size: 14px;
    color: #000;
}
.daohang-top-body ul li a:hover{
    color: #00479d;
}
.daohang-top-tip{
    width: 100%;
    text-align: right;
}
.daohang-top-tip span{
    display: inline-block;
    /* margin-left: 20px; */
    /* padding-left: 20px; */
}
.daohang-top-tip span a{
    color: #000;
    padding-left: 20px;
}
.daohang-top-tip1{
    background: url(../images/daohang-icon01.png) left center no-repeat;
    background-size:auto 16px;
}
.daohang-top-tip2{
    background: url(../images/daohang-icon02.png) left center no-repeat;
    background-size:auto 16px;
}
.daohang-top-tip3{
    background: url(../images/daohang-icon03.png) left center no-repeat;
    background-size:auto 16px;
}
.daohang-top-tip4{
    background: url(../images/daohang-icon04.png) left center no-repeat;
    background-size:auto 16px;
}

.daohang-infor{
    width: 100%;
}
.daohang-touxian{
    width: 100%;
    margin-top: 16px;
}
.daohang-touxian span{
    display: inline-block;
    padding: 1px 6px;
    color: #c78300;
    background-color: #fee56a;
    border: 1px solid #f9b024;
    font-size: 12px;
    margin-top: 4px;
    white-space: nowrap;
}
.daohang-infor-btn{
    display: block;
    width: 100%;
    margin-top: 2px;
}
.daohang-infor-btn a{
    color: #fff;
    font-size: 12px;
}
.daohang-infor-header{
    display: block;
    float: right;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-top: 24px;
    text-align: center;
}
.daohang-infor-header img{
    width: 62px;
    height: 62px;
    border-radius: 50%;
    border: 3px solid #5282bd;
}
.daohang-infor-details{
    float: right;
    text-align: right;
    margin-right: 20px;
    width: 84%;
}
.daohang-infor-details-p1{
    font-size: 14px;
    color: #b9d9ff;
    margin-top: 20px;
}
.daohang-infor-details-p1 .did-p2{
    color: #fff;
}
.daohang-infor-details-p1 .did-p3{
    display: inline-block;
    color: #fff;
    padding: 0px 10px;
    background: -moz-linear-gradient(top, #008aff 0%, #0072ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008aff), color-stop(100%,#0072ff));
    background: -webkit-linear-gradient(top, #008aff 0%,#0072ff 100%);
    background: -o-linear-gradient(top, #008aff 0%,#0072ff 100%);
    background: -ms-linear-gradient(top, #008aff 0%,#0072ff 100%);
    background: linear-gradient(to bottom, #008aff 0%,#0072ff 100%);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ff008aff, endColorStr=#ff0072ff);
    border-radius: 5px;
    margin-left: 10px;

}
.daohang-infor-details-p1 .did-p4{
    display: inline-block;
    color: #fff;
    padding: 0px 10px;
    background: -moz-linear-gradient(top, #ff9000 0%, #ff6c00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9000), color-stop(100%,#ff6c00));
    background: -webkit-linear-gradient(top, #ff9000 0%,#ff6c00 100%);
    background: -o-linear-gradient(top, #ff9000 0%,#ff6c00 100%);
    background: -ms-linear-gradient(top, #ff9000 0%,#ff6c00 100%);
    background: linear-gradient(to bottom, #ff9000 0%,#ff6c00 100%);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffff9000, endColorStr=#ffff6c00);
    border-radius: 5px;
    margin-left: 10px;
}

.daohang-infor-details-p1 .did-p5{
    display: inline-block;
    color: #0047bf;
    padding: 0px 10px;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f2f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f2f3));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f2f3 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f1f2f3 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f1f2f3 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f1f2f3 100%);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffffff, endColorStr=#fff1f2f3);
    border-radius: 5px;
    margin-left: 10px;
}
.daohang-logo{
    width: 100%;
}
.daohang-logo img{
    width: 284px;
    height: 40px;
    margin-top: 20px;
}
.daohang-notice{
    display: block;
    margin-top: 15px;
    width: 100%;
    height: 26px;
    line-height: 26px;
    border-radius: 5px;
    background: url(../images/daohang-notice-icon.png) 20px center no-repeat;
    background-color: #1a5aa7;
    background-size: auto 14px;
    padding-left: 50px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 14px;

}
.daohang-notice a{
    font-size: 12px;
    color: #fff;
}
.daohang-infor-echart{
    width: 100%;
    text-align: right;
    margin-top: 10px;
}
.daohang-infor-echart1{
    width: 140px;
    height: 60px;
    display: inline-block;
    margin-left: 20px;
}
.daohang-infor-echart1 span{
    width: 60px;
    height: 100%;
    display: block;
    float: right;
}
.daohang-infor-echart1 ul{
    float: left;
    margin-top: 6px;
}
.daohang-infor-echart1 ul li{
    color: #fff;
    margin-top: 4px;
    font-size: 12px;
    padding-left: 10px;
}
.daohang-infor-echart .tempWrap{
    width: 100% !important;
}
.daohang-echart-tip1{
    background: url(../images/echart-tip1.png) left center no-repeat;
    background-size: 6px auto;
}
.daohang-echart-tip2{
    background: url(../images/echart-tip2.png) left center no-repeat;
    background-size: 6px auto;
}
.daohang-top-tip-nav{
    display: none;
}
.daohang-top-tip-li{
    display: inline-block;
    position: relative;
    margin-left: 20px;
}
.shopcar-daohang .daohang-top-tip-nav{
    background-color: #f1f2f3;
}
.daohang-top-tip-nav{
    position: absolute;
    background-color: #fff;
    z-index: 99999;
    min-width: 100%;
    text-align: center;
    padding: 0 5px;
    top: 30px;
    right: 0;
}
.daohang-top-tip-nav a{
    color: #000000;
    font-size: 12px;
    white-space: nowrap;
}
.daohang-top-tip-nav li{
    border-bottom: 1px solid #d8d8d8;
}
.daohang-top-tip-li:hover{
    background-color: #f1f2f3;
}
.daohang-top-tip ul{
    height: 30px;
}
.daohang-top-tip ul ul{
    height: auto;
}
.daohang-top-tip-li i{
    font-style: normal;
    color: #ff0000;
}
/*考培中心导航结束*/

/*侧边客服开始*/
.sidebar-kefu{
    width: 44px;
    position: fixed;
    right: 18px;
    bottom: 80px;
    z-index: 99999;
    
}
.sidebar-kefu ul{
    width: 100%;
}
.sidebar-kefu ul li{
    width: 100%;
    margin: 5px 0;
    background-color: #f2f2f2;
    /* -moz-box-shadow:0px 0px 5px #999999; -webkit-box-shadow:0px 0px 5px #999999; box-shadow:0px 0px 5px #999999; */
}
.sidebar-kefu2{
    height: 44px;
    /* background: url(../images/kefu-icon02.png) top 5px center no-repeat; */
    background-position: top center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}
.sidebar-kefu2 span{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
}
.sidebar-kefu-gotop{
    /* background-image: url(../images/kefu-icon02.png); */
}
.sidebar-kefu-gotop span{
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
}
.sidebar-kefu-gotop:hover{
    /* background: url(../images/kefu-icon02h.png) top center no-repeat; */
    background-color: #1369b4;
    color: #fff;
}
.sidebar-kefu-app{
    border: 1px solid #1369b4;
    background-image: url(../images/kefu-icon03.png);
    background-color: #fff !important;
    color: #00479d;
}
.sidebar-kefu-app span, .sidebar-kefu-xcx span, .sidebar-kefu-gzh span{
    padding-top: 22px;
}
.sidebar-kefu-app:hover{
    background: url(../images/kefu-icon03h.png) top center no-repeat;
    background-color: #1369b4 !important;
    color: #fff;
}
.sidebar-kefu-xcx{
    border: 1px solid #1369b4;
    background-image: url(../images/kefu-icon04.png);
    background-color: #fff !important;
    color: #00479d;
}
.sidebar-kefu-xcx:hover{
    background: url(../images/kefu-icon04h.png) top center no-repeat;
    background-color: #1369b4 !important;
    color: #fff;
}
.sidebar-kefu-gzh{
    border: 1px solid #1369b4;
    background-image: url(../images/kefu-icon05.png);
    background-color: #fff !important;
    color: #00479d;
}
.sidebar-kefu-gzh:hover{
    background: url(../images/kefu-icon05h.png) top center no-repeat;
    background-color: #1369b4 !important;
    color: #fff;
}
.sidebar-kefu1{
    /* background: url(../images/kefu-icon01.png) top 5px center no-repeat; */
    border: 1px solid #1369b4;
    background-image: url(../images/kefu-icon01.png);
    background-color: #fff !important;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 40px;
    padding-bottom: 10px;
    padding-left: 13px;
    cursor: pointer;
    line-height: 18px;
    position: relative;
    color: #00479d;
}
.sidebar-kefu1:hover{
    background: url(../images/kefu-icon01h.png) top center no-repeat;
    background-color: #1369b4 !important;
    color: #fff;
}
.sidebar-kefu1:hover p{
    color: #000;
}
.sidebar-kefu1-body{
    position: absolute;
    width: 280px;
    height: 300px;
    background-color: #fff;
    padding: 20px;
    left: -286px;
    top: 0px;
    z-index: 99999;
    -moz-box-shadow:0px 0px 5px #999999; -webkit-box-shadow:0px 0px 5px #999999; box-shadow:0px 0px 5px #999999;
}
.sidebar-bd{
    position: absolute;
    width: 120px;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    padding: 10px;
    left: -126px;
    top: 0px;
    z-index: 99999;
    -moz-box-shadow:0px 0px 5px #999999; -webkit-box-shadow:0px 0px 5px #999999; box-shadow:0px 0px 5px #999999;
}
.sidebar-bd img{
    width: 100%;
    height: 100%;
    margin-top: 5px;
}
.sidebar-bd span{
    display: block;
    text-align: center;
    color: #000;
    padding-top: 6px;
}
.sidebar-kefu1-body p{
    padding-left: 50px;
    font-size: 16px;
    margin-top: 20px;
    height: 38px;
    color: #000;
}
.sidebar-kefu1-body p span{
    display: block;
    font-size: 14px;
    color: #b5b5b5;
    margin-top: 10px;
}
.sidebar-kefu1-body-p1{
    background: url(../images/sdb-icon01.png) left center no-repeat;
    
}
.sidebar-kefu1-body-p1 span{
    color: #1369b4 !important;
}
.sidebar-kefu1-body-p2{
    background: url(../images/sdb-icon02.png) left center no-repeat;
}
.sidebar-kefu1-body-p3{
    background: url(../images/sdb-icon03.png) left center no-repeat;
}
.sidebar-kefu1-body-p4{
    background: url(../images/sdb-icon04.png) left center no-repeat;
}
/*侧边客服结束*/


/*————————————————————————购物车导航开始————————————————————————*/
.shopcar-daohang{
    width: 100%;
}
.sc-daohang-down{
    width: 100%;
    height: 100px;
}
.sc-logo{
    width: 100%;
    height: 100%;
    line-height: 100px;
    font-size: 24px;
    color: #434343;
}
.sc-logo img{
    width: 253px;
    height: 64px;
    margin-right: 18px;
    float: left;
    margin-top: 16px;
}
.sc-search{
    width: 100%;
    height: 32px;
    line-height: 32px;
    margin-top: 36px;
    border: 2px solid #ff6d00;
}
.sc-search-inp{
    width: 75%;
    float: left;
    height: 28px;
    line-height: 28px;
    color: #000;
    padding-left: 4px;
}
.sc-search-inp::placeholder{
    color: #bfbfbf;
}
.sc-search-btn{
    width: 20%;
    float: right;
    height:28px;
    line-height: 28px;
    background-color: #ff6c00;
    color: #fff;
    text-align: center;
}

/*————————————————————————购物车导航结束————————————————————————*/





/*购物车首页导航专用*/
/* @media screen and (min-width:1200px) and (max-width: 1430px) {
    .daohang-top-body{
        display: none;
    }
    .shopcar-top-right{
        width: 100%;
    }
} */
/*适配首页导航专用*/
@media screen and (min-width:1200px) and (max-width: 1355px) {
    /*导航开始*/
    .menu-logo{
        width: 180px;
        margin-top: 18px;
        height: 25px;
    }
    .menu-body ul li{
        margin-left: 2px;
        margin-right: 2px;
    }
    .menu-body ul li a{
        margin-left: 2px;
        margin-right: 2px;
    }
    .menu-search{
        width: 174px;
    }
    
    /*导航结束*/
}
/*登录注册开始*/
.login-body-bg{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    z-index: 99999999999;
}
.login-body{
    position: relative;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    background: url(../images/login-bg.png) right top no-repeat;
    background-color: #fff;
    padding: 40px 0;
}
.login-input{
    width: 100%;
}
.login-input-p1{
    width: 100%;
    text-align: center;
}
.login-input-p1 img{
    width: 343px;
    height: 57px;
}
.login-input-p2{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.login-input-p2 img{
    width: 361px;
    height:46px;
}
.login-qr{
    width: 100%;
}
.login-qr-p1{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.login-qr-p1 img{
    width: 200px;
    height: 200px;
}
.login-qr-p2{
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #0e050a;
    margin-top: 10px;
}
.login-qr-p3{
    width: 100%;
    text-align: center;
    margin-top: 36px;
}
.login-qr-p3 img{
    width: 400px;
    height: 100px;
    max-width: 100%;
}
.login-qr-p4{
    margin-top: 36px;
    width: 400px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.login-qr-p4-hd{
    position: absolute;
    z-index: 99; 
    right: 10px;
    bottom: 5px;
}
.login-qr-p4-hd .on{
    background-color: #ff0000;
}
.login-qr-p4-hd ul li{
   width: 9px;
   height: 9px;
   background-color: #fff;
   border-radius: 50%;
   display: inline-block;
   margin: 0 1px;
   cursor: pointer;
}
.login-qr-p4-bd{
    width: 100%;
    height: 100%;
}
.login-qr-p4-bd ul{
    width: 100%;
    height: 100%;
}
.login-qr-p4-bd ul li{
    width: 400px;
    height: 100px;
    display: block;
}
.login-qr-p4-bd ul li img{
    width: 100%;
    height: 100%;
}
.login-inpbox{
    width: 348px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #dcdcdc;
    margin-top: 20px;
}
.login-inpbox span{
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 4px;
}
.login-user-icon{
    background: url(../images/login-icon1.png) center no-repeat;
}
.login-psd-icon{
    background: url(../images/login-icon2.png) center no-repeat;
}
.login-inpbox input{
    display: block;
    float: left;
    height:36px;
    line-height: 36px;
}
.login-inpbox input::placeholder{
    color: #999;
}
.login-phone{
    width: 300px;
}
.login-code{
    width: 210px;
}
.login-get{
    width: 88px;
    height: 26px !important;
    line-height: 24px !important;
    margin-top: 4px;
    border: 1px solid #ff6c00;
    text-align: center;
    color: #ff6c00;
    float: right !important;
}
.login-get:hover{
    border: 1px solid #ff4e00;
    color: #ff4e00;
}
.login-input-p3{
    width: 100%;
    text-align: center;
    margin-top: 25px;
}
.login-input-p3 a{
    display: inline-block;
    width: 140px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    border-radius: 100px;
    margin: 10px 5px;
    cursor: pointer;
}
.login-input-p3-a1{
    color: #ff6c00;
    border: 1px solid #ff6c00;
    background-color: #fff;
}
.login-input-p3-a1:hover{
    border: 1px solid #ff4e00;
    color: #ff4e00;
}
.login-input-p3-a2{
    color: #fff;
    border: 1px solid #ff6c00;
    background-color: #ff6c00;
}
.login-input-p3-a2:hover{
    color: #fff;
    border: 1px solid #ff4e00;
    background-color: #ff4e00;
}
.login-input-p4{
    width: 348px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
.login-input-p4 span{
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    color: #b5b5b5;
    margin-right: 5px;
}
.login-input-p4-span2{
    margin-right: 20px !important;
}
.login-body:after, .login-body after{
    content: '';
    display: block;
    width: 1px;
    height: 398px;
    background-color: #d8d8d8;
    position: absolute;
    left: 50%;
    top: 40px;
}
/*登录注册结束*/

/*面包屑导航开始*/
.et3-crumbs{
    width: 100%;
}
.et3-crumbs-body{
    width: 100%;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.et3-crumbs-body span{
    display: block;
    float: left;
}
.et3-crumbs-body ul li{
    float: left;
    color: #000;
    margin: 0 3px;
}
.et3-crumbs-body ul li a{
    color: #666;
}
/*面包屑导航结束*/













/*超大PC屏幕下的专用样式*/
@media screen and (min-width:1200px){

}

/*中等PC屏幕下的专用样式*/
@media screen and (min-width:992px) and (max-width: 1199px) {
    /*导航开始*/
    .menu-body{
        float: right;
        margin-right: 10px;
    }
    .menu-body ul li{
        margin-left: 3px;
        margin-right: 3px;
    }
    .menu-body ul li a{
        margin-left: 3px;
        margin-right: 3px;
    }
    .menu-logo{
        width: 220px;
    }
    .menu-home .menu-down{
        background: none;
        background-color: #00479d;
    }
    .daohang-infor-details{
        width: 80%;
    }
    /*导航结束*/

    /*banner开始*/
    .banner-notice{
        top: 158px;
        height: 468px;
        right: 20px;
    }
    .banner-notice ul{
        height: 352px;
    }
    /*banner结束*/

    /*底部开始*/
    .footer-fastlink{
        width: 100%;
        margin-top: 16px;
    }
    /*底部结束*/

    /*考培中心导航开始*/
    .daohang-top-body ul li{
        margin-right: 0px;
    }
    .shopcar-daohang .daohang-top-body{
        padding-left: 0;
        background-image: none;
    }
    .daohang-top-body ul li a{
        font-size: 12px;
    }
    .daohang-top-tip span a{
        font-size: 12px;
    }
    .daohang-top-tip-li{
        margin-left: 8px;
    }
    /*考培中心导航结束*/
    /*登录注册开始*/
    .login-body{
        width: 960px;
    }
    /*登录注册结束*/
}

/*PAD屏幕下的专用样式*/
@media screen and (min-width: 768px) and (max-width:991px ){
    /*底部开始*/
    .footer-fastlink{
        width: 100%;
        margin-top: 16px;
    }
    /*底部结束*/

    /*banner开始*/
    .banner-notice{
        right: 20px;
    }
    /*banner结束*/

    /*导航开始*/
    .menu-down-right{
        margin-right: 80px;
    }
    .menu-body .on{
        border: none;
    }
    .menu-body ul li{
        height: 50px;
    }
    .menu-body ul li a{
        line-height: 50px;
    }
    .menu-logo{
        margin-top: 12px;
    }
    .menu-home .menu-down{
        background: none;
        background-color: #00479d;
    }
    /*手机站导航开始*/
    .sp_nav{width:32px;position: absolute;cursor:pointer; right: 20px; top: 48px; height: 24px; z-index: 99999;}
    .sp_nav span{display:block;background:#ffffff;width:100%;height:3px; border-radius: 5px; position:absolute;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{display: block; position:fixed;z-index:99999;background:rgba(19, 21, 37, 0.9);width:40%;top:-800%;right:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .nav_show{top:90px}
    .daohang .nav_show{top:86px !important;}
    .sjj_nav ul li{  float: left; text-align: center; width: 90%; margin: 0 5%;  position:relative;}
    .sjj_nav ul li a{color:#fff; display: block; font-size: 16px; text-decoration: none;}
    .sjj_nav ul li a:hover{color: #d8d8d8;}
    .sjj_nav ul li a:active{color: #fff;}
    /*手机站导航结束*/
    /*导航结束*/


    /*考培中心导航开始*/
    .daohang-infor-echart1{
        width: 140px;
    }
    .daohang-top-body ul li{
        margin-right: 8px;
    }
    .daohang-logo img{
        margin-top: 12px;
    }
    .daohang-top-body ul li a{
        line-height: 40px;
        font-size: 14px;
    }
    .daohang-infor-tongji{
        color: #fff;
        font-size: 12px;
        margin-top: 10px;
        color: #b9d9ff;
    }
    .daohang-infor-tongji p{
        margin: 4px 0;
        display: inline-block;
    }
    .daohang-infor-tongji span{
        color: #fff;
    }
    .daohang-infor-details-p1{
        margin-top: 10px;
    }
    .daohang-infor-details-p1{
        font-size: 12px;
    }
    .daohang-infor-details{
        margin-right: 4px;
    }
    /*考培中心导航结束*/
    /*登录注册开始*/
    .login-body{
        width: 760px;
    }
    .login-qr-p4{
        width: 300px;
    }
    .login-qr-p4-bd ul li{
        width: 300px;
    }
    /*登录注册结束*/
    
}
/*PHONE屏幕下的专用样式*/
@media screen and (max-width:767px) {
    /*底部开始*/
    .footer-up{
        padding-bottom: 30px;
        height: auto !important;
    }
    .footer-fastlink{
        width: 100%;
        margin-top: 16px;
    }
    .footer-qrcode{
        width: 38%;
        margin-left: 6%;
        margin-top: 24px;
    }
    .footer-fastlink ul li{
        width: auto;
        margin-right: 20px;
    }
    .footer-fastbtn{
        margin-top: 24px;
    }
    /*底部结束*/
    
    /*banner开始*/
    .banner-notice{
        right: 10%;
        top: 198px;
        height: 320px;
        width: 80%;
    }
    .banner-notice ul{
        height: 202px;
    }
    /*banner结束*/

    /*导航开始*/
    .menu-body .on{
        border: none;
    }
    .menu-body ul li{
        height: 44px;
    }
    .menu-body ul li a{
        line-height: 44px;
    }
    .menu-down-right{
        width: 100%;
        margin-right: 0px;
        padding-left: 20px;
    }
    .menu-home .menu-down{
        background: none;
        background-color: #00479d;
    }
    .menu-shopcar{
        margin-right: 6px;
    }
    .menu-myorder{
        margin-right: 6px;
    }
    .menu-messages{
        width: 24px;
        overflow: hidden;
        margin-right: 6px;
    }
    .daohang-touxian{
        text-align: left;
        margin-top: 6px;
    }
    /*手机站导航开始*/
    .sp_nav{width:32px;position: absolute;cursor:pointer; right: 20px; top: 74px; height: 24px; z-index: 999;}
    .daohang .sp_nav{
        top: 46px !important;
    }
    .sp_nav span{display:block;background:#ffffff;width:100%;height:3px; border-radius: 5px; position:absolute;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{display: block; position:fixed;z-index:99999;background:rgba(19, 21, 37, 0.9);width:100%;top:-500%;right:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .nav_show{top:136px}
    .daohang .nav_show{top:84px !important;}
    .sjj_nav ul li{  float: left; text-align: center; width: 90%; margin: 0 5%;  position:relative;}
    .sjj_nav ul li a{color:#fff; display: block; font-size: 16px; text-decoration: none;}
    .sjj_nav ul li a:hover{color: #d8d8d8;}
    .sjj_nav ul li a:active{color: #fff;}
    /*手机站导航结束*/
    /*导航结束*/

    /*考培中心导航开始*/
    .daohang-infor-echart1{
        width: 60px;
    }
    .daohang-infor-echart1 ul{
        display: none;
    }
    .daohang-infor-details-p1{
        font-size: 12px;
        margin-top: 10px;
    }
    .daohang-infor-tongji{
        color: #fff;
        font-size: 12px;
        margin-top: 10px;
        color: #b9d9ff;
    }
    .daohang-infor-tongji p{
        margin: 4px 0;
        display: inline-block;
    }
    .daohang-infor-tongji span{
        color: #fff;
    }
    .daohang-logo img{
        width: 241px;
        height: 34px;
        margin-top: 12px;
    }
    .daohang-infor-details{
        float: left;
        text-align: left;
        width: 100%;
    }
    .daohang-top-body ul li a{
        line-height: 40px;
        font-size: 14px;
    }
    .daohang-infor-details-p1 .did-p3{
        padding: 0 5px;
    }
    .daohang-infor-details-p1 .did-p4{
        padding: 0 5px;
    }
    .daohang-touxian span{
        display: block;
        float: left;
        margin-right: 6px;
        width: auto;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        
    }
    /*考培中心导航结束*/
    /*登录注册开始*/
    .login-body{
        width: 90%;
        padding: 20px 0;
        margin-top: 60px;
    }
    .login-body:after, .login-body after{
        width: 0;
    }
    .login-input-p1 img{
        max-width: 90%;
        height: auto;
    }
    .login-input-p2 img{
        max-width: 90%;
        height: auto;
    }
    .login-inpbox{
        width: 90%;
        margin-top: 15px;
    }
    .login-phone{
        width: 80%;
    }
    .login-code{
        width: 44%;
    }
    .login-input-p3{
        margin-top: 15px;
    }
    .login-input-p3 a{
        width: 100px;
    }
    .login-qr-p1 img{
        width: 80px;
        height: 80px;
    }
    .login-input-p4{
        max-width: 100%;
        margin-top: 20px;
    }
    .login-qr-p3{
        margin-top: 16px;
    }
    .login-qr-p3 img{
        height: auto;
    }
    .login-input-p2{
        margin-top: 10px;
    }
    .login-qr-p1{
        margin-top: 20px;
    }
    .login-qr-p2{
        font-size: 14px;
    }
    .login-qr-p4{
        width: 100%;
        height: 80px;
    }
    .login-qr-p4-bd ul li{
        width: 100%;
        height: 80px;
    }
    
    
    /*登录注册结束*/
}