.sxylan{
    width: 6.9rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.04rem 0.55rem rgba(187,198,199,0.8);
    border-radius: 0.2rem;
    margin: 0.2rem auto;
    padding-bottom: 0.4rem;
    padding-top: 0.3rem;
    margin-bottom: 0.4rem;
    position: relative;
}
.sxyltit{
   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;
}
.sxyltit: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;
}
.yilanbiao{
    width: 6.3rem;
    margin: 0.3rem auto;
    margin-bottom: 0;
    border-radius: 0.2rem;
    opacity: 1;
    border: 1px solid #C6BBFF;
    box-sizing: content-box;
}
.yiitm{
    height: 0.8rem;
    border-bottom: 1px solid rgba(198, 187, 255, 1);
    line-height: 0.8rem;
    text-align: center;
}
.yiitm:last-child{
    border-bottom: none;
}
.yilantd{
    float: left;
    width: 1.84rem;
    font-size: 0.32rem;
    color: #3D3D3D;
    border-right: 1px solid rgba(198, 187, 255, 1);
    box-sizing: border-box;
}
.yilandesc{
    font-size: 0.32rem;
    color: #3D3D3D;
    float: left;
    width: 4.4rem;
}
.sxxzbanner{
    width: 6.3rem;
    margin: 0.3rem auto;
    margin-bottom: 0;
    height: 2.21rem;
    display: block;
}
.xxcxcontet{
    width: 6.3rem;
    margin: 0.3rem auto;
    margin-bottom: 0;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.64rem;
}
.xxcxcontet span{
    color: #999;
}
.xxbox{
    overflow: hidden;
    background: #fff;
    padding-bottom: 0.4rem;
}
.zongk{
    background: #fff;
}
.cxform{
    background-image: url(../images/ssform.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 6.79rem;
    position: relative;
}
.formbox{
    position: absolute;
    top: 1.57rem;
    width: 6.3rem;
    left: 0;
    right: 0;
    margin: 0 auto;
 }
.yuanname{
    width: 5.8rem;
    height: 0.88rem;
    border-bottom: 1px solid rgba(229, 229, 229, 1);
    margin: 0 auto;
}
.yuanname:last-child{
    border-bottom: none;
}
.yuanming{
    line-height: 0.88rem;
    font-size: 0.32rem  ;
    color: #333333;
    float: left;
}
#xingming{
    line-height: 0.88rem;
    font-size: 0.32rem;
    color: #333333;
    margin-left: 0.3rem;
    background: none;
}
.cs-sex{
    float: left;
    margin-left: 0.3rem;
}
.cs-sex span {
    display: block;
    float: left;

    padding-top: 0.26rem;
    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;
}
.shijian {
    width: 4.1rem;
    z-index: 11;
    position: relative;
    line-height: 0.88rem;
    font-size: 0.32rem;
    color: #333333;
    margin-left: 0.3rem;
    background: none;
}
.date_time {
    display: none;
}
.date_roll>.date_date {
    width: 33.3% !important;
}
.date_ctrl{
    border: none !important;
    border-radius: 0 !important;
}
.rolldate-container header {
    border-bottom: 1px solid #DCDCDC;
    font-size: 15px;
    height: 45px !important;
    position: relative;
    text-align: center;
    line-height: 45px !important;
    background:  none !important;
    color: #333 !important;
}
.hide{
    display: none;
}
.rolldate-container .rolldate-confirm{
    color: rgb(200, 60, 35) !important;
}
.picker .picker-panel .picker-choose .confirm{
    color: rgb(200, 60, 35) !important;
}
.red_hong {
    color: #C83C23 !important;
}
.wheel-scroll .active{
    color: rgb(200, 60, 35);
}
.rolldate-container footer{
    background: none !important;
}
.wheel-wrapper .wheel-hook:nth-child(3) {
    display: none;
}
.xzcxbtn{
    display: flex;
    margin-top: 0.3rem;
}
.zyjp{

    display: block;
    float: left;
    margin-left: 0.3rem;
    width: 3rem;
    height: 0.88rem;
    background: #9583F1;
    box-shadow: 0px 0.04rem 0.28rem 0px rgba(141,142,234,0.84);
    border-radius: 0.44rem;
    font-size:0.36rem;
    font-weight: 700;
    color: #FFFFFF;
    border: none;
    line-height: 0.88rem;
    text-align: center;
}
.xppay{
    padding: 0 !important;
    display: block;
    float: left;
    width: 3rem;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    background: #9583F1;
    box-shadow: 0px 0.04rem 0.28rem 0px rgba(141,142,234,0.84);
    border-radius: 0.44rem;
    font-size:0.36rem;
    font-weight: 700;
    color: #FFFFFF;
    border: none;

}
.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;
}
.ssxzresult{
    background: rgba(255, 255, 255, 1);
    padding-top: 0.3rem;

}
.xptu{
    width: 6.9rem;
    height: 6.9rem;
    margin: 0 auto;
}
.xptu img{
    width: 6.9rem;
    height: 6.9rem;
}
.xxwzbox{
    width: 7.5rem;
    margin: 0.5rem auto;
    margin-bottom: 0;
    background: #FFFFFF;
    box-shadow: 0px 0.04rem 0.55rem 0px rgba(187,198,199,0.33);
    border-radius: 0.2rem;
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
}
.sxxtit{
    text-align: center;
    font-size: 0.32rem;
    font-weight: 500;
    color: #3B3F57;
    position: relative;
    z-index: 1;
}
.sxxtit:before{
    height: 0.28rem;
    width: 1.45rem;

    background: linear-gradient(270deg, rgba(186,196,255,0) 0%,#6061e28f  96%);
    border-radius: 1.26rem 0px 0px 1.26rem;
    content: '';
    position: absolute;
    bottom: 0;
}
.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;
}
.gw1, .gw5, .gw9{
    color: rgba(252, 104, 104, 1) !important;
}
.gw2, .gw6, .gw10{
    color: rgba(246, 164, 81, 1) !important;
}
.gw3, .gw7, .gw11{
    color: rgba(110, 209, 141, 1) !important;
}
.gw4, .gw8, .gw12{
    color: rgba(73, 136, 240, 1) !important;
}
.sxxztable{
    width: 6.9rem;
    background: #F7F7F7;
    border-radius: 0.2rem;
    border: 1px solid #D1D1D5;
    margin: 0.4rem auto;
    margin-bottom: 0;
    box-sizing: content-box;
}
.sxxzttop{
    border-radius: 0.2rem 0.2rem 0 0;
    background:rgba(247, 247, 247, 1);
    height: 0.58rem;
    border-bottom: 1px solid #D1D1D5;
}
.sxxzleft{
    box-sizing: border-box;
    float: left;
    border-right: 1px solid #D1D1D5;
    width: 2.12rem;
    line-height: 0.58rem;
    text-align: center;
    font-size: 0.28rem;
    color: #3D3D3D;
}

