.xzhpbox{
    background: #fff;
    position: relative;
    padding-bottom: 0.4rem;
}
.hpbei{
    background-image: url(../images/xzhp/hp.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 5.26rem;
    position: absolute;
}
.hptit{
    background-image: url(../images/xzhp/hptit.png);
    background-size: 100% 100%;
    width: 2.33rem;
    height: 1.13rem;
    position: relative;
    top: 0.4rem;
    margin: 0 auto;
}
.formbox{
    background-image: url(../images/xzhp/finfo.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 5.27rem;
    position: relative;
    margin-top: 0.4rem;
}
.xxtop{

    height: 0.66rem;
    line-height: 0.66rem;
    text-align: center;
    font-size: 0.32rem;
    font-weight: 700;
    color: #3D3D3D;
    position: absolute;
    top: 0.4rem;
    z-index: 1;
    left: 0.7rem;
}
.xxtop img{
  width: 0.3rem;
    height: 0.3rem;
    display: inline-block;
}
.xxtop span{
  margin: 0 0.1rem;
}
.hpform{
    width: 6.1rem;
    height: 3.52rem;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 0.18rem;
    position: absolute;
    top: 1.2rem;
    left: 0;
    right: 0;
}
.hpform2{
    width: 6.1rem;
    height: 3.52rem;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 0.18rem;
    position: absolute;
    top: 1.2rem;
    left: 0;
    right: 0;
}
.yuanname{
    height: 0.88rem;
    width: 5.7rem;
    margin: 0 auto;
    opacity: 1;
    border-bottom: 1px solid #D3CFE1;
}
.yuanname:last-child{
    border-bottom: none;
}
.yuanming{
    line-height: 0.88rem;
    font-size: 0.32rem;
    color: #333333;
    float: left;
    width: 1.4rem;
}
.shijian {
    width: 4rem;
    z-index: 11;
    position: relative;
    line-height: 0.88rem;
    font-size: 0.32rem;
    color: #333333;
    margin-left: 0.2rem;
    background: none;
}
.cs-sex{
    float: left;
    margin-left: 0.2rem;
}
.cs-sex span {
    display: block;
    float: left;
    padding-top: 0.28rem;
    padding-right: 0.5rem;
}
.cs-sex em{
    display: block;
    float: left;
    width: 0.32rem;
    height: 0.32rem;
    background-image:url(../images/sexw.png);
    background-size: 100%;


}
.cs-sex span.cur em {
    background-image:url(../images/sexd.png);

}
.cs-sex font {
    display: block;
    height: 0.36rem;
    line-height: 0.3rem;
    overflow: hidden;
    text-align: left;
    padding-left: 10px;
    color: #333;
    font-size: 0.32rem;
    padding-top: 0.03rem;
}
.cfei{
    background-image: url(../images/xzhp/qq.png);
    background-size: 100% 100%;
    width: 2.2rem;
    height: 2.63rem;
    position: absolute;
    top: 6rem;
    right: 0;
    z-index: 1;
}
.zyjp{
    background-image: url(../images/xzhp/kaicha.png);
    background-size: 100% 100%;
    width: 6.9rem;
    height: 1.5rem;
    margin: 0.1rem auto;
    margin-bottom: 0;
    display: block;
    background-color: unset;
}
.xphejj{
    width: 6.9rem;
    background: #FFFFFF;
    box-shadow: 0px 0.04rem 0.55rem 0px rgba(187,198,199,0.33);
    border-radius: 0.2rem;
    margin: 0.15rem auto;
    margin-bottom: 0;
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
}
.xphetit{
    padding-left: 0.3rem;
    position: relative;
    font-size: 0.36rem;
    font-weight: 700;
    color: #3D3D3D;
    display: inline-block;
    z-index: 1;
    line-height: 0.52rem;
}
.xphetit:before {
    content: '';
    width: 100%;
    height: 0.28rem;
    background: linear-gradient(270deg, rgba(96,97,226,0) 0%,#6061e28f 96%);
    border-radius: 1.26rem 0px 0px 1.26rem;
    position: absolute;
    bottom: 0;
}
.xzhppic{
    width: 6.3rem;
    height: 2.2rem;
    display: block;
    margin: 0.3rem auto;
    margin-bottom: 0;
}
.xpjj{
    width: 6.3rem;
    margin: 0 auto;
}
.xpjj p{
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.64rem;
    margin-top: 0.3rem;
}
.xphetit i {
    font-style: normal;
    margin-left: 0.1rem;
    font-size: 0.24rem;
    color: #999999;
}

.hprbox{
    position: relative;
}
.hprbei{
    background-image: url(../images/xzhp/hprbei.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 1.8rem;
    position: absolute;
    top: 0;
}
.hprtit{
    text-align: center;
    font-size: 0.38rem;
    font-weight: 700;
    color: #3D3D3D;
    padding-top: 0.5rem;
    position: relative;
    margin-bottom: 0.2rem;
}
.hpinfobox{
  position: relative;
    background: #FFFFFF;
    border-radius: 0.2rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.hpinfotio{
    overflow: hidden;
}
.hpinfoleft{
    float: left;
    background-image: url(../images/xzhp/axzs.png);
    background-size: 100% 100%;
    width: 0.82rem;
    height: 0.18rem;
    margin-left: 0.3rem;
    margin-top: 0.1rem;
}
.hpinforight{
    float: right;
    margin-right: 0.3rem;
    padding: 0 0.2rem;
    height: 0.46rem;
    line-height: 0.46rem;
    background: #FFEFF3;
    border-radius: 0.23rem;
    font-size: 0.28rem;
    color: #FF94B0;
}
.hpinforight i{
    display: inline-block;
    background-image: url(../images/xzhp/qh.png);
    background-size: 100% 100%;
    width: 0.4rem;
    height: 0.4rem;
    vertical-align: sub;
}
.yhzong{
    overflow: hidden;
    margin-top: 0.2rem;
    margin-left: 0.12rem;
}
.yh1{
    margin-left: 0.18rem;
    float: left;
    width: 3.36rem;
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
    background: #F8F6FF;
    border-radius: 0.2rem;
}
.yhtit{
    width: 2.6rem;
    height: 0.56rem;
    line-height: 0.56rem;
    text-align: center;
    background: #FFFFFF;
    border-radius: 0.18rem;
    margin: 0 auto;
}
.yhtit img{
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
}
.yhtit span{
    margin: 0 0.12rem;
}
.yhinfoitem{
    text-align: center;
    margin: 0 auto;
    margin-top: 0.2rem;
    font-size: 0.28rem;
    color: #A79BD1;
    width: 2.73rem;

}
.yhinfoitem span{
    color: rgba(51, 51, 51, 1);
}
.yhinfoitem+.yhinfoitem{
    margin-top: 0.1rem;
}
.xpinfobox{
    margin-top: 0.2rem;
    background: #FFFFFF;
    border-radius: 0.2rem 0.2rem 0px 0px;
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
}
.xpiftit{
    background-image: url(../images/xzhp/xxtop.png);
    background-size: 100% 100%;
    width: 2.8rem;
    height: 0.66rem;
    line-height: 0.66rem;
    text-align: center;
    font-size: 0.38rem;
    font-weight: 700;
    color: #3D3D3D;
    margin: 0 auto;
}
.xpidesc{
    margin-top: 0.2rem;
    margin-left: 0.3rem;
    font-size: 0.24rem;
    color: #A79BD1;
    line-height: 0.36rem;
}
.xptu{
    width: 6.9rem;
    margin: 0.6rem auto;
    margin-bottom: 0;
}
.xptu img {
    width: 6.9rem;
    height: 6.9rem;
    object-fit: cover;
}
.xplrbox{
    margin-top: 0.5rem;
}
.xxinfobox{
    border: 1px solid #D1D1D5;
    width: 6.9rem;
    margin: 0.4rem auto;
    margin-bottom: 0;
    border-radius: 0.2rem;
    overflow: hidden;
    box-sizing: content-box;
}
.xxinfotop{
    height: 0.56rem;
    background: #F7F7F7;
    line-height: 0.56rem;
    border-bottom: 1px solid #D1D1D5;
}
.xxinfoxt{
    float: left;
    width: 1.72rem;
    text-align: center;
    font-size:0.28rem;
    font-weight: 500;
    color: #3D3D3D;
    border-right: 1px solid #D1D1D5;
    box-sizing: content-box;
}
.xxinfoxz{
    float: left;
    width: 3.36rem;
    text-align: center;
    font-size:0.28rem;
    font-weight: 500;
    color: #3D3D3D;
    border-right: 1px solid #D1D1D5;
    box-sizing: content-box;
}
.xxinfogw{
    float: left;
    width: 1.77rem;
    text-align: center;
    font-size: 0.28rem;
    font-weight: 500;
    color: #3D3D3D;
}
.xxinfoitem{
    border-bottom: 1px solid #D1D1D5;
    height: 0.56rem;
    line-height: 0.56rem;
}
.xxinfoitem:last-child{
    border-bottom: none;
}
.itemxt{
    float: left;
    width: 1.72rem;
    text-align: center;
    font-size:0.28rem;
    font-weight: 500;
    color: #3D3D3D;
    border-right: 1px solid #D1D1D5;
    box-sizing: content-box;
}
.itemxt img{
    width: 0.22rem;
    height: 0.22rem;
    display: inline-block;
    vertical-align: initial;
    margin-right: 0.1rem;
}
.itemxz{
    float: left;
    width: 3.36rem;
    text-align: center;
    font-size:0.28rem;
    font-weight: 500;
    color: #3D3D3D;
    border-right: 1px solid #D1D1D5;
    box-sizing: content-box;
}
.itemxz img{
    width: 0.22rem;
    height: 0.22rem;
    display: inline-block;
    vertical-align: initial;
    margin-right: 0.1rem;
}
.itemxz span{
    color: rgba(141, 150, 203, 1);
}
.itemgw{
    float: left;
    width: 1.77rem;
    text-align: center;
    font-size: 0.28rem;
    font-weight: 500;
    color: #3D3D3D;
}
.xwbox{

    margin-top: 0.3rem;
    margin-left: 0.3rem;

}
.xwitem{

    height: 0.52rem;
}
.xwitemtd{
    background: #fff;
    width: 0.52rem;
    height: 0.52rem;
    line-height: 0.52rem;
    text-align: center;
    font-size: 0.24rem;
    color: #3D3D3D;
    box-sizing: border-box;
    float: left;
    border: 1px solid #D1D1D5;
    border-bottom: none;
    border-right: none;
}
.xwitemtd:first-child{
    background: rgba(247, 247, 247, 1);
}
.xwitemtd:last-child{
    border-right: 1px solid #D1D1D5;
}
.xw0{
    background: rgba(255, 246, 222, 1) !important;
    color: rgba(255, 177, 21, 1) !important;
}

.xw2{
    background: rgba(255, 225, 225, 1) !important;
    color: rgba(255, 80, 80, 1) !important;
}
.xw3{
    background: rgba(223, 255, 214, 1) !important;
    color: rgba(105, 199, 97, 1) !important;
}
.xw4{
    background: rgba(228, 220, 255, 1) !important;
    color: rgba(136, 75, 243, 1) !important;
}
.xw1{
    background: rgba(210, 244, 255, 1) !important;
    color: rgba(20, 165, 255, 1) !important;
}
.jdbox{
    margin-top: 0.9rem;
    display: flex;
    justify-content: center;
}
.xiangdu{
    float: left;
    margin-left: 0.3rem;
    background-image: url(../images/xzhp/xd.png);
    background-size: 100% 100%;
    width: 3.3rem;
    height: 0.88rem;

}
.hepbg{
     background-image: url(../images/xzhp/hpbg.png);
    background-size: 100% 100%;
    width: 3.3rem;
    height: 0.88rem;
    float: left;
    margin-left: 0.3rem;
    position: relative;
    display: none;
}
.htoi{
    background-image: url(../images/xzhp/hot.png);
    background-size: 100% 100%;
    width: 1.08rem;
    height: 0.86rem;
    position: absolute;
    top: -0.7rem;
    left: -0.51rem;
}
.shouzhi{
    background-image: url(../images/xzhp/sz.png);
    background-size: 100% 100%;
    width: 0.72rem;
    height: 0.62rem;
    position: absolute;
    bottom: -0.31rem;
    right: 0;
}
.hpjx{
    background: #FFFFFF;
    position: relative;
    padding-bottom: 0.4rem;
}
.hpjxbei{
    background-image: url(../images/xzhp/hpjx.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 8.74rem;
    position: absolute;
}
.hpjxtit{
    font-size: 0.38rem;
    font-weight: 700;
    color: #3D3D3D;
    position: relative;
    padding-top: 0.62rem;
    text-align: center;
}
.hpjxnei{
    width: 6.9rem;
    margin: 0.5rem auto;
    margin-bottom: 0;
    background: linear-gradient(180deg,#FFFFFF 1%,  rgba(255,255,255,0.39) 13%);
    box-shadow: 0px 0.04rem 0.27rem 0px rgba(238,221,221,0.49), 1px -1px 0px 0px #FFFFFF;
    border-radius: 0.2rem;
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
    position: relative;
}
.zh{
    background-image: url(../images/xzhp/zh.png);
    background-size: 100% 100%;
    width: 0.58rem;
    height: 0.58rem;
    position: absolute;
    top: 4.7rem;
    left: 0;
    z-index: 1;
}
.ysh{
    background-image: url(../images/xzhp/ysh.png);
    background-size: 100% 100%;
    width: 0.58rem;
    height: 0.58rem;
    position: absolute;
    top: 1.38rem;
    right: 1.27rem;
    z-index: 1;
}
.yxh{
    background-image: url(../images/xzhp/ysh.png);
    background-size: 100% 100%;
    width: 0.58rem;
    height: 0.58rem;
    position: absolute;
    top: 8.62rem;
    right: 0rem;
    z-index: 1;
}
.hpjxpei+.hpjxpei{
  margin-top: 0.6rem;
}
.hpjxbiao{
    margin-left: 0.3rem;
    font-size: 0.32rem;
    font-weight: 700;
    color: #333333;
}
.xtpic{
    display: inline-block;
    width: 0.38rem;
    height: 0.38rem;
    position: relative;
    margin-right: 0.1rem;
    top: 0.1rem;
}
.hojxneir{
    width: 6.3rem;
    margin: 0.2rem auto;
    margin-bottom: 0;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.56rem;
}
.hwpez{
    text-align: center;
    margin-top: 0.4rem;
    font-size: 0.32rem;
    color: #FF94B0;
}
.hwpez img{
    display: inline-block;
    width: 0.58rem;
    height: 0.42rem;
    position: relative;
    top: 0.1rem;
}
.jxbgbanner{
    background-image: url(../images/xzhp/bgbanner.png);
    background-size: 100% 100%;
    width: 6.9rem;
    height: 2.77rem;
    position: relative;
    margin: 0.4rem auto;
    margin-bottom: 0;
    display: none;
}
.hotbiaozhi{
    background-image: url(../images/xzhp/hotbiao.png);
    background-size: 100% 100%;
    width: 1.24rem;
    height: 0.54rem;
    position: absolute;
    top: 0;
    left: 0;
}
.fuzhicg {
    width: 4.5rem;
    background-color: #000;
    filter: alpha(opacity=60);
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border: none;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
    padding: 0.2rem 0;
    text-align: center;
    font-size: 0.32rem;
    border-radius: 0.2rem;
    z-index: 10000;
}
.houitem .xwitemtd{
    border-bottom: 1px solid  #D1D1D5;
}
.tbbox{
    height: 0.88rem;
    background: #FFFFFF;
    line-height: 0.88rem;
    border-bottom: 1px solid rgba(229, 229, 229, 1);
    position: fixed;
    width: 7.5rem;
    z-index: 1110;
}
.tbitem{
    float: left;
    line-height: 0.88rem;
    text-align: center;
    /*margin-left: 0.29rem;*/
    font-size: 0.32rem;
    color: #999999;
    position: relative;
    width: 50%;
}
.tbon{
    color: rgba(96, 97, 226, 1);
    font-weight: 700;
}
.tbon:after{
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0rem;
    height: 0.04rem;
    width: 100%;
    background: #6061E2;
    left: 0;
}
.tbitem+.tbitem::before {
    display: inline-block;
    content: '';
    width: 1px;
    height: 0.32rem;
    background: #E6E6E6;
    position: absolute;
    left: -1px;
    top: 0.32rem;
    color: #4c4c4c;
}