.part1{
    padding: 65vw 0.3rem 0;
}
.part1-choose{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    box-sizing: border-box;
}

.part1-opt{
    width: 46%;
    height: calc((100vw - 0.6rem)*0.46*8/5);
    position: relative;
    cursor: pointer;
}
.opt1{
    background: url('https://mbti.yunxiankeji.cn/static/person/b1.png') no-repeat;
    background-size: 100% auto;
}
.opt2{
    background: url('https://mbti.yunxiankeji.cn/static/person/g1.png') no-repeat;
    background-size: 100% auto;
}
.opt1.choose{
    background: url('https://mbti.yunxiankeji.cn/static/person/b2.png') no-repeat;
    background-size: 100% auto;
}
.opt2.choose{
    background: url('https://mbti.yunxiankeji.cn/static/person/g2.png') no-repeat;
    background-size: 100% auto;
}
.part1-opt-tip{
    position: absolute;
    width: 100%;
    bottom: 0.15rem;
    color: #A093F7;
    text-align: center;
    left: 0;
    font-size: 0.14rem;
}
.part1-opt.choose .part1-opt-tip{
    color: #E4E1FF;
}
.part1-btn{
    width: 100%;
    border-radius: 0.6rem;
    background: linear-gradient(180deg, #998CF7 0%, #7E6CFF 100%);
    border: 4px solid #FFFFFF;
    text-align: center;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.26rem;
    color: white;
    font-weight: bold;
    margin: 0.2rem 0;
    cursor: pointer;
}

.part2{
    padding: 0.1rem 0.3rem 0.3rem;
}
.section2{
    background: white;
    border-radius: 0.15rem;
    padding: 0.3rem 0.2rem;
    align-items: center;
    justify-content: center;
}
.section2 .part2-title{
    font-size: 0.16rem;
    font-weight: bold;
    line-height: 0.24rem;
    color: #3D3D3D;
    margin-bottom: 0.2rem;
}
.section2 .part2-detail{
    font-size: 0.13rem;
    font-weight: 500;
    line-height: 0.24rem;
    color: #3D3D3D;
}

.part3{
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.3rem 0.3rem;
}
.part3-tip{
    font-size: 0.12rem;
    font-weight: 500;
    line-height: 0.24rem;
    color: #7D70D3;
}


@media (min-width: 480px) {
    .part1{
        padding: 3.2rem 0.3rem 0;
    }
    .part1-opt{
        height: calc((480px - 0.6rem)*0.46*8/5);
    }
    .part1-opt-tip{
        bottom: 0.18rem;
    }
}
