@media(min-width:751px){
    body#assess{
    background: rgba(247, 247, 247, 1);
}
body#assess.overflown{}
#assess .one{
    margin-top: -188.65px;
}
#assess .topic{
   
}
#assess .topic .tit{
    font-size: 36px;
font-weight: 600;
letter-spacing: 0px;
line-height: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
position: relative;
z-index: 1;
white-space: nowrap;
 padding: 0 18px;
}
#assess .topic:after{
content:'';
display: block;
width: 100%;
height: 20px;
opacity: 0.5;
border-radius: 10px;
background: linear-gradient(90deg, rgba(53, 175, 250, 1) 0%, rgba(174, 226, 255, 1) 100%);
margin-top: -7px;
}
#assess .kepu{
    position: relative;
    left: -15px;
    width: calc(100% + 30px);
height: 450px;
border-radius: 35px;
background: url(/ceshi/images/assess_kepu.webp) no-repeat;
background-size: 100% 100%;
}
#assess .kepu .btn{
    width: 145px;
    height: 50px;
    position: absolute;
    bottom: 80px;
    right: 75px;
}
#assess .yuyue{
    position: relative;
    left: -15px;
    width: calc(100% + 30px);
height: 410px;
border-radius: 35px;
background: url(/ceshi/images/assess_yuyue.webp) no-repeat;
background-size: 100% 100%;
}
#assess .yuyue .btn{
    width: 180px;
    height: 50px;
    position: absolute;
    bottom: 45px;
    right: 45px;
}
#assess .thr{
    margin-top: 20px;
}
#assess .ceshi .start{
    width: 100%;
    height: 330px;
    background: url(/ceshi/images/ceshi_start_bg.png) no-repeat;
background-size: 100% 100%;
position: relative;
    display: none;
}
#assess .ceshi .start.active{
    display: block;
}
#assess .ceshi .start .btn{
    width: 210px;
    height: 45px;
    border-radius: 22.5px;
    position: absolute;
    bottom: 75px;
    left: 125px;
    cursor: pointer;
}
#assess .ceshi .start .gif{
    width:290px;
    position: absolute;
    right: 20px;
    top: 20px;
}
#assess .ceshi .stop{
    width: 100%;
    height: 330px;
    background: url(/ceshi/images/ceshi_stop_bg.png) no-repeat;
background-size: 100% 100%;
position: relative;
    display: none;
}
#assess .ceshi .stop.active{
    display: block;
}
#assess .ceshi .stop .text{
    width: 400px;
    display: flex;
    flex-direction: column;
    gap:20px ;
    position: absolute;
    right: 30px;
    bottom: 98px;
    align-items: end;
}
#assess .ceshi .stop .text .des{
    font-size: 20px;
font-weight: 400;
letter-spacing: 0px;
line-height: 24px;
color: rgba(255, 255, 255, 1);
white-space: nowrap;
text-overflow: ellipsis;
}
#assess .ceshi .stop .text .p1{
    width: 350px;
}
#assess .ceshi .stop .text .p2{
    width:370px;
}
#assess .ceshi .stop .text .p3{
    width: 400px;
}
#assess .ceshi .stop .btn{
    display: block;
  width: 210px;
height: 45px;
position: absolute;
right: 30px;
bottom: 30px;
}
#assess .pop{
  width: 100%;
  max-width: 750px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  bottom: -100%;
  z-index: 9999;
}
#assess .pop .content{
    width:  720px;
height:  calc(89.478% - 85px);
opacity: 1;
padding: 40px 0 45px;
border-radius: 40px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
margin: 0 auto;
position: absolute;
bottom: 20px;
left: 15px;
overflow: hidden;
}
#assess .pop .content .choose{
  
   position: relative;
  overflow-y: scroll;
  height: 100%; 
  /*overflow-x: visible;*/
  margin: 0 auto;
  /*overflow: hidden;*/
}
#assess .pop .content .choose .tit{
    font-size: 60px;
