html,body,ul,li,a,p,option,button,*{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    list-style: none;
    color: #18181B;
    box-sizing: border-box;
    border: none;
}
.fl{float: left;}
.fr{float: right;}
.block{display: block;}
.inline-block{display: inline-block;}
.inline{display: inline;}
/* html{
    padding: 20rem 30rem;
} */
.main-container{
    padding-top: 52rem;
    width: 1256rem;
    margin: 10rem auto;
}
 .banner{
    display: flex;
    margin-bottom: 37rem;
}
 .banner .logo{
    width: 140rem;
    height: 40rem
}
.banner .banner-list{
    text-align: right;
    flex: 1;
    font-size: 16rem;
    font-weight: 500;
    color: #18181B;
}
.banner .banner-list .inline-block{
    margin-right: 34rem;
}
.banner-list .inline-block .link:hover{
    color: #3774F6;
}
.banner-list .inline-block .arrow{
    width: 18rem;
    height: 18rem;
    vertical-align: middle;
}  
.banner-select{
    position: relative;
}
.banner-options {
    position: absolute;
    top: -15rem;
    left: 0;
    background: rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 164rem;
    height: 128rem;
    border-radius: 12rem;
    box-shadow: 0rem 4rem 18rem 0rem #00000021;
    padding: 14rem 9rem 0 13rem ;
    opacity: 0; /* 初始透明度为0 */
    transform: translateY(-10rem); /* 初始位置稍微向上偏移 */
    transition: opacity 0.5s ease, transform 0.5s ease; 
}
.option-item{
    font-size: 16rem;
    font-weight: 500;
    margin-bottom: 22rem;
}
.banner-select:hover .banner-options {
    opacity: 1; /* hover时变为不透明 */
  transform: translateY(0); /* hover时下移到正常位置 */
}

.part1{
    display: flex;
    align-items: center;
    padding-bottom: 102rem;
    
}
.part1 .part1-left .title{
    font-size: 58rem;
    font-weight: 800;
    margin-bottom: 38rem;
    color: #18181B;
}
.part1 .part1-left .text{
    font-size: 16rem;
    color: #52525B;
    margin-bottom: 27rem;
}
.part1 .part1-left .gp-img{
    width: 160rem;
    margin-bottom: 27rem;
}
.part1 .part1-left .part1-tips{
    font-size: 12rem;
}

.part1 .part1-right{
    width: 571rem;
    height: 636rem;
    margin-top: 44rem;
    vertical-align: middle;
}
.part2{
    display: flex;
    gap: 18rem;
    margin-bottom: 89rem;
}
.part2 .part2-item{
    width: 400rem;
}
.part2-item .parts-item-img{
    width: 399rem;
    height: 327rem;
    margin-bottom: 18rem;
    border-radius: 24rem;
}
.part2-item .part2-item-title{
    font-size: 20rem;
    font-weight: 700;
    margin-bottom: 16rem;
    line-height: 25rem;
}
.part2-item .part2-item-text{
    font-size: 16rem;
    color: #52525B;
}

