body{
    background: rgba(247, 247, 247, 1);
}
@font-face {
    font-family: 'MyFont';
    /* 自定义字体名称 */
    src: url('../font/AlimamaDongFangDaKai-Regular.woff') format('woff'),
        /* WOFF 格式 */
    url('../font/AlimamaDongFangDaKai-Regular.ttf') format('truetype');
    /* TTF 格式 */
    font-weight: normal;
    font-style: normal;
}

.sxyearbei{
    background-image: url(../images/sxnbei.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 7.4rem;
    position: absolute;

}
.sxyeartit{
    font-family: 'MyFont';
    font-size: 0.4rem;
    font-style: normal;
    text-transform: none;
    background: linear-gradient(90deg, #AC690C 14%, #722F05 100%);
    -webkit-background-clip: text; /* 用于Webkit内核的浏览器 */
    color: transparent; /* 使文字颜色透明，让背景渐变显示出来 */
    background-clip: text; /* 标准属性 */
    text-align: center;
    padding-top: 0.8rem;
    position: relative;
    z-index: 1;
}
.sxxuan{
    padding-bottom: 0.4rem;
    position: relative;
    z-index: 1;
    width: 6.9rem;
    margin: 0.4rem auto;
    background: #FFFFFF;
    box-shadow: 0px -1px 0.21rem 0px rgba(88,73,42,0.35);
    border-radius: 0.2rem;
}
.progress-container {
    width: 0.56rem;
    background-color: #e0e0e0;
    border-radius: 5px;
    overflow: hidden; /* 隐藏超出部分 */
    position: relative;
    margin-bottom: 20px;
}

.progress-bar {
    width: 100%;
    background-color: #4caf50; /* 进度条颜色 */
    transition: height 0.5s ease; /* 平滑过渡效果 */
    position: absolute;
    bottom: 0; /* 从底部向上增长 */
    text-align: center;
    color: white;
    font-size: 14px;
    line-height: 200px; /* 垂直居中文本 */
}

.progress-text {
    position: absolute;
    bottom: -30px; /* 文本初始位置在进度条下方 */
    transition: bottom 0.5s ease; /* 文本随进度条上升 */
}
.sxselect{
    position: absolute;
    left: 0;
    top: 0;
    width: 2.28rem;
    height: 0.85rem;
    line-height: 0.85rem;
    text-align: center;
    font-weight: 700;
    font-size: 0.34rem;
    color: #A56437;
    background: #FFF6E9;
    border-radius: 0.2rem 0  0.2rem 0 ;
}
.sxselect i{
    display: inline-block;
    width: 0.47rem;
    height: 0.47rem;
    background-size: 100% 100%;
    vertical-align: sub;
    margin-right: 0.1rem;
}
.sx0{
    background-image: url(../images/sx/sx0.png);
}
.sx1{
    background-image: url(../images/sx/sx1.png);
}
.sx2{
    background-image: url(../images/sx/sx2.png);
}
.sx3{
    background-image: url(../images/sx/sx3.png);
}
.sx4{
    background-image: url(../images/sx/sx4.png);
}
.sx5{
    background-image: url(../images/sx/sx5.png);
}
.sx6{
    background-image: url(../images/sx/sx6.png);
}
.sx7{
    background-image: url(../images/sx/sx7.png);
}
.sx8{
    background-image: url(../images/sx/sx8.png);
}
.sx9{
    background-image: url(../images/sx/sx9.png);
}
.sx10{
    background-image: url(../images/sx/sx10.png);
}
.sx11{
    background-image: url(../images/sx/sx11.png);
}
.sxselect span{
    display: inline-block;
    background-image: url(../images/xqie.png);
    background-size: 100% 100%;
    width: 0.32rem;
    height: 0.32rem;
    vertical-align: sub;
    position: relative;
    top: -0.05rem;
    margin-left: 0.1rem;
}
.zongsx{
    display: flex;
    justify-content: space-between;
    margin-right: 0.24rem;
}
.sxinfo{

    margin-top:1.34rem;


}
.sxniandesc{
    text-align: center;
    font-weight: 700;
    font-size:0.4rem;
    color: #3D3D3D;
}
.sxsxinfo{
    display: flex
;
    flex-wrap: wrap;
    margin-top: 0.25rem;

}
.sxinfoitem{
    margin-left: 0.3rem;
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #333333;
}
.sxinfoitem span{
    height: 0.4rem;
    width: 0.88rem;
    line-height: 0.4rem;
    text-align: center;
    background: rgba(216,216,216,0.4);
    border-radius:2.28rem;
    border: 1px solid #F1F1F1;
    display: inline-block;
    margin-right: 0.12rem;
}
.pfenbox{
    margin-top: 0.3rem;

    display: flex;

}
.pfenitem{
    width: 0.56rem;
}
.pfenitem+.pfenitem{
    margin-left: 0.16rem;
}
.progress-container{
    width: 0.2rem;
    height: 2rem;
    background: #EEEEEE;
    border-radius: 2.76rem;
    margin: 0 auto;
}
.fenbei{
    background: linear-gradient( 180deg, #FD9B9C 0%, #F8DCD8 100%);
}
.huangbei{
    background: linear-gradient( 180deg, #FFB168 0%, #FFE396 100%);
}
.lanbei{
    background: linear-gradient( 180deg, #86A9FB 0%, #B6C6FE 100%);
}
.lvbei{
    background: linear-gradient( 180deg, #44D48F 0%, #7CF0B9 100%);
}
.progress-bar {
    width: 100%;
    transition: height 0.5s ease; /* 平滑过渡效果 */
    position: absolute;
    bottom: 0; /* 从底部向上增长 */
    text-align: center;
    color: white;
    font-size: 14px;
    line-height: 200px; /* 垂直居中文本 */
    border-radius: 2.76rem;
}
.gqicon{
    background-image: url(../images/gq_icon1.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    margin: 0 auto;
}
.cyicon{
    background-image: url(../images/cy_icon1.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    margin: 0 auto;
}
.syicon{
    background-image: url(../images/sy_icon1.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    margin: 0 auto;
}
.jkicon{
    background-image: url(../images/jk_icon1.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    margin: 0 auto;
}
.sxyunshi{
    width: 6.42rem;
    padding: 0.16rem 0;
    margin: 0.32rem auto;
    margin-bottom: 0;
    background: #FDF2E5;
    border-radius: 0.2rem;
    border: 1px solid #F1C8AA;
}
.sxystit{
    text-align: center;
    font-size: 0.3rem;
    color: #A56437;
}
.sxysdesc{
    font-size: 0.3rem;
    text-align: center;
    margin-top: 0.1rem;
    color: #C4814D;
}
.ysbox{
    overflow: hidden;
    background: #fff;
    margin-top: 0.2rem;
    padding-bottom: 0.3rem;
}
.ystit {
    background: #fff6e9;
    color: #c4814d;
    font-weight: bold;
    font-size: 0.32rem;
    height: 0.88rem;
    line-height: 0.88rem;
}
.ystit i{
    background: url(../images/yuanhuan.png);
    background-size: 100%;
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    margin-left: 0.3rem;
    vertical-align: sub;
    margin-right: 0.1rem;
}
.touge{
    background: #fff;
    padding-bottom: 0.3rem;

}
.ysinfobox{
    width: 6.9rem;
    margin: 0.3rem auto;
    margin-bottom: 0;
    padding-bottom: 0.3rem;
    position: relative;
    background: #FDF2E5;
    border-radius: 0.2rem;
    box-sizing: border-box;
    border: 1px solid #F1C8AA;
    overflow: hidden;

}
.wenbei {
    background-image: url(../images/wenbei.png);
    background-size: 100% 100%;
    width: 6.9rem;
    overflow: hidden;
    padding-top: 0.3rem;
}
.qgbiaoti{
    width: 6.26rem;
    margin: 0 auto;
    font-size:0.32rem;
    color: #333333;
}
.qgbiaoti i{
    display: inline-block;
    background-image: url(../images/gq_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    vertical-align: sub;
    position: relative;
    top: 0.05rem;
    margin-right: 0.1rem;
}
.cybiaoti{
    width: 6.26rem;
    margin: 0 auto;
    font-size:0.32rem;
    color: #333333;
}
.cybiaoti i{
    display: inline-block;
    background-image: url(../images/cy_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    vertical-align: sub;
    position: relative;
    top: 0.05rem;
    margin-right: 0.1rem;
}
.sybiaoti{
    width: 6.26rem;
    margin: 0 auto;
    font-size:0.32rem;
    color: #333333;
}
.sybiaoti i{
    display: inline-block;
    background-image: url(../images/sy_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    vertical-align: sub;
    position: relative;
    top: 0.05rem;
    margin-right: 0.1rem;
}
.jkbiaoti{
    width: 6.26rem;
    margin: 0 auto;
    font-size:0.32rem;
    color: #333333;
}
.jkbiaoti i{
    display: inline-block;
    background-image: url(../images/jk_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    vertical-align: sub;
    position: relative;
    top: 0.05rem;
    margin-right: 0.1rem;
}
.xxbox{
    margin: 0 auto;
    margin-top: 0.26rem;

    width:2.88rem;
    position: relative;
    text-align: center;
}
.xuanwei{
    display: flex;
    margin: 0 auto;
}
.xxwei{
    background-image: url(../images/xxwei.png);
    background-size: 100% 100%;
    width: 0.4rem;
    height: 0.4rem;
}
.xxwei+.xxwei{
    margin-left: 0.2rem;
}
.xuanbei{
    position: absolute;
    top: 0;
    display: flex;
    margin: 0 auto;


}
.xxxuan{

    background-image: url(../images/xxxuan.png);
    background-size: 100% 100%;
    width: 0.4rem;
    height: 0.4rem;
}
.xxxuan+.xxxuan{
    margin-left: 0.2rem;
}
.lxiang{
    width: 6.26rem;
    margin: 0.24rem auto;
    margin-bottom: 0;
    font-size: 0.3rem;
    color: #C4814D;
    line-height: 0.52rem;
}
.zxtit{
    background: #fff6e9;
    color: #c4814d;
    font-weight: bold;
    font-size: 0.32rem;
    height: 0.88rem;
    line-height: 0.88rem;
}
.zxtit i{
    background: url(../images/zx_icon.png);
    background-size: 100%;
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    margin-left: 0.3rem;
    vertical-align: sub;
    margin-right: 0.1rem;
}

.ailogo{
    background-image: url(../images/ai.png);
    background-size: 100% 100%;
    width: 1.52rem;
    height: 1.52rem;
    margin: 0 auto;
}
.aidesc{
    text-align: center;
    padding-top: 0.1rem;
    font-size:0.3rem;
    color: #A56437;
}
.twen{
    width: 6.54rem;
    height: 1.04rem;
    line-height: 1.04rem;
    background: #FFFFFF;
    border-radius: 1.18rem;
    border: 0.02rem solid #CCCCCC;
    margin: 0.2rem auto;
    margin-bottom: 0;
    background: #fff;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
}
.shuwen{
    font-size: 0.32rem;
    line-height: 1.04rem;
    border: none;
    background: none;
    width: 5.32rem;
    padding-left: 0.24rem;
    white-space: nowrap; /* 防止内容换行 */
    overflow: hidden; /* 隐藏超出部分 */
    text-overflow: ellipsis; /* 显示省略号 */
}
.fasong{
    background-image: url(../images/fs.png);
    background-size: 100% 100%;
    width: 0.64rem;
    height: 0.64rem;
}
.fag{
    background-image: url(../images/fsd.png);
}
.zxzhe {
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    height: 100vh;
    z-index: 100;
    top: 0;
}
.zxzhe1 {
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    height: 100vh;
    z-index: 100;
    top: 0;
}
.hide{
    display: none !important;
}
.zxbox{
    position: fixed;
    bottom: 0;
    z-index: 10001;
    width: 7.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;

}
.srkuang{
    padding: 0.4rem 0;
    background: #fff;
}
.tjpl{
    width: 6.86rem;
    margin: 0 auto;
    border-radius: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    max-height: 5rem;
    overflow: hidden;
    position: relative;
    background: rgba(242, 243, 247, 1);
}
.xuankuang_xie1 {
    float: left;
    flex-grow: 1;
    resize: none;
    overflow-y: auto;
    padding: 0.17rem 0;
    padding-left: 0.28rem;
    width: 4.2rem;
    font-size: 0.32rem;
    color: #999999;
    border: none;
    line-height: 0.48rem;
    /* min-height: 0.5rem; */
    /* height: 0.5rem; */
    height: 2.28rem;
    background: none;
}
.cao1{
    width: 1.16rem;
    height: 0.68rem;
    background: #DDDDDD;
    color: #999999;
    border-radius: 1.38rem;
    line-height: 0.68rem;
    text-align: center;
    font-size: 0.28rem;
    margin-right: 0.08rem;

}
.caoon{
    color: #FFFFFF;
    background: #162850;
}
.wenitem {
    width: 6.54rem;
    margin: 0.4rem auto;
    margin-bottom: 0;
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
.wendesc {
    font-size: 0.3rem;
    color: #333333;
}
.wentiwen {
    width: 1.24rem;
    height: 0.6rem;
    background: #C49358;
    border-radius: 1.38rem;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.3rem;
    color: #FFFFFF;
}
.hjtit{
    text-align: center;
    font-size: 0.3rem;
    color: #333333;
}
.yszytit{
    width: 3.6rem;
    height: 0.6rem;
    margin: 0.4rem auto;
    margin-bottom: 0;
    line-height: 0.6rem;
    text-align: center;
    background: #C4814D;
    border-radius: 1.72rem;
    font-size: 0.28rem;
    color: #FFFFFF;
}
.zypit{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.4rem;
}
.zyitem+.zyitem{
    margin-left: 0.8rem;
}
.zynum{
    background-image: url(../images/zys.png);
    background-size: 100% 100%;
    width: 0.8rem;
    height: 0.8rem;
}
.zyse{
    background-image: url(../images/zyse.png);
    background-size: 100% 100%;
    width: 0.8rem;
    height: 0.8rem;
}
.zyfw{
    background-image: url(../images/zyfw.png);
    background-size: 100% 100%;
    width: 0.8rem;
    height: 0.8rem;
}
.zyps{
    background-image: url(../images/zyps.png);
    background-size: 100% 100%;
    width: 0.8rem;
    height: 0.8rem;
}
.zytit{
    text-align: center;
    font-size: 0.26rem;

    color: #666666;
}
.zyname{
    text-align: center;
    font-size: 0.32rem;
    color: #333333;
}
.ckaozhi{
    width: 6.3rem;
    margin: 0.16rem auto;
    margin-bottom: 0;
    font-size: 0.24rem;
    color: #666666;
    line-height: 0.44rem;
}
.thzhuyun{
    width: 6.3rem;
    margin: 0.32rem auto;
    margin-bottom: 0;
    font-size: 0.28rem;
    color:rgba(51, 51, 51, 1);
    line-height: 0.52rem;
}
.thzhuyun span{
    color: rgba(200, 60, 35, 1);
}
.fwbox{
    display: flex;
    justify-content: center;
    margin-top: 0.32rem;

}
.fwitem+.fwitem{
 margin-left: 2.11rem;
}
.fwname{
    text-align: center;
    font-size: 0.28rem;
    color: #C83C23;
    margin-bottom: 0.16rem;
}
.fwds{
    text-align: center;
    font-size:0.32rem;
    padding-top: 0.16rem;
    color: #3D3D3D;
}
.fw0{
    background-image: url(../images/fw0.png);
    background-size: 100% 100%;
    width: 1.38rem;
    height: 1.32rem;
    margin: 0 auto;
}
.fw1{
    background-image: url(../images/fw1.png);
    background-size: 100% 100%;
    width: 1.38rem;
    height: 1.32rem;
    margin: 0 auto;
}
.fw2{
    background-image: url(../images/fw2.png);
    background-size: 100% 100%;
    width: 1.38rem;
    height: 1.32rem;
    margin: 0 auto;
}
.fw3{
    background-image: url(../images/fw3.png);
    background-size: 100% 100%;
    width: 1.38rem;
    height: 1.32rem;
    margin: 0 auto;
}
.fw4{
    background-image: url(../images/fw4.png);
    background-size: 100% 100%;
    width: 1.38rem;
    height: 1.32rem;
    margin: 0 auto;
}
.fw5{
    background-image: url(../images/fw5.png);
    background-size: 100% 100%;
    width: 1.38rem;
    height: 1.32rem;
    margin: 0 auto;
}
.fw6{
    background-image: url(../images/fw6.png);
    background-size: 100% 100%;
    width: 1.38rem;
    height: 1.32rem;
    margin: 0 auto;
}
.fw7{
    background-image: url(../images/fw7.png);
    background-size: 100% 100%;
    width: 1.38rem;
    height: 1.32rem;
    margin: 0 auto;
}
.fw8{
    background-image: url(../images/fw8.png);
    background-size: 100% 100%;
    width: 1.38rem;
    height: 1.32rem;
    margin: 0 auto;
}
.cweidesc{
    width: 6.3rem;
    margin: 0.32rem auto;
    margin-bottom: 0;
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.52rem;
}
.cweidesc span{
    color: rgba(200, 60, 35, 1);
}
.xianiu{
    position: relative;
    margin-top: 0.67rem;
}
.anniu{
    margin: 0 auto;
    background-image: url(../images/niuxia.png);
    background-size: 100% 100%;
    width: 6.9rem;
    height: 0.98rem;
    line-height: 0.98rem;
    text-align: center;
    font-size: 0.36rem;
    color: #FFFFFF;
}
.mrwf{
  background-image: url(../images/mrwf.png);
    background-size: 100% 100%;
    width: 2.56rem;
    height: 0.69rem;
    text-align: center;
    line-height: 0.6rem;
    position: absolute;
    top: -0.34rem;
    right: 0;
    color: #fff;
    font-size: 0.24rem;
}
.wxinfobox{
    display: flex;
    justify-content: center;

}
.wxinfoitem{
    background-image: url(../images/wxbei.png);
    background-size: 100% 100%;
    width: 1.78rem;
    height: 1.36rem;
}
.wxname{
    width: 1.78rem;
    text-align: center;
    line-height: 0.68rem;
    font-size: 0.3rem;
    color: #FFFFFF;
}
.wxdesc{
    font-size:0.32rem;
    text-align: center;
    line-height: 0.72rem;
    color: #A56437;
}
.wxinfoitem+.wxinfoitem{
    margin-left: 1rem;
}
.minginfo{
    width: 6.3rem;
    height: 0.68rem;
    line-height: 0.68rem;
    text-align: center;
    font-size:0.28rem;
    color: #FFFFFF;
    background: #C4814D;
    border-radius: 0.16rem;
    margin: 0.4rem auto;
    margin-bottom: 0;
}
.baoitem{
    width: 6.3rem;
    font-size: 0.28rem;
    color: rgba(51, 51, 51, 1);
    line-height: 0.52rem;
    margin: 0.3rem auto;
    margin-bottom: 0;
}
.baoitem span{
    color: #C4814D;
}
.xxmingli{
    width: 5.82rem;
    padding: 0.16rem 0.24rem;
    background: #C4814D;
    border-radius: 0.16rem;
    margin: 0.4rem auto;
    margin-bottom: 0;
    font-size: 0.28rem;
    color: #FFFFFF;
    line-height: 0.44rem;
}
.pfname{
    text-align: center;
    font-size: 0.24rem;
    color: #333333;
}
.pdaibox{
    width: 5.9rem;
    padding: 0.2rem;
    background: #FFFFFF;
    border-radius: 0.2rem;
    border: 1px solid #F1C8AA;
    margin: 0.4rem auto;
    margin-bottom: 0;
    font-size: 0.3rem;
    color: #333333;
    line-height: 0.52rem;
}

.pdaibox span{
    color: rgba(200, 60, 35, 1);
}
.jybox{
    width: 6.3rem;
    margin: 0.4rem auto;
    margin-bottom: 0;
    display: flex;
}
.hyjy{
    background-image: url(../images/gq_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
   position: relative;
    top: -0.05rem;
    margin-right: 0.1rem;
}
.cyjy{
    background-image: url(../images/cy_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    position: relative;
    top: -0.05rem;
    margin-right: 0.1rem;
}
.syjy{
    background-image: url(../images/sy_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    position: relative;
    top: -0.05rem;
    margin-right: 0.1rem;
}
.jkjy{
    background-image: url(../images/jk_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    position: relative;
    top: -0.05rem;
    margin-right: 0.1rem;
}
.jydetials{
    flex: 1;
}
.jytit{
    font-size: 0.3rem;
    color: #333333;
}
.jydesc{
    font-size: 0.28rem;
    color: #C4814D;
    line-height: 0.52rem;
}
.bdanbox{
    width: 6.9rem;
    padding-top: 0.1rem;
    padding-bottom: 0.4rem;
    background: #FFFFFF;
    box-shadow: 0px -1px 0.21rem 0px rgba(88,73,42,0.35);
    border-radius: 0.2rem;
    margin: 0.5rem auto;
    margin-bottom: 0;
}
.formitem{
    width: 6.4rem;
    height: 0.7rem;
    border-radius: 0.12rem;
    margin: 0.3rem auto;
    margin-bottom: 0;
    overflow: hidden;
}
.chu{
    float: left;
    font-size: 0.3rem;

    color: #333333;
    line-height: 0.7rem;
}
.xbox{
    width: 4.8rem;
    float: left;
    height: 0.7rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
    border: 0.02rem solid #E9D0BE;
    box-sizing: border-box;
    position: relative;
}
#user {
    padding-left: 0.2rem;
    font-size: 0.32rem;
    color: #333333;
    height: 0.7rem;
    background: none;
    width: 3.35rem;
    border: none;
    line-height: 0.7rem;

}
.check_sex{
    float: right;
    margin-top: 0.05rem;
    margin-right: 0.22rem;
}
.xing_bie {
    vertical-align: middle;
    width: 1.11rem;
    height: 0.5rem;
}

.formitem span {
    font-size: 0.3rem;
    padding-left: 0.24rem;
    color: #333333;
    line-height: 0.78rem;
    display: inline-block;
}
.sexbei{
    width: 1.11rem;
    height: 0.5rem;
    background-size: 100% 100%;
}
.nanbei{
    background-image: url(../images/boy.png);
}
.nvbei{
    background-image: url(../images/girl.png);
}
.sex-select{
    position: absolute;
    right: 0;
}
#g_birthday1{
    padding-left: 0.2rem;
    font-size: 0.32rem;
    color: #333333;
    height: 0.7rem;
    background: none;

    border: none;
    line-height: 0.7rem;
}
#dizhi{
    padding-left: 0.2rem;
    font-size: 0.32rem;
    color: #333333;
    height: 0.7rem;
    background: none;

    border: none;
    line-height: 0.7rem;
}
.ksjiedu{
    width: 6.4rem;
    margin: 0.4rem auto;
    margin-bottom: 0;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    font-size: 0.32rem;
    color: #FFFFFF;
    background: linear-gradient( 180deg, #F36951 0%, #C83C23 100%);
    border-radius: 0.5rem;
}
.xxdesc{
    text-align: center;
    padding-top: 0.24rem;
    font-size: 0.24rem;
    color: #999999;
}
.newitem:last-child{
    border-bottom: none;
}
.newitem {
    width: 6.9rem;
    position: relative;
    overflow: hidden;
    margin: 0.6rem auto;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
    padding-bottom: 0.2rem;
}
.pic_car {
    float: right;
    width: 2rem;
    height: 1.5rem;
    border-radius: 0.08rem;
}
.pic_car img {
    width: 2rem;
    height: 1.5rem;
    border-radius: 0.08rem;
}
.listxiang {
    float: left;
    width: 3.8rem;
    margin-right: 0.15rem;
}
.listxiang a {
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.46rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: Source Han Sans CN;
}
.gray {
    color: #ccc;
}
.listxiang span {
    font-size: 0.24rem;
    color: #999999;
    position: absolute;
    left: 0;
    bottom: 0.3rem;
}
.f-r {
    float: right;
    display: inline;
}
.sxlistbox{
    display: flex;

    margin-top: 0.16rem;
    flex-wrap: wrap;
}
.sxlistitem{
    margin-left: 0.3rem;
    margin-top: 0.24rem;
    width: 3.29rem;
    height: 0.75rem;
    text-align: center;
    line-height: 0.75rem;
    border: 0.02rem solid #C4814D;
    font-size: 0.28rem;
    color: #CC9966;
}
.sxxuanbox{
    width: 7.5rem;
    padding-top: 0.4rem;
    padding-bottom: 0.8rem;
    background: #FFFFFF;
    border-radius: 0.2rem 0.2rem 0 0;
    position: fixed;
    bottom: 0;
    z-index: 10001;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.sxxuantit{
    text-align: center;
    font-size:0.36rem;
    color: #3D3D3D;
}
.sxyeartab{
    display: flex;
    margin-top: 0.3rem;
    justify-content: center;
}
.yeartabitem{
    width: 1.5rem;
    height: 0.72rem;
    line-height: 0.72rem;
    background: #F7F7F7;
    border-radius: 0.08rem;
    text-align: center;
    font-size: 0.32rem;
    color: #333333;
    border: 1px solid #F7F7F7;
}
.yeartabitem+.yeartabitem{
    margin-left: 0.32rem;
}
.yeartabon{
    border: 1px solid #C83C23;
    color: #C83C23;
    background: #fff;
}
.sxxuanlist{
    display: flex;
    margin-top: 0.2rem;

    flex-wrap: wrap;
}
.sxpic .wei0{
   background-image: url(../images/sx/wei_0.png);
    background-size: 100% 100%;
    width: 0.83rem;
    height: 0.8rem;
}
.sxpic .wei1{
    background-image: url(../images/sx/wei_1.png);
    background-size: 100% 100%;
    width: 0.83rem;
    height: 0.8rem;
}
.sxpic .wei2{
    background-image: url(../images/sx/wei_2.png);
    background-size: 100% 100%;
    width: 0.83rem;
    height: 0.8rem;
}
.sxpic .wei3{
    background-image: url(../images/sx/wei_3.png);
    background-size: 100% 100%;
    width: 0.83rem;
    height: 0.8rem;
}
.sxpic .wei4{
    background-image: url(../images/sx/wei_4.png);
    background-size: 100% 100%;
    width: 0.83rem;
    height: 0.8rem;
}
.sxpic .wei5{
    background-image: url(../images/sx/wei_5.png);
    background-size: 100% 100%;
    width: 0.83rem;
    height: 0.8rem;
}
.sxpic .wei6{
    background-image: url(../images/sx/wei_6.png);
    background-size: 100% 100%;
    width: 0.83rem;
    height: 0.8rem;
}
.sxpic .wei7{
    background-image: url(../images/sx/wei_7.png);
    background-size: 100% 100%;
    width: 0.83rem;
    height: 0.8rem;
}
.sxpic .wei8{
    background-image: url(../images/sx/wei_8.png);
    background-size: 100% 100%;
    width: 0.83rem;
    height: 0.8rem;
}
.sxpic .wei9{
    background-image: url(../images/sx/wei_9.png);
    background-size: 100% 100%;
    width: 0.83rem;
    height: 0.8rem;
}
.sxpic .wei10{
    background-image: url(../images/sx/wei_10.png);
    background-size: 100% 100%;
    width: 0.83rem;
    height: 0.8rem;
}
.sxpic .wei11{
    background-image: url(../images/sx/wei_11.png);
    background-size: 100% 100%;
    width: 0.83rem;
    height: 0.8rem;
}

.sxpic{
    display: flex;
    flex-direction: column;
    height: 1rem;
    align-items: center;
    justify-content: center;
}

.sxname{
    text-align: center;
    font-size: 0.3rem;
    padding-top: 0.1rem;
    color: #333333;
}
.sxtu{
    margin: 0 auto;
}
.sxlie{
    width: 25%;
    margin-top: 0.3rem;
}
.sxon .wei0{
    background-image: url(../images/sx/sx0.png);
    width: 1rem;
    height: 1rem;
}
.sxon .wei1{
    background-image: url(../images/sx/sx1.png);
    width: 1rem;
    height: 1rem;
}
.sxon .wei2{
    background-image: url(../images/sx/sx2.png);
    width: 1rem;
    height: 1rem;
}
.sxon .wei3{
    background-image: url(../images/sx/sx3.png);
    width: 1rem;
    height: 1rem;
}
.sxon .wei4{
    background-image: url(../images/sx/sx4.png);
    width: 1rem;
    height: 1rem;
}
.sxon .wei5{
    background-image: url(../images/sx/sx5.png);
    width: 1rem;
    height: 1rem;
}
.sxon .wei6{
    background-image: url(../images/sx/sx6.png);
    width: 1rem;
    height: 1rem;
}
.sxon .wei7{
    background-image: url(../images/sx/sx7.png);
    width: 1rem;
    height: 1rem;
}
.sxon .wei8{
    background-image: url(../images/sx/sx8.png);
    width: 1rem;
    height: 1rem;
}
.sxon .wei9{
    background-image: url(../images/sx/sx9.png);
    width: 1rem;
    height: 1rem;
}
.sxon .wei10{
    background-image: url(../images/sx/sx10.png);
    width: 1rem;
    height: 1rem;
}
.sxon .wei11{
    background-image: url(../images/sx/sx11.png);
    width: 1rem;
    height: 1rem;
}
.queren{
    width: 6.86rem;
    height: 0.96rem;
    margin: 0.4rem auto;
    margin-bottom: 0;
    background: #C83C23;
    border-radius: 1.2rem;
    line-height: 0.96rem;
    text-align: center;
    font-size: 0.36rem;
    color: #FFFFFF;
}
.hide{
    display: none !important;
}
.caoxuan {
    background: rgba(22, 40, 80, 1);
    color: #fff;
}