font-weight: 900;
letter-spacing: 0px;
line-height: 60px;
color: rgba(255, 141, 26, 0.8);
margin-bottom: 20px;
white-space: nowrap;
}
#assess .pop .content .choose .des{
   font-size: 30px;
font-weight: 400;
letter-spacing: 0px;
line-height: 45px;
color: rgba(0, 0, 0, 0.5);
}
#assess .pop .content .choose .btn{
    display: flex;
justify-content: space-between;
    
}
#assess .pop .content .choose .pre{
    width: 200px;
height: 90px;
opacity: 0.5;
border-radius:45px;
background: linear-gradient(270deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
font-size: 30px;
font-weight: 400;
letter-spacing: 0px;
line-height: 90px;
color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
}
#assess .pop .content .choose .next{
    width: 410px;
height: 90px;
border-radius: 45px;
background: linear-gradient(270deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
font-size: 30px;
font-weight: 400;
letter-spacing: 0px;
line-height: 90px;
color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
}
#assess .pop .content .choose .next a{
    font-size: 30px;
font-weight: 400;
letter-spacing: 0px;
line-height: 90px;
color: rgba(255, 255, 255, 1);
}
#assess .pop .content .choose1{
    display: none;
}
#assess .pop .content .choose1.active{
display: block;
overflow-y: scroll;
  width: 640px;
  margin: 0 auto;
}
#assess .pop .content .choose1 ul{
    display: flex;
    flex-direction: column;
    gap: 90px;
    margin: 80px auto 215px;
} 
#assess .pop .content .choose1 ul li{
    width: 100%;
    height: 240px;
    /*line-height: 2.4rem;*/
    border-radius: 47.5px;
background: rgba(255, 195, 0, 0.1);
/*overflow: hidden;*/
display: flex;
align-items: center;
font-size: 30px;
font-weight: 400;
color: rgba(0, 0, 0, 0.8);
position: relative;
}
#assess .pop .content .choose1 ul li.active{
   background: rgba(255, 141, 26, 0.2); 
}
#assess .pop .content .choose1 ul li:before{
    content: '';
    width: 60px;
height: 60px;
opacity: 1;
border-radius: 25px;
background: linear-gradient(180deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
margin-left: 30px;
margin-right: 20px;
}
#assess .pop .content .choose1 ul li:nth-of-type(1):after{
    content: '';
    width: 390px;
height: 300px;
 background: url(/ceshi/images/assess_choose1_1.png) no-repeat;
background-size: 100% 100%;
position: absolute;
bottom: -10px;
right: 20px;
}
#assess .pop .content .choose1 ul li:nth-of-type(2):after{
    content: '';
    width: 349px;
height: 300px;
 background: url(/ceshi/images/assess_choose1_2.png) no-repeat;
background-size: 100% 100%;
position: absolute;
bottom: -10px;
right: 30px;
}
#assess .pop .content .choose1 .go{
    width: 330px;
height: 90px;
opacity: 1;
border-radius: 45px;
background: linear-gradient(270deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
margin: 0 auto;
text-align: center;
font-size: 30px;
font-weight: 400;
line-height: 90px;
color: rgba(255, 255, 255, 1);
cursor: pointer;
}
#assess .pop .content .choose2{
    display: none;
}
#assess .pop .content .choose2 ul{
     display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 25px auto 205px;
    
}
#assess .pop .content .choose2 ul li{
    width: 100%;
    height: 95px;
    border-radius: 47.5px;
background: rgba(255, 195, 0, 0.1);
display: flex;
align-items: center;
font-size: 30px;
font-weight: 400;
color: rgba(0, 0, 0, 0.8);
position: relative;
}
#assess .pop .content .choose2 ul li i{
    font-style: normal;
}
#assess .pop .content .choose2 ul li.active{
    background: rgba(255, 141, 26, 0.4);
}
#assess .pop .content .choose2 ul li.active:after{
   content: '';
    width: 50px;
height: 50px;
background: url(/ceshi/images/yes.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 30px;
}
#assess .pop .content .choose2 ul li:before{
    content: '';
    width: 60px;
