body{ font-size:.3rem; text-align:center;  font-family: "SourceHanSansCN","Microsoft Yahei"; color: #fff; }
*{box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.info{
	background: url(/Public/special/images/20240506/m/info.png) no-repeat; 
	background-size: 7.08rem 9.92rem;
}
.infos{
	background: url(/Public/web/m/images/cover/20250520/close.png) no-repeat; 
	background-size: 0.69rem 0.69rem;
}
.infob{
	background: url(/Public/web/m/images/cover/20250520/zjjs.png) no-repeat; 
	background-size: 4.61rem 1.06rem;
    color: #dc6a40 !important;
}
.dn{
    display: none;
}
.header .h_down{background:none; margin:0; padding:0; height:auto; text-indent:0;}
.header{ width:10.8rem; height:1.48rem; margin-left:-5.4rem; left:50%; background:none; position:fixed; left:50%;}
.header .h_down:before{ background:none;}
.header h3{font-size:.4rem; color:#fff; margin-left:-.2rem; padding: .24rem 0 .06rem 0;}
.header p{font-size:.52rem; line-height:.4rem; color:#ffe7bb;}
.header a{ width:1.84rem; margin-right:.2rem; margin-top:.34rem;}
.header >div{ padding: 0 .1rem 0 2.12rem;}
.menu-btn{
    margin-top: 0.36rem;
    margin-right: 0.2rem;
}
#web-main{
	background: url(/Public/web/m/images/cover/20250520/bj_v1.jpg) no-repeat; 
	height: 120.33rem;
	background-size:  100% 100%;
}
.zbox3-content{
    width: 100%;
    position: relative;
}
.detail-btn{
    width: 2.5rem;
    height: 0.8rem;
    position: absolute;
}
#chaxun1{
    top: 4rem;
    left: 0.8rem;
}
#chaxun2{
    top: 4.6rem;
    left: 4.2rem;
}
#chaxun3{
    top: 4rem;
    left: 7.5rem;
}
#chaxun4{
    top: 9.9rem;
    left: 0.8rem;
}
#chaxun5{
    top: 10.5rem;
    left: 4.2rem;
}
#chaxun6{
    top: 9.9rem;
    left: 7.5rem;
}
#chaxun7{
    top: 15.9rem;
    left: 0.8rem;
}
#chaxun8{
    top: 16.5rem;
    left: 4.2rem;
}
#chaxun9{
    top: 15.9rem;
    left: 7.5rem;
}
.z-title img{
    width: 8.29rem;
}
.hot{
    color: #ff5a5a;
}
.box1{
    height: 19.27rem;
}
.logo{
    width: 3.09rem;
    top: 1.8rem;
    left: 50%;
    margin-left: -1.54rem
}
.slogan{
    width: 9.77rem;
    top: 1.49rem;
    left: .49rem;
}
.yuyue-box{
    width: 7.44rem;
    line-height: .72rem;
    height: .73rem;
    font-size: .33rem;
    color: #424643;
    letter-spacing: .04rem;
    left: 50%;
    top: 14.1rem;
    background: url(/Public/special/images/20240506/m/ico5.png) no-repeat; 
	background-size:  100% 100%;
    font-weight: bold;
    font-family: "黑体";
}
.yuyue-lb{
    width: 9.41rem;
    top: 14.98rem;
    left: 50%;
    margin-left: -4.74rem;
}
.yuyue-progress{

    width: 9.52rem;
    height: 1.1rem;
    left: .49rem;
    top: 15.51rem;
    background: url(/Public/special/images/20240506/m/progress.png) no-repeat; 
	background-size:  100% 100%;
}

.progress{
    border-radius: .06rem;
    margin: 0 0 0 .55rem;
    width: 8.88rem;
    overflow: hidden;
    border: .02rem solid #82b9a8;
    background-color: #f8e6bb;
    height: .11rem;
}
.progress i{
    border-radius: .04rem;
    background-color: #ff5a5a;
}

