.box {
    position: relative;
    font-size: 0.27rem;
    color: #333333;
    background: linear-gradient(180deg,#9ecaf1, #f1f8ff 100%);
}

/* 顶部banner图 */

.banner {
    height: 2.93rem;
    background-image: ;
    background-size: 100% 100%;
}

.city {
    position: absolute;
    top: 0.26rem;
    right: 0.24rem;
    padding: 0.08rem 0.16rem 0.08rem 0.3rem;
    border-radius: 0.3rem;
    font-size: 0.23rem;
    background-color: #ffffff;
}

.city img {
    width: 0.14rem;
    height: 0.09rem;
    margin-left: 0.1rem;
    margin-bottom: 0.02rem;
    vertical-align: middle;
}

.container {
    padding: 0 0.23rem;
}

/* 设置路线 */
.set-line {
    margin-top: -0.1rem;
    border-radius: 0.2rem;
}

.set-area {
    padding: 0.23rem 0.39rem 0;
}

.set-area .start, .set-area .end {
    position: relative;
    width: 2.4rem;
    padding: 0.18rem 0.31rem;
    border-radius: 0.49rem;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.25rem;
    text-align: center;
    /* background:  no-repeat 76% center transparent;
    background-size: .12rem .08rem; */
    background-color: #f5f5f5;
    
}

.set-line .inquire-time {
    margin: 0.18rem 0;
    font-size: 0.2rem;
    color: #aaa;
    text-align: center;
}

.tab-con {
    padding-bottom: 0.01rem;
    border-radius: 0 0 0.2rem 0.2rem;
    background-color: #fff;
}

.set-line .tab {
    border-radius: 0.2rem 0.2rem 0rem 0rem;
    font-size: 0.29rem;
    color: #fff;
    text-align: center;
    background: linear-gradient(transparent, #fff);
}

.set-line .tab span {
    width: 33.4%;
    padding: 0.11rem 0;
    background-color: #6579e1;
}

.set-line .tab span:nth-child(1) {
    border-radius: 0.2rem 0.2rem 0.2rem 0;
}

.set-line .tab span:nth-child(2) {
    border-radius: 0.2rem 0.2rem 0rem 0.2rem;
}

.set-line .tab span:nth-child(3) {
    border-radius: 0.2rem 0.2rem 0rem 0rem;
}

.tab-active {
    padding: 0.16rem 0 !important;
    color: #6579e1;
    background-color: #fff !important;
}

.border-one {
    border-radius: 0.2rem 0.2rem 0 0 !important;
}

/* 路线风险因素参考 */
.line-content {
    margin-top: 0.39rem;
    border-radius: 0.29rem;
    background-color: #fff;
}

.line-content .head {
    padding: 0.11rem 0.29rem;
    border-radius: 0.29rem 0.29rem 0rem 0rem;
    font-size: 0.29rem;
    color: #fff;
    background-color: #6579e1;
}

.line-content .head span:nth-child(2){
    font-size: 0.2rem;
    color: #e1e6ff;
}

.line-content .con-box {
    margin: 0 0.16rem;
    background-color: #ffffff;
}

.line-content .con-box:last-child {
    border-radius: 0 0 0.2rem 0.2rem;
}

.line-content .chufa-title, .mudi-title {
    display: inline-block;
    margin-left: 0.16rem;
    margin-top: 0;
    padding: 0.05rem 0.37rem;
    border-radius: 0.49rem;
    font-size: 0.21rem;
    color: #ffffff;
    background-color: #6579e1;
}

.line-content .mudi-title {
    background-color: #ffc226;
}

.line-content .con {
    margin-left: 0.07rem;
    margin-top: -0.12rem;
    padding: 0.37rem 0.07rem 0.39rem 0.2rem;
    border-left: 0.02rem solid #6579e1;
    font-size: 0.25rem;
}

.line-content .con-box:last-child .con{
    border-bottom: none;
    border-left: none;
}

.line-content .con-box:nth-child(2) {
    margin-bottom: 0.3rem;
}

.line-content .con-box:nth-child(3) {
    margin-top: -0.3rem;
}

.con-box>p {
    margin-top: 0.23rem;
}

.line-content .con .gelizc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.line-content .area {
    font-size: 0.31rem;
    font-weight: 600;
}

.area .quezhen {
    margin-top: 0.05rem;
    font-size: 0.25rem;
    font-weight: 500;
}

.area .quezhen .num {
    color: #999;
}

.line-content .con ul li {
    display: flex;
    margin-top: 0.23rem;
}

.line-content .con ul .left {
    width: 1.78rem;
    margin-right: 0.1rem;
    text-align-last: justify;
}

.line-content .con ul .right {
    position: relative;
    width: 69%;
    color: #999999;
}
.low,.middle,.high {
    margin-left: 0.16rem;
    padding: 0 0.07rem;
    border: 0.01rem solid #5ab263;
    border-radius: 0.1rem;
    font-size: 0.21rem;
    font-weight: 400;
    color: #5ab263;
}

.right .low,.right .middle,.right .high {
    margin-left: 0;
}

.line-content .high {
    border: 0.01rem solid #dc3b3b;
    color: #dc3b3b;
}
.low, .middle, .high,.usual,.height {
    margin-left: 0.16rem;
    padding: 0 0.07rem;
    border: 0.01rem solid #5ab263;
    border-radius: 0.1rem;
    font-size: 0.21rem;
    font-weight: 400;
    color: #5ab263;
}
/* 高风险红色 */
.line-content .height {
    border: 0.01rem solid #dc3b3b;
    color: #dc3b3b;
}
/* 中风险橙色 */
.line-content .middle {
    border: 0.01rem solid rgba(246, 141, 19,1)!important;
    color: rgba(246, 141, 19,1)!important;
}
/* 低风险黄色 */
.line-content .usual {
    border: 0.01rem solid #5ab263;
    color: #5ab263;

}
/* 常态化防控绿色 */
.line-content .low {
    border: 0.01rem solid rgb(255, 230, 0)!important;
    color: rgb(255, 230, 0)!important;
}
/* 周边疫情情况 */
.line-content .con .surround {
    margin-top: 0.39rem;
    padding: 0.23rem;
    border-radius: 0.2rem;
    font-size: 0.23rem;
    background-color: #f8f8f8;
}

.line-content .surround .left {
    display: inline-block;
    margin-right: 0.16rem;
}

.line-content .surround .right {
    margin-top: 0.1rem;
    color: #999999;
}

.line-content .surround .right p {
    margin-top: 0.16rem;
    font-size: 0.21rem;
    text-align: right;
}

.line-content .surround ul li {
    display: flex;
    justify-content: space-between;
    margin-top: 0.07rem;
    padding: 0.16rem 0;
    border-bottom: 0.02rem solid rgba(0,0,0,.1);
}

.line-content .surround ul li:last-of-type {
    border-bottom: none;
}

.line-content .surround ul li span {
    max-width: 1.8rem;
    margin-right: 0.2rem;
}

.line-content .surround ul li span:nth-child(3) {
    margin-right: 0;
}

.line-content .surround .surround-area {
    width: 1.3rem;
    color: #6579e1;
}

.line-content .surround .num {
    width: 2rem;
    color: #666666;
}

/*  */
.set-line .tab {
    background: linear-gradient(rgba(0,0,0,0) 50%,#fff 50%);
}

.size {
    margin-bottom: 0.24rem;
    padding: 0.06rem 0.16rem;
    border-radius: 0.1rem;
    font-size: 0.25rem;
    color: #333;
    background-color: #fff;
}

.size-img {
    width: 0.29rem;
    height: 0.23rem;
    margin-right: 0.08rem;
}

.smallsize {
    display: none;
}

.level-max {
   width: 4.7rem;
}

.level2 {
   display: none;
}

.level-color {
    width: 2.3rem;
}