.part3{
    display: flex;
    gap: 32rem;
    margin-bottom: 130rem;
}
.part3 .part3-item{
    flex: 1;
    box-shadow: 0rem 4rem 18rem 0rem #00000021;
    width: 395rem;
    border-radius: 24rem;
    padding: 58rem 44rem;
}
.part3-item-title{
    font-size: 38rem;
    font-weight: 700;
    margin-bottom: 32rem;
}
.part3-item-text{
    font-size: 20rem;
    font-weight: 400;
    margin-bottom: 58rem;
}
.part3 .next-icon{
    width: 18rem;
    height: 18rem;
    margin-left: 9rem;
    vertical-align: sub;
}
.part3-item-btn{
    display: block;
    width: 154rem;
    text-align: center;
    height: 45rem;
    line-height: 43rem;
    border-radius: 10rem;
    background: #3774F6;
    color: #fff;
    font-size: 16rem;
    font-weight: 500;
}
.part4{
    height: 415rem;
    border-radius: 24rem ;
    box-shadow: 0rem 4rem 18rem 0rem #00000021;
    display: flex;
    padding: 36rem 54rem;
    align-items: center;
    gap: 104rem;
    margin-bottom: 130rem;
}
.part4-left{
    flex: 1;
}
.part4-title{
    font-size: 38rem;
    font-weight: 700;
    line-height: 47rem;
    margin-bottom: 12rem;
}
.part4-text{
    font-size: 20rem;
    margin: 12rem 0 32rem;
    color: #52525B;
    margin-bottom: 32rem;
}
.part4-btn{
    width: 236rem;
    height: 65rem;
    text-align: center;
    line-height: 65rem;
    color: #fff;
    font-size: 18rem;
    font-weight: 500;
}
.part5{
    width: 1294rem;
    height: 586rem;
    margin-left: -20rem;
    margin-bottom: 110rem;
    background-image: url('../img/home/bg0.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.part5 .part5-title{
    display: flex;
    gap: 80rem;
    padding-left: 69rem;
    font-family: Poppins, sans-serif;
}
.part5-title-item{
    width: 228rem;
    height: 157rem;
    line-height: 157rem;
    padding-bottom: 10rem;
    border-radius: 24rem 24rem 0rem 0rem;
    font-size: 24rem;
    text-align: center;
    padding-top: 17rem;
    color: #fff;
    font-family: Poppins, sans-serif;
}
.part5-title-item.active{
    color: #18181B;
}
.part5-content{
    display: none;
    padding: 66rem 60rem;
    font-size: 20rem;
    line-height: 36rem;
    color: #52525B;
    text-align: center;
    border-radius: 24rem;
    font-family: Poppins, sans-serif;
}
.part5-content.active{
    display: block;
}
.part6{
    display: flex;
    gap: 17rem;
    margin-bottom: 115rem;
}
.part6-item{
    width: 296rem;
    border-radius: 24rem;
    box-shadow: 0rem 4rem 18rem 0rem #00000021;
    padding: 34rem 25rem;
}
.part6-item-img{
    width: 74rem;
    height: 74rem;
    margin-bottom: 23rem;
}
.part6-item-title{
    font-size: 24rem;
    font-weight: 700;
    margin-bottom: 24rem;
}
.part6-item-text{
    font-size: 12rem;
    color: #52525B;
}
.part7{
    display: flex;
    padding: 63rem 80rem;
    box-shadow: 0rem 4rem 18rem 0rem #00000021;
    border-radius: 24rem;
    gap: 100rem;
    align-items: center;
    margin-bottom: 106rem;
}
.part7-img{
    width: 441rem;
    height: 515rem;
}
.part7-right{
    flex: 1;
    text-align: center;
}
.part7-title{
    font-size: 28rem;
    font-weight: 600;
    margin-bottom: 17rem;
}
.part7-text{
    font-size: 20rem;
    margin-bottom: 50rem;
}
.part7-right-img{
    width: 150rem;
    height: 48rem;
}
.bottom{
    margin-bottom: 100rem;
    padding: 51rem 57rem 30rem 57rem;
    background-color: #3774F6;
    border-radius: 24rem;
    color: #fff;
}
.bottom-top{
    border-bottom: 1rem solid #fff;
    padding-bottom: 25rem;
    display: flex;
    margin-bottom: 32rem;
    gap: 176rem;
}
.home-bottom .bottom-top{
    gap: 408rem;
}
.bottom-logo{
    width: 140rem;
    height: 40rem
}
.bottom .bottom-left{
    width: 350rem;
    display: flex;
    gap: 100rem;
    font-size: 16rem;
}
.bottom .bottom-left-list li a{
    display: block;
    color: #fff;
    font-weight: 400;
    margin-bottom: 28rem;
}
.bottom .bottom-left-list li.r{
    text-align: right;
}
.bottom .bottom-right{
    width: 290rem;
}
.bottom .bottom-right-item{
    display: flex;
    gap: 12rem;
    margin-bottom: 16rem;
}
.bottom .bottom-right-item-img{
    width: 54rem;
    height: 54rem;
}
.bottom .bottom-right-item-right{
    flex: 1;
}
.bottom .bottom-right-item-right-title{
    font-size: 16rem;
    font-weight: 700;
    color: #fff;
}
.bottom .bottom-right-item-right-text{
    font-size: 12rem;
    color: #ccc;
}
.bottom .copy{
    font-size: 16rem;
    text-align: center;
    color: #fff;
}
/* personal loan */
.personal-part1{
    background-image: url('../img/personal/banner.png');
    background-position: center;
    width: 1440rem;
    height: 790rem;
    margin: 0 auto 125rem;
    padding: 250rem 244rem 150rem 244rem;
    text-align: center;
}
.personal-part1-title{
    font-size: 58rem;
    font-weight: 600;
    margin-bottom: 24rem;
    color: #fff;
}
.personal-part1-text{
    color: #fff;
    font-size: 24rem;
    margin-bottom: 24rem;
}
.personal-part1-img{
    width: 221rem;
    margin-right: 14rem;
}
.personal-part2{
    width: 1236rem;
    /* height: 278rem; */
    border-radius: 24rem;
    box-shadow: 0rem 4rem 18rem 0rem #00000021;
    padding: 48rem 145rem;
    text-align: center;
    margin-bottom: 91rem;
}
.personal-part2-title{
    font-size: 28rem;
    font-weight: 600;
    margin-bottom: 14rem;
}
.personal-part2-text{
    font-size: 16rem;
    margin-bottom: 24rem;
}
.personal-part2-img{
    width: 40rem;
    height: 40rem;
}
.personal-part3{
    display: flex;
    gap: 0;
    border-radius: 24rem;
    box-shadow: 0rem 4rem 18rem 0rem #00000021;
    margin-bottom: 126rem;
}
.personal-part3-left{
    flex: 1;
}
.personal-part3-left-item{
    padding: 47rem;
    text-align: center;
    box-shadow: 0rem 4rem 18rem 0rem #00000011;
}

.personal-part3-left-item:first-child{
    border-top-left-radius: 24rem;
}
.personal-part3-left-item:last-child{
    border-bottom-left-radius: 24rem;
}
.personal-part3-left-item.active{
    background-color: #4D8BFF;
}
.personal-part3-left-item.active .personal-part3-left-item-title{
    color: #fff;
}
.personal-part3-left-item.active .personal-part3-left-item-text{
    color: #fff;
}
.personal-part3-left-item-title{
    font-size: 24rem;
    margin-bottom: 16rem;
}
.personal-part3-left-item-text{
    font-size: 16rem;
}

.personal-part3-right{
    width: 627rem;
    display: none;
    border-top-right-radius: 24rem;
    border-bottom-right-radius: 24rem;
}
.personal-part3-right.active{
    display: block;
}
.personal-part4{
    margin-bottom: 83rem;
}
.personal-part4-top, .personal-part4-bottom{
    display: flex;
    gap: 23rem;
    margin-bottom: 23rem;
}
.personal-part4-item{
    width: 396rem;
    /* height: 309rem; */
    padding: 33rem;
    border-radius: 24rem;
    box-shadow: 0rem 4rem 18rem 0rem #00000021;
    background: #FFFFFF;
}
.personal-part4-item-img{
    width: 74rem;
    height: 74rem;
}
.personal-part4-title{
    font-size: 24rem;
    font-weight: 700;
    margin-bottom: 24rem;
}
.personal-part4-text{
    font-size: 12rem;
}

/* faq */
.faq-h1-title{
    margin-bottom: 87rem;
    padding-bottom: 24rem;
    border-bottom: 1rem solid #18181B;
    font-size: 58rem;
    font-weight: 600;
    margin-top: 76rem;
}
.faq-div{
    box-shadow: 0rem 4rem 18rem 0rem #00000021;
    padding: 56rem 61rem;
    border-radius: 24rem;
    margin-bottom: 40rem;
}
.faq-title{
    font-size: 32rem;
}
.faq-arrow{
    width: 40rem;
    height: 40rem;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}
.faq-arrow.active{
    transform: rotate(180deg);
}
.faq-text{
    display: none;
    margin-top: 32rem;
    border-top: 1rem solid #18181B;
    padding-top: 28rem;
    font-size: 24rem;
}
.faq-text.active{
    display: block;
}

/* contact us */
.cantact-us-part1{
    display: flex;
    gap: 48rem;
    margin-bottom: 83rem;
}
.contact-us-item{
    width: 386rem;
    /* height: 210rem; */
    padding: 24rem 14rem;
    border-radius: 24rem ;
    border: 1px solid #3774F6;
    padding: 24rem;
}
.contact-us-part1-item-img{
    width: 66rem;
    height: 66rem;
    margin-bottom: 18rem;
}
.contact-us-part1-item-title{
    font-size: 24rem;
    font-weight: 600;
    margin-bottom: 12rem;
}
.contact-us-part1-item-text{
    font-size: 16rem;
}
/* protocol */
.protocol-title{
    /* width: 478rem; */
    height: 97rem;
    gap: 58rem;
    display: flex;
    margin-bottom: 87px;
}
.protocol-item{
    font-size: 58rem;
    padding-bottom: 24rem;
    border-bottom: 1px solid transparent;
    color: #8C8C8C;
    font-weight: 400;
}
.protocol-item.active{
    border-bottom: 1px solid #3774F6;
    color: #18181B;
}
@media screen and (max-width: 600px) {
    .title{
        font-size: 34rem;
    }
    .faq-title{
        font-size: 38rem;
    }
    .text{
        font-size: 28rem;
    }
    .faq-text{
        font-size: 36rem;
    }
    .banner .banner-list{
        font-size: 40rem;
    }
    .part1 .part1-left .text{
        font-size: 28rem;
    }
    .part1 .part1-left .part1-tips{
        font-size: 24rem;
    }
    .part2-item .parts-item-img {
        margin-bottom: 34rem;
    }
    .part2-item .part2-item-title{
        font-size: 28rem;
        margin-bottom: 34rem;
    }
    .part2-item .part2-item-text{
        font-size: 24rem;
    }
    .part3-item-text{
        font-size: 24rem;
    }
    .part6{
        gap: 130rem;
        flex-wrap: wrap;
    }
    .part6-item{
        width: 554rem;
    }
    .part6-item-img {
        width: 120rem;
        height: 120rem;
    }
    .part6-item-title{
        font-size: 32rem;
    }
    .part6-item-text{
        font-size: 30rem;
    }
    .part7-text{
        font-size: 24rem;
    }
    .part7-right-img{
        width: 300rem;
        height: 96rem;
    }
    .personal-part1-text{
        font-size: 34rem;
    }
    .personal-part1{
        padding: 140rem 204rem 110rem 124rem;
    }
    .personal-part1-img{
        width: 340rem;
    }
    .p
    .personal-part2-text {
        font-size: 28rem;
    }
    .personal-part2-img {
        width: 80rem;
        height: 80rem;
    }
}