body{
    background-color: #f5f7f9;
    position: relative;
}
.loading-box {
    display:none;
    margin:40px auto 0;
    font-size:14px;
    color:#ddd;
    text-align:center
   }
   .filter-loading-box {
    position:absolute;
    margin:0 auto!important;
    padding-top:3%;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index:10
   }
   .top-loading {
    margin-top:0!important;
    padding-top:30px
   }
   .loading {
    margin:0 auto;
    width:50px;
    height:20px;
    text-align:center;
    font-size:10px
   }
   .loading>div {
    background-color:#eee;
    height:100%;
    width:3px;
    display:inline-block;
    animation:stretchdelay 1.2s infinite ease-in-out
   }
   .loading .rect2 {
    animation-delay:-1.1s
   }
   .loading .rect3 {
    animation-delay:-1s
   }
   .loading .rect4 {
    animation-delay:-.9s
   }
   .loading .rect5 {
    animation-delay:-.8s
   }
   @keyframes stretchdelay {
    0%,
    40%,
    to {
     transform:scaleY(.4);
     -webkit-transform:scaleY(.4)
    }
    20% {
     transform:scaleY(1);
     -webkit-transform:scaleY(1)
    }
   }
.add-more,
.add-more:focus,
.no-more,
.no-more:focus {
 width:95%;
 margin:0 30px;
 padding:1pc 0;
 margin-top:30px;
 font-size:1pc;
 line-height:1;
 color:#3a4d82;
 text-align:center;
 border:1px solid #3a4d82;
 background:#fff;
 border-radius:3px;
 overflow:hidden
}
.add-more .btn-icon {
 display:inline-block;
 padding:6px;
 margin-left:5px;
 background:url(../images/public/btn-icon.png) no-repeat center center;
 background-size:contain
}
.no-more,
.no-more:focus {
 color:#ddd!important;
 border:none!important;
 padding:0!important
}
.head>h1{
    position: absolute;
    left: -9999999px;
    z-index: -99;
}
.bottom-border1{
    padding-bottom: 13px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 13px;
}
/* module style start */

.module,.module > .container{
	margin-bottom: 40px;
}
.module-bg{
	padding: 40px 0;
}
.module > .container:last-child{
	margin-bottom: 0 !important;
}

.module-title {
    margin-bottom:40px;
    text-align: center;
}
.module-title h2{
    position: relative;
    display: inline-block;
    min-width: 404px;
    font-size: 30px;
    height: 26px;
    line-height: 24px;
    font-weight: bold;
    color: #366494;
}
.module-title h2::after,.module-title h2::before{
    display: block;
    content: '';
    position: absolute;
    width: 140px;
    height: 8px;
    top: 9px
}
.module-title h2::after{
    left: -150px;
    background: url(../images/title-left.png)
}
.module-title h2::before{
    right: -150px;
    background: url(../images/title-right.png)
}
.module-title .more{
    float: right;
    font-size: 16px;
    font-weight: normal;
    color: #999;
}
.module-title-exp{
    font-size: 16px;
    font-weight: normal;
    color: #aaadb1;
    margin-left: 20px
}
/* module style end */


/* banner start */
.banner img{
    margin: 0 auto;
}
.banner .carousel-control{
    display: none !important;
}

.banner .carousel-indicators{
    left: auto;
    right: 20px;
    top: 30%;
    margin-left: 0;
    width: auto;
}
.banner .carousel-inner{
    text-align: center;
}
.banner .carousel-indicators li{
    display: block;
    width: 110px;
    height: 62px;
    margin: 0 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-indent: 0;
    overflow: hidden;
}

.banner .carousel-indicators .active{
    display: block;
    margin: 0 0 10px;
    width: 110px;
    height: 62px;
    border:1px solid #e07564;
}
.img-circle{
    width: 36px;
    height: 36px;
    background-color: #e07564
}

/* abstract end */


#filter-result{
    /* display: none; */
    height: 35px;
}
#filter-result{
    height: auto !important;
}
#filter-result .filter-result-num{
    font-size: 16px;
    color: #333;
    margin-left: 6px
}
#filter-result .filter-result-num em{
    color: #dc6464
} 
#filter-result .result-item{
    font-style: normal; 
}
#filter-result.filter-type .result-item{
    display: inline-block;
    padding: 3px 15px;
    margin-right: 6px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #dc6464 !important;
    border: 1px solid #dc6464;
    cursor: pointer;
}
#filter-result.filter-type .result-item .close-icon{
    padding: 0 5px;
    margin-left: 5px;
    background: url(../images/public/close-icon.png) no-repeat center right
}
/* schoollist */
.filter{
    margin-bottom: 20px;
}
.filter-title{
    padding: 10px 0;
    display: none;
    background-color: #fff;
}
.filter-title li {
    font-size: 14px;
    color: #31404c;
    text-align: center;
    cursor: pointer;
}
.filter-title li .icon{
    padding: 0 4px;
    margin: 0 0 0 3px;
    background-size: contain
}
.down-icon{
    background: url(../images/schoollist/down.png) no-repeat center center
}
.top-icon{
    background: url(../images/schoollist/top.png) no-repeat center center
}

.filter-box{
    padding: 30px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.filter-tools{
    padding: 10px 0 0
}
#filter-address {
    height: 35px;
    overflow: hidden;
}
.filter-type{
    border-bottom:  1px dashed #eee;
    margin-bottom: 10px;
}
/* .filter-type:last-child{
    margin-bottom: 0;
} */
.filter-type p{
    float: left;
    width: 90px;
    font-size: 16px;
    line-height: 22px;
    color: #222d35;
}
.filter-box .filter-type > ul{
    position: relative;
    margin-left: 90px;
    padding-left: 68px
}
.filter-box .filter-type > ul li.select-all{
    position: absolute;
    left: 0;
    width: 58px;
}
.filter-box .filter-type > ul li,.filter-box .tab-content ul li{
    float: left;
    margin-right: 5px;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
}
.filter-box .filter-type > ul li.open-btn{
    position: absolute;
    right: 0;
    top: 2px;
    margin: 0 auto;
    text-align: center;
}
.filter-box .filter-type > ul li.open-btn a{
    font-weight: bold;
    font-size: 16px;
    color: #666 !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 1;
    background: #fff !important;
    padding: 0 !important;
}
.filter-box .filter-type > ul .search-li{
    float: left;
    width: 92%;
    margin-right: 0 !important;
    margin-left: 15px;
    cursor: auto !important;
    overflow: visible;
}
/* .filter-box .filter-type > ul .search-li .js-filter-list {
    width: 11%;
} */
.filter-tools .search-box{
    width:250px;
}
.filter-tools .search-box input{
    width:200px;
    padding-left:27px;
    background:url(../images/search-bg.png) no-repeat 10px center;
    font-size:9pt;
    height:30px;
    line-height:28px;
    border:1px solid #bbb;
    color:#888
   }
.filter-tools .search-box .search-icon,
.filter-tools .search-box .search-icon:focus {
    position: static !important;
 float:right;
 width:50px;
 font-size:14px;
 height:30px;
 line-height:30px;
 color:#fff;
 background:#6d8dba !important;
 border-color:#6d8dba
}
/* .filter-box .filter-type > ul .search-li > ul {
    margin-top: 15px;
} */
.filter-box .filter-type > ul .search-li .search-box{
    position: relative;
    max-width: 170px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #366494;
    border: 1px solid #366494 !important;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    overflow: hidden;
}
.filter-box .filter-type > ul .search-li .search-box .search-icon{
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    right: 0;
    top: 0;
    background: url(../images/school/filter-search.png) no-repeat center
}
.filter-box .filter-type > ul .search-li .search-box input{
    display: block;
    border: none;
    height: 24px;
    color: #366494;
    line-height: 24px;
    padding-left: 12px;
}

.filter-box .filter-type .porject-box {
    max-height: 102px;
    overflow-y: auto;
}
.filter-box .filter-type > ul li span,.filter-box .filter-type > ul li a,.filter-box .tab-content ul li a{
    display: inline-block;
    padding: 0 15px;
    color: #444;

}
.filter-box .filter-type > ul > li.active > span,.filter-box .tab-content ul li.active a,
.filter-box .filter-type > ul > li.active > a,.filter-box .filter-type > ul > li:hover > a,
.filter-box .filter-type > ul > li > ul > li.active > a,.filter-box .filter-type > ul > li > ul > li:hover > a{
    width: 100%;
    color: #fff;
    background-color: #366494
}
.filter-tabs-box{
    float: left;
    width: 90%;
    margin-left: 15px;
    margin-top: -5px;
}
/* Reset filter-tabs start */
.filter-tabs-box .nav-tabs{
    border: none;
    margin-bottom: 10px
}
.filter-tabs-box .nav-tabs > li{
    margin-right: 30px
}
.filter-tabs-box .nav-tabs > li > a{
    border: 1px solid #366494 !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    padding: 5px 20px
}
.filter-tabs-box .nav-tabs > li.active > a,.filter-tabs-box .nav-tabs > li.active > a:focus,.filter-tabs-box .nav-tabs > li.active > a:hover,.filter-tabs-box .nav-tabs > li > a:hover{
    color: #fff;
    background-color: #366494
}
/* Reset filter-tabs end */

