html {
    background-color: rgb(248, 248, 248);
}

.head-img {
    width: 100%;
}

.body {
    padding-bottom: 1.5rem;
}


/* 顶部搜索+select模块 */

.top-select {
    padding: .23rem;
    background-color: #FFFFFF;
}

.top-select .search-box input {
    flex: 1;
    height: .72rem;
    padding-left: .41rem;
    border: 0;
    border-radius: .36rem;
    line-height: .72rem;
    font-size: .29rem;
    color: #888888;
    background-color: #F6F6F6;
    outline: 0;
}

.top-select .search-box .search {
    margin-left: .43rem;
    font-size: .31rem;
    color: #105683;
}


/* 顶部select模块 */

.top-select .select-box {
    margin-top: .31rem;
}

.top-select .select-box .city-select {
    padding: .1rem .3rem;
}

.top-select .select-box .city-select .select-icon {
    width: .16rem;
    margin-left: .3rem;
    margin-top: .1rem;
}

.top-select .select-box select {
    min-width: 1.3rem;
    max-width: 2rem;
    padding: 0.1rem 0.3rem;
    border: 0;
    font-size: 0.281rem;
    color: #3B9639;
    background: url(http://imgbdb3.bendibao.com/whbdb/20212/25/20210225222334_29751.png) no-repeat scroll right 0.26rem transparent;
    -webkit-appearance: none;
    background-size: 0.16rem 0.08rem;
    outline: none;
}

.top-select .select-box .tips {
    padding: .15rem;
}

.top-select .select-box .tips+select {
    padding-left: 0;
}

.top-select .select-box .ques-mask {
    width: .26rem;
    height: .26rem;
    border-radius: 50%;
    line-height: .26rem;
    font-size: .23rem;
    color: #FFFFFF;
    text-align: center;
    background-color: #000000;
}


/* 模拟提示框 */

.show-toast {
    position: fixed;
    top: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-width: 7.5rem;
    font-size: .35rem;
    background-color: rgba(0, 0, 0, .3);
}

.show-toast .toast-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-height: 50%;
    margin: 0 .65rem;
    border-radius: .3rem;
    background-color: #FFFFFF;
}

.show-toast .toast-content {
    width: 100%;
    padding: 0 .44rem;
    box-sizing: border-box;
    overflow-y: auto;
    font-size: .3rem;
}

.show-toast .toast-item .title {
    width: 100%;
    padding: .23rem 0;
    font-size: .35rem;
    font-weight: bold;
    text-align: center;
}

.show-toast .toast-content p {
    white-space: pre-line;
}

.show-toast .toast-confirm {
    height: .98rem;
    width: 100%;
    margin-top: .23rem;
    border-top: .01rem solid #CCC;
    line-height: .98rem;
    color: #3887D9;
    text-align: center;
}


/* 入学信息 */

.entrance-info {
    margin-top: .36rem;
}


/* 入学信息tab栏 */

.entrance-info .tab-bar {
    margin-bottom: .14rem;
}

.entrance-info .tab-bar .bar-item {
    font-size: .3rem;
    font-weight: bold;
    color: #242424;
}

.entrance-info .tab-bar .chouse {
    color: #FF6600;
}

.entrance-info .tab-bar .bar-item .active-img {
    display: none;
    width: .41rem;
    margin-top: .1rem;
}

.entrance-info .tab-bar .chouse .active-img {
    display: block;
}


/* 详细阶段信息 */

.content-box .date-list .date-item .date-mark {
    position: relative;
    width: 2.2rem;
    margin-right: .38rem;
}

.content-box .date-list .date-item .date-mark .dot,
.content-box .date-list .date-item .date-mark .done {
    position: absolute;
    top: -.1rem;
    bottom: -.02rem;
    left: .16rem;
    width: .35rem;
    height: .35rem;
    border-radius: 50%;
    background-color: rgb(207, 233, 230);
}

.content-box .enter-list {
    flex-wrap: wrap;
    padding: .16rem 0;
    border-top: .26rem solid rgb(248, 248, 248);
}

.content-box .enter-list .enter-item {
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: .24rem;
    font-size: .28rem;
    color: #545454;
}

.content-box .enter-list .enter-item .enter-item-icon {
    width: .78rem;
    height: .78rem;
    margin-bottom: .2rem;
}

.content-box .date-list {
    margin-right: .25rem;
}

.content-box .date-list .date-item .date-mark .done {
    display: none;
}

.content-box .date-list .date-item .date-mark .date-line {
    width: .2rem;
    height: 100%;
    background-color: rgb(232, 244, 244);
}

.content-box .date-list .date-item .date-desc {
    position: relative;
    top: -.2rem;
    flex: 1;
    font-weight: bold;
    color: rgb(15, 147, 134);
}

.content-box {
    padding: .55rem 0;
    padding-left: 0;
    background-color: #FFFFFF;
}

.content-box .date {
    margin-left: .24rem;
    border-left: .16rem solid rgb(232, 244, 244);
    padding-left: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(140, 140, 140);
}

.content-box .date-desc {
    position: relative;
    padding: .19rem .22rem;
    margin-bottom: .5rem;
    border-radius: .16rem;
    background-color: rgb(232, 244, 244);
}

.content-box .date-desc .content-mark {
    position: absolute;
    left: -.08rem;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background-color: rgb(232, 244, 244);
}

.content-box .date-list .date-mark .date .going {
    display: none;
    height: .41rem;
    width: .96rem;
    margin-top: .09rem;
    border-radius: .16rem;
    line-height: .41rem;
    text-align: center;
    color: #333333;
    background-color: rgb(254, 194, 46);
}


/* 流程结束 */

.path-done .date {
    font-weight: bold;
    color: rgb(15, 147, 134);
}

.content-box .date-list .date-item:last-child .date-mark .date {
    padding-left: .49rem;
    border: none;
}

.path-done .date-desc {
    color: #FFFFFF !important;
    background-color: rgb(15, 147, 134);
}

.path-done .date-desc .content-mark {
    background-color: rgb(15, 147, 134);
    font-weight: normal;
}


/* 报名、录取阶段初始隐藏 */

.sign-up-model,
.admission-model {
    display: none;
}