.banner{
    height: 3rem;
    position: relative;
}

.banner img{
    width: 100%;
    height: 100%;
}


.titleWrap .left .title{
    font-size: 0.32rem;
    color: #3D3D3D;
    font-weight: 700;
}

.titleWrap .left .subTitle{
    font-size: 0.2rem;
    color: #7C7C7C;
}

.titleWrap .right .menuWrap .unit{
    font-size: 0.24rem;
    line-height: 0.26rem;
    color: #3D3D3D;
    padding: 0.1rem 0.26rem;
    border-radius: 0.72rem;
    border: 0.01rem solid #B9B9B9;
    margin-left: 0.24rem;
    cursor: pointer;
}

.titleWrap .right .menuWrap .active{
    background: #2672FF;
    border-color: #2672FF;
    color: #FFF;
}

.titleWrap .right .moreBtn{
    font-size: 0.24rem;
    cursor: pointer;
    margin-left: 0.6rem;
    border-radius: 0.72rem;
    background: #FF2626;
    line-height: 0.26rem;
    color: #FFF;
    padding: 0.1rem 0.26rem;
    border: 0.01rem solid #FF2626;
    cursor: pointer;
}

.titleWrap .right .moreBtn img{
    width: 0.22rem;
    height: 0.22rem;
    margin-left: 0.1rem;
}

.customerWrap{
    display: grid;
    grid-template-columns: repeat(7, 2.04rem);
    gap: 0.25rem;
    width: max-content;
    margin-top: 0.48rem;
}

.customerWrap img{
    width: 2.04rem;
    height: 0.88rem;
    border-radius: 0.15rem;
}

.caseBox{
    box-sizing: border-box;
}

.partner_main{
    background: #F8FAFC;
    padding: 0.48rem 0;
    margin-top: 0.48rem;
}

.caseWrap{
    display: grid;
    grid-template-columns: repeat(3, 4.78rem);
    gap: 0.67rem;
    margin-top: 0.52rem;
}

.caseWrap .unit{
    width: 4.78rem;
    height: 5.15rem;
    position: relative;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.1rem;
}

.caseWrap .unit .cover{
    width: 100%;
    height: 2.7rem;
    text-align: center;
    background: #F7F7F7;
    overflow: hidden;
    border-radius: 0.1rem 0.1rem 0 0;
}


.caseWrap .unit img{
    max-width: 100%;
    height: 100%;
}

.caseWrap .unit .tagWrap{
    position: absolute;
    left: 0.16rem;
    top: 0.16rem;
}

.caseWrap .unit .tag{
    font-size: 0.18rem;
    line-height: 0.18rem;
    color: #FFF;
    padding: 0.07rem 0.18rem;
    border-radius: 0.6rem;
   
    margin-right: 0.1rem;
}

.bg_color1{
    background: #FCB204;
}

.bg_color2{
    background: #0069FD;
}

.bg_color3{
    background: #FF3838;
}

.caseWrap .unit .descWrap{
    padding: 0.18rem 0.3rem;
    box-sizing: border-box;
}

.caseWrap .unit .title{
    font-size: 0.24rem;
    color: #333333;
    font-weight: 700;
    line-height: 0.3rem;
}

.caseWrap .unit .desc{
    font-size: 0.2rem;
    color: #7C7C7C;
    line-height: 0.3rem;
    margin-top: 0.22rem;
}

.introWrap{
    text-align: center;
}

.introWrap .title{
    font-size: 0.48rem;
    color: #3D3D3D;
    font-weight: 700;
}

.introWrap .subTitle{
    font-size: 0.24rem;
    color: #3D3D3D;
    margin-top: 0.2rem;
}

.introWrap .btn{
    font-size: 0.36rem;
    color: #FFFFFF;
    margin-top: 0.2rem;
    background: #0069FD;
    padding: 0.23rem 0.2rem;
    line-height: 1;
    display: inline-block;
    cursor: pointer;
}

.indexfoot{
    margin-top: 0.72rem;
}

.progress-ring-container{
    width: 50px;
    height: 50px;
    margin-top: 0.3rem;
}