.sxxzright{
    float: left;
    line-height: 0.58rem;
    text-align: center;
    font-size: 0.28rem;
    color: #3D3D3D;
    width: 4.78rem;
}
.sxxzk{
  height: 0.58rem;
}
.ckzy img{
    display: block;
    width: 7.5rem;
    height: 1.38rem;
    margin: 0.2rem auto;
    margin-bottom: 0;
}
.chongce{
    text-align: center;
    display: block;
    font-size: 0.32rem;
    color: #7258E2;
}
.sxtdian{

    position: relative;
    background: #fff;

}
.feng .beitu{
    width: 7.5rem;
    height: 5.68rem;
    position: absolute;
    top: 0;
    background-image: url(../images/feng_di.png);
    background-size: 100% 100%;
}

.feng .fengtit{
    position: absolute;
    top: 1.21rem;
    left: 0.3rem;
    font-size: 0.56rem;
    font-weight: 700;
    color: #24CBB5;
}
.feng .fengtit a{
    color: #24CBB5;
}
.feng .fengdesc{
    position: absolute;
    top: 2.25rem;
    left: 0.3rem;
    font-size: 0.28rem;
    color: #8DB5AC;
}
.feng .tediankuang{
    width: 6.9rem;
    background: #FFFFFF;
    box-shadow: 0px 0.04rem 0.55rem 0px rgba(187,198,199,0.3);
    border-radius: 0.2rem;
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
    margin: 0 auto;
    margin-bottom: 0.4rem;
}
.feng .tidiantit{
    font-size: 0.36rem;
    font-weight: 700;
    color: #24CBB5;
    padding-left: 0.3rem;
}
.feng .tidiantit i{
    display: inline-block;
    background-image: url(../images/feng_icon.png);
    background-size: 100% 100%;
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.1rem;
    vertical-align: sub;
}
.feng .tdiangitem{
    margin-left: 0.3rem;
    margin-top: 0.3rem;
}
.feng .tiangong{
    font-size: 0.32rem;
    font-weight: 500;
    color: rgba(61, 61, 61, 1);
}
.feng .tiangong i{
    display: inline-block;
    background-image: url(../images/fbiao.png);
    background-size: 100% 100%;
    width: 0.14rem;
    height: 0.14rem;
    margin-right: 0.1rem;
    vertical-align: middle;
    margin-top: -0.1rem;
}
.feng .tidandesc{
    width: 5.96rem;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.64rem;
    margin: 0.2rem auto;
    margin-bottom: 0;
}
.feng a{
    color: #8DB5AC;
}