height: 60px;
opacity: 1;
border-radius: 25px;
background: linear-gradient(180deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
margin-left: 20px;
margin-right: 20px;

}
#assess .pop .content .choose3{
    display: none;
}
#assess .pop .content .choose2.active{
    display: block;
    overflow-y: scroll;
     width: 640px;
  margin: 0 auto;
}
#assess .pop .content .choose3.active{
    display: block;
    overflow-y: scroll;
     width: 640px;
  margin: 0 auto;
}
#assess .pop .content .choose3 ul{
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin: 40px auto 295px;
} 
#assess .pop .content .choose3 ul li{
    width: 100%;
    height: 240px;
    /*line-height: 2.4rem;*/
    border-radius: 47.5px;
background: rgba(255, 195, 0, 0.1);
overflow: hidden;
display: flex;
align-items: center;
font-size: 30px;
font-weight: 400;
color: rgba(0, 0, 0, 0.8);
position: relative;
}
#assess .pop .content .choose3 ul li.active{
   background: rgba(255, 141, 26, 0.2); 
}
#assess .pop .content .choose3 ul li:before{
    content: '';
    width: 60px;
height: 60px;
opacity: 1;
border-radius: 25px;
background: linear-gradient(180deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
margin-left:30px;
margin-right: 20px;
}
#assess .pop .content .choose3 ul li:nth-of-type(1):after{
    content: '';
    width: 435px;
height: 435px;
 background: url(/ceshi/images/assess_choose2_1.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 0;
right: -35px;
}
#assess .pop .content .choose3 ul li:nth-of-type(2):after{
    content: '';
   width: 435px;
height: 435px;
 background: url(/ceshi/images/assess_choose2_2.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: -10px;
right: -50px;
}
#assess .pop .content .choose4{
    display: none;
}
#assess .pop .content .choose .tit{
    font-size: 55px;
}
#assess .pop .content .choose4.active{
     display: block;
    overflow-y: scroll;
     width: 640px;
  margin: 0 auto;
}
#assess .pop .content .choose4 ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 25px auto 70px;
    row-gap: 40px;
}
#assess .pop .content .choose4 ul li{
    /*width: 3rem;*/
    padding: 0 40px 0 30px;
height: 95px;
border-radius: 47.5px;
background: rgba(255, 195, 0, 0.1);
overflow: hidden;
display: flex;
align-items: center;
gap:15px;
position: relative;
}
#assess .pop .content .choose4 ul li.active{
    background: rgba(255, 209, 163, 1);
}
#assess .pop .content .choose4 ul li span{
    display: block;
    /*width: 1.6rem;*/
    text-align: center;
    font-size: 30px;
font-weight: 400;
color: rgba(0, 0, 0, 0.8);
}
#assess .pop .content .choose4 ul li:before{
    content: '';
    display: block;
    width: 35px;
height: 35px;
opacity: 1;
border-radius: 25px;
background: linear-gradient(180deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
/*margin: 0 .3rem;*/
}

#assess .pop .content .result{
    display: none;
}
#assess .pop .content .result.active{
    display: block;
}
#assess .pop .content .result .result1{
    width: 670px;
    height: 538px;
    position: relative;
    left: 25px;
    background: url(/ceshi/images/result1_bg.png) no-repeat;
background-size: 100% 100%;
}
#assess .pop .content .result .result1 .text{
    width: 100%;
    height:400px ;
    position: absolute;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#assess .pop .content .result .result1 .text p{
    width: 550px;
    font-size: 24px;
font-weight: 400;
letter-spacing: 0px;
line-height: 48px;
color: rgba(0, 0, 0, 0.5);
text-align: justify;

}
#assess .pop .content .result .result2{
    width: 640px;
    margin: 30px auto 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#assess .pop .content .result .result2 li{
    display: flex;
    align-items: center;
    width: 300px;
height: 95px;
border-radius: 47.5px;
background: rgba(255, 195, 0, 0.1);
}
#assess .pop .content .result .result2 li:before{
    content: '';
    width: 35px;
