.marriage_score_page{padding-top: 95px;}
.marriage_score_page section{padding: 50px 0 210px;background-color: #FFD535;}
.marriage_score_page .bg_female{background: url('/lovetest/marriage_score/img/bg_marriage_score.jpg') no-repeat center / cover;padding: 125px 0 0;}
.marriage_score_page .step00 .inner{display: flex;align-items: flex-start;padding-left: 500px;}
.marriage_score_page .step00 .img_box{position: relative;margin-left: 50px;width: 630px;overflow: hidden;}
.marriage_score_tit3{display: block;font-weight: 300;font-size: 14px;text-align: center;color: #252525;margin-top: 10px;}

.result_page{color: #252525;}
.result_tab{display: flex;align-items: center;justify-content: center;width: 390px;margin: 60px auto 0;}
.result_tab span{text-align: center;height: 45px;line-height: 43px;font-weight: 400;font-size: 18px;color: #D6D6D6;cursor: pointer;flex:1;border: 1px solid #D6D6D6;}
.result_tab span:first-child{border-radius: 5px 0 0 5px;}
.result_tab span:last-child{border-radius: 0 5px 5px 0;}
.result_tab span + span{border-left: none;}
.result_tab span.on{background-color: #42414C;border: 1px solid #42414C; color: #fff;font-weight: 700;}
.score_box{width: 540px;margin: 30px auto 0;background-color: #fff;border-radius: 10px;padding: 50px 30px;}
.score_tit1{font-weight: 700;font-size: 30px;color: #252525;margin-bottom: 30px;text-align: center;}
.score_txt1{font-weight: 400;font-size: 18px;color: #252525;line-height: 1.75;word-break: break-all;}
.score_result{margin-top: 50px;}
.score_result dl{display: flex;align-items: center;}
.score_result dl + dl{margin-top: 24px;}
.score_result dt{font-weight: 600;font-size: 20px;}
.score_result dd{position: relative;height: 28px;overflow: hidden;border-radius: 0 15px 15px 0;background-color: #F0F1F5;}
.score_result dd::before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;right: 0;transition: 1s;background-color: #F0F1F5;z-index: 1;}
.score_result.on dd::before{right: -100%;}
.score_result dd span{display: inline-block;height: 100%;border-radius: 0 15px 15px 0;position: absolute;top: 0;transition: 1s;}
.score_result.result1 dt{width: 96px;}
.score_result.result1 dd{width: calc(100% - 96px);}
.score_result.result2 dt{width: 140px;}
.score_result.result2 dd{width: calc(100% - 140px);}
.score_result.result3 dt{width: 125px;}
.score_result.result3 dd{width: calc(100% - 125px);}

.score_result.result1 dl:nth-child(1) dd span{background-color: #8A40FE;}
.score_result.result1 dl:nth-child(2) dd span{background-color: #D340FF;}
.score_result.result1 dl:nth-child(3) dd span{background-color: #901CB7;}
.score_result.result1 dl:nth-child(4) dd span{background-color: #7913C7;}
.score_result.result1 dl:nth-child(5) dd span{background-color: #CB87FF;}
.score_result.result1 dl:nth-child(6) dd span{background-color: #7913C7;}
.score_result.result2 dl:nth-child(1) dd span{background-color: #FE4E4D;}
.score_result.result2 dl:nth-child(2) dd span{background-color: #FE8C4E;}
.score_result.result2 dl:nth-child(3) dd span{background-color: #C55120;}
.score_result.result2 dl:nth-child(4) dd span{background-color: #FF675A;}
.score_result.result3 dl:nth-child(1) dd span{background-color: #6390FE;}
.score_result.result3 dl:nth-child(2) dd span{background-color: #6C63FE;}
.score_result.result3 dl:nth-child(3) dd span{background-color: #375CD8;}
.score_result.result3 dl:nth-child(4) dd span{background-color: #758BF7;}
.score_result.result3 dl:nth-child(5) dd span{background-color: #5160F5;}
.score_result.result3 dl:nth-child(6) dd span{background-color: #2D37B7;}
@media (max-width: 1700px) {    
    .lovetest_page .step00 .inner{padding-left: 400px;}
}


@media (max-width: 1560px) {    
    .marriage_score_page section{padding: 42px 0 180px;}
    .marriage_score_page .step00 .inner{width: 1280px;margin: 0 auto;padding-left: 280px;}
    .marriage_score_page .step00 .inner .text_box{width: 350px;}
    .marriage_score_page .step00 .inner .img_box{width: calc(100% - 450px);margin-left: 100px;height: 482px;padding-top: 0;}    
    .marriage_score_page .result_wrap1{padding: 40px 0 85px;}
    .result_wrap1 .form_tit1{margin: 20px auto 35px;}
    .step_type span{width: 115px;height: 30px;line-height: 28px;font-size: 14px;}    

    .form_tit2{font-size: 19px;margin-bottom: 12px;}
    .score_tit1{font-size: 25px;margin-bottom: 25px;}
    .score_txt1{font-size: 16px;line-height: 1.6;}
    
    .score_box{width: 475px;padding: 42px 25px;margin-top: 25px;}
    .result_tab{width: 330px;margin-top: 50px;}
    .result_tab span{height: 38px;line-height: 36px;font-size: 15px;}
    .score_result{margin-top: 42px;}
    .score_result dl + dl{margin-top: 20px;}
    .score_result dt{font-size: 17px;}
    .score_result dd{height: 24px;}

    .affinity_box{width: 475px;margin: 42px auto 0;}
    .affinity_box .text_box{border-radius: 8px;padding: 35px 25px;margin-top: 25px;}
    .affinity_tit1{font-size: 19px;line-height: 27px;}
    .affinity_tit2{font-size: 17px;margin-bottom: 15px;}
    .affinity_txt1{font-size: 15px;line-height: 27px;}
    .affinity_tit3{font-size: 12px;margin-top: 8px;}
}