.school-box,.major-box{
    padding-bottom: 30px;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.school-box .moudle-title,.major-box .moudle-title{
    padding: 30px 0;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    color: #0e2644;
    border-bottom: 2px solid #eee;
}


.schoollist{
    padding: 0 30px 0;
    /* margin-bottom: 30px */
}
.schoollist-item{
    padding: 30px 0;
    border-bottom: 1px solid #eee; 
}
.school-list-cnt{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.school-logo{
    float: left;
    width: 10%;
    max-width: 120px;
    text-align: center;
}
.school-cnt{
    float: left;
    width: 71%;
    width: calc(71% - 1px);
    padding-right: 2%;
    margin: 0 2%;
    border-right: 1px dashed #e2e2e2
}
.school-tit{
    margin-bottom: 15px;

}
.school-tit h3{
    float: left;
    height: 30px;
}
.school-tit a{
    float: left;
    font-size: 22px;
    font-weight: bold;
    color: #333;  
    margin-right: 15px;  
}
.school-tit a:hover{
    color: #e07564
}
.school-btn{
    float: right;
    padding-top: 20px;
    width: 15%;
}
.address-icon {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;

}
.address-icon i{
    padding: 2px 10px;
    background: url(../images/icon.png) no-repeat -90px -43px;
    margin-right: 5px;
}
.school-type-list {
    float: left;
    width: 31.333%;
    margin-right: 2%;
    font-size: 14px;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.school-type-list .adv-tag{
    line-height: 26px;
    padding: 0 20px;
    margin: 0 20px 0 0;
}
.school-type-list .adv-tag1{
    border: none !important;
    background: #e5e8f2;
    color: #556498
}
.school-type-list .adv-tag2{
    border: none !important;
    background: #e4eff8;
    color: #5389b2
}
.school-type-list .adv-tag3{
    border: none !important;
    background: #f5eae5;
    color: #b27b5d
}
.school-type-list .adv-tag4{
    border: none !important;
    background: #e1f0f0;
    color: #5ca3a4
}
.school-type-list .adv-tag1:hover{
    background: #556498 !important;
}
.school-type-list .adv-tag2:hover{
    background: #5389b2 !important;
}
.school-type-list .adv-tag3:hover{
    background: #b27b5d !important;
}
.school-type-list .adv-tag4:hover{
    background: #5ca3a4 !important;
}
.school-type-list .adv-tag:hover{
    color: #fff;
    background-color: #e07564
}
.school-type-list.school-type-list-all{
    width: 100%;
}
.school-type-list:last-child{
    width: 100%;
    margin: 0 auto
}
.school-type-list b{
    font-weight: normal;
    color: #333;
}
.school-type-list span{
    color: #666;   
}

.school-btn a{
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 36px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: center;
    background-color: #e07564;
    color: #fff;
}
.school-btn .detail-btn{
   
    margin-bottom: 26px;
}
.school-btn .detail-btn:hover{
    color: #fff;
}
.school-btn .detail-btn:hover,.bmzx-btn:hover{
    background: #d75e62
}
.school-btn  .order-btn{
    line-height: 34px;
    color: #fe8848;
    border: 1px solid #fe8848;
}
.adv-tag{
    display: inline-block;
    font-size: 12px;
    color: #e07564;
    padding:0 10px;
    margin: 0 10px;
    border: 1px solid #e07564;
    line-height: 1.8;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
/* filter-major.html start */
.major-box .schoollist{
    overflow: hidden;
}   
.major-box .schoollist-item{
    position: relative;
    z-index: 1;
    margin: 0 auto;
    border-bottom: 1px solid #ddd !important;
}
.major-box .schoollist-item:hover{
    border-color:#fff;
    border-bottom: 1px solid #fffbf6 !important;
}
.major-box .schoollist-item:hover::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -30px;
    width: 200%;
    height: 100%;
    background-color: #fffbf6;
    z-index: -1;
}
.major-box .school-cnt{
    width: 78%;
    width: calc(78% - 1px);
    margin-left: 0
}
.major-box .school-tit a{
    padding-left: 20px;
    background: url(../images/schoollist/major-tit-bg.png) no-repeat left center
}
.major-box .school-tit a:hover{
    color: #fe8848
}
.major-box .school-btn{
    width: 20%;
    margin: 0 auto;
}
.major-box .school-btn a{
    max-width: none;
}
.major-box .school-type-list{
    font-size: 16px;
}
.major-box .school-type-list b,.major-box .school-type-list span{
    color: #666
}
.major-box .school-type-list-all{
    font-size: 14px
}
.major-box .school-type-list-all b,.major-box .school-type-list-all span{
    color: #999
}
.major-box .school-btn .detail-btn b{
    font-size: 24px
}

.filter-tabs-box .nav-tabs > li .caret{
    display: none;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #366494;
    border-bottom: 0
}
.filter-tabs-box .nav-tabs > li:hover .caret{
    border-top: 5px solid #fff;
}
.filter-tabs-box .nav-tabs > li.active .caret{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    border-top: 0
}

.filter-btn {
    display: none
}
/* filter-major.html end */

/* tag style start */
.tag{
    font-size: 12px;
    color: #fff;
    line-height: 1;
    padding: 1px 5px;
    margin: 0 3px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
} 
.tag:last-child{
    margin-right: 0
}
.tag-color1{
    background-color: #a9d795;
}
.tag-color6{
    background-color: #9197d6;
}
.tag-color2{
    background-color: #76c0d7;
}
.tag-color3{
    background-color: #ffaf6d;
}
.tag-color4{
    background-color: #f89383;
}
.tag-color5{
    background-color: #cfa589;
}
/* tag style end */

/* schoollist end */

/* majordetail.html start */
.major-share-hd,.major-share-bd{
    float: left;
}
.major-share-hd{
    width: 28%;
    color: #366494 !important;
    font-weight: bold;
    text-align: center;
    background: url(../images/news/major-imgbg.jpg) no-repeat center center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
}
.major-share-hd .major-share-img{
    display: -webkit-box;
    display: flex;
    min-height: 190px;
    align-items: center;
    justify-content: center;
    max-width: 300px;
    padding: 44px 23px;
    margin: 0 auto;
    font-size: 34px;
}

.major-share-bd{
    width: 72%
}
.major-share-bd h1,.major-share-bd ul{
    margin-left: 25px;
}
.major-share-bd h1{
    font-size: 40px;
    font-weight: bold;
    color: #333;
    margin-bottom: 30px;
}

.major-share-bd > div ul{
    float: left;
    max-width: 479px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #f5f7f9 
}
.major-share-bd > div ul i{
    padding: 0 12px;
    margin-right: 5px;
    background: url(../images/icon.png) no-repeat
}
.major-share-bd > div ul  i.code-icon{
    background-position: -52px -504px;
}
.major-share-bd > div ul  i.door-icon{
    background-position: -92px -564px;
}
.major-share-bd > div ul  i.book-icon{
    background-position: -92px -503px;
}
.major-share-bd > div ul  i.hat-icon{
    background-position: -53px -563px;
}
.major-share-bd > div ul li {
    float: left;
    width: 48%;
    margin: 0.5% 1%;
}
.bmzx-btn{
    float: right;
    width: 140px;
    margin: 22px 20px 0 0;
    font-size: 14px;
    line-height: 36px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: center;
    background-color: #e07564;
    color: #fff !important;
}
.lookmore-icon{
    padding: 0 8px;
    margin-left: 5px;
    background: url(../images/icon.png) no-repeat;
    background-position: -55px -721px
}
.major-share-main .share-box{
    margin: 0;
}
.form-box .moudle-title span{
    color: #e07564 !important
}

.school-box .main-inside-form .form-box{
    margin-left: 30px;
    margin-right: 30px;
    background-color: #f6f6f6
}
.major-moudle{
    padding: 30px;
    background-color: #fff;
    margin-bottom: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
#academy{
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.major-moudle .moudle-title{
    font-size: 20px;
    font-weight: bold;
    color: #366494;
    margin-bottom: 20px
}

.major-text-box{
    /* max-height: 320px;
    margin-bottom: 30px; */
    overflow: hidden;
}
.major-text-box p{
    line-height: 30px;
    margin-bottom: 2px
}
.major .open-btn{
    padding: 13px 0;
    color: #e07564;
    text-align: center;
    border: 1px solid #e07564;
    cursor: pointer;
}
.major .open-btn:hover,.jump-btn:hover{
    background: #ffebec
}
.major .down-icon{
    padding: 0 15px;
    margin-left: 5px;
    background: url(../images/icon.png) no-repeat -50px -671px;
}
.intro-icon{
    padding: 0 15px;
    margin-right: 5px;
    background: url(../images/icon.png) no-repeat -50px -616px;
}
.share-box {
    width: 250px;
    margin: 0 auto ;
}
.news-flex-box .share-box {
    width: auto;
}
.bdshare-button-style0-24 a{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
.bdshare-button-style0-24 .bds_title{
    font-size: 16px;
    background: none
}
.bdshare-button-style0-24 .bds_sqq{
    background: url(../images/news/bds-qq.png) no-repeat center !important;
}
.bdshare-button-style0-24 .bds_qzone{
    background: url(../images/news/bds-qzone.png) no-repeat center !important;
}
.bdshare-button-style0-24 .bds_tsina{
    background: url(../images/news/bds-sina.png) no-repeat center !important;
}
.bdshare-button-style0-24 .bds_weixin{
    background: url(../images/news/bds-weixin.png) no-repeat center !important;
}
.bdshare-button-style0-24 .bds_more{
    background: url(../images/news/bds-more.png) no-repeat center !important;
}
.recommend-main{
    padding: 10px 0;
    background-color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    margin-bottom: 30px;
}
.recommend-main .moudle-title{
    padding: 30px 0;
    font-size: 28px;
    text-align: center;
    margin-bottom: 10px;
    color: #0e2644;
    border-bottom: 2px solid #eee;
}
.recommend-main ul {
    padding: 0;
    margin: 0 auto;
}
.recommend-main ul li {
    float: left;
    width: 46%;
    margin: 0 2% 1%;
    padding: 0 0 1%;
    border-bottom: 0;
}
.recommend-main ul li:hover::before{
    display: none;
}
.recommend-main ul li .newslist-img{
    margin-right: 2%;
    width: 24%;
    max-width: 110px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    overflow: hidden;
}

.recommend-main ul li p{
    font-size: 14px;
}
.recommend-main ul li .newslist-description{
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    color: #999999;
    margin-bottom: 0 !important;
}
.recommend-main ul li .newslist-title{
    display: block;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    height: 20px;
    margin-bottom: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.recommend-main ul li .newslist-title:hover,.recommend-main ul li a:hover{
    color: #ea5f3c
}



.recommend-main{
    padding: 20px 0 0;
}
.recommend-main .main-title{
    padding-left: 20px;
    border-left: 3px solid #366494;
    margin-bottom: 20px;
}
.recommend-main .main-title span{
    font-size: 24px;
    line-height: 24px;
   
}

.recommend-main dl{
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items:center;
    width: 47%;
    margin: 0 3% 20px 0;
}

.recommend-main dl dt{
    float: left;
    /* width: 14%; */
    width: 72px !important;
    color: #bbbbbb;
    font-weight: normal;
    padding-right: 20px;
    border-right: 1px solid #dddddd;
    margin-right: 20px;
    text-align: center;
}
.recommend-main dl dt .t-day{
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 0;
}
.recommend-main dl dt .t-time{
    font-size: 16px;
    margin: 0 auto;
}
.recommend-main dl dd{
    width: 80%;
    width: calc(100% - 92px );
    float: left;
}
.recommend-main dl dd a{
    display: block;
    font-size: 18px;
    line-height:26px; 
    font-weight: 900;
    color: #333333;
    margin-bottom: 8px;
    height:26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recommend-main dl dd a:hover{
    color: #e07564;
}
.recommend-main dl dd p{
    font-size: 14px;
    color: #999999;
    margin: 0 auto;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
}

.recommend-main dl.rules-list-cnt{
    padding: 0;
    margin: 0 25px 20px;
    width: 45%;
}
.recommend-main dl dt.rules-logo{
    width: 219px !important;
    padding: 0;
    border: none
}
.recommend-main dl dd.rules-cnt{
    width: 60%;
    padding: 0;
    margin: 0 auto;
    border: none
}
.recommend-main dl dd.rules-cnt .rules-type-list{
    display: block;
    width: 55%;
}
.recommend-main dl dd.rules-cnt .rules-type-list:first-child + .rules-type-list + .rules-type-list {
    width: 100%;
 }
.recommend-main dl dd.rules-cnt .rules-type-list:first-child + .rules-type-list {
   max-width: 105px;
}
.recommend-main dl dd.rules-cnt .rules-price {
    width: 69%;
    margin: 0 auto;
}
.recommend-main dl .detail-btn{
    float: right;
    font-size: 12px;
    line-height: 28px;
    color: #fff !important;
    background-color: #6973a7;
    margin: 4px 0 0;
    padding: 0 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px ;
    -moz-border-radius: 3px ;
    -ms-border-radius: 3px ;
    -o-border-radius: 3px ;
}
.recommend-main dl .rules-price span,.recommend-main dl .rules-price span b{
    color: #e58730;
}
.recommend-main dl .rules-price span b{
    font-weight: bold;
}
.jump-btn {
    padding: 6px 0;
    margin: 0 30px;
    text-align: center;
    /* background-color: #fdf4f3; */
    border: 1px solid #e07564
}
.jump-btn a{
    color: #e07564;
}
.jump-btn a b{
    font-size: 24px;
}

.main-inside-form .form-main textarea.form-control{
    width: 90.5%;
    height: 64px;
}
/* majordetail.html end */


/* page start */
.page{
    width: 100%;
    text-align: center;
    padding-top: 30px
}
.page>ul>li{
    float: left;
    cursor: pointer;
}
.page .pagezong:hover{ background-color: #fff;
    color: #000000;}
.page>a, .page>b{
    width: 10%;
    background-color: #fff;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    padding:10px 20px;
    margin-right:10px;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    cursor: pointer;
}

.page>a:hover,.page>ul>li>.active,.page>b{
    background-color: #192d76;
    border: 1px solid #192d76;
    color:#fff;
}

.fst-page a,.last-page a{
    padding-left: 5px;
    padding-right: 5px;
}
/* page end */




/* news start */
.news.module{
    margin-bottom: 30px
}
.news .headlines{
    width:420px;
    background-color: #fff;
}
.news .faq-chat{
    width: 425px;
}
.news .review{
    width: 354px;
    background-color: #fff;
    overflow: hidden;
}
.news .headlines,.news .review{
    padding: 0;
}
.news .headlines-box,.news .faq-chat-box,.news .review-box{
    padding: 20px 14px;
    background-color: #fff;
}
.news-item-title,.activty-title{
    margin-bottom: 20px;
}
.news-item-title h2,.news-item-title span{
    display: inline-block;
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 900;
    color: #213952;
}
.news-item-title h2 i,.news-item-title span i{
    padding: 2px 15px;
    background: url(../images/icon.png) no-repeat center
}
.news-item-title h2 .headlines-icon,.news-item-title span .headlines-icon{
    background-position: -4px 3px;
}
.news-item-title h2 .faq-icon,.news-item-title span .faq-icon{
    background-position: -4px -139px;
}
.news-item-title h2 .chat-icon,.news-item-title span .chat-icon{
    background-position: -4px -191px;
}
.news-item-title h2 .review-icon,.news-item-title span .review-icon{
    background-position: -4px -46px;
}
.activty-title a.more,.news-item-title a.more{
    font-size: 14px;
    margin-top: 6px;
    color: #a5aab0
}
.activty-title span{
    font-size: 16px;
    padding:0 15px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    position: relative;
    left: -15px;
    background: #e07564;
    color: #fff;
}
.activty-title span::after{
    content: '';
    display: block;
    width: 24px;
    height: 30px;
    background: url(../images/activity-bg.jpg) no-repeat center;
    position: absolute;
    right: -24px;
    top: 0
}
.activty-title span i{
    padding: 2px 15px;
    background: url(../images/icon.png) no-repeat -4px -97px;
}
.headlines dt{
    font-size: 20px;
    font-weight: 900;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.headlines dt a{
    color: #213952;
}
.headlines dd{
    height: 51px;
    line-height: 17px;
    font-size: 14px;
    color: #999999;
}
.headlines dd a,.headlines dt a:hover{
    color: #e07564;
}
.news ul li {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 3px;
}
.news ul li:last-child{
    margin-bottom: 0;
}
.news ul li a:first-child{
    width: 7%;
    min-width: 74px;
}
.news ul li a{   
    color: #31404c;
    float: left;
    width: 71%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news ul li a:hover,.faq-cnt dl dt a:hover{
    color: #e07564;
}
.news ul li > span{
    float: right;
    color: #666;
}

.headlines-main{
    /* margin-bottom: 20px; */
}
.headlines-main dl{
   padding-bottom: 15px;
   margin-bottom: 10px;
   border-bottom: 1px dashed #eee;
}
.headlines-main dl dt{
    margin-bottom: 8px;
}

.faq-cnt{
    margin-bottom: 15px;
}
.faq-cnt dl{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #eee;
}

.faq-cnt dl dt{
    padding-left: 30px;
    font-weight: normal;
    color: #333333;
    height: 24px;
    line-height: 24px;
    margin-bottom: 8px;
    background: url(../images/q.png) no-repeat left 5px center
}
.faq-cnt dl dt a{
    float: left;
    width: 74%;
    font-size: 16px;
    color: #213952;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.faq-cnt dl dt span{
    float: right;
    font-size: 14px;
    font-weight: normal;
    color: #c9ccd0;
    background: url(../images/icon-01.png) no-repeat left center;
    padding-left: 18px;
    cursor: pointer;
}
.faq-cnt dl dd{
    padding:5px 0 5px 30px;
    height: 50px;
    line-height: 20px;
    font-size: 14px;
    color: #666666;
    background: #f5f7f9 url(../images/a.png) no-repeat left 5px top 7px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.faq-cnt dl::before{
    position: absolute;
    display: block;
    content: '';
    top: 27px;
    left: 10px;
	width:0;
    height:0;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	border-bottom:5px solid #f5f7f9;
}

.chat-cnt {
    display: -webkit-box;
    display: flex;
}
.chat-cnt ul {
    flex: 1;
    padding-right: 15px;
    margin-right: 15px;
    border-right:1px solid #eee;
}
.chat-cnt ul li {
    font-size: 14px;
    color: #333333;
    padding-left: 16px;
    background: url(../images/qq.png) no-repeat left center;
}
.chat-cnt  ul li a{
    width: 100%;
}
.chat-cnt dl{
    width: 50%;
    padding: 0 10px;
    text-align: center
}
.chat-cnt dl:first-child dt {
    padding: 5px;
}
.chat-cnt dl dt{
    max-width: 110px;
    margin: 0 auto 10px;
}
.chat-cnt dl dd{
    font-size: 14px;
    color: #333333;
}


.news  .review-main ul li a{
    width: 100%;
    color: #31404c
}
.review-box  .review-main a.more,.headlines-main a.more{
    display: block;
    height: 41px;
    line-height: 40px;
    text-align: center;
    background: url(../images/dashed-bg.png) repeat-x center left
}
.review-box  .review-main a.more span,.headlines-main a.more span{
    padding: 0 10px;
    background-color: #fff;
    color: #a5aab0;
    font-size: 14px;
}
.review-box .review-main a.more span:hover,.headlines-main a.more span:hover{
    color: #e07564
}

/*modify nav-tabs default style start*/
.review-tabs{
    height: 40px !important;
    border-radius: 5px 5px 0 0 ;
    overflow: hidden;
    margin-bottom: 20px
}
.review-tabs ul{
    border-bottom: 0px !important;
}
.review-tabs ul li{
    width: 25%;
    height: 40px;
    text-align: center;
    cursor: pointer;
    border-top: 1px solid #fff;
    margin-top: 0 !important;
    font-size:156
}
.review-tabs ul li.active{
    border-top: 1px solid #fff;
}
.review-tabs ul li a,.review-tabs ul li a:hover{
    min-width: auto !important;
    border-radius: 0;
    background-color: #fff;
    width: 100% !important;
    border-bottom: 2px solid #fff;
}
.review-tabs li h3{
    position: relative;
    width: 100%;
}
.review-tabs li a{
    color: #333333;
    font-size: 14px;
    line-height: 37px;
    padding: 0;
    border: none;
}
.review-tabs li a::after{
    content: '';
    display: block;
    width: 1px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 14px;
    background-color: #efeff0;
    z-index: 1;
}
.review-tabs li:last-child a::after{
    display: none
}
.review-tabs li.active a,.review-tabs li.active a:focus,.review-tabs li.active a:hover,.review-tabs li a,.review-tabs li a:hover{
    background: #fff;
    color: #e07564;
    border: none;
    border-bottom: 2px solid #e07564;
    border-top: 0px !important;
}
.review-tabs ul li.more,.review-tabs li.more a,.review-tabs li.more a:hover,.review-tabs li.more:hover a{
    font-size: 12px;
    height: 23px;
    text-align: right;
    color: #e07564;
    border-top: 0px !important;
}
.review-main .carousel {
    margin-bottom: 15px;
}
.review-main .carousel-caption {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding: 0 0 0 2%;
    left: 0;
    bottom: 0;
    background: rgba(12,37,77,.88);
}
.review-cnt {
    text-align: center
}
.review-cnt > a{
    display: inline-block;
    margin-bottom: 10px
}


.news .dynamic .review-main ul li a{
    float: left;
    width: 75%;
    width: calc(100% - 75px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.news .dynamic .review-main ul li a:first-child{
    width: 75px !important;
}
.news .dynamic .review-main ul li a > span,.news .dynamic .review-main ul li a > em{
    float: left;
}
.news .dynamic .review-main ul li a > span{
    width: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center
}

.headlines-main ul li {
    line-height: 28px;
    height: 28px;
}
/* news end */

/* flow start */
.flow{
    margin-bottom: 50px;
}
.flow-bg{
    padding: 24px 30px 20px;
    background: #f5f7f9 url(../images/ruler-img.png) repeat-x top left
}
.flow-item{
    float: left;
    width: 11.111%;
    text-align: center;
}
.flow-item dt{
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.flow-num{
   position: relative;
   padding: 10px 0 12px;
   background: url(../images/flow-bg2.png) repeat-x center left
}
.flow-item:first-child .flow-num::after,.flow-item:last-child .flow-num::after{
    position: absolute;
    content: '';
    display: block;
    width: 11px;
    height: 100%;
    top: 0;
}
.flow-item:first-child .flow-num::after{
    left: 0;
    background: #f5f7f9 url(../images/flow-bg1.png) no-repeat center left
}
.flow-item:last-child .flow-num::after{
    right: 0;
    background: #f5f7f9 url(../images/flow-bg3.png) no-repeat center right
}
.flow-num span{
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background-color: #e07564;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}
.flow-cnt p{
    font-size: 14px;
    line-height: 18px;
    color: #888
}
.flow-cnt a{
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background-color: #e07564;
    padding: 0 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: 0 4px 5px rgba(237,127,59,.4)
}
/* flow end */


/* module style start */

.school-dl{
    float: left;
    width: 23%;
    margin: 1%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
}
.school-dl dt{
    text-align: center;
}
.school-dl dt img{
    width: 100%;
}
.school-dl:hover,.coach-dl:hover{
    box-shadow: 0 2px 5px 2px rgba(0,0,0,.1)
}

.item-title{
    display: block;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #213952;
    margin-bottom: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: content-box;
}
/* module style end */


/* major-tag start */
.major-tag-cnt{
    float: left;
    width: 30%;
}
.major-tab-small{
    width: 20%;
}
ul.major-tag-cnt li{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 0 5px;
    margin: 0 auto 10px;
}
ul.major-tag-cnt li a{
    line-height: 30px;
    padding: 15px 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
ul.major-tag-cnt .li-rowspan2 a{
    padding: 50px 5px;
}
ul.major-tag-cnt li:hover a{
    -moz-box-shadow: 0px 10px 10px -5px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 10px 10px -5px rgba(0,0,0,.3);
    box-shadow: 0px 10px 10px -5px rgba(0,0,0,.3);
}
ul.major-tag-cnt li a{
    display: block;
    color: #fff;
}
.tab-bg1{
    background-color: #72a7c9
}
.tab-bg2{
    background-color: #7c8ec0
}
.tab-bg3{
    background-color: #7dafa4
}
.tab-bg4{
    background-color: #5e90c5
}
.tab-bg5{
    background-color: #b5859b
}
.tab-bg6{
    background-color: #d09879
}
.tab-bg7{
    background-color: #c58686
}
.tab-bg8{
    background-color: #98b984
}
/* major-tag end */

/* major start */

.scroll-box{
    background-color: #fff;
}
#navbar-example{
    display: none;
    position: fixed;
    background-color: #fff;
    width: 80px;
    margin-left: 20px;
    text-align: center;
    left: 0;
    top: 20%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    z-index: 999;
}
#navbar-example .navbar-title{
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: url(../images/left-nav-bg.jpg) no-repeat center center;
    background-size: cover
}
#navbar-example li{
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 6px 0;
    border-bottom: 1px solid #eeeeee 
}
#navbar-example li a{
    padding: 0;
    margin: 0;
    color: #213952
}
#navbar-example li.active,#navbar-example li:hover{
    background-color: #d7e0ea;
    
}
#navbar-example li.active a,#navbar-example li:hover a{
    background-color: #d7e0ea;
    color: #213952 !important;
}
#navbar-example li:focus a,#navbar-example li:hover a,#navbar-example .nav-tabs > li.active > a{
    border-color: #d7e0ea !important
}




.card-dl{
    float: left;
    width: 19%;
    margin: 1% 0.5%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
    border: 1px solid #ebebeb
}
.card-dl dd{
    padding: 15px 10px;
    background-color: #fff;
}
.card-dl dt a{
    display: flex;
    display: block \9;
    width: 100%;
    font-size: 22px;
    line-height: 26px;
    height: 148px;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 46px 20px;
    font-weight: bold;
    color: #333;
    background-size: contain !important;
    z-index: 9;
}
.card-dl .card-bg-hover{
    position: relative;
    background: url(../images/major-bg.jpg) no-repeat center center;
}
.card-dl .card-bg-hover:hover{
    box-shadow: 0 2px 5px 2px rgba(0,0,0,.1);
}
@-webkit-keyframes fireworks {
    0%{
        background-position-x: -1.5px;
    }
    50%{
        background-position-x: 1.5px;
    }
    100%{
        background-position-x: -1.5px;
    }
}
@-moz-keyframes circle-opacity {
    0%{
        background-position-x: -1.5px;
    }
    50%{
        background-position-x: 1.5px;
    }
    100%{
        background-position-x: -1.5px;
    } 
}
@-o-keyframes circle-opacity {
    0%{
        background-position-x: -1.5px;
    }
    50%{
        background-position-x: 1.5px;
    }
    100%{
        background-position-x: -1.5px;
    }
}

@keyframes fireworks {
    0%{
        background-position-x: -1.5px;
    }
    50%{
        background-position-x: 1.5px;
    }
    100%{
        background-position-x: -1.5px;
    }
}

.card-dl .card-bg-hover:hover a{
    position: relative;
    font-size: 20px;
    -webkit-animation: fireworks .3s ;
    animation: fireworks .3s ;
}
.card-dl dt.card-bg-color1 a{
    color: #40548f;
    background: url(../images/card-border1.png) no-repeat center center;
}
.card-dl dt.card-bg-color2 a{
    color: #4d83a7;
    background: url(../images/card-border2.png) no-repeat center center;
}
.card-dl dt.card-bg-color3 a{
    color: #b56355;
    background: url(../images/card-border3.png) no-repeat center center;
}
.card-dl dt.card-bg-color4 a{
    color: #34909f;
    background: url(../images/card-border4.png) no-repeat center center;
}
.card-dl dt.card-bg-color5 a{
    color: #89546e;
    background: url(../images/card-border5.png) no-repeat center center;
}
.card-dl dt.card-bg-color6 a{
    color: #6659a1;
    background: url(../images/card-border6.png) no-repeat center center;
}
.card-dl dt.card-bg-color7 a{
    color: #448b7d;
    background: url(../images/card-border7.png) no-repeat center center;
}
.card-dl dt.card-bg-color8 a{
    color: #b8691a;
    background: url(../images/card-border8.png) no-repeat center center;
}
.card-dl dt.card-bg-color9 a{
    color: #3f4447;
    background: url(../images/card-border9.png) no-repeat center center;
}


.card-dl .icon{
    padding: 0 10px;
}
.star-icon{
    background: url(../images/icon.png) no-repeat -8px -721px
}
.card-icon{
    background: url(../images/icon.png) no-repeat -8px -534px
}
.card-cnt p{
    font-size: 14px;
    font-weight: bold;
    color: #2a3255; 
    margin-bottom: 6px;
}
.card-cnt > a{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #464d6c;
    padding-left: 10px;
    margin-bottom: 5px;
    background: url(../images/li-bg.jpg) no-repeat center left
}

.card-cnt > a:last-child{
    margin-bottom: 0;
}
.card-cost span{
    display: inline-block;
    font-size: 12px;
    line-height: 26px;
    font-weight: normal;
    color: #666;
}
.card-cost span b{
    font-size: 22px;
    font-weight: bold;
    color: #f02e2e
}
.card-cost a{
    float: right;
    display: inline-block;
    padding: 0 8px;
    font-size: 12px;
    line-height: 26px;
    border-radius: 3px;
    color: #fff;
    background-color: #f48989
}
.card-cost a:hover{
    background: #d75e62
}

.major-tag-box{
    padding: 40px 0;
    margin-bottom: 0 !important
}
.module-sub-title h3{
    font-size: 24px;
    font-weight: bold;
    color: #213952;
    margin-bottom: 15px
}
.module-sub-title h3 .more{
    float: right;
    font-size: 16px;
    font-weight: normal;
    color: #999;
    line-height: 26px;
}
.module-sub-title h3 .more:hover{
    color: #e07564 !important
}
.major-list-box{
    margin-bottom: 30px
}
.major-list-box:last-child{
    margin-bottom: 0 !important;
}
.module-sub-title i{
    padding: 0 15px;
    margin-right: 10px;
    background: url(../images/icon.png) no-repeat
}
.module-sub-title i.computer-icon{
    background-position: -1px -502px;
}
.module-sub-title i.kit-icon{
    background-position: -1px -456px;
}
.module-sub-title i.currency-icon{
    background-position: -1px -553px;
}
.module-sub-title i.air-icon{
    background-position: -1px -412px;
}
.module-sub-title i.machine-icon{
    background-position: -1px -368px;
}
.module-sub-title i.art-icon{
    background-position: -1px -327px;
}

.major-tag-box .major-recd {
    margin-bottom: 80px
}

#filter-major3{
    display: none
}
/* major end */

/* special start */
.special-dl{
    float: left;
    width: 32.333%;
    margin: 0 0.5% 2%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
}
.special-dl dd{
    padding: 15px ;
	background-color: #fff;
	border: 1px solid #ebebeb;
    border-top: none;
}
.special-dl dt a{
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    padding: 32px 0;
    font-weight: bold;
    color: #f5f7f9;
    background: url(../images/card-bg.png) no-repeat center center;
    background-size: cover;
    z-index: 9;
}
.card-bg-color1 dt{
    background-color: #5f90c5;
}
.card-bg-color2 dt{
    background-color: #6da4c7;
}
.card-bg-color3 dt{
    background-color: #79aca1;
}
.card-bg-color4 dt{
    background-color: #b4859b;
}
.card-bg-color5 dt{
    background-color: #7c8dbf;
}
.special-cnt{
	padding-top: 10px;
	border-top: 1px dashed #ccc
}
.special-text {
	font-size: 12px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 10px
}
.special-text > span{
	float: left;
	width: 65px;
}
.special-text > p{
	color: #888;
	margin-left: 65px;
}

.special-dl .icon{
    padding: 0 10px;
    margin-right: 0
}

.special-cnt p{
    font-size: 14px;
    font-weight: bold;
    color: #333; 
    margin-bottom: 6px 
    /* margin-bottom: 10px    */
}
/* .special-cnt a{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #888;
    margin-bottom: 5px
} */

.special-cnt a:last-child{
    margin-bottom: 0;
}

.special-cnt li.tit{
	font-weight: bold;
	margin-bottom: 10px
}
.special-cnt li{
	height: 20px;
	line-height: 20px;
    margin-bottom: 6px 
}
.special-cnt li a{
    float: left;
    font-size: 14px;
	/* width: 100%; */
	width: calc(100% - 40px);
	color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.special-cnt li span{
    float: right;
    width: 40px;
    font-size: 14px;
    color: #999
}
.special-cnt li a.more{
	float: right;
	width: auto;
	font-size: 12px;
	font-weight: normal;
	color: #888
}
.special-cnt li a > span:hover{
	color: #b59039
}
/* .special-cnt li a:first-child{
    width: 90px !important;
} */
.special-cnt li a > span,.special-cnt li a > em{
    float: left;
}
.special-cnt li a > span{
	color: #31404c;
    width: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center
}
.special-cnt li a:hover{
	color: #b58e4b
}
/* special end */


/* coach start */
.coach-box{
    padding-bottom: 30px;
} 
.coach-dl{
    float: left;
    width: 23%;
    margin: 1%;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    background-color: #fff;
}
.coach-dl dt{
    background-color: #e9ecf1;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    overflow: hidden;
    text-align: center;
}
.coach-dl dd{
    padding: 20px
}
.coach-cnt b{
    font-weight: normal;
    color: #213952;
}
.coach-cnt p{
    font-size: 14px;
    color: #878996;
    margin-bottom: 8px;
}
.coach-cnt p span{
    font-size: 16px;
    font-weight: bold;
    color: #e07564;
}
/* coach end */


/* link start */
.link{
    padding-top: 0 !important;
}
.link .module-sub-title h2,.link .module-sub-title span{
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    padding-left: 13px;
    color: #213952;
    background: url(../images/moudle-title-bg.jpg) no-repeat center left;
    margin-bottom: 20px
}
.link a {
    padding: 0 10px 10px;
    display: block;
    float: left;
    font-size: 16px;
    color: #333;
}
.link a:hover{
    color: #e07564
}
/* link end */



.banner img{
    max-width:none \9;
    width: auto \9;
}
.chat-cnt ul{
    float: left \9;
}


.chat-cnt dl{
    float: right \9;
}


.major-secword-md{
    padding: 20px 0 0;
    background: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    margin-bottom: 30px;
    overflow: hidden;
}
.major-secword-md .major-moudle{
    box-shadow: inset 0 6px 10px -4px rgba(0,0,0,.2);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0 !important;
}
.major-secword-tit{
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 25px;
}
.major-secword-tit::after{
    position: absolute;
    display: block;
    content: '';
    width: 4px;
    height: 100%;
    background: #e07564;
    left: -20px;
    top: 0;
    border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
}
.major-secword-tit span{
    color: #e07564;
}
.major-secword {
    padding: 0 20px;
    margin-bottom: 20px;
}
.special-news .li-space{
    float: left;
    width: 90px;
    width: 8.333%;
    text-align: center;
}
.special-news .li-space a {
    display: block;
    font-size: 16px;
    color: #333;
}

.special-news li a:hover {
    color: #366494;
}
.major-secword .main01-icon{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: url(../images/major-secword.png) no-repeat;
}
.main01-icon.icon1{ 
    background-position: 3px 4px;
}
.main01-icon.icon2{
    background-position: 3px -46px;
}
.main01-icon.icon3{
    background-position: 3px -96px;
}
.main01-icon.icon4{
    background-position: 3px -146px;
}
.main01-icon.icon5{
    background-position: 3px -196px;
}
.main01-icon.icon6{
    background-position: 3px -246px;
}
.main01-icon.icon7{
    background-position: 3px -296px;
}
.main01-icon.icon8{
    background-position: 3px -346px;
}
.main01-icon.icon9{
    background-position: 3px -396px;
}
.main01-icon.icon10{
    background-position: 3px -446px;
}
.main01-icon.icon11{
    background-position: 3px -496px;
}
.main01-icon.icon12{
    background-position: 3px -546px;
}

.special-news li:hover .main01-icon.icon1 {
    background-position: -36px 4px;
}

.special-news li:hover .main01-icon.icon2 {
    background-position: -36px -46px;
}

.special-news li:hover .main01-icon.icon3 {
    background-position: -36px -96px;
}

.special-news li:hover .main01-icon.icon4 {
    background-position: -36px -146px;
}

.special-news li:hover .main01-icon.icon5 {
    background-position: -36px -196px;
}

.special-news li:hover .main01-icon.icon6 {
    background-position: -36px -246px;
}

.special-news li:hover .main01-icon.icon7 {
    background-position: -36px -296px;
}

.special-news li:hover .main01-icon.icon8 {
    background-position: -36px -346px;
}

.special-news li:hover .main01-icon.icon9 {
    background-position: -36px -396px;
}

.special-news li:hover .main01-icon.icon10 {
    background-position: -36px -446px;
}

.special-news li:hover .main01-icon.icon11 {
    background-position: -36px -496px;
}

.special-news li:hover .main01-icon.icon12 {
    background-position: -36px -546px;
}

@media (min-width: 1440px){
    .banner .carousel-indicators{
        right: 120px;
    }
}

@media only screen and (max-width: 1200px) {
    .container{
        width: 98%;
    }
    .module,.module > .container,.link{
        margin-bottom: 3%
    }
    .module-bg,.major-tag-box {
        padding:3% 0
    }
    
    .banner .carousel-indicators{
        right: 20px;
    }
   
    .news .headlines {
        width: 100%;
    }
    .news .faq-chat,.news .review{
        width: 50%;
    }
    .news .headlines{
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .news .faq-chat{
        padding-left: 0;
        padding-right: 20px
    }

    /* majordetail start */
    .recommend-main dl {
        width: 48%;
        margin: 0 1% 20px;
        margin-bottom: 20px;
        padding: 0;
    }
    .recommend-main dl .detail-btn{
        padding: 0 4%
    }
    .main-inside-form .form-main textarea.form-control{
        width: 83%;
    }
    /* majordetail end */

    .item-title{
        font-size: 18px;
    }
    .card-dl{
        width: 23%;
    }
    .item-cnt p{
        height: 40px;
        overflow: hidden;
    }

    .photolist-box{
        padding: 0 2%
    }
    .input-group-span{
        font-size: 14px;
    }
    .introduce input.form-control{
        padding-left: 4%
    }
    .introduce .checkbox-group .form-control{
        padding: 0
    }
    .introduce .form-control {
        display: inline-block;
        padding-left: 2%;
    }
    .form-main .select-group .form-control{
        padding-left: 3%;
    }

    .filter-tabs-box{
        width: 87%;
    }
    .filter-box .filter-type > ul .search-li{
        width: 90%;
    }

    .add-more,
    .add-more:focus,
    .no-more,
    .no-more:focus {
     margin:0 2.5%
    }

    .main-inside-form .form-main .input-group-addon {
        max-width: none !important;
    }
}

@media only screen and (max-width: 1024px) {
    .banner .carousel-indicators li,.banner .carousel-indicators li.active{
        width: 87px;
        height: 48px;
    }
    
    .news .review,.news .faq-chat{
        margin-bottom: 0;
    }
    
    .module-title .more{
        font-size: 14px;
    }
    
    .chat-cnt dl{
        width: 29%;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }
    .chat-cnt dl dd{
        font-size: 12px;
    }
    .banner .carousel-indicators {
        position: absolute;
        left: 50%;
        top: auto;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }
    .banner .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        border: 1px solid #fff;
        border-radius: 10px;
    }
    .banner .carousel-indicators li.active {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0;
        border: 1px solid #fff;
        background-color: #fff;
    }


    .school-dl,.coach-dl{
        width: 31.33%;
    }
    
    .flow-item{
        width: 20%;
        margin-bottom: 4%
    }


    
    .faq-chat-box .faq{
        padding: 3% 0;
        margin-bottom: 4%
    }
    .introduce{
        padding: 3%
    }
    .introduce-cnt{
        padding: 2%
    }
    .introduce-cnt li,.container-title .consult{
        font-size: 14px
    }
    .introduce-l,.introduce-r,.faq-cnt{
        width: 100%;
        margin: 0 auto 5%;
    }
    
    .introduce .school-news,.faq-form .form-main{
        width: 100%;
        max-width: none;
    }
    .introduce .form-title{
        background-size: cover;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
   
   
    .faq-form{
        width: 100%;
    }
    .introduce .form-horizontal,.faq-form form{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .introduce .form-horizontal .form-group,.faq-form .form-group,.faq-form .form-tool-box{
        width: 50%;
        display: flex;
        justify-content: center;
        float: left;
    }
    .introduce .form-horizontal .form-group,.faq-form .form-horizontal .form-group{
        margin-bottom: 15px;
    }
    .faq-form .form-tool-box .must-box{
        text-align: left;
        margin: 2% 0;
        flex: 1;
    }
    .introduce .input-group-span,.faq-form form .input-group-span{
        width: auto;
        min-width: 50px;
    }
    .faq-form .submit-group{
        float: left;
    }

    .rules-logo {
        width: 24%;
    }
    .rules-cnt{
        width: 73%;
        width: calc(74% - 1px);
        padding-right: 0;
        margin: 0 0 0 2%;
        border-right: 0;
    }
    .rules-type-list{
        line-height: 28px;
    }

    .rules-btn {
        width: 73%;
        width: calc(74% - 1px);
        margin-left: 25%;
        height: 48px;
        justify-content: flex-start
    }
    .rules-btn a{
        float: left;
        width: 46%;
        max-width: 120px;
        line-height: 26px;
        margin: 0 1% 10px;
    }
    .ruleslist-item{
        padding-bottom: 2%;
        margin-bottom: 3%;
    }
    .rules-btn .detail-btn{
        margin-bottom: 10px;
    }
    .rules-btn .order-btn{
        line-height: 24px
    }
    /* majordetail start */
    .major-share-hd .major-share-img{
        padding: 44px 4%;
        font-size: 30px
    }
    .major-share-bd h1{
        margin-bottom: 3%
    }
    .recommend-main dl,.recommend-main dl.rules-list-cnt {
        width: 98%;
    }
    .recommend-main dl.rules-list-cnt{
        margin: 0 1% 3%
    }
    .recommend-main dl dd.rules-cnt{
        width: calc(100% - 239px);
    }
    .recommend-main ul li {
        width: 98%;
        margin: 0 1% 1%
    }
    .recommend-main ul li .newslist-img {
        width: 30%;
    }
    .recommend-main .moudle-title{
        padding: 4% 0
    }
    /* majordetail end */

    .filter-tabs-box{
        margin-left: 0;
    }
    .filter-box .filter-type > ul .search-li{
        width: 86%;
    }
    .school-box .moudle-title,.major-box .moudle-title {
        padding: 4% 0
    }

    
    .school-logo {
        width: 24%;
    }
    .school-cnt {
        width: 73%;
        width: calc(74% - 1px);
        padding-right: 0;
        margin: 0 0 0 2%;
        border-right: 0;
    }
    .school-type-list{
        line-height: 28px;
    }
    .school-btn {
        width: 73%;
        width: calc(74% - 1px);
        margin-left: 120px;
        height: 56px;
    }
    .school-btn a{
        float: left;
        width: 46%;
        max-width: 120px;
        line-height: 26px;
        margin: 0 1% 10px;
    }
    .schoollist-item{
        padding: 2% 0;
    }
    .school-btn .detail-btn{
        margin-bottom: 10px;
    }
    .school-btn .order-btn{
        line-height: 24px
    }

    .school-type-list b,.school-type-list .adv-tag {
        float: left;
    }
    .school-type-list .adv-tag{
        margin: 0 1% 1%;
        padding: 0 10px;
    }


    .major-box .school-cnt{
        width: 76%;
    }
    .major-box .school-btn{
        width: 24%;
    }
    .major-box .school-btn a{
        width: 70%;
        padding: 5px 2%;
        line-height: 1.3;
        margin: 0 13%;
    }
    .major-share-bd > div ul,.bmzx-btn{
        float: none;
    }
    .bmzx-btn{
        display: block;
        width: 100%;
        max-width: 200px;
        margin: 3% auto
    }

    .page{
        padding-top: 3%
    }
    .page [title],.page>.pagezong{
        display: none;
    }
    .page a, .page>b {
        max-width: 120px;
        width: 22%;
        margin-right: 1%;
        padding: 0;
        display: inline-block;
    }
    .page a,.page>b{
        display: none;
    }
    .page a.fst-page,.page a.pre,.page a.next,.page a.last-page{
        display: inline-block;
    }  

    .major-tag-cnt{
        width: 100%;
    }
    ul.major-tag-cnt li a{
        padding: 3px !important;
    }

    .add-more,
    .add-more:focus,
    .no-more,
    .no-more:focus {
        line-height:1.4;
        padding:1.5% 0;
        margin-top:3%
    }
}
@media only screen and (max-width: 900px){
    .card-dl,.special-dl{
        width: 31.33%;
    }

    .special-news .li-space{
        width: 18%;
        margin: 1%;
    }
}

@media only screen and (max-width: 767px){
    .banner .carousel-inner > .item > a > img, .banner .carousel-inner > .item > img{
        max-width: 120%;
        margin-left: -10%
    }
   
    .major-share-bd h1, .major-share-bd ul{
        margin-left: 0
    }
    .major-list-box{
        margin-bottom: 4%
    }
    .module-sub-title i{
        padding: 2px 15px;
    }
    .module-title h2{
        min-width:auto;
        height: auto;
        font-size: 32px;
        line-height: 1.4
    }
    .module-sub-title h3 .more{
        font-size: 14px
    }
    #filter-address{
        height: auto !important;
    }
    .filter-tools{
        background: #fff;
        padding: 1% 2% 3%;
        /* padding-bottom: 2% */
    }
    .filter-tools .search-box{
        width: 100%;
        max-width: none;
    }
    .filter-tools .search-input,.filter-tools .search-box input {
        width: calc(100% - 50px);
    }

    .news-item-title, .activty-title{
        margin-bottom:3%
    }
    /* .filter-title li{
        font-size: 16px;
        font-weight: bold;
    } */
    .headlines-main{
        margin-bottom:0;
    }
    ul.major-tag-cnt li a{
        font-size: 14px;
    }
    .module,.module > .container,.link,.major-tag-box .major-recd {
        margin-bottom: 4%
    }
    .module-bg,.major-tag-box {
        padding:4% 0
    }
    ul.major-tag-cnt .li-rowspan2 a{
        padding:15px 5px;
    }
    .banner .carousel-indicators{
        bottom: 0;
    }
    .review-cnt > a{
        float: left;
        width: 48%;
        margin: 1%;
    }
    .review-tabs{
        margin-bottom: 3%
    }
    .headlines-box ul li span{
        width: 40px;
    }
    .headlines-box ul li a{
        width: calc(100% - 74px - 40px);
    }

    .news .faq-chat,.news .review{
        padding: 0;
        width: 100%;
    }
    /* majordetail start */



    .major-share-bd{
        width: 100%;
    }

    .major-moudle{
        padding: 3%
    }
    .major-share-hd{
        display: none;
    }
    .major-text-box, .major-share-hd{
        margin-bottom: 2%
    }
    .major-share-bd > div ul li,.major-text-box p{
        font-size: 14px;
    }

    
    .major .bdshare-button-style0-24 .bds_title{
        padding-left: 0
    }
    .major-share-bd h1{
        font-size: 30px;
        line-height: 1.4
    }

    .recommend-main,.major-moudle{
        margin-bottom: 3%
    }
    .recommend-main .moudle-title{
        font-size: 22px;
        line-height: 30px;
    }
    .recommend-main ul{
        padding: 0 10px;
    }
    .recommend-main ul li .newslist-title{
        margin-bottom: 2%
    }
    .recommend-main ul li .newslist-title,.recommend-main dl dd a{
        font-size: 16px
    }
    .recommend-main ul li p{
        font-size: 12px
    }

    .recommend-main dl {
        margin-bottom: 3%;
        padding: 0;
    }
    .recommend-main dl dt .t-day {
        font-size: 30px;
        line-height: 30px;
    }
    .recommend-main dl dd.rules-cnt .rules-type-list{
        width: 100%;
    }
    .recommend-main dl .detail-btn{
        display: none
    }

    .school-box .main-inside-form .form-box{
        margin: 5% 2% 0;
    }
    /* majordetail end */
   

    .module-sub-title h3,.link .module-sub-title h2,.link .module-sub-title span{
        font-size: 20px;
    }
    .headlines dd,.modular-title a.more,.flow-cnt p,.flow-cnt {
        font-size: 12px;
    }

    .link a{
        font-size: 14px;
    }

    .faq-cnt dl dd{
        height: 48px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }  
   
    .news .review-box{
        padding-top: 5%;
    }
    .news ul li{
        display: -webkit-flex;
        display: flex;
    }
    /* .news ul li a:first-child + a{
        flex: 1;
    } */
    .headlines dd{
        height: auto;
    }
    .faq-cnt,.chat,.module-title{
        margin-bottom: 3%
    }
    .news .headlines,.news .faq-chat{
        background-color: #fff;
    }

    .flow-bg{
        padding: 20px 2% 0;
    }
    .school-box,.news .headlines,.news .faq-chat{
        margin-bottom: 5%
    }
    .school-dl .item-btn{
        font-size: 12px
    }
    .school-dl dd,.card-dl dd,.coach-dl dd{
        padding: 5%
    }
    .module-sub-title h3{
        margin-bottom:3%;
    }
    .item-title{
        height: 26px;
        line-height: 26px;
        padding-bottom:3% !important;
        margin-bottom:3% !important;
    }
    .card-dl dt a{
        padding: 2% 4%;
        height: 130px;
        font-size:18px;
    }
    .card-cost a{
       line-height: 22px;
    }
    .major-tag-box{
        margin-bottom:0;
    }
    .ruleslist-item:last-child{
        margin-bottom: 0;
    }
    .introduce-box .adv-cnt b, .introduce-box .adv-cnt .adv-tag {
        float: left;
        margin: 1%;
    }
    .fullSlide .bd img{
        max-width: 150%;
        margin-left: -25%
    }
    .fullSlide .hd{
        bottom: 1%
    }
    .figurelist {
        padding-top: 10px;
    }
    .news-main{
        padding-top: 5% !important;
        margin-bottom: 3% !important;
    }
    .faq-chat-box .faq {
        padding: 0% 0 0;
        margin-bottom: 3%
    }
    .introduce-l .form-title,.introduce-box, .student-box,.photo-box, .link-box,.rules,.introduce-main .container-title,.introduce-box .detail-cnt{
        margin-bottom: 3%
    }
    .container-title h2, .container-title p{
        font-size: 22px;
    }
    .ruleslist{
        padding: 3% 2%
    }
    .figurelist .figure-cnt{
        padding: 5%
    }
    .rules-cnt .rules-tit {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .link-box a{
        font-size: 12px
    }
   
    .faq-cnt dl{
        width: 98%;
        padding-bottom: 3%;
        margin-bottom: 3%;
    }

    .faq-form .form-title {
        padding: 2% 0;
        width: auto;
        float: none;
        text-align: center;
        font-size: 18px;
        color: #fff;
        background-color: #363463;
    }
    .faq-form .course-cnt{
        padding: 4% 2% 0;
        margin: 0 auto;
        text-align: center
    }
    .faq-form-l{ 
        width: 100%;
        margin: 0 auto;
    }
    .faq-form-r,.faq-form .textarea-group{
        width: 100%;
        margin: 0 auto 20px;
    }
    .faq-form .input-group-span{
        width: auto;
        padding: 7px 10px 0;
    }
    .faq-form .submit-group input{
        max-width: 220px;
    }
    .faq-form .form-horizontal{
        margin-left: 0
    }

    .introduce .form-horizontal,.faq-form .form-horizontal{
        padding: 3% 0 2%
    }


    .introduce .submit-group input, .introduce .submit-group button,.introduce-box .detail-cnt b,.introduce-box .detail-cnt span,.introduce-box .adv-cnt b, .introduce-box .adv-cnt .adv-tag,.introduce-box .detail-cnt a{
        font-size: 14px
    }
    .introduce .input-group-span, .faq-form form .input-group-span{
        font-size: 12px;
    }
    .faq-form .form-main{
        padding: 0;
        margin-bottom: 5%
    }
    .container-title h2 i.school-icon{
        padding: 2% 15px;
    }
    .container-title h2 i.photo-icon,.container-title h2 i.faq-icon{
        padding: 1% 15px
    }


    .news .headlines-box, .news .faq-chat-box, .news .review-box{
        padding:3% 2%;
    }
    
    .school-box,.major-box{
        margin-bottom: 3%;
        padding-bottom: 3% 
    }
    .school-box .moudle-title,.major-box .moudle-title{
        font-size: 22px;
        line-height: 1.3;
    }

    .filter-title{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        padding-left: 5%
    }
    .filter{
        position: relative;
        width: 100%;     
    }
    .filter-box{
        padding: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
    .filter-type{
        margin-bottom: 0
    }
    .filter-box .filter-type > ul{
        width: 98%;
        margin: 0 1%;
        padding: 10px 0 0;
    }
    .filter-type p,.filter-type,.filter-box .filter-type > ul li.open-btn{
        display: none;
    }
    /* .filter-box{
        position: relative;
    } */

    .filter-tabs{
        text-align: center;
    }
    .filter-box .filter-type > ul li span,.filter-box .filter-type > ul li a{
        line-height: 30px;
        padding: 0 10px;
    }
    .filter-type a.more {
        float: right;
        width: 15%;
        text-align: right;
        display: block;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
    .filter-box .filter-type > ul .search-li{
        width: 90%;
        margin-left: 0
    }
    .filter-box .filter-type > ul .search-li .search-box{
        top: -30px;
        left: 60px;
    }
    .filter-box .filter-type > ul .search-li > ul{
        /* margin-top: -20px */
    }

    .filter-tabs-box .nav-tabs{
        display: flex;
        justify-content: center;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }
    .filter-tabs-box .nav-tabs > li{
        margin: 0 15px;
    }
    .filter-tabs-box{
        width: 100%;
        margin-top: 0;
        padding-top: 10px
    }

    .filter-title.major-filter-title li{
        width: 40%;
        line-height: 28px;
        border: 1px solid #ddd;
        border-radius: 3px
    }
    .filter-title.major-filter-title li > span{
        display: inline-block;
        min-width: 80%;
    }
    #filter-major .filter-tools{
        padding: 1% 6% 3%;
    }
    .filter-title.major-filter-title  li.have-param:before{
        display: none !important
    }




    
/* 20200601 start */
.filter-box .filter-type > ul li.select-all{
    position: static;
    width: 31.333%;
}
	.filter-box.open .filter-mark{
		display: block;
	}
	.filter {
		position: relative;
        width: 100%;
        z-index: 2;
	}
    .moubile-filter-tit li[data-state="true"]::after{
        display: block;
        position: absolute;
        content: '';
        width: 100%;
        height: 41px;
        background: #fff;
        border: 1px solid #eee;
        border-radius: 2px 2px 0 0;
        z-index: 0;
        left: -1px;
        top: -1px;
        z-index: -1;
        box-sizing: content-box;
    }
    .moubile-filter-tit li > span{
        position: relative;
        padding-right: 10px;
    }
    .moubile-filter-tit li.have-param{
        color: #d7762c;
        border: 1px solid #d7762c;
        border-radius: 3px;
    }
    .moubile-filter-tit li.have-param::before,.moubile-filter-tit li > span::before{
        display: block;
        content: '';
        position: absolute;
        width: 10px;
        height: 100%;
        background-color: none !important;
        background: url(../images/down.png) no-repeat center center;
        background-size: 8px;
        top: 0;
        right: 5px;
        z-index: 2;
    }
    .moubile-filter-tit li.have-param > span::before{
        display: none !important;
    }
    .moubile-filter-tit li>span::before{
        right: 0;
    }
    .moubile-filter-tit li p{
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        padding-left: 2px;
        padding-right: 12px;
        background: #fff;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
		font-size:12px;
    }


    .filter-box .filter-type>ul li{
        width: 31.333%;
        margin: 2px 1%;
        font-size: 14px;
        line-height: 30px;
    }
    .filter-box .filter-type > ul li a, .filter-box .filter-type > ul li span, .filter-box .tab-content ul li a{
        width: auto;
        border-radius: 2px
    }
    .moubile-filter-tit{
        display:block;
        overflow-x: auto;
        padding: 0 0 5px;
        overflow-y: hidden;
        margin-bottom: -1px
    }
    .moubile-filter-tit ul{
        display: block;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:distribute;
        justify-content:space-around;
        -ms-flex-align:center;
        align-items:center;
        width: 570px;
        height: 40px;
        line-height: 40px;
        background-color:#fff;
        padding-left: 5px;
        padding-right: 5px
        /* box-sizing: border-box */
    }
    .moubile-filter-tit li {
        position: relative;
        float: left;
        margin: 0 5px;
        padding: 0 2%;
        text-align: center;
        font-size: 14px;
        line-height: 28px;
        cursor: pointer;
        width: 104px;
        min-width: 104px;
        background: #f2f2f7;
        border: 1px solid #f2f2f7;
        white-space: nowrap;
        /* overflow: hidden; */
        text-overflow: ellipsis;
        border-radius: 2px;
        z-index: 13;
    }
    .filter-box .filter-type > ul > li.active > a, .filter-box .filter-type > ul > li.active > span, .filter-box .filter-type > ul > li:hover > a, .filter-box .filter-type > ul > li > ul > li.active > a, .filter-box .filter-type > ul > li > ul > li:hover > a, .filter-box .tab-content ul li.active a{
        /* color: #439AC5;  */
        color: #fff; 
        background: #366494
    }
    .filter-box.open{
       position: relative;
       z-index: 1;
    }
    .filter-box.open .moubile-filter-box{
        position: absolute;
        /* height: 50vh; */
        padding-bottom: 5px;
        /* max-height: 250px !important; */
        overflow-y: auto;
        background: #fff;
        width: 100%;
        z-index: 1;
        border-top: 1px solid #eee;
        padding-top: 5px
    }
    .filter-box.open .filter-mark{
        display: block;
    }
    .filter-mark{
        display: none;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0, .4);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }
    .filter-box .filter-type > ul > li.active > span, .filter-box .tab-content ul li.active a, .filter-box .filter-type > ul > li.active > a, .filter-box .filter-type > ul > li:hover > a, .filter-box .filter-type > ul > li > ul > li.active > a, .filter-box .filter-type > ul > li > ul > li:hover > a{
        width: auto;
    }
    /* 20200601 end */


/* 专业库移动端筛选 */

    #filter-result.filter-type .result-item{
        font-size: 12px;
        margin-bottom: 2%
    }
    #filter-result.filter-type p{
        width: auto;
        /* display: block !important */
    }
    #filter-result .filter-result-num,#filter-result.filter-type p{
        font-size: 14px;
    }
    #filter-result {
        width:100%;
        text-align:center;
        height:auto!important;
        padding-bottom:2%;
        /* display: block !important */
    }
    #filter-result.filter-type p,#filter-result.filter-type .result-item{
        display: none
    }

    #filter-major1,#filter-major2,#filter-major3  {
        position: absolute;
        height: 200px;
        padding: 0;
        top: 0;
        overflow-y: auto;
       
        background: #fff;
        border: 1px solid #ddd
    }
    #filter-major1.success,#filter-major2.success,#filter-major3.success{
        width: 50% !important;
    }
    #filter-major3{
        width: 50%;
        left: 50%;
    }
    #filter-major .filter-type > ul{
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    #filter-major .filter-type > ul > li,#filter-major .filter-type > ul > li a{
        width: 100% !important;
        margin: 0 auto;
    }
    #filter-major .filter-tabs-box .nav-tabs{
        margin-bottom: 0;
        padding-bottom: 5px
    }
    #filter-major .filter-tabs-box .nav-tabs > li a{
        color: #366494;
        /* border: none !important */
    }
    #filter-major .filter-tabs-box .nav-tabs > li.active a,#filter-major .filter-tabs-box .nav-tabs > li:hover a{
        color: #fff;
        background-color: #366494
    }
    .filter-tabs-box .nav-tabs > li .caret{
        display: inline-block
    }
    #filter-major .filter-tabs-box,#filter-major .tab-content,#filter-major .filter-tabs,#families > ul{
        background-color: #fff;
    }
    #filter-major .filter-tabs li a{
        margin-top: 4px;
    }
    #filter-major .filter-tabs-box{
        padding-top: 15px
    }

    #filter-major .filter-tabs{
        position: absolute;
        top: 10px;
        width: 100%;
        z-index: 2;
    }
    #filter-major .tab-content{
        margin-top: 41px;
    }
    #filter-major{
        display: block
    }
    #families {
        width: 50%;
        position: absolute;
        float: right;
        top: 0;
        right: 0px;
        height: 100%;
        overflow: hidden;
    }
    #families > ul{
        width: 100%;
        height: 112px;
        margin: 46px auto 0;
        overflow-y: auto;
        border-left: 1px solid #dedede;
    }
    #filter-major .tab-content ul li.active a,#families.filter-type > ul > li.active > a, #families.filter-type > ul > li:hover > a{
        color: #213952 ;
        background: #d7e0ea;
    }
    .major-box .school-type-list{
        width: 48%;
    }

    .major-filter-title  li {
    position:relative;
    text-align:center;
    font-size:14px;
    line-height:20px;
    cursor:pointer;
    margin:0 2px;
    padding:0 5px;
    border:1px solid #fff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
   }

   .filter-title  li>span {
    position:relative;
    padding-right:10px
   }
   .filter-title  li.have-param,.major-filter-title  li[data-state='true'] {
    color:#d7762c;
    border:1px solid #d7762c;
    border-radius:3px
   }
   .filter-title  li.have-param:before{
    display:block;
    content:'';
    position:absolute;
    width:10px;
    height:100%;
    background:#fff url(../images/schoollist/down.png) no-repeat center center;
    background-size:8px;
    top:0;
    right:5px;
    z-index:2
   }
   .filter-title  li p {
    position:absolute;
    width:100%;
    top:0;
    left:0;
    padding-left:2px;
    padding-right:9pt;
    font-size:9pt;
    background:#fff;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
   }

   .filter-title [data-target="#filter-major3"]{
        display: none !important
    }

   #filter-major3 p{
        /* display: block !important; */
       line-height: 50px;
       font-size: 14px;
       width: auto;
       padding-left: 6%
   }
