/* reset css */

html,
body,
div,
p,
input,
ul,
li,
ol {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}

input {
    outline: none;
}

a {
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

a:hover {
    color: #000;
}

li {
    list-style: none;
}

.clearfix::after,
.clearfix::before {
    content: '';
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/* page css */


/* 共有 */

body {
    max-width: 750px;
    margin: 0 auto;
    color: #000;
    font-family: SourceHanSansCN;
}

.page {
    padding-bottom: 1rem;
}

.logo {
    padding-top: .4rem;
    padding-left: .18rem;
}

.logo img {
    height: .4rem;
    margin-right: .45rem;
}

.search {
    width: 100%;
    text-align: center;
    margin-top: .91rem;
    position: relative;
}

.search input {
    width: 5.91rem;
    height: .63rem;
    background: url(../images/sousuo.png) no-repeat center center/auto 100%;
    text-indent: .46rem;
}

.search .btn {
    width: .63rem;
    height: .63rem;
    background-color: transparent;
    margin-right: 1.3rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.content {
    width: 7.94rem;
    margin: .17rem auto 0 auto;
    border: 1px dashed #1E458C;
    padding: .07rem 0 .33rem .33rem;
    border-radius: 3px;
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .97rem;
    background: #0F6FBF;
    line-height: .97rem;
    text-align: center;
    color: #fff;
    font-size: .3rem;
}


/* 首页 */

.page {
    width: 100%;
}

.page-index .content,
.page-province .content {
    margin-top: 1.71rem;
}

.page-index {
    background: url(../images/index_bg.png) no-repeat center top/auto 4rem;
}

.page-index .title {
    margin-top: .43rem;
    text-align: center;
}

.page-index .title img {
    height: .66rem;
    display: block;
    margin: 0 auto;
}

.page-index .title img:last-child {
    margin-top: .14rem;
}

.page-index .content .item {
    padding-top: .3rem;
    font-size: .19rem;
}

.page-index .item .type {
    width: 1.43rem;
    height: .38rem;
    background: #0F6FBF;
    line-height: .38rem;
    border-radius: 3px;
    text-align: center;
    color: #fff;
}

.page-index .item .city {
    text-align: left;
    margin-top: .18rem;
}

.page-index .item .city ul li {
    display: inline-block;
    width: 1.17rem;
    height: .32rem;
    background: url(../images/btn_bg1.png) no-repeat center top/cover;
    text-align: center;
    line-height: .32rem;
    border-radius: 3px;
    margin-right: .05rem;
}


/* 二级页面 */

.page-province {
    background: url(../images/province_bg.png) no-repeat left top/auto 4rem;
}

.page-province .title {
    margin-top: .49rem;
}

.page-province .title img {
    height: 1.3rem;
    margin-left: .23rem;
}

.page-province .content {
    padding: .41rem 0 .61rem 0;
}

.page-province .item {
    width: 6.8rem;
    height: 1.6rem;
    background: url(../images/pro_bg2.png) no-repeat center top/100% auto;
    margin: 0.2rem auto 0 auto;
    line-height: 1.6rem;
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: .34rem;
}


/* 三级页面 */

.page-school {
    background: url(../images/three_bg.png) no-repeat left top/auto 4rem;
}

.page-school .title {
    display: inline-block;
    /* width: 6.67rem; */
    height: 1.51rem;
    background: url(../images/title_bg1.png) no-repeat left center/cover;
    padding: .21rem .13rem;
    margin-left: .19rem;
    margin-top: .37rem;
}

.page-school .title .prov {
    height: .46rem;
}

.page-school .title .wh {
    width: 5.19rem;
    text-align: center;
}

.page-school .title .stype {
    display: inline-block;
    padding: 0 .31rem;
    background: url(../images/title_bg.png) no-repeat center center/contain;
    height: .6rem;
}

.page-school .title .stype img {
    height: .45rem;
    margin-top: .07rem;
}

.page-school .content {
    padding: .43rem 0 .76rem 0;
}

.page-school .ul-school>li {
    display: inline-block;
    width: 3.46rem;
    height: .53rem;
    line-height: .53rem;
    background: #3A95CC;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin-top: .22rem;
    /* overflow: hidden; */
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

.page-school .ul-school>li:nth-child(odd) {
    margin-left: .29rem;
}

.page-school .ul-school>li:nth-child(even) {
    margin-left: .4rem;
}

.page-school .ul-year.active {
    display: flex !important;
}

.page-school .ul-year {
    width: 7.21rem;
    display: none;
    justify-content: space-around;
    line-height: .53rem;
    margin-top: .2rem;
    background: #fff;
    border: 1px solid #3B95CC;
    border-radius: 5px;
    margin-left: .29rem;
}

.page-school .ul-school>li.active::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: .5rem;
    transform: translateX(-50%);
    /* background-color: #2f4f64; */
    border-width: 10px 10px 0;
    border-color: #3B95CC transparent transparent;
    border-style: solid;
}

.page-school .ul-year li {
    display: inline-block;
    text-align: center;
}

.page-school .ul-year a {
    display: block;
    width: 100%;
    color: #333;
}

.page-school .rehome {
    width: 1.69rem;
    height: .52rem;
    background: url(../images/return_index.png) no-repeat center center/cover;
    margin: .25rem auto 0 auto;
}