height: 35px;
opacity: 1;
border-radius: 25px;
background: linear-gradient(180deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
margin: 0 30px;
}
#assess .pop .content .result .result2 li .text{
    width: 160px;
    text-align: center;
}
#assess .pop .content .result .result2 li .tit{
    font-size: 30px;
font-weight: 400;
letter-spacing: 0px;
line-height: 30px;
color: rgba(0, 0, 0, 0.8);
margin: 0;
}
#assess .pop .content .result .result2 li .des{
    font-size: 24px;
font-weight: 400;
letter-spacing: 0px;
line-height: 30px;
color: rgba(255, 141, 26, 0.8);
}
#assess .pop .content .result .tishi{
    width: 640px;
    margin: 0 auto 180px;
    font-size: 24px;
font-weight: 400;
letter-spacing: 0px;
line-height: 48px;
color: rgba(0, 0, 0, 0.5);
text-align: justify;
}
#assess .pop .content .result .btn{
    width: 640px;
    margin: 0 auto;
}

.qa{
    margin: 30px auto 60px;
  border-radius: 20px;
background: linear-gradient(180deg, rgba(255, 237, 247, 1) 0%, rgba(255, 255, 255, 1) 100%);
box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
position: relative;
}
.qa:before{
    content:'';
    display: block;
    width: 435px;
height: 200px;
 background: url(/ceshi/images/assess_qa_bg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0;
top: 0;
}
.qa .head{
    width: 210px;
height: 100px;
}
.qa .content{
    padding: 0 30px 40px;
}
.qa .content .list{
    padding: 40px 0;
    border-bottom: 1px dashed rgba(243, 129, 191, 1);
    margin-bottom: 30px;
     position: relative;
  z-index: 2;
}
.qa .content .list ul{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap:40px;
    display: none;
   
}
.qa .content .list ul.active{
    display: block;
    display: flex;
}
.qa .content .list ul .q{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.qa .content .list ul .a{
     width: 625px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-top: 20px;
    display: none;
}
.qa .content .list ul li.active .a{
    display: block;
    display: flex;
}
.qa .content .list ul .q:after{
    content: '';
    display: block;
    width: 20px;
height: 20px;
 background: url(/ceshi/images/drop.png) no-repeat;
background-size: 100% 100%;

}
.qa .content .list ul li.active .q:after{
 transform: rotate(180deg);   
}
.qa .content .list ul .a:before{
    content: '';
    display: block;
    width: 40px;
height: 40px;
 background: url(/ceshi/images/assess_a_icon.png) no-repeat;
background-size: 100% 100%;
}
.qa .content .list ul .q p{
    width: 625px;
/** 文本1 */
font-size: 28px;
font-weight: 400;
letter-spacing: 0px;
line-height: 42px;
color: rgba(0, 0, 0, 0.5);
}
.qa .content .list ul .a p{
    width: 570px;
/** 文本1 */
font-size: 28px;
font-weight: 400;
letter-spacing: 0px;
line-height: 42px;
color: rgba(0, 0, 0, 0.3);
}
.qa .content .change{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: none;
    border: none;
}
.qa .content .change:before{
    content: '';
    display: block;
    width: 30px;
height: 30px;
 background: url(/ceshi/images/assess_change_icon.png) no-repeat;
background-size: 100% 100%;
margin-right: 15px;
}
.qa .content .change p{
    text-align: center;
    font-size: 28px;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px;
color: rgba(248, 140, 201, 1);
}
}
@media(max-width:750px){
body#assess{
    background: rgba(247, 247, 247, 1);
}
body#assess.overflown{}
#assess .one{
    margin-top: -25.1533vw;
}
#assess .topic{
   
}
#assess .topic .tit{
    font-size: .36rem;
