*,
*::after,
*::before {-webkit-box-sizing: border-box;box-sizing: border-box;}
a:focus,.btn:focus,input:focus,button:focus{outline:0;}
a{color: #005faf;}
a:hover{text-decoration: none;}
i{font-style: normal;}
em{color: #d01621;font-style: normal;}
.f-left{float: left;}
.f-right{float: right;}
.mb40{margin-bottom: 40px;}
.form-control{border-radius: 0;background: #fafcff;border: 1px solid #aecfe9;width: 300px;}
@media only screen and (max-width: 768px) {
 .form-control{width: 100%;}
 }
.btn{border-radius: 0;border-color: #005faf;background-color: #005faf;color: #fff;padding: 6px 30px;font-size: 1.125rem;}
.btn:hover{color: #fff;}
.btn-outline-danger{border-color: #d01621;color: #d01621;background: transparent;}
.btn-primary{background-color: #4597d8;border-color: #4597d8;}
.btn-outline-primary{border-color: #aecfe9;color: #005faf;background: transparent;}
.btn-outline-primary:hover{background: transparent;color: #005faf;}
.btn-success{background-color: #00af08;border-color: #00af08;}
body {background-color: #eff1f8;line-height: 30px;font-size: 16px;font-style: normal;font-weight: 400;font-family: sans-serif;color: #333;}

.main-header-wrap{height: 88px;background: #fff;}
.main-header-wrap .logo{margin-top: 25px;width: 260px;height: 38px;}
@media only screen and (max-width: 991px) {
 .main-header-wrap,.main-menu-wrap {display: none;}
 }
.header-right-wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.header-right-wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
.header-right-wrap .common-style button {background-color: transparent;border: none;font-size: 1.875rem;padding: 0;}
.header-right-wrap .search-wrap{margin-top: 25px;position: relative;margin-right: 30px;}
.main-header-wrap .header-right-wrap .search-wrap{width: 60%;}
.header-right-wrap .search-wrap .search-form input {background-color: #fff;border: 1px solid #e5e5e5;height: 38px;padding: 0 60px 0 15px;width: 100%;font-size: .875rem;}
.header-right-wrap .search-wrap .search-form button {background-color: transparent;border:none;color: #777;font-size: 1.875rem;height: 100%;padding: 0 15px;position: absolute;right: 0;top: 0;transform: rotate(270deg) ;}
.header-right-wrap .teacher-wrap{margin-top: 25px;}
.header-right-wrap .teacher-wrap .la{font-size: 1.875rem;vertical-align: middle;}
.header-right-wrap .teacher-wrap .count-style{vertical-align: middle;font-size: 1rem;}
.header-right-wrap .login-wrap{line-height: 44px;}
.header-right-wrap .login-wrap a{color: #fff;}
.header-right-wrap .login-wrap a:last-child{padding-left: 20px;}
.header-right-wrap .login-wrap a .la{font-size: 1.25rem;vertical-align: middle;}
.header-right-wrap .login-wrap a .count-style{vertical-align: middle;}

.header-small-mobile {display: none;color: #005faf;}
.header-small-mobile .mobile-logo{text-align: left;}
.header-small-mobile .mobile-logo img{height: 40px;padding: 8px 0;}
.header-small-mobile .mobile-aside-button,.header-small-mobile .mobile-left-button{color: #333;}
.header-small-mobile .mobile-off-canvas {margin-top: 7px;}
.header-small-mobile .mobile-off-canvas a{font-size: 1rem;}
@media only screen and (max-width: 991px) {
 .header-small-mobile {display: block;background: #fff;text-align: center;height: 48px;line-height: 48px;border-bottom: 1px solid #aecfe9;}
 }

.main-menu-wrap{background: #005faf;height: 46px;line-height: 46px;}
.main-menu.menu-common-style nav ul li {display: inline-block;position: relative;}
.main-menu.menu-common-style nav ul{padding:0;}
.main-menu.menu-common-style nav ul li a {font-size: 1rem;display: inline-block;letter-spacing: .2px;color: #fff;padding: 0 30px;}

.mobile-off-canvas-active {position: fixed;top: 0;width: 330px;min-height: 100vh;bottom: 0;z-index: 111;right: -330px;visibility: hidden;opacity: 1;-webkit-transition: all 400ms ease-out;-o-transition: all 400ms ease-out;transition: all 400ms ease-out;background-color: #fff;-webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);z-index: 9999;}
@media only screen and (max-width: 768px) {
 .mobile-off-canvas-active {width: 260px;  right: -260px;}
 }
.mobile-off-canvas-active.inside {visibility: visible;opacity: 1;right: 0px;}
.mobile-off-canvas-active .mobile-aside-close {position: absolute;left: -40px;top: 0px;z-index: 9;width: 40px;height: 40px;color: #fff;line-height: 40px;text-align: center;font-size: 18px;background-color: #eee;}
.mobile-off-canvas-active .mobile-aside-close i {-webkit-transition: all ease-in-out;-o-transition: all ease-in-out;transition: all ease-in-out;display: inline-block;color: #333;}
.mobile-off-canvas-active .header-mobile-aside-wrap {padding: 30px 30px 50px;overflow: auto;height: 100%;}
@media only screen and (max-width: 768px) {
 .mobile-off-canvas-active .header-mobile-aside-wrap {padding: 20px 20px 50px;}
 }
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search {border-bottom: 1px solid #aecfe9;margin-bottom: 20px;padding-bottom: 30px;}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search .search-form {position: relative;}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search .search-form input {background-color: #fff;border: 1px solid #e5e5e5;border-radius: 25px;height: 35px;padding: 0 60px 0 15px;width: 100%;font-size: .875rem;}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search .search-form button {background-color: transparent;border:none;-webkit-border-image: none;-o-border-image: none;border-image: none;color: #333;font-size: 1rem;height: 100%;padding: 0 15px 0 14px;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
@media only screen and (max-width: 768px) {
 .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search .search-form button {  font-size: 16px;}
 }
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search .search-form button i {display: inline-block;transform: rotate(270deg) ;}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap {margin-bottom: 20px;}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav {height: 100%;}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu{padding: 0;}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li {display: block;position: relative;}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a {font-size: 1rem;color: #333;text-transform: capitalize;line-height: 18px;position: relative;display: inline-block;padding: 10px 0;font-family: "Roboto", sans-serif;}

footer{background: #283348;}
footer .footer-links{padding: 30px 0;}
footer .footer-links ul{list-style: none;margin: 0;overflow: hidden;padding: 0;}
footer .footer-links ul h4{color: #727f95;font-size: 1.125rem;}
footer .footer-links ul li{font-size: .875rem;color: #687892;line-height: 1.875rem;margin-right: 3%;}
footer .footer-links ul li a{color: #687892;}
footer .footer-links ul.links-others{width: 30%;float: right;}
footer .footer-links ul.links-company{width: 70%;float: left;}
footer .footer-links ul.links-company li{float: left;margin-right:2rem;}
footer .icon-links a{display: inline-block;width: 124px;height: 100px;margin-left: 10px;}
footer .icon-links a i,
footer .icon-links a em{float: left;width: 24px;height: 100px;background: #3b485e;color: #fff;font-size: .75rem;line-height: 1rem;padding: 18px 5px;}
footer .icon-links a img{width: 100px;text-align: right;}
footer .icon-links a.company{width: 136px;}
footer .icon-links a.company i,
footer .icon-links a.company em{width: 36px;}
footer .copyright{background: #222d40;font-size: .75rem;color: #586377;line-height: 1.5rem;text-align: center;padding: 30px 0;}
footer .copyright p{margin-bottom: 0;}
footer .copyright a{color: #586377;}
@media only screen and (max-width: 768px) {
 footer .footer-links{padding: 10px 0 0 0;}
 footer .footer-links ul li a img{margin-bottom: 1rem;margin-top: .5rem;}
 footer .footer-links ul li{line-height: 1.25rem;font-size: .75rem;}
 footer .icon-links{zoom: 0.75;text-align: center;padding: 15px 0;}
 footer .icon-links a i,
 footer .icon-links a em{padding: 4px 0 0 0;font-size:1rem;}
 footer .icon-links a.company{width: 146px;}
 footer .icon-links a.company i,
footer .icon-links a.company em{width: 46px;}
 footer .copyright{padding: 0 0 10px 0;line-height: 1.25rem;}
 footer .copyright p span{display: block;}
 footer .mobile-bg{background: #222d40;}
 }
 

#index-swiper .swiper-slide img{width: 100%;}
#index-swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 68px;}
#index-swiper .swiper-pagination-bullet{width: 30px;height: 6px;background-color: #fff;border-radius: 0;opacity: 1;box-shadow: 0 0 3px #777;}
#index-swiper .swiper-pagination-bullet-active{background: #ed504e;}
.container-bg{background: #fff;margin-top: -58px;box-shadow: 0 0 2px #ddd;z-index: 999;position: relative;padding: 0 20px 30px 20px;margin-bottom: 30px;}
.title{height: 57px;line-height: 57px;font-size: 1.5rem;color: #005faf;border-bottom: 1px solid #aecfe9;margin-bottom: 0;}
.title a.more{float: right;font-size: .875rem;color: #777;font-weight: normal;display: block;}
.title a.more i{color: #aecfe9;}
.index-newslist{background: url(../images/news-bg.gif) no-repeat 100% 100%;overflow: hidden;list-style: none;margin-left: -18px;padding: 14px 0 0 0;}
.index-newslist li{width: 50%;float: left;margin-bottom: 15px;}
.index-newslist li a{display: block;padding-left: 18px;}
.index-newslist li .news-date{display: block;float: left;width: 40px;height: 40px;background: #4597d8;color: #fff;margin:3px 20px 0 0;position: relative;font-size: .75rem;line-height: 1rem;padding-left: 5px;}
.index-newslist li:first-child .news-date{background: #d01621;}
.index-newslist li .news-date i.d{position: absolute;bottom: 12px;right: 17px;transform:rotate(30deg);
        -ms-transform:rotate(30deg); 
        -moz-transform:rotate(30deg); 
        -webkit-transform:rotate(30deg); 
        -o-transform:rotate(30deg); }
.index-newslist li .news-date i.date{position: absolute;bottom: 0;right: 5px;}
.index-newslist li .news-tit{color: #131313;font-size: 1rem;line-height: 1.5rem;display: block;min-height: 48px;}
.index-newslist li .news-intro{color: #777;font-size: .75rem;line-height: 1.25rem;margin-top: 14px;min-height: 3.75rem;}
@media only screen and (max-width: 768px) {
.index-newslist li .news-intro{min-height: auto;}
}
.index-weibo{border-bottom: 1px solid #aecfe9;}
.index-ad .imagecol{width: 49%;display: inline-block;}
.index-ad .imagecol img{width: 100%;}
.index-ad .imagecol:last-child{float: right;}
#index-booklist .title{margin-bottom: 50px;}

#index-booklist .swiper-slide .bookimg{width: 70%;height: 270px;position: relative;margin: 0 auto;}
#index-booklist .swiper-slide img{max-width: 100%;max-height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#index-booklist .swiper-slide p{text-align: center;color: #333;line-height: 1.5rem;font-size: 1rem;margin-top: .5rem;}
#index-booklist.swiper-container-horizontal>.swiper-pagination-bullets{bottom: auto;top: 0px;}
#index-booklist .swiper-pagination-bullet{width: auto;height: 57px;line-height: 57px;border-radius: 0;opacity: 1;padding: 0 20px;border: none;background: transparent;font-weight: bold;}
#index-booklist .swiper-pagination-bullet-active{border-bottom: 2px solid #d01621;color: #d01621;}
.swiper-button-next, .swiper-button-prev{width: 38px;height: 38px;margin-top: -19px;background:url(../images/icon-arrow-next.png) no-repeat 0 0;right: 0px;}
.swiper-button-prev{background:url(../images/icon-arrow-pre.png) no-repeat 0 0;right: auto;left: 0px;}
@media only screen and (max-width: 768px) {
 .mb40{margin-bottom: 20px;}
 #index-swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 8px;}
 .container-bg{margin-top: 0;padding: 0 15px 20px 15px;margin-bottom: 0;box-shadow: none;}
 .title{font-size: 1.25rem;}
 .title a.more span{display: none;}
 .index-weibo{display: none;}
 .index-newslist li{width: 100%}
 .index-newslist li .news-tit{font-size: .875rem;}
 .index-newslist li .news-intro{display: none;}
 #index-booklist{margin-left: -15px;margin-right: -15px;}
 #index-booklist {padding-top: 50px;}
 #index-booklist .col-lg-12{padding: 0;}
 #index-booklist .title{display: none;}
 #index-booklist .swiper-pagination-bullet{padding: 0 14px;}
 #index-booklist .swiper-slide .bookimg{overflow: hidden;text-align: center;height: 90px;}
 #index-booklist .swiper-slide img{padding: 10px;}
 #index-booklist .swiper-slide p{font-size: .75rem;line-height: 1rem;height: 2rem;overflow: hidden;}
 #index-booklist .swiper-button-next{right: -15px;}
 #index-booklist .swiper-button-prev{left: -15px;}
 #index-booklist .mobile-more{text-align: center;margin: 10px 15px 0 15px;background: #eaf3f9;color: #4597D8;font-size: .875rem;}
 #index-booklist .mobile-more i{color: #aecfe9;}
 }
 

.pc-only{display: block;}
.mobile-only{display: none;}
.breadcrumb{background: transparent;font-size: 1rem;border-bottom: 1px solid #aecfe9;margin-bottom: 0;padding-left: 0;}
.breadcrumb a{color: #777;}
.breadcrumb-item + .breadcrumb-item::before{content: ">";}
.second-show{text-align: center;background: #f4f4f4;height:288px;}
.second-show .container{position: relative;}
.second-show h1{position: absolute;top: 100px;left: 70px;color: #005faf;font-weight: normal;text-shadow: 1px 3px 5px #fff;}
.second-show img{height:288px;}
@media only screen and (max-width: 767px){
.second-show{position: relative;text-align: center;overflow: hidden;height:115px;}
.second-show img{width: 500px;position: absolute;top: 50%;left: 50%;margin-left: -250px;margin-top: -60px;height:115px;}
}
h3.title{font-size: 1.25rem;font-weight: normal;}
.category{margin: 0 0 20px 0;padding: 0 20px;background: #eff4fa;}
.category dl{border-top: 1px dashed #cee1f1;overflow: hidden;padding-top: 20px;}
.category dl:first-child{border-top:none ;}
.category dt{color: #999;padding: 2px 0px;line-height: 30px;width: 80px;float: left;font-weight: normal;}
.category dd{width: 980px;float: right;}
.category dd a{margin-right: 20px;padding: 2px 20px;display:inline-block;line-height: 30px;color: #333;}
.category dd a.active{background: #cb2432;color: #fff;}
.collapse:not(.show) {display: block;}
.booklist{list-style: none;padding: 0;margin: 20px auto;overflow: hidden;}
.booklist li{width: 25%;float: left;height: 320px;padding: 0 10px;}
.booklist li .bookimg{height: 240px;width: 100%;position: relative;}
.booklist li img{max-width: 100%;max-height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.booklist li p{text-align: center;color: #333;font-size: .875rem;line-height: 1.125rem;padding: 0px 20px;}
.pc-page{margin: 30px 0 0px 0;overflow: hidden;}
.pc-page .pagination{float: right;}
.pc-page .page-link{color: #777;}
.pc-page .page-link:hover{color: #fff;background-color: #4597d8;border-color: #4597d8;}
.pc-page .page-link:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);}
.pc-page .page-item.active .page-link{color: #fff;background-color: #4597d8;border-color: #4597d8;}
@media only screen and (max-width: 768px) {
 .breadcrumb{display: none;}
 .pc-only{display: none;}
 .mobile-only{display: block;}
 .margin0{margin-left: -15px;margin-right: -15px;}
    .collapse:not(.show) {display: none;}
    .category{margin: 0;font-size: 0.875rem;}
    .category dl{padding-top: 10px;}
    .category dt{padding: 2px 0px;width: 100%;line-height: 1.25rem;}
    .category dd{padding: 0;width: 100%;}
    .category dd a{margin-right: 10px;padding: 2px 10px;line-height: 1.25rem;}
    .book-search{position: relative;background: #005faf;height: 45px;padding: 5px 10px;}
    .book-search .search-form input {background-color: #fff;border: 1px solid #e5e5e5;height: 35px;width: 100%;padding: 0 60px 0 15px;font-size: .875rem;border-radius: 18px;}
    .book-search .search-form button {background-color: transparent;border:none;color: #333;font-size: 1.875rem;height: 100%;padding: 0 15px;position: absolute;right: 0;top: 0;transform: rotate(270deg) ;}
    .booklist{padding-bottom: 20px;}
    .booklist li{height: 8.5rem;}
    .booklist li .bookimg{overflow: hidden;text-align: center;height: 90px;}
    .booklist li p{height: 2.25rem;overflow: hidden;padding: 0}
    .mobile-loadmore{text-align: center;background: #eaf3f9;color: #4597D8;font-size: .875rem;position: absolute;bottom: 0;left: 0;right: 0;height: 40px;line-height: 40px;}
    .mobile-loadmore a:first-child{margin-right: 2rem;}
 }
 

#book-detail-swiper .gallery-top {width: 100%;margin-top: 30px;border: 1px solid #e6e6e6;}
#book-detail-swiper .gallery-top .swiper-slide{height: 410px;background: #fff;position: relative;padding:0;margin:0;}
#book-detail-swiper .gallery-top .swiper-slide img{max-width: 100%;max-height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;min-width: auto;height: auto;}
#book-detail-swiper .gallery-thumbs {height: 80px;box-sizing: border-box;padding: 1px;margin: 10px 60px;}
#book-detail-swiper .gallery-thumbs .swiper-slide {width: 25%;opacity: 0.4;padding: 0;position: relative;}
#book-detail-swiper .gallery-thumbs .swiper-slide img{max-width: 100%;max-height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;min-width: auto;height: auto;}
#book-detail-swiper .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border: 2px solid #005faf;}
h1.book-name{font-size: 1.25rem;line-height: 2rem;margin-top: 0;margin: 30px 0;color: #131313;}
.book-detail-info hr{border-top: 1px dashed #aecfe9;}
.book-info {font-size: .875rem;padding: 5px 0;}
.book-info em{color: #999;margin-right: 10px;}
.book-info img{margin-right: 15px;}
.book-btn{margin: 30px 0 0 0px;}
.book-btn .btn{margin-right: 10px;height: 40px;line-height: 40px;padding: 0 15px;}
.book-btn .btn i{font-size: 1.875rem;float: left;margin-top: 3px;}
.bdsharebuttonbox em{margin: 3px 10px 0 0;float: left;color: #999;}
.navbar-book{background: #fafcff;border-bottom: 2px solid #aecfe9;}
.navbar-book li{float: left;}
.navbar-book li a{display: block;padding: 10px 50px;margin-bottom: -2px;}
.navbar-book li a.active{border-bottom: 2px solid #d01621;color: #d01621;}
.book-detail-con{padding: 50px;color: #777;line-height: 1.875rem;font-size: .875rem;}
.book-detail-con .tab-pane h2{color: #333;font-size: 1.125rem;}
.book-detail-con .tab-pane img{width: 80%;}
@media only screen and (max-width: 768px) {
 #book-detail-swiper {padding: 0;}
 #book-detail-swiper .gallery-top{margin-top: 0;border: none;}
 #book-detail-swiper .gallery-top .swiper-slide{height: auto;}
 #book-detail-swiper .gallery-top .swiper-slide img{position: relative;}
 .book-detail-info{position: relative;padding-top: 100px;}
 h1.book-name{font-size: 1rem;line-height: 1.5rem;margin:0 0px 20px 0px;font-weight: normal;}
 .book-info {padding: 0px;line-height: 2rem;margin: 0 1px;}
 .book-info span{display: block;border: 1px solid #ccc;margin-top: -1px;}
 .book-info em{color: #999;margin-right: 20px;display: block;width: 26%;float: left;border-right: 1px solid #ccc;}
 .buy-links{position: absolute;top: 10px;z-index: 999;left: 50%;margin-left: -90px;}
 .buy-links span{border: none;}
 .buy-links span em{display: none;}
 .book-btn{position: absolute;top: 25px;left: 50%;margin-left: -145px;}
 .book-btn .btn{padding: 0px 4px;margin-right: 10px;font-size: .875rem;height: 35px;line-height: 35px;}
 .book-btn .btn i{font-size: 1.5rem;}
 .navbar-book{margin-top: 20px;margin-left: -15px;margin-right: -15px;}
 .navbar-book li {width: 25%;text-align: center;}
 .navbar-book li a{padding: 0px;}
 .book-detail-con{padding: 15px 0;}
 .book-detail-con .tab-pane img{width: 100%;}
 .book-detail-con .filelist{margin-top: -15px;}
 }
 

.menu-bar{margin: 0;padding: 0px;background: #eff4fa;position: relative;}
.menu-bar a{display: inline-block;padding: 10px 30px;color: #333;font-size: 1.125rem;}
.menu-bar a.active{color: #d01621;border-bottom: 2px solid #d01621;}
.menu-bar .header-right-wrap{position: absolute;right: 0;}
.menu-bar .header-right-wrap .search-wrap{margin: 7px 10px 0 0;}
.filelist{padding: 0;list-style: none;margin: 20px 0;}
.filelist li{border-bottom: 1px dashed #aecfe9;padding: 20px 0;overflow: hidden;}
.filelist li a{display: block;overflow: hidden;}
.filelist li h4{font-size: 1.125rem;line-height: 1.5rem;color: #333;font-weight: normal;}
.filelist li span{float: left;padding: 0px 10px;margin-right: 10px;}
.filelist li span.file-type{border: 1px solid #e9aeae;background: #fffafa;color: #d01621;}
.filelist li span.file-size{border: 1px solid #aecfe9;background: #fafcff;color: #008ae9;}
.filelist li span.file-need{border: 1px solid #4597d8;background: #4597d8;color: #fff;}
.filelist li span.file-noneed{border: 1px solid #aecfe9;background: #aecfe9;color: #fff;}
.file-read{float: right;background: #fafcff;border: 1px solid #aecfe9;color: #005faf;padding: 4px 12px;}
.file-read span{padding: 0;margin: 0;}
.file-read i{font-size: .875rem;color: #aecfe9;}
.file-read i.la-download{font-size: 1.25rem;}
@media only screen and (max-width: 768px) {
 .menu-bar{margin-left: -15px;margin-right: -15px;overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;}
 .menu-bar .menu-con{overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap;}
 .menu-bar .menu-con::-webkit-scrollbar{display: none;}
 .menu-bar  a{white-space: nowrap; display: inline-block;padding: 8px 10px 6px 10px;font-size: 1rem;}
 .filelist{margin: 0 0 20px 0;}
 .filelist li h4{font-size: 1rem}
 .file-read{float: left;padding: 0 10px;border: 1px solid #4597d8;background: #4597d8;color: #fff;}
 .file-read i{color: #fff;}
 .file-read,.filelist li span.file-type,.filelist li span.file-size{margin-top: 6px;}
 }
 

.second-w900{width: 900px;margin: 40px auto;}
.sec-title{font-size: 1.125rem;color: #005faf;background: #eff4fa;text-align: center;padding: 5px 0;}
.second-w650{width: 650px;margin: 40px auto;border: 1px solid #eff4fa;}
@media only screen and (max-width: 768px) {
 .second-w900{width: 100%;margin: 20px 0;}
 .div-iframe{margin-left: -15px;margin-right: -15px;}
 .second-w650{width: 100%;border: none;margin: 0 auto;}
 }
 

.file-form{padding: 20px 30px;}
.form-group{min-height: 38px;font-size: 1rem;padding: 5px 0;}
.form-group .control-label{float: left;width: 20%;color: #777;line-height: 28px;margin-bottom: 0;}
.form-group .control-con{float: left;width: 80%;vertical-align: top;color: #333;line-height: 28px;}
.form-group .control-con .form-control{float: left;}
.form-group .control-con .re-login{float: left;padding: 0 20px;line-height: 38px;}
.form-btn{width: 100%;text-align: center;padding-top: 30px;}
@media only screen and (max-width: 768px) {
 .file-form{padding: 20px 0 0 0;}
 .form-group .control-label{width: 30%;}
 .form-group .control-con{width: 70%;}
 .form-group .control-con .re-login{padding-right: 0;float: right;}
 .form-btn .btn{width: 100%;}
 }

.teacher-search{text-align: center;padding: 20px 30% 0px 30%;}
.teacher-search .header-right-wrap{position: relative;}
.teacherlist{padding: 0;list-style: none;margin: 20px 0;}
.teacherlist li{border-bottom: 1px dashed #aecfe9;padding: 20px 0;overflow: hidden;position: relative;}
.teacherlist li img{float: left;width: 16%;margin-right: 20px;}
.teacherlist li h4{font-size: 1.125rem;line-height: 1.5rem;color: #333;font-weight: normal;}
.teacherlist li p{margin-bottom: 0;font-size: .875rem;line-height: 1.25rem;color: #777;width: 85%;}
.teacherlist .book-btn{width: 160px;position: absolute;right: 0;bottom: 30px;text-align: right;margin: 0;top: auto;left: auto}
.teacherlist .book-btn .btn{padding: 0px 9px;margin-right: 0px;font-size: 1rem;height: 26px;line-height: 26px;width: 110px;margin-bottom: 10px;}
.teacherlist .book-btn .btn i{font-size: 1.25rem;}
.teacherlist .book-btn .file-read {margin-bottom: 10px;}
.teacherlist .book-btn .file-read i{margin-left: 7px;}
@media only screen and (max-width: 768px) {
 .teacherlist{margin: 0 0 20px 0;}
 .teacherlist li {padding: 20px 0 0 0;}
 .teacherlist li img{width: 25%;margin-right: 10px;}
 .teacherlist li a{display: block;}
 .teacherlist li h4{font-size: .875rem;line-height: 1rem;}
 .teacherlist .book-btn{width: auto;bottom: 0;}
 .teacherlist .boot-btn .btn{float: left;}
 }

.register-form{width: 360px;margin: 30px auto;}
.register-form .form-group.mh78{min-height: 78px;}
.register-form .form-group .control-con{width: 100%;}
.register-form .form-group .control-con .form-control{float: none;margin-bottom: 10px;width: 100%;}
.register-form .text-tips{color: #999;font-size: .875rem;}
.register-form .form-group .vcode{position: relative;}
.register-form .form-group .vcode .vimg{position: absolute;top: 0;right: 0;height: 38px;}
.register-form .form-btn{padding-top: 0;}
.register-form .form-btn .btn{display: block;margin: 10px auto;width: 160px;}
@media only screen and (max-width: 768px) {
 .register-form{width: 100%;margin: 0 auto;padding-top: 20px;}
 .register-form .form-btn .btn{width: 100%;}
 }
 

.member-center{width: 890px;margin: 0 auto;overflow: hidden;}
.member-center .second-w650{float: right;margin-bottom: 0;}
.member-center.senior{width: 930px;}
.member-center.senior .second-w650{width: 690px;}
.second-menu{width: 200px;float: left;margin-top: 40px;border: 1px solid #eff4fa;}
.second-menu .sec-title{text-align: left;padding-left: 10px;}
.second-menu ul{padding: 10px 0 0 0;list-style: none;}
.second-menu ul li{padding: 8px 10px;}
.second-menu ul li a{display: block;color: #777;}
.second-menu ul li a.active{color: #d01621;}
.file-form .form-group.mh108{min-height: 108px;}
.file-form .form-group.mh148{min-height: 148px;}
.file-form .control-con select.form-control{width: 145px;float: left;margin-right: 10px;border-radius: 0;}
.file-form .control-con select.form-control.w300{width: 300px;margin: 0;}
.file-form .control-con .upload{width: 80px;height: 80px;text-align: center;padding-top: 25px;color: #005faf;margin-top: 10px;}
.file-form em{font-size: .875rem;line-height: 1.5rem;}
.file-form em.row-more{line-height: 1.125rem;}
.file-form em.mleft{margin-left: 1rem;}
.file-form em.f-left.mleft{margin-top: 68px;}
.table{border: 1px solid #eff4fa}
.table thead th{font-size: .875rem;font-weight: normal;padding: .5rem 0;text-align: center;color: #777;background: #eff4fa;border: none;}
.table tbody td{font-size: .875rem;padding: .5rem 0;text-align: center;color: #777;border: none;line-height: 1.125rem;}
.modal-header{border: none;text-align: center;}
.modal-header .close{position: absolute;top: 10px;right: 20px;}
.modal-title{font-size: 1.125rem;color: #005faf;margin: 0 auto;}
.modal-body{padding: 0;}
em.form-tips{padding: 1rem 30px 0 30px;font-size: .875rem;display: block;}
em.status{font-size: 1rem;padding: 0;}
.file-form{position: relative;}
.file-form .teacher-img{overflow: hidden;padding: 0;margin: 0;}
.file-form .teacher-img li{width: 32%;margin:0 1% 10px 0;float: left;height: 200px;overflow: hidden;text-align: center;}
.file-form .teacher-img img{width: 100%;}
.applylist{padding: 0;list-style: none;padding: 20px;}
.applylist li{border-bottom: 1px dashed #eff4fa;padding-bottom: 20px;margin-top: 20px;}
.applylist li h4{font-size: .875rem;font-weight: normal;}
.applylist li span{color: #333;margin-right: 30px;font-size: .875rem;}
.applylist li span b{color: #777;font-weight: normal;}
.member-page .pagination{margin-right: 20px;}
@media only screen and (max-width: 768px) {
 .member-center{width: 100%;}
 .member-center .second-w650{float: none;width: 100%;}
 .member-center.senior{width: 100%;}
 .member-center.senior .second-w650{width: 100%;}
 .file-form .control-con select.form-control{width: 100%;}
 .file-form .control-con select.form-control:first-child{margin-bottom: 15px;}
 .file-form .form-group.mhselect{min-height: 93px;}
 .file-form .control-con .upload{width: 100%;height: auto;padding: .75rem;}
 .file-form em.f-left.row-more{width: 145%;margin-left: -43%;padding-top: 30px;}
 .file-form .control-con .upload{margin-left: -43%;width: 100px;}
 .file-form em.f-left.mleft{margin-top: 48px;margin-left: .5rem;}
 .file-form em.mleft{margin: 0;}
 em.form-tips{padding: 1rem 0 0 0;line-height: 1.25rem;}
 .file-form .delete{display: block;text-align: center;color: #d01621;margin-bottom: 20px;}
    .file-form .teacher-img li{height: 70px;}
 .applylist{padding: 0px;}
 .applylist li{overflow: hidden;}
 .applylist li span {margin: 0;float: right;}
 .applylist li span.applydate{float: left;}
 }

.menu-con.menu-center{margin: 0 auto;}
.article{width: 910px;margin: 50px auto;font-size: 1rem;line-height: 1.875rem;}
.article img{width: 500px;margin:0 auto;}
.article h1{font-size: 1.375rem;margin-bottom:30px;}
.article.news h1{text-align: center;}
.article.news .news-date{text-align: center;color: #777;margin-bottom:40px;}
.newslist{width: 910px;margin: 40px auto;overflow: hidden;}
.newslist .index-newslist{background: none;margin: 0;padding: 0;}
.newslist .index-newslist li a{padding: 0;border-bottom: 1px dashed #cee1f1;margin: 0px 20px;min-height: 159px;}
.newslist .pc-page .pagination{margin-right: 20px;}
@media only screen and (max-width: 768px) {
 .article{width: 100%;margin: 30px auto;}
 .article h1{text-align: center;}
.article.news{margin:0 auto;padding-top:20px;}
.article img{width: 100%;}
 .newslist{width: 100%;margin: 10px 0;}
 .newslist .index-newslist li a{margin:0;min-height: auto;}
 .newslist .index-newslist li .news-tit{display: block;}
 .newslist .index-newslist li .news-intro{display: block;}
 }
 

.main-menu .dropdown-menu{background: #005faf;border-radius: 0;margin-top: -1px;border: none;}
.main-menu .dropdown-menu .dropdown-item:hover{background: #4597d8;}
.main-menu .dropdown-toggle::after{border: none;}
.main-menu .dropdown:hover>.dropdown-menu {display: block;}
.main-menu .dropdown>.dropdown-toggle:active {pointer-events: none;}

@media only screen and (max-width: 768px) {
    .category-xs{width: 100%;background: #eff4fa;border: none;}
    .category-xs .tit{float: left;}
    .category-xs i{float: right;margin-top: 7px;}
    .category dl dt{display: none;}
}

.jumbotron{padding: 10px;background-color: #eee;color: #d01621;border-radius: 0;font-size: 0.875rem;}
.video-w640{width: 640px;}
@media only screen and (max-width: 768px) {
    .jumbotron{margin-left: -15px;margin-right: -15px;}
    .video-w640{width: 100%;}
}

.applylist li span b.pc-only{display: inline-block;}
@media only screen and (max-width: 768px) {
    .applylist li span b.pc-only{display: none;}
}

.file-form .table tr th.w15{width: 15%}
.file-form .table tr th.w14{width: 14%}
@media only screen and (max-width: 768px) {
    .modal-body{padding: 0 15px 15px 15px;}
    .file-form .control-con select.form-control.w300 {width: 100%;}
    .file-form .table tr td,.file-form .table tr th{display: none;}
    .file-form .table tr th.w15,.file-form .table tr td.w15{display: inline-block;width: 75%}
    .file-form .table tr th.w14,.file-form .table tr td.w14{display: inline-block;width: 25%}
}


.swiper-button-next, .swiper-button-prev{z-index: 99999;}
#index-booklist{position: relative;}
#index-booklist .nav-tabs{border: none;position: absolute;top: 0;left: 50%;margin-left: -106px;}
#index-booklist .nav-tabs .nav-item .nav-link{height: 57px;line-height: 57px;padding: 0 20px;font-weight: bold;border: none;}
#index-booklist .nav-tabs .nav-item .nav-link:hover{border: none;}
#index-booklist .nav-tabs .nav-item .nav-link.active{border:none;border-bottom: 2px solid #d01621;color: #d01621;}


.article .article-footer{font-size:0.875rem;margin-top:20px;border-top: 1px dashed #aecfe9;padding-top:10px;}


.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none;}