.progress-ring-container{
    border-radius: 50%;
    border: 0.01rem solid #FFFFFF;
}



.partner_all{
    width: 100%;
    /* background-color: #f6fbff; */
    margin-top: 0.48rem;
}   
.container{
    background: #f6fbff;
    padding-top: 0;
    padding-bottom: 0.5rem;
}

.partner{
    position: relative;
    /* padding-top: 0.48rem; */
    padding-bottom: 0.01rem;
}

.partnerul{
    position: absolute;
    left: 0;
}

.partnershade{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.partnershade .shade{
    width: 1rem;
    height: 100%;
    background: linear-gradient( 270deg, rgba(255,255,255,0.51) 0%, #FFF 100%);
    z-index: 99;
}

.partnershade .shadeLeft{
    background: linear-gradient( 270deg, rgba(255,255,255,0.51) 0%, #FFF 100%);
}

.partnershade .shadeRight{
    background: linear-gradient( 90deg, rgba(255,255,255,0.51) 0%, #FFF 100%);
}

.partnerWrap{
    margin-bottom: 0.36rem;
    width: 100%;
    height: 0.7rem;
}

.partnerWrap:last-child{
    margin-bottom: 0;
}

.partner .unit{
    /* width: 2.04rem!important; */
    width: auto;
    height: 0.54rem;
    margin-right: 0.23rem;
    box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.05);
    border-radius: 0.15rem;
    border: 2px solid #F8F8F8;
}
.partnerImg{
    width: auto;
    /* height: 0.88rem; */
    height: 0.54rem;
}


.showPop{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.45);
    display: none;
}

.showPop .popWrap{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.showPop .showCode{
    width: 3.9rem;
    height: 6.54rem;
}

.showPop .vertical .content{
    width: 2.8rem;
    height: 100%;
    position: relative;
}

.showPop .popWrap .showImg{
    width: 100%;
    height: 100%;
    border-radius: 0.15rem;
}

.showPop .popWrap .showVideo{
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.showPop .vertical{
    height: 6.54rem;
    background-color: #FFF;
    top: 15%;
}

.showPop .equity{
    height: auto;
    top: 8%;
}

.showPop .equity .content{
    width: auto;
    background-color: #FFF;
}

.showPop .closeImg{
    width: 0.32rem;
    height: 0.32rem;
    position: absolute;
    right: -0.6rem;
    top: -0.16rem;
}

.playIcon{
    position: absolute;
    top: calc(50% - 72px) ;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 9999;
}


.showPop .vertical .showCode{
    display: flex;
    align-items: center;
    flex-direction: column;
}

.showPop .vertical .showCode .title{
    font-size: 0.24rem;
    font-weight: 700;
    margin-top: 1rem;
    text-align: center;
}

.showPop .vertical .tip{
    display: none;
}

.showPop .vertical .openScan{
    display: none;
}

.showPop .showCode .qrcodeBox{
    width: 1.84rem;
    height: 1.84rem;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 0.16rem;
}

.showPop .showCode .qrcodeBox .qrcodeImg{
    width: 100%;
    height: 100%;
}


.showPop .showCode .qrMsg{
    font-size: 0.16rem;
}

.vertical .qrcodeBox{
    margin-top: 0.5rem;
}
.vertical .qrMsg{
    margin-top: 0.2rem;
}

.showPop .showCode .qrBtn{
    width: 1.4rem;
    height: 0.4rem;
    color: #fff;
    background: #0069fd;
    line-height: 0.4rem;
    margin: 0.28rem auto 0;
    text-align: center;
    cursor: pointer;
}

.showPop .across{
    width: 3.9rem;
    height: 6.54rem;
    background-color: #FFF;
    top: 20%;
    border-radius: 0.15rem;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.showPop .across .content{
    width: 100%;
    height: 1.88rem;
    position: relative;
}


.accross_no_code{
    background-color: transparent!important;
    width:auto!important;
    height: auto!important;
    position: relative;
}

.accross_no_code .content{
    height: auto!important;
}

.accross_no_code .showVideo{
    width:auto!important;
    height: 6rem!important;
}

.accross_no_code .playIcon{
    top: 40%!important;
}