font-weight: 600;
letter-spacing: 0px;
line-height: 4.8vw;
color: rgba(0, 0, 0, 0.8);
text-align: center;
position: relative;
z-index: 1;
white-space: nowrap;
 padding: 0 2.4vw;
}
#assess .topic:after{
content:'';
display: block;
width: 100%;
height: 2.66667vw;
opacity: 0.5;
border-radius: 1.3333vw;
background: linear-gradient(90deg, rgba(53, 175, 250, 1) 0%, rgba(174, 226, 255, 1) 100%);
margin-top: -.9333vw;
}
#assess .kepu{
    position: relative;
    left: -2vw;
    width: calc(100% + 4vw);
height: 60vw;
border-radius: 4.66667vw;
background: url(/ceshi/images/assess_kepu.webp) no-repeat;
background-size: 100% 100%;
}
#assess .kepu .btn{
    width: 19.3333vw;
    height: 6.66667vw;
    position: absolute;
    bottom: 10.66667vw;
    right: 10vw;
}
#assess .yuyue{
    position: relative;
    left: -2vw;
    width: calc(100% + 4vw);
height: 54.66667vw;
border-radius: 4.66667vw;
background: url(/ceshi/images/assess_yuyue.webp) no-repeat;
background-size: 100% 100%;
}
#assess .yuyue .btn{
    width:24vw;
    height: 6.66667vw;
    position: absolute;
    bottom: 6vw;
    right: 6vw;
}
#assess .thr{
    margin-top: 2.66667vw;
}
#assess .ceshi .start{
    width: 100%;
    height: 44vw;
    background: url(/ceshi/images/ceshi_start_bg.png) no-repeat;
background-size: 100% 100%;
position: relative;
    display: none;
}
#assess .ceshi .start.active{
    display: block;
}
#assess .ceshi .start .btn{
    width: 28vw;
    height: 6vw;
    border-radius: 3vw;
    position: absolute;
    bottom: 10vw;
    left: 16.66667vw;
    cursor: pointer;
}
#assess .ceshi .start .gif{
    width: 38.66667vw;
    position: absolute;
    right: 2.66667vw;
    top: 2.66667vw;
}
#assess .ceshi .stop{
    width: 100%;
    height:44vw;
    background: url(/ceshi/images/ceshi_stop_bg.png) no-repeat;
background-size: 100% 100%;
position: relative;
    display: none;
}
#assess .ceshi .stop.active{
    display: block;
}
#assess .ceshi .stop .text{
    width: 53.3333vw;
    display: flex;
    flex-direction: column;
    gap:2.66667vw ;
    position: absolute;
    right: 4vw;
    bottom: 13.06667vw;
    align-items: end;
}
#assess .ceshi .stop .text .des{
    font-size: 2.66667vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 3.2vw;
color: rgba(255, 255, 255, 1);
white-space: nowrap;
text-overflow: ellipsis;
}
#assess .ceshi .stop .text .p1{
    width: 46.66667vw;
}
#assess .ceshi .stop .text .p2{
    width: 49.3333vw;
}
#assess .ceshi .stop .text .p3{
    width: 53.3333vw;
}
#assess .ceshi .stop .btn{
    display: block;
  width: 28vw;
height: 6vw;
position: absolute;
right: 4vw;
bottom: 4vw;
}
#assess .pop{
  width: 100%;
  max-width: 100vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  bottom: -100%;
  z-index: 9999;
}
#assess .pop .content{
    width:  96vw;
height:  calc(89.478% - 11.3333vw);
opacity: 1;
padding: 5.3333vw 0 6vw;
border-radius: 5.3333vw;
background: rgba(255, 255, 255, 1);
box-shadow: 0px .266667vw .53333vw  rgba(0, 0, 0, 0.25);
margin: 0 auto;
position: absolute;
bottom: 2.66667vw;
left: 2vw;
overflow: hidden;
}
#assess .pop .content .choose{
  
   position: relative;
  overflow-y: scroll;
  height: 100%; 
  /*overflow-x: visible;*/
  margin: 0 auto;
  /*overflow: hidden;*/
}
#assess .pop .content .choose .tit{
    font-size: 8vw;
font-weight: 900;
letter-spacing: 0px;
line-height: 8vw;
color: rgba(255, 141, 26, 0.8);
margin-bottom: 2.66667vw;
white-space: nowrap;
}
#assess .pop .content .choose .des{
   font-size: 4vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 6vw;
