.box {
    position: relative;
    font-size: .28rem;
    color: #333;
    /* background-color: #F6F6F6; */
    
}

.banner {
    height: 3.4rem;
}

.banner img {
    width: 100%;
    height: 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.35rem 0.25rem;
    background: linear-gradient(180deg, #1980ff 0%, #ffffff 100%);
}

.content-card {
    /* padding: 0.35rem 0.25rem; */
    border-radius: 0.12rem;
    background-color: #fff;
}

.tab-head {
    padding: 0.33rem 0.25rem 0;
    font-size: 0.29rem;
    border-bottom: 0.01rem solid rgba(0,0,0,.08);
    color: #666;
}

.tab-head span {
    padding-bottom: 0.24rem;
}

.tab-head .active {
    position: relative;
    color: #198CFF;
}

.tab-head .active::after {
    content: "";
    display: table;
    position: absolute;
    left: 0;
    bottom: 0rem;
    width: 100%;
    height: 0.04rem;
    border-radius: 0.3rem;
    background: #198CFF;
}

.tab-con {
    padding: 0.37rem 0.25rem;
}

.tab-con .select-panel {
    color: #999;
}

.tab-con .select-panel li {
    display: flex;
    margin-bottom: 0.2rem;
}

.tab-con .select-panel li p {
    min-width: fit-content;
    margin-top: 0.05rem;
}

.select-panel li .btns span {
    margin-right: 0.2rem;
    margin-bottom: 0.14rem;
    padding: 0.09rem 0.29rem;
    border-radius: 0.04rem;
    background: #f0f0f0;
}

.select-panel li .btns .active {
    color: #198CFF !important;
    background-color: #e7f3ff !important;
}

.select-panel li .btns span:last-of-type {
    margin-right: 0;
}

.tab-con .list .left {
    min-width: fit-content;
}

.content-box .list {
    padding: 0.33rem 0.15rem 0;
    border-top: 0.01rem solid rgba(0,0,0,.08);
}

.content-box .list li {
    display: flex;
    margin-bottom: 0.17rem;
}

.content-box .list .left {
    min-width: 1.2rem;
    margin-right: 0.23rem;
    color: #999;
    text-align: right;
}

.content-box .list .right {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-box .list .right a {
    color: #198CFF;
}