.box {
    position: relative;
    font-size: 0.27rem;
    color: #333333;
    background: linear-gradient(180deg, rgba(90,166,249,1) 0%, rgba(246,246,246,1) 100%);
}

/* 顶部banner图 */

.banner {
    height: 3rem;
    margin-top: -0.05rem;
    background-image: url("../../resource/images/banner.png");
    background-size: 100% 100%;
}

.container {
    padding: 0 .24rem 0.56rem;
}

.top {
    padding:  0.14rem 0.24rem;
    background-color: #0071EE;
}

.top .return-img {
    width: 0.19rem;
    height: 0.35rem;
}

.top .logo-img {
    width: 1.18rem;
    height: 0.56rem;
    margin-left: 2.5rem ;
}

/* 通知 */
.tongzhi {
    padding: .2rem .24rem;
    font-size: .27rem;
    border-radius: 0.2rem;
    background-color: #FFFFFF;
}

.tongzhi a {
    color: #333333;
}

.tongzhi-icon {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.24rem;
}

/* 城市切换 */
.head {
    margin-top: 0.4rem;
    padding: .39rem;
    border-radius: 0.2rem;
    background-color: #ffffff;
}

.city-border p {
    margin-bottom: .36rem;
    font-size: .29rem;
    color: #999999;
}

.name-border {
    margin-bottom: .32rem;
    font-size: .47rem;
    color: #333333;
    font-weight: 700;
}

.name-border img {
    width: .16rem;
    height: .11rem;
    margin-left: .21rem;
    vertical-align: middle;
}

.change-city {
    width: .56rem;
    height: .56rem;
    margin-bottom: 0.37rem;
}

.arrive {
    align-self: flex-start;
}

.pass,
.no-pass,
.part-no-pass,
.when-need-pass {
    padding: 0.04rem 0.16rem;
    border-radius: 0.21rem;
    font-size: 0.22rem;
    background-color: #fff;
}

.pass {
    color: #55a657;
    border: 0.01rem solid #55a657;
}

.no-pass {
    color: #dc5f5f;
    border: 0.01rem solid #dc5f5f;
}

.part-no-pass {
    color: #f17013;
    border: 0.01rem solid #f17013;
}

.when-need-pass {
    color: #3588da;
    border: 0.01rem solid #3588da;
}

.phone-btn {
    margin-top: 0.16rem;
    padding: 0.05rem 0.16rem;
    border-radius: 0.2rem;
    color: #0071EE;
    font-size: 0.22rem;
    background-color: #DBEAFB;
}

.phone-btn img {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.08rem; 
}

/* 通勤政策 */
.zhengce-box {
    margin-top: 0.4rem;
    padding-top: 0.16rem;
    border-radius: 0.2rem;
    background-color: #dbeafb;
}

.zhengce-box > p {
    margin: 0 0.23rem 0.16rem;
    font-size: 0.32rem;
    color: #0071EE;
}

.zhengce-box .tab-con {
    padding: 0 0.24rem 0.4rem;
}

.zhengce-box .tab-item ul {
    padding-bottom: 0.32rem;
    border-bottom: 0.01rem solid rgba(0, 0, 0, .1);
}

.zhengce-box .tab-item ul:last-of-type {
    border-bottom:  none;
}

.zhengce-box .tab-active {
    border-bottom: 0.04rem solid #0071EE !important;
    font-weight: 700;
    color: #0071EE !important;
}

.zhengce-box .tab-bar span {
    width: 50%;
    padding: 0.24rem 0;
    border-bottom: 0.01rem solid rgba(0, 0, 0, .1);
    text-align: center;
    color: #999999;
}

.zhengce-box .tab-item ul .title {
    margin: 0.31rem 0;
    font-size: 0.32rem;
    font-weight: 700;
    color: #0071EE;
}

.zhengce-box .tab-item ul li {
    margin-bottom: 0.16rem;
}

.zhengce-box .tab-item ul .order {
    position: absolute;
    width: 0.32rem;
    height: 0.32rem;
    line-height: 0.32rem;
    margin-top: 0.03rem;
    /* margin-right: 0.16rem; */
    border-radius: 50%;
    font-size: 0.24rem;
    color: #0071EE;
    text-align: center;
    background-color: #DBEAFB;
}