.huo .beitu{
    width: 7.5rem;
    height: 5.68rem;
    position: absolute;
    top: 0;
    background-image: url(../images/huo_di.png);
    background-size: 100% 100%;
}

.huo .fengtit{
    position: absolute;
    top: 1.21rem;
    left: 0.3rem;
    font-size: 0.56rem;
    font-weight: 700;
    color:rgba(231, 74, 74, 1);
}
.huo .fengtit a{
    color:rgba(231, 74, 74, 1);
}
.huo .fengdesc{
    position: absolute;
    top: 2.25rem;
    left: 0.3rem;
    font-size: 0.28rem;
    color: rgba(181, 131, 131, 1);
}
.huo a{
    color: rgba(181, 131, 131, 1);
}
.huo .tediankuang{
    width: 6.9rem;
    background: #FFFFFF;
    box-shadow: 0px 0.04rem 0.55rem 0px rgba(187,198,199,0.3);
    border-radius: 0.2rem;
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
    margin: 0 auto;
    margin-bottom: 0.4rem;
}
.huo .tidiantit{
    font-size: 0.36rem;
    font-weight: 700;
    color: rgba(231, 74, 74, 1);
    padding-left: 0.3rem;
}
.huo .tidiantit i{
    display: inline-block;
    background-image: url(../images/huo_icon.png);
    background-size: 100% 100%;
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.1rem;
    vertical-align: sub;
}
.huo .tdiangitem{
    margin-left: 0.3rem;
    margin-top: 0.3rem;
}
.huo .tiangong{
    font-size: 0.32rem;
    font-weight: 500;
    color: rgba(61, 61, 61, 1);
}
.huo .tiangong i{
    display: inline-block;
    background-image: url(../images/hbiao.png);
    background-size: 100% 100%;
    width: 0.14rem;
    height: 0.14rem;
    margin-right: 0.1rem;
    vertical-align: middle;
    margin-top: -0.1rem;
}
.huo .tidandesc{
    width: 5.96rem;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.64rem;
    margin: 0.2rem auto;
    margin-bottom: 0;
}


