.n1-box{
    margin: 0 1.3rem;
}
.n1-box .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 200;
    margin-top: .4rem;
    color: #FFFFFF;
}
.n1-box .title .label{
    font-size: .2rem;
    display: flex;
    align-items: center;
}
.n1-box .title .label img{
    height: .18rem;
    margin-right: .05rem;
}
.n1-box .title .tag{
    font-size: .12rem;
    display: flex;
    align-items: center;
}
.n1-box .title .tag span{
    margin-right: .1rem;
    padding: .05rem 0.1rem;
    border-radius: .2rem;
    border: .01rem solid rgba(0,0,0,0);
    cursor: pointer;
}
.n1-box .title .tag span.acv{
    border: .01rem solid #FFFFFF;
}
.n1-box .con1{
    margin-top: .2rem;
    background-color: #FFFFFF;
    border-radius: .1rem;
    padding: .2rem;
}
.n1-box .con1 .tit{
    padding: .1rem .2rem;
    background: linear-gradient(90deg, #10A5A6, #3B6CA8);
    border-radius: .1rem;
    color: #FFFFFF;
}
.n1-box .con1 .bom {
    margin-top: .2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.n1-box .con1 .bom .img{
    width: 100%;
    margin-right: .15rem;
}
.n1-box .con1 .bom .txt{
    line-height: 1.8;
}
.n1-box .con1 .bom1{
    margin-top: .2rem;
}
.n1-box .con1 .bom1 .txt{
    line-height: 1.8;
}
.n1-box .con1 .bom1 .img{
    text-align: center;
    padding-top: .2rem;
}
.n1-box .con1 img{
    max-width: 100%;
}
.n1-box .con2{
    margin-top: .2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .2rem;
}
.n1-box .con2 .item{
    flex: 1;
    height: 1.2rem;
    background: #eaf3f7;
    border-radius: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}
.n1-box .con2 .item img{
    height: .5rem;
}
.n1-box .con2 .item span{
    margin-top: .1rem;
}
.n1-box .con3{
    margin-top: .2rem;
    background-color: #FFFFFF;
    border-radius: .1rem;
    padding: .2rem;
}
.n1-box .con3 .tit{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.n1-box .con3 .tit .label{
    font-size: .16rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.n1-box .con3 .tit .label .ln{
    width: .05rem;
    height: .1rem;
    border-radius: .25rem;
    background-color: #4B94DD;
    margin-right: .05rem;
}
.n1-box .con3 .tit .tag{
    font-size: .12rem;
    display: flex;
    align-items: center;
}
.n1-box .con3 .tit .tag span{
    margin-right: .1rem;
    padding: .05rem 0.1rem;
    border-radius: .2rem;
    cursor: pointer;
}
.n1-box .con3 .tit .tag span.acv{
    background: #4B94DD;
    color: #FFFFFF;
    font-weight: bold;
}
.n1-box .con3 .bom{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .1rem;
}
.n1-box .con3 .item{
    width: calc(50% - .1rem);
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: .1rem 0;
    border-bottom: .01rem dotted #AEAEAE;
}
.n1-box .con3 .item:nth-child(2n){
    margin-left: .2rem;
}
.n1-box .con3 .item.line{
    border-top: .01rem dotted #AEAEAE;
}
.n1-box .con3 .item .ln{
    width: .05rem;
    height: .05rem;
    background: #4B94DD;
    border-radius: .25rem;
    margin-right: .05rem;
}
.n1-box .con3 .item .cn{
    flex: 1;
    overflow: hidden;
}
.n1-box .con3 .item .time{
}
.n1-box .con4{
    display: flex;
    flex-wrap: wrap;
    margin-top: .2rem;
    gap: .2rem;
}
.n1-box .con4 .item{
    width: calc(100%/3 - .4rem/3);
    background-color: #FFFFFF;
    border-radius: .1rem;
    overflow: hidden;
    cursor: pointer;
}
.n1-box .con4 .item .tit{
    height: .35rem;
    background: linear-gradient(90deg, #18A4ED, #00B285);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    padding-left: .1rem;
}
.n1-box .con4 .item .img{
    margin: .1rem;
    overflow: hidden;
    border-radius: .1rem;
}
.n1-box .con4 .item .bom{
    overflow: hidden;
    font-size: .12rem;
    display: flex;
    flex-wrap: wrap;
    gap: .0rem;
    margin: 0 .1rem;
    padding-bottom: .1rem;
}
.n1-box .con4 .item .bom .tg{
    width: calc(100%/3);
    margin-top: .05rem;
}
.n1-box .con4 .item .bom span{
    color: #bdbdbd;
}
.n1-box .con5{
    display: flex;
    flex-wrap: wrap;
    margin-top: .2rem;
    gap: .2rem;
}
.n1-box .con5 .item{
    width: calc(100%/2 - .1rem);
    background-color: #FFFFFF;
    border-radius: .1rem;
    overflow: hidden;
    cursor: pointer;
    padding: .1rem;
}
.n1-box .con5 .item .tit{
    height: .35rem;
    background: linear-gradient(90deg, #18A4ED, #00B285);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    padding-left: .1rem;
    border-radius: .1rem;
}
.n1-box .con5 .item .bom{
    display: flex;
    margin-top: .1rem;
}
.n1-box .con5 .item .bom .img{
    width: 2rem;
    height: 1.7rem;
    overflow: hidden;
    border-radius: .1rem;
}
.n1-box .con5 .item .bom .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.n1-box .con5 .item .bom .txt{
    flex: 1;
    padding-left: .1rem;
}


@media screen and (max-width: 1439px) {
    .n1-box .con1 .bom{
        flex-direction: column;
    }
    .n1-box .con1 .bom .img{
        width: auto;
        max-width: 100%;
    }
}


@media screen and (max-width: 767px) {
    .n1-box{
        margin: 0 .1rem;
    }
    .n1-box .title{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .n1-box .title .tag{
        margin-top: .1rem;
    }
    .n1-box .con1{
        padding: .1rem;
        margin-top: .1rem;
    }
    .n1-box .con1 .bom .img{
        margin: 0;
    }
    .n1-box .con1 .bom{
        flex-direction: column;
    }
    .n1-box .title .tag span{
        margin: 0;
    }
    .n1-box .con2, .n1-box .con3, .n1-box .con4{
        margin-top: .1rem;
    }
    .n1-box .con2{
        gap: .1rem;
    }
    .n1-box .con2 .item{
        flex: auto;
        width: calc(100%/3 - .1rem);
    }
    .n1-box .con3 .item{
        width: 100%;
        margin: 0 !important;
        border-top: 0 !important;
    }
    .n1-box .con3 .tit .label{
        display: none;
    }
    .n1-box .con3 .tit{
        justify-content: center;
    }
    .n1-box .con4 .item{
        width: calc(100%/2 - .05rem);
    }
    .n1-box .con4{
        gap: .1rem;
    }
    .n1-box .con4 .item .bom{
        height: auto;
    }
    .n1-box .con4 .item .bom .tg{
        width: calc(100%/2);
    }
    .n1-box .con4 .item .img{
        margin: .05rem .05rem 0;
    }
    .n1-box .con5{
        gap: .1rem;
        margin-top: .1rem;
    }
    .n1-box .con5 .item{
        width: 100%;
        margin: 0 !important;
        border-top: 0 !important;
    }
    .n1-box .con5 .item .bom .img{
        width: 1.5rem;
        height: 1rem;
    }
}