color: rgba(0, 0, 0, 0.5);
}
#assess .pop .content .choose .btn{
    display: flex;
justify-content: space-between;
    
}
#assess .pop .content .choose .pre{
    width: 26.66667vw;
height: 12vw;
opacity: 0.5;
border-radius: 6vw;
background: linear-gradient(270deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
font-size: 4vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 12vw;
color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
}
#assess .pop .content .choose .next{
    width: 54.66667vw;
height: 12vw;
border-radius: 6vw;
background: linear-gradient(270deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
font-size: 4vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 12vw;
color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
}
#assess .pop .content .choose .next a{
    font-size: 4vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 12vw;
color: rgba(255, 255, 255, 1);
}
#assess .pop .content .choose1{
    display: none;
}
#assess .pop .content .choose1.active{
display: block;
overflow-y: scroll;
  width: 85.3333vw;
  margin: 0 auto;
}
#assess .pop .content .choose1 ul{
    display: flex;
    flex-direction: column;
    gap: 12vw;
    margin: 10.66667vw auto 28.66667vw;
} 
#assess .pop .content .choose1 ul li{
    width: 100%;
    height: 32vw;
    /*line-height: 2.4rem;*/
    border-radius: 6.3333vw;
background: rgba(255, 195, 0, 0.1);
/*overflow: hidden;*/
display: flex;
align-items: center;
font-size: 4vw;
font-weight: 400;
color: rgba(0, 0, 0, 0.8);
position: relative;
}
#assess .pop .content .choose1 ul li.active{
   background: rgba(255, 141, 26, 0.2); 
}
#assess .pop .content .choose1 ul li:before{
    content: '';
    width: 8vw;
height: 8vw;
opacity: 1;
border-radius: 3.3333vw;
background: linear-gradient(180deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
margin-left: 4vw;
margin-right: 2.66667vw;
}
#assess .pop .content .choose1 ul li:nth-of-type(1):after{
    content: '';
    width: 52vw;
height: 40vw;
 background: url(/ceshi/images/assess_choose1_1.png) no-repeat;
background-size: 100% 100%;
position: absolute;
bottom: -1.3333vw;
right: 2.66667vw;
}
#assess .pop .content .choose1 ul li:nth-of-type(2):after{
    content: '';
    width: 46.53333vw;
height: 40vw;
 background: url(/ceshi/images/assess_choose1_2.png) no-repeat;
background-size: 100% 100%;
position: absolute;
bottom: -1.3333vw;
right: 4vw;
}
#assess .pop .content .choose1 .go{
    width: 44vw;
height: 12vw;
opacity: 1;
border-radius: 6vw;
background: linear-gradient(270deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
margin: 0 auto;
text-align: center;
font-size: 4vw;
font-weight: 400;
line-height: 12vw;
color: rgba(255, 255, 255, 1);
cursor: pointer;
}
#assess .pop .content .choose2{
    display: none;
}
#assess .pop .content .choose2 ul{
     display: flex;
    flex-direction: column;
    gap: 5.3333vw;
    margin: 3.3333vw auto 27.3333vw;
    
}
#assess .pop .content .choose2 ul li{
    width: 100%;
    height: 12.66667vw;
    border-radius: 6.3333vw;
background: rgba(255, 195, 0, 0.1);
display: flex;
align-items: center;
font-size: 4vw;
font-weight: 400;
color: rgba(0, 0, 0, 0.8);
position: relative;
}
#assess .pop .content .choose2 ul li i{
    font-style: normal;
}
#assess .pop .content .choose2 ul li.active{
    background: rgba(255, 141, 26, 0.4);
}
#assess .pop .content .choose2 ul li.active:after{
   content: '';
    width: 6.66667vw;
height:  6.66667vw;
background: url(/ceshi/images/yes.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 4vw;
}
#assess .pop .content .choose2 ul li:before{
    content: '';
    width: 8vw;