.shui .beitu{
    width: 7.5rem;
    height: 5.68rem;
    position: absolute;
    top: 0;
    background-image: url(../images/shui_di.png);
    background-size: 100% 100%;
}

.shui .fengtit{
    position: absolute;
    top: 1.21rem;
    left: 0.3rem;
    font-size: 0.56rem;
    font-weight: 700;
    color:rgba(43, 177, 228, 1);
}
.shui .fengtit a{
    color:rgba(43, 177, 228, 1);
}
.shui .fengdesc{
    position: absolute;
    top: 2.25rem;
    left: 0.3rem;
    font-size: 0.28rem;
    color: rgba(142, 155, 181, 1);
}
.shui a{
    color: rgba(142, 155, 181, 1);
}
.shui .tediankuang{
    width: 6.9rem;
    background: #FFFFFF;
    box-shadow: 0px 0.04rem 0.55rem 0px rgba(187,198,199,0.3);
    border-radius: 0.2rem;
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
    margin: 0 auto;
    margin-bottom: 0.4rem;
}
.shui .tidiantit{
    font-size: 0.36rem;
    font-weight: 700;
    color: rgba(43, 177, 228, 1);
    padding-left: 0.3rem;
}
.shui .tidiantit i{
    display: inline-block;
    background-image: url(../images/shui_icon.png);
    background-size: 100% 100%;
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.1rem;
    vertical-align: sub;
}
.shui .tdiangitem{
    margin-left: 0.3rem;
    margin-top: 0.3rem;
}
.huo .tiangong{
    font-size: 0.32rem;
    font-weight: 500;
    color:rgba(61, 61, 61, 1);
}
.shui .tiangong i{
    display: inline-block;
    background-image: url(../images/sbiao.png);
    background-size: 100% 100%;
    width: 0.14rem;
    height: 0.14rem;
    margin-right: 0.1rem;
    vertical-align: middle;
    margin-top: -0.1rem;
}
.shui .tidandesc{
    width: 5.96rem;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.64rem;
    margin: 0.2rem auto;
    margin-bottom: 0;
}

.tu .beitu{
    width: 7.5rem;
    height: 5.68rem;
    position: absolute;
    top: 0;
    background-image: url(../images/tu_di.png);
    background-size: 100% 100%;
}

.tu .fengtit{
    position: absolute;
    top: 1.21rem;
    left: 0.3rem;
    font-size: 0.56rem;
    font-weight: 700;
    color:rgba(246, 166, 5, 1);
}
.tu .fengtit a{
    color:rgba(246, 166, 5, 1);
}
.tu .fengdesc{
    position: absolute;
    top: 2.25rem;
    left: 0.3rem;
    font-size: 0.28rem;
    color: rgba(178, 156, 132, 1);
}
.tu a{
    color: rgba(178, 156, 132, 1);
}
.tu .tediankuang{
    width: 6.9rem;
    background: #FFFFFF;
    box-shadow: 0px 0.04rem 0.55rem 0px rgba(187,198,199,0.3);
    border-radius: 0.2rem;
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
    margin: 0 auto;
    margin-bottom: 0.4rem;
}
.tu .tidiantit{
    font-size: 0.36rem;
    font-weight: 700;
    color: rgba(246, 166, 5, 1);
    padding-left: 0.3rem;
}
.tu .tidiantit i{
    display: inline-block;
    background-image: url(../images/tu_icon.png);
    background-size: 100% 100%;
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.1rem;
    vertical-align: sub;
}
.tu .tdiangitem{
    margin-left: 0.3rem;
    margin-top: 0.3rem;
}
.tu .tiangong{
    font-size: 0.32rem;
    font-weight: 500;
    color: rgba(61, 61, 61, 1);
}
.tu .tiangong i{
    display: inline-block;
    background-image: url(../images/tbiao.png);
    background-size: 100% 100%;
    width: 0.14rem;
    height: 0.14rem;
    margin-right: 0.1rem;
    vertical-align: middle;
    margin-top: -0.1rem;
}
.tu .tidandesc{
    width: 5.96rem;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.64rem;
    margin: 0.2rem auto;
    margin-bottom: 0;
}