/* 专业库移动端筛选 */
    .filter-btn{
        border:none;

        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        border-top: none;
    }
    .filter-btn a{
        float: right;
        width: 50%;
        font-size: 14px;
        line-height: 36px;
        padding: 0 15px;
        color: #366494;
        text-align: center
    }
    .filter-btn .success-btn{
        background: #366494;
        /* background: linear-gradient(90deg,#00a9d9, #007594); */
        color: #fff !important; 
    }
    .moubile-filter-box.open .filter-btn{
        display: block;
        border: none
    }
    .schoollist{
        padding: 0 2%;
    }
    .school-tit h3{
        width: 100%;
    }
    .school-tit a{
        font-size: 18px;
        float: left;
        width: 100%;
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .schoollist-item{
        float: left;
        width: 48%;
        margin: 1%;
        border: 1px solid #ddd;
        padding: 2%
    }
    .school-btn,.school-btn a{
        max-width: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .school-logo{
        width: 50%;
        margin: 0 25%;
        max-width: none;
        margin-bottom: 10px;
        text-align: center;
    }
    .school-type-list,.major-box .school-cnt{
        width: 100%;
    }

    .school-type-list .adv-tag{
        margin-right: 100%;
        font-size: 12px;
    }
    .school-type-list:last-child{
        display: none
    }
    .school-cnt{
        width: 100%;
        margin: 0 auto 3%
    }

    .major-box .schoollist-item{
        width: 98%;
        border: none;
        padding-top: 3%;
        padding-bottom: 3%
    }
    .major-box .school-btn{
        width: 50%;
        margin: 0 auto;
        padding-top: 10px
    }
    .major-box .school-btn .detail-btn b{
        font-size: 16px
    }


    .news .dynamic .review-main ul li > span{
        width: 40px;
    }
    .news .dynamic .review-main ul li a{
        width: 60%;
        width: calc(100% - 140px);
    }

    #navbar-example,.address-icon,.scroll-box #navbar-example,.module-title h2::after,.module-title h2::before,#footer,#qiao-wrap,#QIAO_INVITE_CONTAINER,#QIAO_ICON_CONTAINER .qiao-icon-sector-inner{ display:none !important;}
	#QIAO_INVITE_CONTAINER{ width:0 !important; height:0 !important;}
    .copyright,.last{ display:block;}
    
    .main-inside-form .form-main .input-group-span, .main-inside-form .form-inline .input-group-span{
        float: left;
        width: 90px;
    }
    .main-inside-form .form-main .form-control, .main-inside-form .form-main .selects-box select, .checkbox-group label, .form-inline .inline-group{
        width: calc(100% - 100px) !important;
    }

    .special-dl{
        width: 48%;
    }
    .special-dl dt a{
       font-size: 18px
    } 
}
@media only screen and (max-width: 680px){
    .school-dl,.coach-dl{
        width: 48%;
    }
    .flow-item{
        height: 100px;
        width: 25%;
    }

    .introduce-cnt li{
        width: 100% !important;
    }
    .faq-chat-box .faq{
        margin-bottom: 4%
    }
    .introduce .course-cnt{
        text-align: center;
        padding: 20px 5%;
    }
    .introduce .form-horizontal .form-group,.faq-form .form-group,.faq-form .form-tool-box,.form-tool-box,.faq-form .form-tool-box .must-box{
        width: 100%;
    }
    .introduce .submit-group button{
        max-width: 178px;
    }
    .form-tool-box{
        flex-wrap: wrap;
    }
    .form-tool-box .must-box{
        text-align: center !important;
    }
    .introduce .form-group,.introduce .form-main p,.introduce .form-main .tel{
        font-size: 12px
    }
    .figurelist li{
        width: 31.333%;
        margin: 1%;
    }
    .rules-logo {
        width: 30%;
    }
    .rules-cnt .rules-tit,.figurelist .figure-name{
        margin-bottom: 2%
    }
    .rules-cnt {
        width: 66%;
        width: calc(67% - 1px);
        padding-right: 0;
        margin: 0 0 0 2%;
        border-right: 0;
    }
    .ruleslist-item{
        padding-bottom: 5%;
        margin-bottom: 5%
    }
    
    .rules-type-list{
        width: 100%;
        margin: 0 auto;
    }
   
    .container-title .consult,.rules-type-list:nth-child(6),.rules-type-list:nth-child(5),.rules-type-list:nth-child(4),.rules-type-list:nth-child(3),.rules-type-list:last-child,.address-icon,.rules-btn {
        display: none    
    }

    /* majordetail start */
    .recommend-main{
        margin-bottom: 3%
    }
    .recommend-main ul li .newslist-img{
        display: block;
        flex-basis: 30%
    }
    .recommend-main ul li .newslist-title{
        height: auto;
        max-height: 56px;
        white-space: normal;
        line-height: 28px;
    }
    .recommend-main ul li{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .recommend-main ul li .newslist-description{
        display: none
    }
    .recommend-main ul li{
        padding: 2% 0
    }

    .recommend-main dl dt{
        margin-right: 2%;
        padding-right: 2%;
    }
    .recommend-main dl dd{
        width: calc(96% - 72px );
    }
    .recommend-main dl dt.rules-logo{
        width: 40% !important;
        max-width: 219px;
        margin-right: 2%
    }
    .recommend-main dl dd.rules-cnt {
        width: 58%;
    }
     /* majordetail end */

    .filter-title{
        padding:10px 0;
    }

    .school-tit{
        margin-bottom: 2%
    }
   

    .school-type-list{
        width: 100%;
        margin: 0 auto;
    }
    .major-box .school-type-list{
        width: 50%;
    }
    .major-box .school-type-list-all{
        width: 100%;
    }
    /* .school-btn { 
        margin-left: 27%;
    } */

    .main-inside-form .form-main .form-group{
        display: flex;
        justify-content: center
    }

}
@media only screen and (max-width: 640px){
    .card-dl{
        width: 48%;
    }
}
@media only screen and (max-width: 600px){

    .module > .container,.link,.major-tag-box .major-recd {
		margin-bottom:5%
	}
	.module-bg,.major-tag-box {
		padding:5% 0
	}
    .review-tabs{
        margin-bottom: 5%
    }
    .introduce .form-group, .faq-form .form-group{
        width: 100%;
        margin-bottom: 5%;
    }
}


@media only screen and (max-width: 425px){
    .banner .carousel-inner > .item > a > img, .banner .carousel-inner > .item > img{
        max-width: 150%;
        margin-left: -25%
    }
   
    .major-secword{
        padding: 0 2%;
    }
    .major-secword-tit{
        padding-left: 15px;
    }
    .major-secword-tit::after {
        left: 0;
    }
    .major-secword-tit{
        margin-bottom: 3%;
    }
    .special-news .li-space{
        width: 23%;
    }
    .special-news .li-space a{
        font-size: 14px;
    }
    .major-list-box{
        margin-bottom: 3%
    }
    .bmzx-btn{
        margin: 5% auto;
    }
    .card-cnt > a,.card-cost span,.school-dl .item-cost span,.coach-cnt p{
        font-size: 12px;
    }
   
  
    .faq-cnt,.chat,.module-title{
        margin-bottom: 5%
    }

    .flow-item{
        width: 33.333%;
        margin-bottom: 3%
    }
    .flow-num{
        padding: 4px 0 5px
    }
    .card-cost span{
        display: block;
        margin-bottom: 5%
    }
    .card-cost a{
        float: none;
    }

    .container-title h2 i.photo-icon, .container-title h2 i.faq-icon {
        padding: 2% 15px;
    }
    .fullSlide .bd img{
        max-width: 180%;
        margin-left: -40%
    }
    
  .introduce-box, .student-box, .photo-box, .link-box,.rules,.faq-chat-box .faq{
        margin-bottom: 5%
    }
    .container-title h2, .container-title p{
        font-size: 18px;
    }

    .rules-logo {
        width: 40%;
    }
    .rules-cnt {
        width: 56%;
        width: calc(57% - 1px);
        padding-right: 0;
        margin: 0 0 0 2%;
        border-right: 0;
    }
    .figurelist li{
        width: 48%;
        margin: 1%;
    }
    .rules-cnt .rules-tit{
        font-size: 16px;
        white-space: normal
    }
    .figurelist .figure-name{
        font-size: 14px;    
    }
    .rules-type-list b{
        font-size: 12px;
    }
    .rules-type-list,.introduce-cnt li,.introduce-cnt li:first-child + li + li, .introduce-cnt li:first-child + li + li + li + li{
        font-size: 12px;
        line-height: 20px;
    }
    .introduce-cnt li{
        width: 98%;
    }
    .introduce .form-horizontal, .faq-form .form-horizontal{
        padding: 5% 0 2%
    }

    /* majordetail start */
    .major-share-bd h1{
        font-size: 24px
    }
    .major-share-bd > div ul li{
        width: 98%;
    }
    .major-share-hd .major-share-img {
        padding: 44px 6%;
    }
     /* majordetail end */
    .school-tit a{   
        line-height: 30px
    }
    .school-type-list b,.major-box .school-type-list{
        font-size: 14px;
    }
    .school-type-list{
        line-height: 20px;
    }

    .major-box .school-cnt{
        width: 100%;
    }

    .major-box .school-btn{
        width: 80%;
    }
   

    .add-more,
    .add-more:focus,
    .no-more,
    .no-more:focus {
        font-size:14px;
        margin-top:5%
    }

    .special-dl{
        width: 98%;
    }
}
@media only screen and (max-width: 400px){
    .link a, .module-title .more,.item-cnt p{
        font-size: 12px
    }
    .module-title h2{
        font-size: 22px
    }
    .card-dl dt a{
        font-size: 18px
    }
    .item-title{
        font-size: 16px;
        margin-bottom: 3%
    }
    .chat-cnt {
        flex-wrap:wrap
    }
    .chat-cnt ul{
        width: 100%;
        padding-block-end: 0;
        margin: 0 auto 14px;
        flex: none;
        border-bottom: 1px solid #eee;
        border-right: none;
        padding-bottom: 10px;
    }
    .chat-cnt dl{
        width: 40%;
    }
    .chat-cnt dl{
        float: left \9;
    }

    .bottom-border1{
        padding-bottom:5%; 
        margin-bottom:5%
    }
    .item-cost p{
        width: 100%;
        margin-bottom: 5%
    }
    .school-dl .item-btn{
        float: left;
    }


    .special-news .li-space{
        width: 31.333%;
        margin: 2% 1%;
    }
}


::-webkit-scrollbar-thumb{
    background-color:#ddd;
    height:50px;
    outline-offset:-2px;
    outline:2px solid #fff;  
 }  

 /* ��������С */  
 
 ::-webkit-scrollbar{
    width:8px;  
    height:8px;
 }  
 
 /* �����򱳾���ʽ */  
 
 ::-webkit-scrollbar-track-piece{  
    background-color:#fff;  
 }