.zhengce-box .tab-item ul .item {
    /* width: 93%; */
    display: inline-block;
    margin-left: 0.48rem;
    font-size: 0.28rem;
    font-weight: 600;
}

.zhengce-box .problem {
    padding: 0.32rem 0.24rem;
    border-radius: 0.2rem;
    font-size: 0.28rem;
    background-color: #F6F6F6;
}

.zhengce-box .problem p:first-child {
    font-weight: 700;
}

.zhengce-box .problem p:nth-child(2) {
    margin-top: 0.16rem;
    color: #666;
    text-align: justify;
}

.zhengce-box .find-more {
    margin-top: 0.16rem;
    text-align: right;
}

.zhengce-box  .find-more a {
    display: inline-block;
    padding: 0.05rem 0.24rem;
    border-radius: 0.2rem;
    font-size: 0.21rem;
    color: #0071EE;
    background-color: #dbeafb;
}

.zhengce-box .nodata {
    padding: 0.48rem 0;
    color: #999;
    text-align: center;
}

/* 通勤人员身份申请 */
.apply {
    margin-top: 0.4rem;
    padding: 0.24rem 0rem 0.4rem;
}

.apply .title {
    padding: 0 0.24rem 0.16rem;
    border-bottom: 0.01rem solid rgba(0, 0, 0, .1);
    font-size: 0.32rem;
    font-weight: 700;
}

.apply .apply-con {
    padding: 0.31rem 0.24rem 0;
    font-size: 0.28rem;
}

.apply .type-btn span {
    margin-right: 0.2rem;
    padding: 0.05rem 0.24rem;
    border-radius: 0.23rem;
    font-size: 0.24rem;
    color: #666666;
    background-color: #EAEAEA;
}

.apply .type-btn .type-active {
    color: #0071EE;
    background-color: #DBEAFB;
}

.apply .method {
    margin-top: 0.25rem;
}

.apply .method .detail {
    color: #0071EE;
}

.apply .method .right-img {
    width: 0.08rem;
    height: 0.16rem;
    margin-left: 0.15rem;
}

.apply .article {
    margin-top: 0.16rem;
    text-align: justify;
}

/* 通勤相关问答 */
.questions .dot {
    position: absolute;
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    margin-top: 0.12rem;
    border-radius: 50%;
    background-color: #0071EE;
}

.questions ul li {
    margin-bottom: 0.24rem;
}

.questions ul li:last-child {
    margin-bottom: 0;
}

.questions .name {
    display: inline-block;
    margin-left: 0.24rem;
    color: #333;
}

/* 猜你关注 */
.tools {
    margin-top: 0.4rem;
    padding: 0.24rem 0.24rem 0.32rem;
    font-size: 0.28rem;
}

.tools > p {
    margin-bottom: 0.32rem;
    font-size: 0.32rem;
    font-weight: 700;
}

.tools .tool-item img {
    width: 1.1rem;
    height: 1.1rem;
}

.tools .tool-item span {
    margin-top: 0.16rem;
    color: #000;
}

/* 电话 */
.phone .title {
    padding: 0.28rem 0.24rem;
    font-size: 0.32rem;
    font-weight: 700;
    border-bottom: 0.01rem solid rgba(0, 0, 0, .1);
}

.phone .title .city {
    margin-left: 0.23rem;
    padding: 0.03rem 0.24rem;
    border-radius: 0.2rem;
    border: 0.01rem solid #0071EE;
    font-size: 0.24rem;
    font-weight: 400;
    color: #0071EE;
}

.phone ul li {
    padding: 0.24rem;
    border-bottom: 0.01rem dashed rgba(0, 0, 0, .1);
    font-size: 0.28rem;
}

.phone ul li .name {
    margin-bottom: 0.16rem;
    font-size: 0.28rem;
    font-weight: 600;
}

.phone ul li .num {
    color: #0071EE;
}

.phone ul li .call {
    padding: 0.04rem 0.24rem;
    border-radius: 0.2rem;
    font-size: 0.24rem;
    color: #0071EE;
    background-color: #DBEAFB;
}