height: 8vw;
opacity: 1;
border-radius: 3.3333vw;
background: linear-gradient(180deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
margin-left: 2.66667vw;
margin-right: 2.66667vw;

}
#assess .pop .content .choose3{
    display: none;
}
#assess .pop .content .choose2.active{
    display: block;
    overflow-y: scroll;
     width: 85.3333vw;
  margin: 0 auto;
}
#assess .pop .content .choose3.active{
    display: block;
    overflow-y: scroll;
     width: 85.3333vw;
  margin: 0 auto;
}
#assess .pop .content .choose3 ul{
    display: flex;
    flex-direction: column;
    gap: 6.66667vw;
    margin:5.3333vw auto 39.3333vw;
} 
#assess .pop .content .choose3 ul li{
    width: 100%;
    height: 32vw;
    /*line-height: 2.4rem;*/
    border-radius: 6.3333vw;
background: rgba(255, 195, 0, 0.1);
overflow: hidden;
display: flex;
align-items: center;
font-size: 4vw;
font-weight: 400;
color: rgba(0, 0, 0, 0.8);
position: relative;
}
#assess .pop .content .choose3 ul li.active{
   background: rgba(255, 141, 26, 0.2); 
}
#assess .pop .content .choose3 ul li:before{
    content: '';
    width: 8vw;
height:8vw;
opacity: 1;
border-radius: 3.3333vw;
background: linear-gradient(180deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
margin-left: 4vw;
margin-right: 2.66667vw;
}
#assess .pop .content .choose3 ul li:nth-of-type(1):after{
    content: '';
    width: 58vw;
height: 58vw;
 background: url(/ceshi/images/assess_choose2_1.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 0;
right: -4.66667vw;
}
#assess .pop .content .choose3 ul li:nth-of-type(2):after{
    content: '';
   width: 58vw;
height: 58vw;
 background: url(/ceshi/images/assess_choose2_2.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: -1.3333vw;
right: -6.66667vw;
}
#assess .pop .content .choose4{
    display: none;
}
#assess .pop .content .choose .tit{
    font-size: 7.3333vw;
}
#assess .pop .content .choose4.active{
     display: block;
    overflow-y: scroll;
     width: 85.3333vw;
  margin: 0 auto;
}
#assess .pop .content .choose4 ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.3333vw auto 9.3333vw;
    row-gap: 5.3333vw;
}
#assess .pop .content .choose4 ul li{
    /*width: 3rem;*/
    padding: 0 5.3333vw 0 4vw;
height: 12.66667vw;
border-radius: 6.3333vw;
background: rgba(255, 195, 0, 0.1);
overflow: hidden;
display: flex;
align-items: center;
gap:2vw;
position: relative;
}
#assess .pop .content .choose4 ul li.active{
    background: rgba(255, 209, 163, 1);
}
#assess .pop .content .choose4 ul li span{
    display: block;
    /*width: 1.6rem;*/
    text-align: center;
    font-size: 4vw;
font-weight: 400;
color: rgba(0, 0, 0, 0.8);
}
#assess .pop .content .choose4 ul li:before{
    content: '';
    display: block;
    width: 4.66667vw;
height: 4.66667vw;
opacity: 1;
border-radius: 3.3333vw;
background: linear-gradient(180deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
/*margin: 0 .3rem;*/
}

#assess .pop .content .result{
    display: none;
}
#assess .pop .content .result.active{
    display: block;
}
#assess .pop .content .result .result1{
    width: 89.3333vw;
    height: 71.7333vw;
    position: relative;
    left: 3.3333vw;
    background: url(/ceshi/images/result1_bg.png) no-repeat;
background-size: 100% 100%;
}
#assess .pop .content .result .result1 .text{
    width: 100%;
    height:53.3333vw ;
    position: absolute;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#assess .pop .content .result .result1 .text p{
    width: 73.3333vw;
    font-size: 3.2vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 6.4vw;
color: rgba(0, 0, 0, 0.5);
text-align: justify;

}
#assess .pop .content .result .result2{
    width: 85.3333vw;
    margin: 4vw auto 5.3333vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#assess .pop .content .result .result2 li{
    display: flex;
    align-items: center;
    width: 40vw;
