.header{
    background: rgba(121, 108, 247, 1);
}
.snbox{
    position: relative;
    background: linear-gradient( 358deg, #A5E3F6 0%, #95C6FF 59%, #57ABFF 100%);
    padding-bottom: 0.4rem;
}
.snbei{
    background-image: url(../images/snrbei.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 9.8rem;
    position: absolute;
    top: 0;
}
.snbeibox{
    width: 6.9rem;
    position: relative;
    padding-top: 5.75rem;
    margin: 0 auto;
}
.sntop{
    background: #FFFFFF;
    border-radius: 0.4rem;
    padding-bottom: 0.4rem;
    position: relative;
}

.sntit{
    background-image: url(../images/sntit.png);
    background-size: 100% 100%;
    width: 6.9rem;
    height: 1.48rem;
    margin: 0 auto;
    position: absolute;
    top: 0rem;
    left: 0;
    right: 0;
}
.snbiao{
    text-align: center;
    font-weight: 900;
    font-size: 0.4rem;
    color: #333333;
    position: relative;
    padding-top: 0.38rem;
}
.snbiao span{
    position: relative;
    z-index: 10;
}
.snbiao span:before{
    content: '';
    width: 2.6rem;
    height:0.22rem;
    background: #FFE45E;
    border-radius: 1.43rem;
    position: absolute;
    bottom: 0.05rem;
    left: -0.1rem;
    z-index: -1;
}
.snxzbiao{
    overflow: hidden;
    padding-top: 0.3rem;
    position: relative;
    z-index: 1;
}
.snxzleft{
    float: left;
    background-image: url(../images/snrl.png);
    background-size: 100% 100%;
    width: 1.06rem;
    height: 1.09rem;
    margin-left: 0.28rem;
    position: relative;
}
.snxzrltio{
    text-align: center;
    line-height: 0.45rem;
    font-weight: 700;
    font-size: 0.28rem;
    color: #007B6B;
}
.snxzrdesc{
    text-align: center;
    line-height: 0.6rem;
    font-weight: 700;
    font-size: 0.32rem;
    color: #333333;
}
.snxzright{
    float: left;
    margin-left: 0.25rem;
    width: 4.83rem;
    font-size: 0.32rem;
    color: #333333;

}
.snxzriqi{
    line-height: 0.48rem;
}
.snxzriqi span{
    font-size: 0.36rem;
    font-weight: 700;
}
.snxzriqi span i{
    display: inline-block;
    background-image: url(../images/ni.png);
    background-size: 100% 100%;
    width: 0.25rem;
    height: 0.28rem;
    margin-right: 0.05rem;
    margin-left: 0.05rem;
}
.snkuang{
    width: 6.9rem;
    padding-bottom: 0.3rem;
    background-color: #FFFFFF;
    border-radius: 0.4rem;
    position: relative;
    z-index: 9;
}
.snhr{
    background-image: url(../images/snhr.png);
    background-size: 100% 100%;
    width: 5.86rem;
    height: 0.04rem;
    margin: 0 auto;
}
.snkinfo{
    width: 6.3rem;
    margin: 0.28rem auto;
    margin-bottom: 0;
    background: #EDF9FF;
    border-radius: 0.4rem;
    border: 0.02rem solid #C7DEFF;
    position: relative;
    padding: 0.3rem 0;
}
.snktit{
    padding-left: 0.3rem;
    font-weight: 700;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.48rem;
}
.snktit span{
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    background: linear-gradient( 198deg, #5FABF3 0%, rgba(255,255,255,0.52) 98%);
    position: relative;
    text-align: center;
    line-height: 0.48rem;
    font-weight: 900;
    font-size: 0.36rem;
    color: #333333;
}
.snktit span+span{
    margin-left: -0.1rem;
    margin-right: 0.1rem;
}
.snktit i{
    display: inline-block;
    background-image: url(../images/swei.png);
    background-size: 100% 100%;
    width: 0.39rem;
    height: 0.35rem;
    margin-left: 0.05rem;
}
.step-container {
    margin-top: 0.2rem;
    margin-left: 0.3rem;
}

.step {
    display: flex;
}
.miaolf{
    float: left;
    position: relative;
    padding-bottom: 0.9rem;
}
.circle {
    display: inline-block;
    border-radius: 50%;
    width: 0.16rem;
    height: 0.16rem;
    background: rgba(178,227,222,0.3);
    position: relative;
    z-index: 10;
}
.neiyuan{
    display: inline-block;
    border-radius: 50%;
    width: 0.1rem;
    height: 0.1rem;
    background: rgba(84, 190, 241, 1);
    margin:0.03rem;
}
.line {
    height: 100%;
    border-left: 1px dashed rgba(158, 208, 217, 1);
    position: absolute;
    width: 1px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0.1rem;
    box-sizing: border-box;
}

.step-content {
    margin-left: 0.1rem; /* 控制内容与线之间的距离 */
    width: 5.5rem;
    margin-top: -0.15rem;
    padding-bottom: 0.4rem;
}
.step-content p{
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.48rem;
    padding-top: 0.05rem;
}
.step-content span{
    font-weight: 700;
}
.step-content i{
    display: inline-block;
    background-size: 100% 100%;
    width: 0.34rem;
    height: 0.34rem;
    vertical-align: sub;
    margin: 0 0.05rem;
}
.xzicon0{
    background-image: url(../images/xzbiao/icon_0.png);
}
.xzicon1{
    background-image: url(../images/xzbiao/icon_1.png);
}
.xzicon2{
    background-image: url(../images/xzbiao/icon_2.png);
}
.xzicon3{
    background-image: url(../images/xzbiao/icon_3.png);
}
.xzicon4{
    background-image: url(../images/xzbiao/icon_4.png);
}
.xzicon5{
    background-image: url(../images/xzbiao/icon_5.png);
}
.xzicon6{
    background-image: url(../images/xzbiao/icon_6.png);
}
.xzicon7{
    background-image: url(../images/xzbiao/icon_7.png);
}
.xzicon8{
    background-image: url(../images/xzbiao/icon_8.png);
}
.xzicon9{
    background-image: url(../images/xzbiao/icon_9.png);
}
.xzicon10 {
    background-image: url(../images/xzbiao/icon_10.png);
}
.xzicon11 {
    background-image: url(../images/xzbiao/icon_11.png);
}
.xqbei{
    background-image: url(../images/xqbei.png);
    background-size: 100% 100%;
    width: 2.99rem;
    height: 2.76rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
.caijie{
    width: 7.5rem;
    margin: 0.2rem auto;
    margin-bottom: 0;
    background: #FFFFFF;
    border-radius: 0.2rem;
    padding-bottom: 0.4rem;
    padding-top: 0.3rem;
}
.caijie_tit{
    text-align: center;
    font-size:0.36rem;
    font-weight: 700;
    color: #3D3D3D;
}
.bl{
    display: inline-block;
    background-image: url(../images/bl.png);
    background-size: 100% 100%;
    width: 0.68rem;
    height: 0.34rem;
}
.br{
    display: inline-block;
    background-image: url(../images/br.png);
    background-size: 100% 100%;
    width: 0.68rem;
    height: 0.34rem;
}
.caijie_tit span{
    display: inline-block;
    margin: 0 0.2rem;
}
.snlist{
    overflow: hidden;
}
.snlist a{
    display: block;
    float: left;
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    width: 3.33rem;
    height: 0.88rem;
    background: #DFF5FF;
    border-radius: 0.1rem;
    border: 1px solid #BBE9FF;
    line-height: 0.88rem;
    text-align: center;
    font-size: 0.32rem;
    color: #333333;
}
.xchalist{
    overflow: hidden;
}
.xchalist a{
    display: block;
    float: left;
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    width: 2.1rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    font-size:0.32rem;
    color: #5F4DC0;
    background: #F5F3FF;
    border-radius: 0.1rem;
}
.jiebanner {
    display: block;
    width: 6.9rem;
    height: 3.46rem;
    margin: 0.3rem auto;
}
.jiajie{
    width: 6.9rem;
    margin: 0.3rem auto;
    margin-bottom: 0;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.56rem;
    text-align: justify;
}
.jiajie p+p{
    padding-top: 0.4rem;
}
.jiajie span{
    font-size: 0.28rem;
    color: #999999;
}
.wentit{
    font-weight: 700;
    font-size: 0.32rem;
    color: #333333;
    padding-top: .5rem;
}
.wentit i{
    display: inline-block;
    background-image: url(../images/snwen.png);
    background-size: 100% 100%;
    width: 0.36rem;
    height: 0.36rem;
    vertical-align: sub;
    margin-right: 0.1rem;
}
.wentit span{
    display: inline-block;
    position: relative;
    font-weight: 700;
    font-size: 0.32rem;
    color: #333333;
    z-index: 10;
}
.wentit span:before{
    content: '';
    background-image: url(../images/sndi.png);
    background-size: 100% 100%;
    width: 1.32rem;
    height: 0.39rem;
    position: absolute;
    bottom: -0.1rem;
    z-index: -1;
}
.snresult{
    background: linear-gradient( 358deg, #A5E3F6 0%, #95C6FF 59%, #57ABFF 100%);
    position: relative;
    padding-bottom: 0.3rem  ;
}
.snrbei{
    background-image: url(../images/snrbei.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 9.8rem;
    position: absolute;
    top: 0;
}
.snrbox{
    position: relative;
    z-index: 1;
    padding-top: 5.82rem;
    width: 6.9rem;
    margin: 0 auto;
}
.snrtio{
    background-image: url(../images/snrtop.png);
    background-size: 100% 100%;
    width: 6.9rem;
    padding-bottom: 0.3rem;
    margin: 0 auto;
    position: relative;
}
.snrtit{
    width: 4.6rem;
    height: 0.85rem;
    background: linear-gradient( 270deg, #AEFC7A 0%, #3AF6FC 100%);
    border-radius: 0.4rem 0.4rem 0.4rem 0.02rem;
    margin-left: 0.17rem;
    position: relative;
    top: 0.12rem;
    line-height: 0.85rem;
    text-align: center;
    font-size: 0.38rem;
    color: rgba(255, 255, 255, 1);
}
.snrtit span{
    font-weight: 900;
    font-size: 0.48rem;
    color: rgba(51, 51, 51, 1);
}
.xztu{

  position: relative;
}
.xzpicbox{
    background-image: url(../images/zxz.png);
    background-size: 100% 100%;
    width: 2.97rem;
    height: 2.92rem;
    position: absolute;
    right: -0.3rem;
    top: -2.5rem;
}
.xztu img{
    display: inline-block;
    width: 1.78rem;
    height: 1.78rem;
    margin: 0 auto;
    position: absolute;
    right: 0.1rem;
    top: -1.8rem;
}
.snjieguo{
    width: 5.9rem;
    background: linear-gradient( 180deg, #D8EBFF 0%, rgba(255,255,255,0) 100%);
    border-radius: 0.4rem;
    margin: 0.3rem auto;
    padding: 0.2rem 0.3rem;
    text-align: justify;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.56rem;
    margin-bottom: 0.18rem;
}
.zhuyibox{
    width: 6.9rem;
    margin: 0.3rem;
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px -1px 0px 0px #FFFFFF;
    border-radius: 0.4rem;
    border: 0.04rem solid transparent;
    background-image: linear-gradient( #FFFFFF,  #FFFFFF), linear-gradient(to bottom left, rgba(108, 170, 253, 1), rgba(255, 255, 255, 1));
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.mshu{
    background-image: url(../images/msm.png);
    background-size: 100% 100%;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: -0.4rem;
    left: -0.25rem;
}
.zytit{
    background-image: url(../images/zytit.png);
    background-size: 100% 100%;
    width: 4.88rem;
    height: 0.74rem;
    margin: 0 auto;
    position: relative;
    top: 0.22rem;
    left: 0.2rem;
}
.mxx{
    background-image: url(../images/mxx.png);
    background-size: 100% 100%;
    width: 0.81rem;
    height: 0.81rem;
    position: absolute;
    right: -0.2rem;
    top: -0.23rem;
}
.zydesc{
    width: 6.3rem;
    text-align: justify;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.56rem;
    margin: 0.3rem auto;
    margin-bottom: 0;
}
.zybox{
    width: 6.44rem;
    margin: 0.4rem auto;
    margin-bottom: 0.3rem;
    position: relative;
}
.zyzs{
    background-image: url(../images/zyzs.png);
    background-size: 100% 100%;
    width: 1.46rem;
    height: 0.36rem;
    position: absolute;
    top: -0.15rem;
    left: -0.25rem;
    z-index: 1;
}
.zytop{
    background-image: url(../images/zytop.png);
    background-size: 100% 100%;
    width: 6.44rem;
    height: 1.07rem;
    position: relative;
}
.zysxtit{
    font-weight: 700;
    font-size: 0.32rem;
    color: #FFFFFF;
    line-height: 0.66rem;
}
.wxicon i{
 display: inline-block;
    background-image: url(../images/icon_gt.png);
    background-size: 100% 100%;
    width: 0.6rem;
    height: 0.6rem;
    margin-left: 0.02rem;
    margin-top: 0.2rem;
    vertical-align: middle;
}
.jsicon i{
    display: inline-block;
    background-image: url(../images/icon_jq.png);
    background-size: 100% 100%;
    width: 0.6rem;
    height: 0.6rem;
    margin-left: 0.02rem;
    margin-top: 0.2rem;
    vertical-align: middle;
}
.lxicon i{
    display: inline-block;
    background-image: url(../images/icon_lx.png);
    background-size: 100% 100%;
    width: 0.6rem;
    height: 0.6rem;
    margin-left: 0.02rem;
    margin-top: 0.2rem;
    vertical-align: middle;
}
.qdicon i{
    display: inline-block;
    background-image: url(../images/icon_qd.png);
    background-size: 100% 100%;
    width: 0.6rem;
    height: 0.6rem;
    margin-left: 0.02rem;
    margin-top: 0.2rem;
    vertical-align: middle;
}
.module1{
    background-image: url(../images/module1.png);
    background-size: 100% 100%;
    width: 3.35rem;
    height: 0.63rem;
    position: absolute;
    top: 0.12rem;
    right: 0.32rem;
}
.module2{
    background-image: url(../images/module2.png);
    background-size: 100% 100%;
    width: 3.35rem;
    height: 0.63rem;
    position: absolute;
    top: 0.12rem;
    right: 0.32rem;
}
.module3{
    background-image: url(../images/module3.png);
    background-size: 100% 100%;
    width: 3.35rem;
    height: 0.63rem;
    position: absolute;
    top: 0.12rem;
    right: 0.32rem;
}
.module4{
    background-image: url(../images/module4.png);
    background-size: 100% 100%;
    width: 3.35rem;
    height: 0.63rem;
    position: absolute;
    top: 0.12rem;
    right: 0.32rem;
}
.zyzhong{
    background-image: url(../images/zyzhong.png);
    background-size: 100% 100%;
    width: 6.44rem;
    overflow: hidden;
    position: relative;
    top: -0.2rem;
}
.zydi{
    background-image: url(../images/zydi.png);
    background-size: 100% 100%;
    width: 6.44rem;
    height: 0.46rem;
    position: relative;
    top: -0.2rem;
}
.zyxj{
    width: 6rem;
    margin: 0 auto;
    font-size: 0.32rem;
    color: #333333;
    line-height:0.56rem;
    text-align: justify;
}
.snbai{
    width: 6.9rem;
    background: #FFFFFF;
    border-radius: 0.4rem;
    margin: 0.3rem auto;
    margin-bottom: 0;
    padding: 0.3rem 0;
}
.xzyszheng{
    width: 7.5rem;
    margin-top: 0.2rem;
    background: #FFFFFF;
    border-radius: 0.2rem;
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
}
.caijie_tit{
    text-align: center;
    font-size:0.36rem;
    font-weight: 700;
    color: #3D3D3D;
}
.caijie_tit span{
    display: inline-block;
    margin: 0 0.2rem;
}
.bl{
    display: inline-block;
    background-image: url(../images/bl.png);
    background-size: 100% 100%;
    width: 0.68rem;
    height: 0.34rem;
    vertical-align: middle;
}
.br{
    display: inline-block;
    background-image: url(../images/br.png);
    background-size: 100% 100%;
    width: 0.68rem;
    height: 0.34rem;
    vertical-align: middle;
}
.ysbeibox{
    width: 6.9rem;
    margin: 0.3rem auto;
    margin-bottom: 0;
    background: #FFFFFF;
    box-shadow: 0px 0.04rem 0.2rem 0px rgba(0,0,0,0.08);
    border-radius: 0.2rem;
    padding-bottom: 0.4rem;
}
.ystou{
    background-image: url(../images/ystou.png);
    background-size: 100% 100%;
    width: 6.9rem;
    position: relative;
    height: 1.8rem;
}
.ystou a{
    display: block;
}
.ystou img{
    display: block;
    float: left;
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    width: 1.2rem;
    height: 1.2rem;
}
.infxz{
    float: left;
    margin-left: 0.2rem;
    margin-top: 0.32rem;
}
.infxzm{
    font-size: 0.36rem;
    font-weight: 700;
    color: #3D3D3D;
}
.infxzm span{
    margin-left: 0.2rem;
    font-size:0.24rem;
    color: #9783C8;
    font-weight: 400;
}
.infxzr{
    font-size: 0.28rem;
    color: #8268C3;
    margin-top: 0.12rem;
}
.caiqie {
    width: 1.6rem;
    height: 0.56rem;
    background: rgba(255,255,255,0.2);
    border-radius: 0.28rem;
    text-align: center;
    border: 1px solid #FFFFFF;
    position: absolute;
    right: 0.3rem;
    top: 0.62rem;
    line-height: 0.56rem;
    font-size: 0.24rem;
    color: #8268C3;
}
.caiqie i {
    display: inline-block;
    background-image: url(../images/yshuan.png);
    background-size: 100% 100%;
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 0.1rem;
    vertical-align: middle;
}
.zhe{
    width: 100%;
    height: 100%;
    z-index: 999;
    left: 0;
    top: 0;
    position: fixed;
    background: rgba(0,0,0,0.5);
    display: none;
}
.xzxuan{
    position: fixed;
    width: 6.9rem;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1000;
    display: none;
}
.xzxuank{
    background: #FFFFFF;
    border-radius: 0.5rem;
    width: 6.9rem;
    padding-bottom: 0.6rem;
    position: relative;
}
.xzxtop{
    background-image: url(../images/xzxuan.png);
    background-size: 100% 100%;
    width: 6.9rem;
    height: 5.06rem;
    position: absolute;
    top: 0;
}
.xzxlistbox{
    position: relative;
    z-index: 1;
}
.xzxuantit{
    padding-top: 0.4rem;
    text-align: center;
    font-size: 0.36rem;
    font-weight: 700;
    color: #333333;
}
.xingzuolie{
    overflow: hidden;
    margin-top: 0.1rem;
}
.xzuoitem{
    float: left;
    width: 25%;
    margin-top: 0.3rem;
    position: relative;
}
.xzuoitem img{
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
}
.xzuoname{
    text-align: center;
    padding-top: 0.18rem;
    font-size: 0.28rem;
    color: #333333;

}
.xuanbiao{
    background-size: 100% 100%;
    width: 0.32rem;
    height: 0.32rem;
    position: absolute;
    right: 0.3rem;
    top: 0.86rem;
}
.xzuodate{
    text-align: center;
    font-size: 0.24rem;
    padding-top: 0.04rem;
    color: #999999;
}
.xuanon .xuanbiao{
    background-image: url(../images/xz_xuan.png);
}
.xzguan{
    background-image: url(../images/xzguan.png);
    background-size: 100% 100%;
    width: 0.48rem;
    height: 0.48rem;
    margin: 0.34rem auto;
    margin-bottom: 0;
}
.xzyunhix {
    overflow: hidden;
    margin-top: 0.3rem;
    margin-left: 0.3rem;
}
.ztystk{
    width: 1.7rem;
    float: left;
}
.zhengtiyunshi {
    background-image: url(../images/zhbei.png);
    background-size: 100% 100%;
    width: 1.7rem;
    height: 1.58rem;
    text-align: center;
    line-height: 1.7rem;
    font-size: 0.74rem;
    font-weight: 700;
    color: #8676FF;
}
.yszt{
    text-align: center;
    font-size: 0.28rem;
    font-weight: 700;
    color: #4B3A75;
}
.ztitembox {
    margin-left: 0.7rem;
    width: 4rem;
    float: left;
    margin-top: 0.18rem;
}
.ztiitem {
    float: left;
    width: 20%;
}
.ziitembei {
    width: 0.2rem;
    height: 1rem;
    background: #F2F2F2;
    border-radius: 0.12rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.charts1 {
    border-radius: 0.12rem;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    height: 0%;
    width: 0.2rem;
}
.score_cf{
    background: #FFCA70;
}
.ztixm{
    text-align: center;
    font-size: 0.28rem;
    font-weight: 700;
    color: #4B3A75;
}
.ztifen{
    text-align: center;
    font-size: 0.28rem;
    font-weight: 700;
    color: #4B3A75;
}
.score_aiqing{
    background: rgba(255, 117, 152, 1);
}
.score_sy{
    background: #7ABAFF;
}
.score_xueye{
    background: #9CF0E7;
}
.score_jiankang{
    background: #ABED91;
}
.ztysdesc{
    display: block;
    width: 6.3rem;
    margin: 0.4rem auto;
    margin-bottom: 0;
    font-size: 0.32rem;
    color: #584476;
    line-height: 0.56rem;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    white-space: normal;
}
.chacy{
    width: 6.3rem;
    line-height: 0.88rem;
    text-align: center;
    font-size: 0.32rem;
    display: block;
    font-weight: 700;
    color: #FFFFFF;
    height: 0.88rem;
    background: #9A8AF0;
    border-radius: 0.44rem;
    margin: 0.4rem auto;
    margin-bottom: 0;
}