.yuyue-progress ul{
    height: 1.35rem;
    left: -.02rem;
    top: -.61rem;
}
.yuyue-progress ul li{
    margin-right: 1.5rem;
    width: 1.35rem;
    height: 100%;
    background-position: right bottom !important;
}
.top-but{
   top: 16.91rem;
}
.top-but a{
    width: 4.95rem;
    height: 1.42rem;
}
.top-but a:nth-child(1){
    background-position: 0  -.74rem;
}
.top-but a.active{
    background: url(/Public/special/images/20240506/m/b-gift.png) no-repeat !important; 
    background-position:  0 0 !important; 
    background-size: 100% 100% !important;
}
.top-but a:nth-child(2){
    background-position: 0  -2.18rem;  
}

.box2{
    margin-top: 1.5rem;
    height: 13.89rem;
}
.box1-content{
    width: 2.9rem;

}
.box1-left{
    left: 0.7rem;
    top: 3.5rem;
}
.box1-center{
    top: 6rem;
    left:4.2rem;
}
.box1-right{
    top: 3.5rem;
    right: 0.3rem;
}
.zhe_zhao{
    width: 100%;
    z-index: 1000;
    bottom: 0;
}
.yin_yin{
    width: 100%;
    z-index: 900;
    bottom: 0;
}
.renwu{
    top: -1.3rem;
    width: 4rem;
    left: -1.2rem;
}
.button{
    width: 90%;
    position: absolute;
    bottom: 0.2rem;
    left: 0.2rem;
    z-index: 1000;
}
.left-di .name{
    width: 0.8rem;
    left: -0.5rem;
    top: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.left-di .name div{
    width: 0.6rem;
    color: #fff;
    font-size: 0.355rem;
}
.box2 ul{
    margin-top: 1.02rem;
}
.box2 ul li{
    background: url(/Public/special/images/20240506/pc/act1-1.png) no-repeat; 
}
.box2 ul li:nth-child(1),
.box2 ul li:nth-child(2),
.box2 ul li:nth-child(3){
    width: 3.50rem;
    height: 5.14rem;
    background-size:  24.47rem 100%;
    margin: 0 .01rem .35rem;
}
.box2 ul li:nth-child(1){
    background-position: 0 0;
}
.box2 ul li:nth-child(2){
    background-position: -3.5rem 0;
}
.box2 ul li:nth-child(3){
    background-position: -7rem 0;
}
.box2 ul li:nth-child(4),
.box2 ul li:nth-child(5),
.box2 ul li:nth-child(6),
.box2 ul li:nth-child(7){
    width: 4.44rem;
    height: 6.53rem;
    background-size:  31.08rem 100%;
    margin: 0 .3rem .7rem;
}
.box2 ul li:nth-child(4){
    background-position: -13.32rem 0;
}
.box2 ul li:nth-child(5){
    background-position: -17.76rem 0;
}
.box2 ul li:nth-child(6){
    background-position: -22.2rem 0;
}
.box2 ul li:nth-child(7){
    background-position: right 0;
}
.b-baotuan{
    width: 5.24rem;
    height: 1.28rem;
    
    background-position: 0 -4.88rem;
}

.box3{
    margin-top: 0.5rem;
    height: 21.84rem;
}
.seond-box{
    width: 4.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.seond-1{
    top: 2.3rem;
    left:1.2rem
}
.seond-2{
    top: 3.3rem;
    right:0.8rem
}
.seond-3{
    top: 6.6rem;
    left:1.2rem
}
.seond-4{
    top: 7.6rem;
    right:0.8rem
}
.seond-5{
    top: 10.9rem;
    left:1.2rem
}
.seond-6{
    top: 11.8rem;
    right:0.8rem
}
.seond-buntton{
    width: 70%;
    bottom: 0.20rem;
}
.bj-box{
    top: 4.3rem;
    right: .11rem;
}
.bj-box a{
    margin-left: .4rem;
    width: 2.45rem;
    line-height: .64rem;
    font-size: .36rem;
    color: #556b49;
    letter-spacing: .03rem;
    background-position: 0  -6.18rem;
}
.ml10{
    margin-left: .1rem;
}
.login_box{
    right: 0.5rem;
    top: 2.5rem;
    font-size: .36rem;
    color: #fcebe6;
}
.lottery-wp{
    width: 10.2rem;
    height: 10.02rem;
    background: url(/Public/special/images/20240506/m/zpbg.png) no-repeat; 
	background-size:  100% 100%;
    left: 50%;
    top: 5.28rem;
}
.lottery-bg{
    width: 8.01rem;
    height: 8.01rem;
    top: .5rem;
    left: 50%;
    margin-left: -4.02rem;
}

.l-r1{
    width: 3.85rem;
    left: -1.54rem;
    bottom: -1.1rem;
}
.l-r2{
    width: 4.21rem;
    right: -2.1rem;
    bottom: -.7rem;
}
.box3 .b-share{
    width: 5.07rem;
    height: 1.24rem;
    left: 50%;
    top: 8.74rem;
    background-position: 0 -3.63rem;
}

.box4{
    height: 25.3rem;
}
.box5{
    height: 20rem;
}
.box6{
    height: 20rem;
}
/* 新增：调整卡片和人物样式 */
.circle-container {
    position: relative;
    width: 100%;
    height: 11rem;
    margin-top: 1.5rem;
    perspective: 20rem;
}
.rotating-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0; top: 0;
    transform-style: preserve-3d;
    pointer-events: none;
}
.rotating-circle.back { z-index: 1; }
.center-img { z-index: 2; position: absolute; left: 50%; top: 50%; width: 10rem; transform: translate(-50%, -50%); pointer-events: none;}
.rotating-circle.front { z-index: 3; }
.circle-item {
    position: absolute;
    left: 50%; top: 55%;
    width: 2rem;      /* 缩小宽度 */
    height: 3rem;     /* 缩小高度，保持比例 */
    margin: -1rem 0 0 -0.8rem; /* margin 也要对应调整为 -height/2 和 -width/2 */
    transition: transform 0.4s cubic-bezier(.4,1.6,.6,1), z-index 0.4s;
}
.circle-item img{
    width: 100%;
    height: 100%;
}
  .lottery-btn {
    width: 5rem;
    background: transparent ;
    display: block;
    border: none;
    left: 50%;
    top: 90%;
    transform: translate(-50%, -50%);
  }
  .draw-btn {
    display: block;
    color: #a85b1b;
    border: none;
    border-radius: 30px;
    font-size: 1.2em;
    cursor: pointer;
  }
.chibang{
    width: 5.5rem;
    left: 0.2rem;
    top: 3rem;
}
.guangquan{
    width: 9rem;
    left: 0.15rem;
    top: 8rem;
}
.wuqi{
    width: 3rem;
    top: 9rem;
    left: 0.5rem;
}
.shizhuang{
    width: 8rem;
    top: 5.5rem;
    left: 2rem;
    
}
.chongwu{
    width: 6rem;
    top: 13.5rem;
    right: -0.2rem;
}
.name-list{
 width: 0.8rem;
 display: flex;
 justify-content: center;
 align-items: center;
 color: #fff;
 right: 0rem;
 top: 0rem;
}
.titles{
    width: 0.6rem;
    font-size: 0.35rem;
    margin-top: -0.2rem;
}
.more-list{
    width: 5rem;
    top: 17rem;
    left: 30%;
}
.ts-swiper{
    width: 10.8rem;
    height:16.4rem;  
    background: url(/Public/special/images/20240506/m/a3bg.png) no-repeat center 1.09rem; 
	background-size:  100% 13.9rem;
    margin-top: .96rem;
}
.tocj{
    width: 2.2rem;
    top: 0.2rem;
    left: 0.2rem;
}
.boxCbs{
    position: fixed;
    z-index: 1000;
    top:3rem;
    left: 0.2rem;
}
.closecj{
    left: 0;
    width: 0.5rem;
}
.ts-swiper .z{
    top: 0;
    width: 4.67rem;
    left: 50%;
    margin-left: -2.33rem;
}
.ts-swiper .z img{
    width: 100%;
}
.ts-swiper .z-min{
    width: 4.22rem;
    margin-left: -2.11rem;
}
.swiper-button-z{
    width: .86rem;
    height: .72rem;
    top: 8.22rem;
}
.ts-swiper .swiper-button-prev{
    left: .2rem;
    background-position: 0 0;
}
.ts-swiper .swiper-button-next{
    right: .2rem;
    background-position: -.88rem 0;
}
.ts-swiper .swiper-slide >img{
    position: absolute;
    left: 50%;
    bottom: 4.09rem;
}
.ts-swiper .swiper-slide .swiper-more{
    width: 2.66rem;
    height: 2.66rem;
    background-position: 0 bottom;
    left: 50%;
    margin-left: -1.33rem;
    bottom: 0;
}



.pop_win .pwin_box{ 
    padding-left: .14rem; 
    width: 100%; 
    height: 11rem;
    font-size: .3rem; 
    color: #333333; 
    background:url(/Public/web/m/images/cover/20250520/tc.png) no-repeat; 
    background-size:  100% 100%; 
    z-index: 1000;
}
.pop_win .pwin_box .pop-x{ 
    width: .69rem; 
    height: .65rem; 
    
    top: -.65rem; 
    right: 0; 
    background-position: -1.76rem 0 !important;
}
.pop_win .pwin_box .pop-xs{ 
    width: .69rem; 
    height: .65rem; 
    
    top: -.75rem; 
    right: 0.65rem; 
}
.pop_win .pop-title{ 
  font-size:.42rem;
  line-height: .84rem;
  font-weight: bold;
    background: linear-gradient(180deg, #e89a4b 0%, #eebc7b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* 兼容性写法 */
    background-clip: text;
    text-fill-color: transparent; 
    height: .84rem;  
    margin: 0.7rem 0 .3rem 0;
}
.pop_win .pop-title span{
  color: #30996b; 
  letter-spacing: .06rem;
  position: relative;
  font-weight: bold;
}

#preview_win ul{ 
	padding-top: .4rem;
    width: 90%;
    margin-left: 0.7rem;
}
#preview_win span{ width: 2rem; }
#preview_win span i{
	width: 1.65rem;
	height: 1.65rem;
	background-position: -6.6rem -1.83rem;
}
#preview_win span p{
	height: 1rem;
	padding-top: .1rem;
	line-height: .4rem;
}
#preview_win img{ 
	padding: 0; 
	width: 90%;
}
.pop_win .pop-title span::after,
.pop_win .pop-title span::before{
  content: "";
  position: absolute;
  background-color: #30996b;
  width: .08rem;
  height: .08rem;
  border-radius: 100%;
  top: 50%;
  margin-top: -.04rem;
}
.pop_win .pop-title span::after{
  left: -.28rem;
}
.pop_win .pop-title span::before{
  right: -.21rem;
}
.z-buts{ width:4.61rem; font-weight: bold; font-size: .48rem; height:1.06rem; line-height: 1.06rem;  color: #ffeec4;   }
.z-but{ width:4.61rem; font-weight: bold; font-size: .48rem; height:1.06rem; line-height: 1.06rem;  color: #ffeec4;   background-position: -2.47rem -6.18rem !important;}
.z-bind-but{background-position: 0 bottom; }
.z-but span{
  line-height: 1.06rem;
  letter-spacing: .05rem;
  background: -webkit-linear-gradient(to bottom, #ffedc3, #fef5e5); 
  background: linear-gradient(to bottom, #ffedc3, #fef5e5);
  -webkit-background-clip: text; 
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.ls-from{ padding:.4rem 0;  width: 6.24rem;}
.ls-input{ margin-bottom:.52rem; border: solid 1px #cbe8bf;  background: #fff; border-radius: .05rem; padding:0 .3rem; overflow:hidden;}
.ls-input textarea,.ls-input input,.ls-input select{ background: none; border: none; font-size:.3rem; width: 100%; text-align:left; color:#333;}
.ls-input input,.ls-input select,.ls-input input,.ls-input >span{ height:1rem; line-height:1rem;}
.ls-input textarea{height: 2rem;  overflow: hidden; line-height: .5rem;  padding: .2rem 0; text-indent: 0;  font-family: "Microsoft YaHei";}
.ls-input-min{ width:65%;}
.getCode,.b-pop-min{ width:31%; line-height:1rem; color: #fff; text-align:center; border: solid 1px #94d186; background:#94d186; border-radius:6px;}
.getCode.off{background:#d7d7d7; border: solid 1px #d7d7d7; }
.ls-input select{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url(/Public/special/images/m/20231211/pico.png) no-repeat scroll right center transparent;
  background-size: .36rem .23rem;
}
.ls-input select option{
  font-size:.3rem !important; 
}
.address-from{
  padding: 0 0 15px;
}
.address-from .ls-input{
  margin-bottom: 15px;
}

.cont-box{ line-height: .6rem; padding: 0 .6rem; margin: 0 .2rem;   height: 7.2rem; width: 75%;}
.cont-box img{ padding:15px 0; max-width: 100%;}
.img-content::-webkit-scrollbar {
    width: 8px;              /* 滚动条宽度 */
    background: transparent;  /* 滚动条轨道背景 */
}
  
.img-content::-webkit-scrollbar-thumb {
    background: #e7c98a;     /* 滚动条颜色（可自定义） */
    border-radius: 6px;      /* 圆角 */
    border: 2px solid #f7ecd2; /* 滚动条与轨道之间的间隙色 */
}
  
.img-content::-webkit-scrollbar-track {
    background: #f7ecd2;     /* 轨道颜色（可自定义） */
    border-radius: 6px;
}
#cont_win .pwin_box{
    height: 13.58rem;
    background:url(/Public/special/images/20240506/m/pbg2.png) no-repeat; 
    background-size:  100% 100%; 
}
#cont_win .cont-box{
    height: 10.5rem;
}


.list-box{text-align: center;}
.list-box .list-box-title{ color: #b54a4a;  }
.list-box li{  line-height: .6rem; padding: .15rem 0; margin-bottom: 2px;  border-bottom: 1px solid #c29179;}
/* .list-box li:nth-child(1){ border-top: 1px solid #d7e9c4; } */
.list-box li a{ line-height: .6rem; padding: 0 .2rem; border-radius: .3rem; color: #fff; background-color: #94d186; }
.list-box li span:nth-child(1){ width: 40%;}
.list-box li span:nth-child(2){ flex: 1;}
.list-box li span:nth-child(3){ width: 24%;}
.list-box .win-list{padding:0 .12rem; width: 8.78rem;  height: 7rem; box-sizing:content-box; overflow: hidden;}
.or-but{margin-top: .2rem;}
.or-but a{ margin: 0 .24rem; text-decoration:underline; color:#f06555; vertical-align:top; }
.notes{ line-height:.5rem; color:#808080;}

.rid_list{ height: 4.3rem; margin:.2rem 0 .3rem; overflow: hidden;}
.rid_list li{ margin: .2rem 0;  line-height: .6rem; height: .6rem; }
.rid_list li label:nth-child(1){ width: 36%;}
.rid_list li label:nth-child(2){ flex: 1; margin-right: .2rem; }
.rid_list li label span{ color: #30996b;}

.rid_list a{ width: 1.5rem; position: relative;  line-height: .6rem; height: .6rem; border-radius: .3rem; color: #ffebb5; background-color: #bf4d34;} 
.rid_list a::after{ content: "切 换"; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.rid_list a.active{ color: #bf4d34; background-color: #fac15a; }
.rid_list a.active::after{ content: "当 前";}

#prize_win .prize-img{ 
  padding: .7rem 0 .2rem 0;
  height: 3.8rem;
}
#prize_win .prize-img img{
  height: 100%;
}
#prize_win .prize-name{
  margin-bottom: .8rem;
  font-size: .36rem;
}

#hb_win .pwin_box{
  background: none;
  width: 10rem;
  height: 16.35rem;
  padding: 0 !important;
  margin: 0 !important;
}

#qcode {
  width: 3.08rem;
  height: 3.08rem;  
  right: .29rem;
  bottom: .3rem;
  overflow: hidden;
}
#hb_win .pwin_box .pop-x{
  top: -46px;
  right: 0;
}
.info_v2{
    background:url(/Public/special/images/20240506/m/v2/info.png) no-repeat; 
    background-size: 8rem 7.7rem; 
}
.all-swiper{
    margin-top: -.3rem;
    height: 18.35rem;
    padding-bottom: .25rem;
    width: 100%;
    background:url(/Public/special/images/20240506/m/v2/qbg.png) no-repeat right top; 
    background-size:  100% 18.13rem; 
}
.swiper-button-y{
    width: 1.07rem;
    height: 1.08rem;
    top: 50%;
    margin-top: -.54rem;
}
.all-swiper .swiper-button-prev{
    left: .2rem;
    background-position: right -4.73rem;
    
}
.all-swiper .swiper-button-next{
    right: .2rem;
    background-position: right -3.64rem;
}
.go-yd{
    width: 6.42rem;
    height: 1.74rem;
    background-position: 0 bottom;
    bottom: 0;
    left: 50%;
    margin-left: -3.21rem;
    z-index: 55;
}
.year-container{
    height: 17.3rem;
    background:url(/Public/special/images/20240506/m/v2/nbbg.png) no-repeat; 
    background-size:  100% 16.21rem;
    margin-top: .4rem;
}
.swiper1 .swiper-slide {
    opacity: 0 !important;
    -webkit-transition: all 0.3s ease-in 0;
    transition: all 0.3s ease-in 0s;
}

.swiper1 .swiper-slide.current {
    opacity: 1 !important;
}
.swiper1-sz{
    width: 1.46rem;
    left: 0;
    top: 7.72rem;
    z-index: 2;
}

.swiper1 .slide1 .text_box{
    background:url(/Public/special/images/20240506/m/v2/nb1.png) no-repeat; 
}
.swiper1 .slide2 .text_box{
    background:url(/Public/special/images/20240506/m/v2/nb2.png) no-repeat; 
    color: #37403a !important;
    line-height: .84rem !important;
}
.swiper1 .slide3 .text_box{
    background:url(/Public/special/images/20240506/m/v2/nb3.png) no-repeat; 
    line-height: .8rem !important;
}
.swiper1 .slide4 .text_box{
    background:url(/Public/special/images/20240506/m/v2/nb4.png) no-repeat; 
    line-height: .78rem !important;
}
.swiper1 .slide5 .text_box{
    background:url(/Public/special/images/20240506/m/v2/nb5.png) no-repeat; 
    line-height: 1rem !important;
}
.swiper1 .slide6 .text_box{
    background:url(/Public/special/images/20240506/m/v2/nb6.png) no-repeat; 
    color: #37403a !important;
}
.swiper1 .slide7 .text_box{
    background:url(/Public/special/images/20240506/m/v2/nb7.png) no-repeat; 
    line-height: 1rem !important;
}
.swiper1 .slide8 .text_box{
    background:url(/Public/special/images/20240506/m/v2/nb8.png) no-repeat; 
    line-height: .64rem !important;
}
.swiper1 .slide9 .text_box{
    background:url(/Public/special/images/20240506/m/v2/nb3.png) no-repeat; 
    line-height: 1.1rem !important;
}
.swiper1 .slide10 .text_box{
    background:url(/Public/special/images/20240506/m/v2/nb9.png) no-repeat; 
    line-height: 1.1rem !important;
}
.swiper1 .swiper-slide  .text_box{
    background-size:  100% 100%;
    width: 10.03rem;
    height: 14.54rem;
    float: right;  
    margin-top: 1.01rem;
    padding: 1.25rem .2rem 0 .98rem;
    text-align: left;
    color: #333333;
    font-size: .37rem;
    line-height: .58rem;
}
.swiper1 .swiper-slide .text_box p{
    position: relative;
}
.swiper1 .swiper-slide  .text_box h2{
    font-size: .4rem;
    line-height: .68rem;
    color: #fff;
}
.swiper1 .swiper-slide  .text_box h3{
    font-weight: bold;
    font-size: .35rem;
    margin-top: .5rem;
    position: relative;
}
.swiper1 .slide1 .text_box h3::after,
.swiper1 .slide2 .text_box p::after,
.swiper1 .slide3 .text_box p::after,
.swiper1 .slide4 .text_box p::after,
.swiper1 .slide6 .text_box h3::after,
.swiper1 .slide7 .text_box p::after,
.swiper1 .slide9 .text_box p::after,
.year-forms li::after
{
    position: absolute;
    width: .12rem;
    height: .12rem;
    left: -.24rem;
    top: 50%;
    margin-top: -.06rem;
    content: "";
    border-radius: 50%;
}
.swiper1 .slide1 .text_box h3::after{
    background-color: #6d5530;
}
.swiper1 .slide2 .text_box p::after,
.swiper1 .slide6 .text_box h3::after{
    background-color: #497758; 
}
.swiper1 .slide3 .text_box p::after{
    background-color: #6d5167; 
}
.swiper1 .slide4 .text_box p::after,
.swiper1 .slide7 .text_box p::after{
    background-color: #8b71b6; 
}
.swiper1 .slide3 .text_box p::after{
    background-color: #4a4a4a; 
}

.swiper1 .slide2 .text_box p,
.swiper1 .slide3 .text_box p,
.swiper1 .slide4 .text_box p,
.swiper1 .slide9 .text_box p{
    margin-left: .24rem;
}

.swiper1 .slide4 .text_box h2{
    margin: .1rem 0 .2rem;
}

.swiper1 .slide5 .text_box h2{
    margin: .35rem 0 .3rem;
}
.swiper1 .slide6 .text_box h2{
    margin: 0 0 .2rem;
}
.swiper1 .slide7 .text_box h2{
    margin: .1rem 0 .5rem;
}
.swiper1 .slide8 .text_box h2{
    margin: 0 0 .3rem;
}
.swiper1 .slide9 .text_box h2{
    margin: 0 0 .3rem;
}
.swiper1 .slide10 .text_box h2{
    margin: .35rem 0 .3rem;
}
.slide10 a{
    width: 5.21rem;
    height: 1.27rem;
    top: 13.5rem;
    left: 50%;
    margin-left: -2.2rem;
    background-position: 0 0;
}
.swiper1 .swiper-pagination{
    padding-right: 2.8rem;
    height: .46rem;
    bottom: 0;
    text-align: right;
}
.swiper1 .swiper-pagination span{
    width: .44rem;
    height: .44rem;
    background:url(/Public/special/images/20240506/m/v2/nd2.png) no-repeat; 
    background-size: 100% 100%;
    opacity: 1 !important;
    margin: 0 .16rem !important;
}
.swiper1 .swiper-pagination span.swiper-pagination-bullet-active{
    background:url(/Public/special/images/20240506/m/v2/nd1.png) no-repeat; 
    background-size: 100% 100%;
}
.b-pass{
    width: 1.3rem;
    line-height: .48rem;
    color: #fff;
    font-size: .32rem;
    border-radius: .24rem;
    bottom: 0;
    background-color: #77a078;
    right: 1.3rem;
    z-index: 12;
}

.year-forms{
    margin-top: .79rem;
    height: 14.77rem;
    width: 10.3rem;
    background:url(/Public/special/images/20240506/m/v2/nsbg.png) no-repeat; 
    background-size: 100% 100%; 
}
.year-forms ul{
    width: 9.34rem;
    margin-top: 1.5rem;
}
.year-forms li{
    color: #333333;
    font-size: .36rem;
    float: left;
    margin: .22rem 0;
    line-height: .58rem;
    padding-right: .3rem;
    text-align: left;
    position: relative;

}
.year-forms li::after{
   left: -.3rem;
   margin-top: .22rem;
   top: 0;
   background-color: #333333;
}
.year-forms li:nth-child(odd){
    width: 4.64rem;
} 

.year-forms li:nth-child(even){
    width: 4.7rem;
} 

.year-forms li span,
.swiper1 .text_box p span{
    color: #e0734c;
    font-weight: bold;
}
.b-tag{
    width: 4.24rem;
    height: 1.27rem;
    background-position: 0 -1.29rem;
    left: 50%;
    margin-left: -2rem;
    top: 14rem;
}

.tag_win{
    width: 10.03rem;
    right: 0;
    height: 14.53rem;
    background:url(/Public/special/images/20240506/m/v2/xbg.png) no-repeat; 
    background-size: 100% 100%; 
    top: 1.01rem;
    padding:1.07rem .18rem 0 .88rem;
    text-align: left;
    color: #333333;
}
.tag_win h2{
    line-height: .8rem;
    font-size: .4rem;
    margin-bottom: .26rem;
}
.tag_win ul{
    height: 11rem;
    width: 100%;
    overflow: hidden;
}
.tag_win ul li{
    width: 7.86rem;
    float: left;
    font-size: .37rem;
    line-height: 1.22rem;
    border-radius: .62rem;
    padding-left: 1.18rem;
    border: solid 1px #d3b482;
    margin-bottom: .28rem;
    position: relative;
}
.tag_win ul li.active{
    background-color: #d3b482;
}
.tag_win ul li::after{
    position: absolute;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    border: solid .03rem #caa66c;
    content: "";
    left: .49rem;
    top: 50%;
    margin-top: -.2rem;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.tag_win ul li.active::after{
    border: solid .03rem #e16945;
}
.tag_win ul li.active::before{
    position: absolute;
    width: .24rem;
    height: .24rem;
    border-radius: 50%;
    background-color: #e16945;
    content: "";
    left: .57rem;
    top: 50%;
    margin-top: -.12rem;
}
.tag_win .btn_confirm{
    position: absolute;
    width: 6rem;
    height: 1.94rem;
    background-position: 0 -2.58rem;
    left: 1.83rem;
    bottom: -1rem;
}
.menu-mask {
    display: none;
    position: fixed;
    z-index: 998;
    left: 0; top: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.01); /* 几乎透明，只用于捕获点击 */
  }
  .side-menu.active + .menu-mask,
  .menu-mask.active {
    display: block;
  }
.menu-btn{
    margin-top: 0.36rem;
    margin-right: 0.2rem;
}
/* 侧边栏菜单 */
.side-menu {
  position: fixed;
  top: 0;
  right: -50vw;
  width: 50vw;
  max-width: 320px;
  height: 55vh;
  background: rgba(120, 40, 20, 0.92); /* 半透明红棕色 */
  color: #fff;
  z-index: 9999;
  transition: right 0.3s;
  box-shadow: -2px 0 16px rgba(0,0,0,0.18);
  border-radius: 0 0 16px 16px;
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.side-menu.active {
  right: 0;
}

.side-menu ul {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.5rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #a44b38;
  color: #fff;
  letter-spacing: 2px;
  position: relative;
}

/* 选中项高亮 - 移除所有过渡效果 */
.menu-item.active {
  color: #ffd97a;
  font-weight: bold;
}

.menu-item.active::before,
.menu-item.active::after {
  content: "◆";
  color: #ffd97a;
  font-size: 0.8rem;
  margin: 0 0.2rem;
  vertical-align: middle;
}

/* 鼠标悬停效果 */
.menu-item:hover {
  color: #ffd97a;
  cursor: pointer;
}