height: 12.66667vw;
border-radius: 6.3333vw;
background: rgba(255, 195, 0, 0.1);
}
#assess .pop .content .result .result2 li:before{
    content: '';
    width: 4.66667vw;
height: 4.66667vw;
opacity: 1;
border-radius: 3.3333vw;
background: linear-gradient(180deg, rgba(255, 116, 17, 1) 0%, rgba(255, 195, 0, 1) 99.31%);
margin: 0 4vw;
}
#assess .pop .content .result .result2 li .text{
    width:21.3333vw;
    text-align: center;
}
#assess .pop .content .result .result2 li .tit{
    font-size: 4vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 4vw;
color: rgba(0, 0, 0, 0.8);
margin: 0;
}
#assess .pop .content .result .result2 li .des{
    font-size: 3.2vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 4vw;
color: rgba(255, 141, 26, 0.8);
}
#assess .pop .content .result .tishi{
    width: 85.3333vw;
    margin: 0 auto 24vw;
    font-size: .24rem;
font-weight: 400;
letter-spacing: 0px;
line-height: 6.4vw;
color: rgba(0, 0, 0, 0.5);
text-align: justify;
}
#assess .pop .content .result .btn{
    width: 85.3333vw;
    margin: 0 auto;
}

.qa{
    margin: 4vw auto 8vw;
  border-radius: 2.66667vw;
background: linear-gradient(180deg, rgba(255, 237, 247, 1) 0%, rgba(255, 255, 255, 1) 100%);
box-shadow: 0px .266667vw .53333vw  rgba(0, 0, 0, 0.25);
position: relative;
}
.qa:before{
    content:'';
    display: block;
    width: 58vw;
height: 26.66667vw;
 background: url(/ceshi/images/assess_qa_bg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0;
top: 0;
}
.qa .head{
    width:28vw;
height: 13.3333vw;
}
.qa .content{
    padding: 0 4vw 5.3333vw;
}
.qa .content .list{
    padding: 5.3333vw 0;
    border-bottom: .1333vw dashed rgba(243, 129, 191, 1);
    margin-bottom: 4vw;
     position: relative;
  z-index: 2;
}
.qa .content .list ul{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap:5.3333vw;
    display: none;
   
}
.qa .content .list ul.active{
    display: block;
    display: flex;
}
.qa .content .list ul .q{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.qa .content .list ul .a{
     width: 83.3333vw;
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-top: 2.66667vw;
    display: none;
}
.qa .content .list ul li.active .a{
    display: block;
    display: flex;
}
.qa .content .list ul .q:after{
    content: '';
    display: block;
    width: 2.66667vw;
height: 2.66667vw;
 background: url(/ceshi/images/drop.png) no-repeat;
background-size: 100% 100%;

}
.qa .content .list ul li.active .q:after{
 transform: rotate(180deg);   
}
.qa .content .list ul .a:before{
    content: '';
    display: block;
    width: 5.3333vw;
height: 5.3333vw;
 background: url(/ceshi/images/assess_a_icon.png) no-repeat;
background-size: 100% 100%;
}
.qa .content .list ul .q p{
    width: 83.3333vw;
/** 文本1 */
font-size: 3.7333vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 5.6vw;
color: rgba(0, 0, 0, 0.5);
}
.qa .content .list ul .a p{
    width: 76vw;
/** 文本1 */
font-size: 3.7333vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 5.6vw;
color: rgba(0, 0, 0, 0.3);
}
.qa .content .change{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: none;
    border: none;
}
.qa .content .change:before{
    content: '';
    display: block;
    width: 4vw;
height: 4vw;
 background: url(/ceshi/images/assess_change_icon.png) no-repeat;
background-size: 100% 100%;
margin-right: 2vw;
}
.qa .content .change p{
    text-align: center;
    font-size:3.7333vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 3.7333vw;
color: rgba(248, 140, 201, 1);
}
}