body{ margin: 0 atuo;
	padding-bottom: 1.2rem; font-size: 12px;
}

/* --------------top-------------- */
.banner{position: relative; padding: 0 ;}
.banner-main-scroll {width:100%;overflow:hidden; top: .6rem;left: 0; padding: .1rem 0;z-index: 100;}
.main-scroll-content {width:1000%;list-style:none;}
.main-scroll-content li {min-width:12%;margin:0;float:left;font-size:.2rem;cursor:pointer;color: #521509;}
.bannertext{  width: 100%; box-sizing: border-box; padding-bottom: .4rem;}
.btn1{ display: block;}
.btn1 img{width: 5.4rem; margin: 0 auto;animation: scaledh 1.2s infinite;}
@-webkit-keyframes scaledh{
0%{ opacity: 0.8; -webkit-transform: scale(1);}
50%{ opacity: 1; -webkit-transform: scale(1.05);}
100%{ opacity: 0.8; -webkit-transform: scale(1);}
}
@keyframes scaledh{
0%{ opacity: 0.8; transform: scale(1);}
50%{ opacity: 1; transform: scale(1.05);}
100%{ opacity: 0.8; transform: scale(1);}
}

.round-cont{position: absolute; right: 0;width: 4.45rem; top: .9rem;}
.robox1 img{animation: translateX_roration 8s linear infinite;}
.robox2 img{animation: translateX_roration2 8s linear infinite;}
.robox2{position: absolute;width: 2.55rem;left:50%; top:50%; transform:translate(-50%,-50%);}
.robox3{width: 1.72rem; position: absolute;z-index: 1;left:50%; top:50%; transform:translate(-50%,-50%);}
.robox3 img{animation: translateX_roration2 6s linear infinite;}
.robox4{position: absolute; width: .9rem;left:50%; top:50%; transform:translate(-50%,-50%);z-index: 2;}
@keyframes translateX_roration {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes translateX_roration2 {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.fhdw{position: absolute;width: 3.3rem; right: .2rem; top: 5.1rem;overflow: hidden;}
.fhdw .swiper-slide img{opacity: 0;}
.fhdw .swiper-slide-active img{opacity: 1;}

.lbtp{padding: 0 3%;}
.lbtp li{padding-bottom: .5rem;}
.dbtc{position: fixed;z-index: 100; width: 100%; bottom: 0;left: 0;display: none;background: rgba(0,0,0,.3); padding: .15rem 0;}
.dbtc.on{display: block;}

.wzxq{padding: 2.8rem .3rem 0 .3rem;}
.srwb{border: 1px solid rgba(157, 96, 78, .68);
    background: #fff;
    box-shadow: 0 0.04rem 0.05rem #462205, inset 0 0.03rem 0.35rem 0.03rem #503309; padding: .48rem .25rem 0 .25rem;}
.srwb li{margin-bottom: .5rem; position: relative; overflow: hidden; height: 1rem;border-radius: .5rem;background: #f0f0f5; padding: 0 .35rem;}
.srwb li b{float: left; color: #333; line-height: 1rem; font-size: .3rem;}
.wby1{float: right;width: calc(100% - 1.76rem);height: 1rem; line-height: 1rem; color: #999; font-size: .3rem; border: none;background: none; color: #979bd4;}
.wby1::-webkit-input-placeholder{color:#979bd4;}
#birthday{float: right;width: calc(100% - 1.76rem);height: 1rem; line-height: 1rem; color: #999; font-size: .3rem; border: none;background: none; color: #979bd4;}
#birthday::-webkit-input-placeholder{color:#979bd4;}
.xbxz{float: right;width: calc(100% - 1.76rem);}
.xbxz label{font-size: .3rem; line-height: 1rem; color: #979bd4; padding-right: .45rem;}
.my_protocol .input_agreement_protocol { appearance: none; -webkit-appearance: none;  outline: none;  display: none;  }
.my_protocol .input_agreement_protocol+span {cursor:pointer;width: .4rem;height: .4rem;border:2px solid #efc15d;display: inline-block;position: relative;border-radius:50%; vertical-align:middle; margin:-3px .15rem 0 0; }
.my_protocol .input_agreement_protocol:checked+span {background-image: url(../images/a12.png); background-size:100% 100%;}
.csnr{ padding: 0 .2rem;}
.csnr p{font-size: .26rem; margin: .3rem 0; color: #f8f0e6;text-align: center;}

.cmjg{padding: 3.4rem .2rem 0 .2rem;}

.zwtm{background: url(../images/t5.png);background-size: 100% 100%; padding: .2rem;}
.zwtm ul{overflow: hidden;border-left:1px solid #ac6a42;border-top:1px solid #ac6a42;}
.zwtm li{float: left;width: 25%; box-sizing: border-box;border-right:1px solid #ac6a42;border-bottom:1px solid #ac6a42;text-align: center; font-size: .3rem; line-height: 2;padding: .05rem;text-align: center;}
.zwtm ul li:nth-child(1){ width:100%;}
.zwtm ul li:nth-child(2){ width:100%;}
.zwtm ul li:last-child{width: 100%;}
.zwtm span{opacity: 0;}
.cmjg p{text-align: center; font-size: .26rem; margin: .45rem 0 ;color: #fff;}
.cmjg p b{color: #fb130b;}
.cdnr{position: fixed; width: 100%; left: 0; bottom:0;z-index: 10; padding: .2rem 0;}
.cl{color: #941B1E;}
.zwtm ul li:nth-child(1) span{animation: opacityScale1 0.6s ease-in-out .4s forwards}
.zwtm ul li:nth-child(2) span{animation: opacityScale1 0.6s ease-in-out .6s forwards}
.zwtm ul li:nth-child(3) span{animation: opacityScale1 0.6s ease-in-out .8s forwards}
.zwtm ul li:nth-child(4) span{animation: opacityScale1 0.6s ease-in-out 1s forwards}
.zwtm ul li:nth-child(5) span{animation: opacityScale1 0.6s ease-in-out 1.2s forwards}
.zwtm ul li:nth-child(6) span{animation: opacityScale1 0.6s ease-in-out 1.4s forwards}
.zwtm ul li:nth-child(7) span{animation: opacityScale1 0.6s ease-in-out 1.5s forwards}
.zwtm ul li:nth-child(8) span{animation: opacityScale1 0.6s ease-in-out 1.6s forwards}
.zwtm ul li:nth-child(9) span{animation: opacityScale1 0.6s ease-in-out 1.7s forwards}
.zwtm ul li:nth-child(10) span{animation: opacityScale1 0.6s ease-in-out 1.8s forwards}
.zwtm ul li:nth-child(11) span{animation: opacityScale1 0.6s ease-in-out 1.9s forwards}
.zwtm ul li:nth-child(12) span{animation: opacityScale1 0.6s ease-in-out 2s forwards}
.zwtm ul li:nth-child(13) span{animation: opacityScale1 0.6s ease-in-out 2.2s forwards}
.zwtm ul li:nth-child(14) span{animation: opacityScale1 0.6s ease-in-out 2.4s forwards}
.zwtm ul li:nth-child(15) span{animation: opacityScale1 0.6s ease-in-out 2.6s forwards}
.zwtm ul li:nth-child(16) span{animation: opacityScale1 0.6s ease-in-out 2.8s forwards}
.zwtm ul li:nth-child(17) span{animation: opacityScale1 0.6s ease-in-out 3s forwards}
.zwtm ul li:nth-child(18) span{animation: opacityScale1 0.6s ease-in-out 3.2s forwards}
.zwtm ul li:nth-child(19) span{animation: opacityScale1 0.6s ease-in-out 3.4s forwards}
.zwtm ul li:nth-child(20) span{animation: opacityScale1 0.6s ease-in-out 3.6s forwards}
.zwtm ul li:nth-child(21) span{animation: opacityScale1 0.6s ease-in-out 3.8s forwards}
.zwtm ul li:nth-child(22) span{animation: opacityScale1 0.6s ease-in-out 4s forwards}
.zztpbj{height: 3.5rem;overflow: hidden;width: 0;background: url(../images/t3.png); animation: line4 1s linear 2.4s forwards; background-size: 100% 100%;}
.zztp{position: relative;background: url(../images/t3a.png);background-size: 100% 100%;}

@keyframes line4 {
    0% {
        0
    }

    to {
        width: 100%
    }
}
@keyframes opacityScale1 {
    0% {
        opacity: 0;
        transform: scale(1.05)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}


.bj{position: fixed;width: 100%; height: 100%;z-index: 100;background: rgba(0,0,0,.6); top: 0;left: 0;display: none;}
.csjg{position: fixed; width: 100%;z-index: 101;border-radius: .2rem .2rem 0 0; left: 0; bottom: -10rem; background: #fffbd8;padding-bottom: .4rem;}
.csjg_top{overflow: hidden; padding: .1rem .25rem 0.05rem .25rem;}
.csjg_left{float: left;width: 2.7rem;}
.csjg_left img{width: 100%;}
.csjg_right{float: right;width: calc(100% - 3rem);text-align: center;}
.csjg_right h2{font-weight: bold; font-size: .3rem; line-height: .78rem;}
.csjg_right p{font-size: .26rem; line-height: 2.2; color: #333;font-weight: bold;}
.csjg_right p span{color: #c11b18;}
.csjg_right p b{font-weight: 400;}
.jgyh{overflow: hidden; padding: .25rem; border-top: 1px solid #f0e885; border-bottom:1px solid #f0e885;}
.jgyh_left{float: left;}
.jgyh_left p{font-size: .26rem; color: #999; margin-bottom: .15rem;text-decoration: line-through;}
.jgyh_left span{display: block; line-height: .58rem; font-size: .26rem;border-radius: .1rem;background: #c92727;color: #fff; padding: 0 .15rem;}
.jgyh_right{float: right;text-align: center;}
.jgyh_right p{font-size: .26rem; margin-bottom: .2rem; color: #333;}
.time-item{font-weight: bold; font-size: .26rem; color: #333;line-height: 1.8;}
#hour_show,#minute_show,#second_show{color: #fff; font-weight: bold; font-size: .26rem; background: #e22b1f; padding: 0 .1rem; line-height: 1.8;border-radius: .06rem;margin: 0 .05rem;}
.zfnr{padding: .25rem;}
.zfnr li{padding-bottom: .25rem;}
.zfnr a{display: block; color: #666; font-size: .28rem; position: relative;}
.zfnr a img{display: inline-block;vertical-align: middle; margin: -0.05rem .15rem 0 0; width: .5rem;}
.zfnr a:before{position: absolute;content: ""; border-radius: 50%; width: .3rem;height: .3rem; right: 0;top:50%; transform: translateY(-50%);background: #00B30D;}
.zfnr ul li:nth-child(2) a:before{ position: absolute;content: ""; border-radius: 50%; width: .3rem;height: .3rem; right: 0;top:50%; transform: translateY(-50%);background: #00A0EA;}
.btn4{display: block; text-align: center; font-weight: bold; color: #fff; font-size: .32rem; line-height: .8rem;border-radius: .4rem;background: #c92727; margin: 0 auto; width: 6rem;animation: scaledh 1.5s infinite;}