.feng .tebeiu{
    width: 7.5rem;
    height: 8.36rem;
    position: absolute;
    top: 0;
    background-image: url(../images/feng_tedi.png);
    background-size: 100% 100%;
}
.tu .tebeiu{
    width: 7.5rem;
    height: 8.36rem;
    position: absolute;
    top: 0;
    background-image: url(../images/tudibei.png);
    background-size: 100% 100%;
}
.huo .tebeiu{
    width: 7.5rem;
    height: 8.36rem;
    position: absolute;
    top: 0;
    background-image: url(../images/huodibei.png);
    background-size: 100% 100%;
}
.shui .tebeiu{
    width: 7.5rem;
    height: 8.36rem;
    position: absolute;
    top: 0;
    background-image: url(../images/shuidibei.png);
    background-size: 100% 100%;
}
.feng .tebiaobox{
    width: 6.9rem;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
    box-shadow: inset -1px 1px 0px 0px #FFFFFF, 0px 4px 40px 0px rgba(28,182,149,0.19);
    border-radius: 0.2rem;
    position: relative;
    margin: 0 auto;
    padding: 0.3rem 0.2rem 0.4rem 0.2rem;
    font-size: 0.3rem;
    margin-bottom: 0.5rem;
    color: #3B4F4A;
    line-height: 0.6rem;
}
.tu .tebiaobox{
    width: 6.9rem;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
    box-shadow: inset -1px 1px 0px 0px #FFFFFF, 0px 4px 40px 0px rgba(238,176,30,0.19);
    border-radius: 0.2rem;
    position: relative;
    margin: 0 auto;
    padding: 0.3rem 0.2rem 0.4rem 0.2rem;
    font-size: 0.3rem;
    margin-bottom: 0.5rem;
    color: #3B4F4A;
    line-height: 0.6rem;
}
.huo .tebiaobox{
    width: 6.9rem;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
    box-shadow: inset -1px 1px 0px 0px #FFFFFF, 0px 4px 40px 0px rgba(241,135,135,0.19);
    border-radius: 0.2rem;
    position: relative;
    margin: 0 auto;
    padding: 0.3rem 0.2rem 0.4rem 0.2rem;
    font-size: 0.3rem;
    margin-bottom: 0.5rem;
    color: #3B4F4A;
    line-height: 0.6rem;
}
.shui .tebiaobox{
    width: 6.9rem;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
    box-shadow: inset -1px 1px 0px 0px #FFFFFF, 0px 4px 40px 0px rgba(109,175,244,0.25);
    border-radius: 0.2rem;
    position: relative;
    margin: 0 auto;
    padding: 0.3rem 0.2rem 0.4rem 0.2rem;
    font-size: 0.3rem;
    margin-bottom: 0.5rem;
    color: #3B4F4A;
    line-height: 0.6rem;
}
.tebiaobox span{
    font-weight: 700;
}
.fxxztd span{
    font-weight: 700;
}
.xzuo{
    float: left;
    margin-top: 0.3rem;
}
.fxxztd{
    float: left;
    font-size: 0.32rem;
    color: #3D3D3D;
    line-height: 0.64rem;
    width: 6.56rem;
    margin-left: 0.2rem;
    margin-top: 0.3rem;
}

.tdiangitem{
    overflow: hidden;
    margin-bottom: 0.2rem;
}
.xzuo i{
    position: relative;
    top: 0.05rem;
}
.sxxzdesc{
    width: 3.36rem;
    line-height: 0.42rem;

}
.xzidtu{
    display: block;
    position: absolute;
    width: 1.48rem;
    height: 1.48rem;
    top: 1.14rem;
    right: 0.07rem;
}
.tiangong{
    line-height: 0.54rem;
}