.nianbanner{
    background-image: url(../images/sxnianyun/sxwu.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 2.8rem;
}
.shutit{
    width: 6.52rem;
    margin: 0 auto;
    padding-top: 0.4rem;
    text-align: center;
    line-height: 0.98rem;
    font-weight: 900;
    font-size:0.6rem;
    color: #000000;
}
.yunbox{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.9rem;
    margin: 0 auto;
    margin-top: 0.3rem;
}
.yunbox a{
    display: block;
    width: 1.55rem;
    height: 0.56rem;
    line-height: 0.56rem;
    text-align: center;
    border-radius:0.08rem;
    border: 0.02rem solid #8A3A0A;
    font-size: 0.3rem;

    color: #8A3A0A;
    box-sizing: border-box;
}
.yunbox a+a{
    margin-left: 0.2rem;
}
.sxxuan{
    padding-bottom: 0.4rem;
    position: relative;
    z-index: 1;
    width: 6.9rem;
    margin: 0.3rem auto;
    margin-bottom: 0;
    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/sxnianyun/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/sxnianyun/gq_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    margin: 0 auto;
}
.cyicon{
    background-image: url(../images/sxnianyun/cy_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    margin: 0 auto;
}
.syicon{
    background-image: url(../images/sxnianyun/sy_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    margin: 0 auto;
}
.jkicon{
    background-image: url(../images/sxnianyun/jk_icon.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;
}
.yunbei{
    background: #FBEBC9;
    width: 6.9rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    border-radius: 0.25rem;
    padding-bottom: 1.5rem;
    margin-top: 0.4rem;
}
.fombeijing {
    background-image: url(../images/form_bei.png);
    background-size: 100% 100%;
    width: 6.9rem;
    height: 4.97rem;
    position: absolute;
    top: 0;
}
.yuntit{
    background-image: url(../images/sxnianyun/dabiao.png);
    background-size: 100% 100%;
    width: 5.32rem;
    height: 0.81rem;
    margin: 0 auto;
    line-height: 0.81rem;
    text-align: center;
    font-weight: 700;
    font-size: 0.38rem;
    color: #F6E398;
    text-shadow: 0 0 1px rgba(226, 64, 36, 1), 0 0 1px rgba(226, 64, 36, 1), 0 0 1px rgba(226, 64, 36, 1);


}
.formdise {
    background-image: url(../images/form_di.png);
    background-size: 100% 100%;
    width: 6.9rem;
    height: 1.97rem;
    position: absolute;
    bottom: 0;
}
.xitem{
    width: 6.3rem;
    margin: 0.4rem auto;
    margin-bottom: 0;

}
.xtop{
    display: flex;
}
.xttit{
    font-weight: 700;
    font-size: 0.32rem;
    color: #8A3A0A;
}
.gq i{
    display: inline-block;
    background-image: url(../images/sxnianyun/gq_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    margin-right: 0.1rem;
    vertical-align: middle;
}
.cy i{
    display: inline-block;
    background-image: url(../images/sxnianyun/cy_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    margin-right: 0.1rem;
    vertical-align: middle;
}
.sy i{
    display: inline-block;
    background-image: url(../images/sxnianyun/sy_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    margin-right: 0.1rem;
    vertical-align: middle;
}
.jk i{
    display: inline-block;
    background-image: url(../images/sxnianyun/jk_icon.png);
    background-size: 100% 100%;
    width: 0.56rem;
    height: 0.56rem;
    margin-right: 0.1rem;
    vertical-align: middle;
}
.xstart{
    position: relative;
    overflow: hidden;
    margin-top: 0.05rem;
    margin-left: 0.3rem;

}
.starwei{
    background-image: url(../images/sxnianyun/x_wei.png);
    background-size: 100% 100%;
    width: 0.36rem;
    height: 0.36rem;
    float: left;
    margin-left: 0.1rem;
    vertical-align: middle;
}
.zbox{
    position: absolute;
    overflow: hidden;
}
.starzhong{
    margin-left: 0.1rem;
    float: left;
    background-image: url(../images/sxnianyun/x_zhong.png);
    background-size: 100% 100%;
    width: 0.36rem;
    height: 0.36rem;

}
.xdeta{
    width: 5.9rem;
    padding: 0.24rem 0.2rem;
    background: #FFFCF5;
    border-radius: 0.08rem;
    margin: 0.2rem auto;
    margin-bottom: 0;
    font-size: 0.28rem;
    color: #3D3D3D;
    line-height: 0.54rem;
}
.monthpan{
    margin-top: 0.4rem !important;
    margin-left: 0.3rem !important;
}
.monthitem{
    width: 1.16rem !important;
    height: 0.64rem !important;
    line-height: 0.64rem;
    text-align: center;
    background: #FFFCF5;
    border-radius:2.3rem;
    font-size: 0.32rem;
    color: #333333;
}
.monthitem+.monthitem{
    margin-left: 0.1rem;
}
.monthon{
    background: #DD864B;
    color: #FFFFFF;
}
.sxysxiang{
    width:5.7rem;
    margin: 0.4rem auto;
    margin-bottom: 0;
    padding: 0 0.3rem;
    height: 0.75rem;
    background: #FFFCF5;
    border-radius: 0.08rem;
    display: flex;
    justify-content:center;
}
.sxysitem{
    line-height: 0.75rem;
    font-size: 0.3rem;
    color: #3D3D3D;
}
.sxysitem+.sxysitem{
    margin-left: 0.88rem;
}
.sxysitem span{
    font-weight: 700;

    color: #8A3A0A;
}
.pzong{
    position: relative;
    z-index: 1;
}
.xtitie{
    background-image: url(../images/sxnianyun/xtit.png);
    background-size: 100% 100%;
    width: 3.75rem;
    height: 0.85rem;
    margin: 0.5rem auto;
    margin-bottom: 0;
    line-height: 0.85rem;
    text-align: center;
    font-weight: 700;
    font-size: 0.32rem;
    color: #FFF4B3;
}
.xtidesc{
    width: 6.3rem;
    margin: 0.25rem auto;
    margin-bottom: 0;
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.54rem;
}
.bottombtn{
    margin-top: 0.5rem;
    display: flex;
}
.premonth{
    width: 3rem;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    background: linear-gradient( 180deg, #E15439 0%, #C83C23 100%);
    border-radius: 0.1rem;
    margin-left: 0.3rem;
    font-size:0.32rem;
    color: #FFFFFF;
}
.nextmonth{
    width: 3rem;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    background: linear-gradient( 180deg, #FBBB53 0%, #F79C58 100%);
    border-radius: 0.1rem;
    margin-left: 0.3rem;
    font-size:0.32rem;
    color: #FFFFFF;
}
.huion{
    background: rgba(187, 187, 187, 1);
}
.tiyunbox{
    overflow: hidden;
    background: rgba(255, 249, 239, 1);
    margin-top: 0.5rem;
    padding-bottom: 0.4rem;
}
.tytit{
    width: 7.5rem;
    height: 0.88rem;
    border-bottom: 1px solid rgba(245, 245, 245, 1);
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.88rem;
    background: #fff;
}
.tytit span{
    display: inline-block;
    width: 0.08rem;
    height: 0.32rem;
    background: #D03D3D;
    border-radius: 0.04rem;
    margin-left: 0.3rem;
    margin-right: 0.1rem;
    position: relative;
    top: 0.03rem;
}
.hbox {
    background: rgba(255, 249, 239, 1);
    padding: 0.3rem;
}
.hlbkuang {
    position: relative;
    width: 6.9rem;
    margin: 0 auto;
}
.biaojiao {
    background-image: url(../images/m_biaojiao.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.22rem;
    height: 0.22rem;
    position: absolute;
    background-color: rgba(255, 236, 217, 1);
}
.top_img {
    top: 0;
    left: 0;
}
.left_img {
    bottom: 0;
    left: 0;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.bottom_img {
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.right_img {
    top: 0;
    right: 0;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.ssxinbox{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;



}
.zeheng{
    border: 0.02rem solid rgba(192, 129, 91, 1);
    padding-bottom: 0.5rem;
}
.inboxitem{
    width: 30%;
    margin-top: 0.4rem;

}
.zynum{
    background-image: url(../images/sxnianyun/zys.png);
    background-size: 100% 100%;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 auto;
}
.zyps{
    background-image: url(../images/sxnianyun/zyps.png);
    background-size: 100% 100%;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 auto;
}
.zyse{
    background-image: url(../images/sxnianyun/zyse.png);
    background-size: 100% 100%;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 auto;
}
.zyfw{
    background-image: url(../images/sxnianyun/zyfw.png);
    background-size: 100% 100%;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 auto;
}
.zygr{
    background-image: url(../images/sxnianyun/sxgr.png);
    background-size: 100% 100%;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 auto;
}
.zytit{
    text-align: center;
    font-size: 0.26rem;
    color: #8A3A0A;
    padding-top: 0.16rem;
}
.zyname{
    text-align: center;
    font-size: 0.32rem;
    color: #333333;
    padding-top: 0.1rem;
}
.tsdesc{
    width: 6.3rem;
    margin: 0.5rem auto;
    margin-bottom: 0;
    font-size: 0.28rem;
    color: #666666;
    line-height: 0.52rem;
}
.sxtiao{
    overflow: hidden;

    margin-top: 0.5rem;
    padding-bottom: 0.4rem;
}
.motnday{
    display: flex;
    flex-wrap: wrap;
}
.motnday a{
    display: block;
    width: 3.3rem;
    height: 1.1rem;
    background: #FFFFFF;
    border-radius:0.16rem;
    border: 0.02rem solid #FFFFFF;
    line-height: 1.1rem;
    text-align: center;
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    font-size: 0.3rem;
    color: #333333;
}
.pfname {
    text-align: center;
    font-size: 0.24rem;
    color: #333333;
}
.ditubox{
    display: none;
}
.zxzhe1{
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    height: 100vh;
    z-index: 100;
    top: 0;
}
.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: 100001;
    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;
}
.chayun{
    text-align: center;
    padding-top: 0.3rem;
    font-size: 0.28rem;
    color: red;
    display: block;
}