@font-face {
    font-family: 'DIN';
    src: url('https://www.189.cn/wapactivity/JinDouMall/theNewVersion/fonts/D-DIN-Bold.ttf') format('truetype');
}

* {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
}

::-webkit-scrollbar {
    display: none;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    zoom: 1;
}

html {
    height: 100%;
    width: 100%;
}

body {
    position: relative;
    min-height: 100%;
    width: 100%;

}

.wrapper {
    position: relative;
    z-index: 2;
}

body.bg-img {
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/bg.jpg) top center no-repeat;
    background-size: 100% auto;
    background-position-y: -1rem;

}

body.bg-dark {
    background-color: #f6f6f6;
}

body.bg-white {
    background-color: #ffffff;
}

.index-box {
    padding-top: 4.3rem;
}

.index-box .fix-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.5rem;
    padding: 1.8rem 0.525rem 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    right: 0;
}

.index-box .fix-nav.fix {
    background-color: #ffffff;
}

.index-box .fix-nav .i-back {
    display: block;
    width: 1.5rem;
    height: 1.525rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/i-back.png) center center no-repeat;
    background-size: 100% 100%;
}

.index-box .fix-nav.fix .i-back {
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/i-back-fix.png) center center no-repeat;
    background-size: 100% 100%;
}

.index-box .fix-nav>div {
    display: flex;
    align-items: center;
}

.index-box .fix-nav>div>i {
    margin-left: 1rem;
}

.index-box .fix-nav .i-cj {
    display: block;
    width: 1.5rem;
    height: 1.525rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/i-cj.png) center center no-repeat;
    background-size: 100% 100%;

}

.index-box .fix-nav.fix .i-cj {
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/i-cj-fix.png) center center no-repeat;
    background-size: 100% 100%;
}

.index-box .fix-nav .i-list {
    display: block;
    width: 1.5rem;
    height: 1.525rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/i-list.png) center center no-repeat;
    background-size: 100% 100%;

}

.index-box .fix-nav.fix .i-list {
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/i-list-fix.png) center center no-repeat;
    background-size: 100% 100%;
}

.index-box .fix-nav .i-share {
    display: block;
    width: 1.5rem;
    height: 1.525rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/i-share.png) center center no-repeat;
    background-size: 100% 100%;
}

.index-box .fix-nav.fix .i-share {
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/i-share-fix.png) center center no-repeat;
    background-size: 100% 100%;
}

.index-box .jd-box {
    width: 17.5rem;
    height: 3.7rem;
    margin: 0 auto 0.5rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/jd-box-bg.png) center center no-repeat;
    background-size: 100% 100%;
}

.index-box .jd-box>.top {
    display: flex;
    align-items: center;
    height: 3.575rem;
}

.index-box .jd-box>.top>div {
    width: 33.3%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.index-box .jd-box>.top>div::after {
    content: '';
    display: block;
    width: 1px;
    height: 1.5rem;
    background-color: #5c3b00;
    opacity: 0.12;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.index-box .jd-box>.top>div .num {
    font-size: 1.05rem;
    font-weight: normal;
    line-height: 1.5rem;
    color: #5c3b00;
    font-family: 'DIN';
}

.index-box .jd-box>.top>div .list-img {
    display: block;
    width: 1.5rem;
    height: auto;
}

.index-box .jd-box>.top>div .qzjd-img {
    display: block;
    width: 3.675rem;
    height: auto;
}

.index-box .jd-box>.top>div>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-box .jd-box>.top>div>div p {
    font-size: 0.6rem;
    font-weight: bold;
    color: #8c6f3c;
}

.index-box .jd-box>.top>div>div img {
    display: block;
    margin-left: 0.2rem;
    width: 0.25rem;
}

.index-box .jd-box>.top>div>div img.wenhao {
    width: 0.55rem;
}
.index-box .jd-box>.top>div>span>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-box .jd-box>.top>div>span>div p {
    font-size: 0.6rem;
    font-weight: bold;
    color: #8c6f3c;
}

.index-box .jd-box>.top>div>span>div img {
    display: block;
    margin-left: 0.2rem;
    width: 0.25rem;
}

.index-box .jd-box>.top>div>span>div img.wenhao {
    width: 0.55rem;
}

.index-box .jd-box>.bot-tips {
    width: 16rem;
    height: 1.45rem;
    background-color: rgba(255, 255, 255, 0.45);

    margin: 0 auto;
    overflow: hidden;
    border-radius: 0.718rem;
    display: flex;
    flex-wrap: nowrap;
}

.index-box .jd-box>.bot-tips i {
    display: block;
    width: 1.2rem;
    height: 100%;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/tips-img.png) center center no-repeat;
    background-size: 0.475rem 0.6rem;
    flex: 0 0 auto;
}

.index-box .jd-box>.bot-tips>div{
    flex: 1 1 auto;
    overflow: hidden;
}
.index-box .jd-box>.bot-tips>div p {
	font-size: 0.6rem;
    font-weight: normal;
    line-height: 1.45rem;
    margin-right: 0.5rem;
    color: #8d6f3c;
}
.index-box .jd-box>.bot-tips>div ul {
    list-style: none;
   
}
.index-box .jd-box>.bot-tips>div ul li{
    font-size: 0.6rem;
	font-weight: normal;
	line-height: 1.45rem;
	color: #8d6f3c;
    overflow:hidden; /*超出的部分隐藏起来。*/
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/
}
.index-box .hd-banner {
    width: 17.6rem;
    height: 18.925rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/hd-banner-bg.png) center center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 0.625rem;
    position: relative;
    padding-top: 3.2rem;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 0;
    border-radius: 0.5rem;
    overflow: hidden;
}

.index-box .hd-banner .top-swiper {
    width: 16.8rem;
    margin: 0 auto 0.3rem;
    box-sizing: border-box;
}

.index-box .hd-banner .top-swiper .swiper-slide {
    width: 3.85rem;
    height: 4.4rem;
    font-size: 0;
}

.index-box .hd-banner .top-swiper .swiper-slide img {
    display: block;
    width: 100%;
}

.index-box .hd-banner .bot-swiper {
    width: 100%;
}

.index-box .hd-banner .bot-swiper .swiper-slide {
    width: 100%;
    box-sizing: border-box;
}

.index-box .hd-banner .bot-swiper .swiper-slide img {
    display: block;
    width: 100%;
}

.index-box .hd-banner .new-tips {
    display: block;
    width: 3.35rem;
    position: absolute;
    top: 0.25rem;
    right: 0.5rem;
    pointer-events: none;
    z-index: 0;
}

.index-box .hd-box {
    background-color: #ffffff;
    box-shadow: inset 0rem 0rem 0.15rem 0rem #ffffff;
    border-radius: 0.5rem 0.5rem 0 0;
    position: relative;
    z-index: 0;
}

.index-box .hd-box .hd-nav.sticky {
    position: sticky;
    top: 4.2rem;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: #ffffff;
}

.index-box .hd-box .hd-nav>.top-nav {
    padding-top: 1rem;
    padding-bottom: 0.35rem;
    overflow: hidden;
}
.index-box .hd-box .hd-nav.sticky>.top-nav{
    padding-top: 0.15rem;

}
.index-box .hd-box .hd-nav>.top-nav .swiper-slide {
    display: inline-block;
    width: auto;
}

.index-box .hd-box .hd-nav>.top-nav .swiper-slide>div {
    font-size: 0.7rem;
    font-weight: normal;
    color: #666666;
    line-height: 1.25rem;
    white-space: nowrap;
}

.index-box .hd-box .hd-nav>.top-nav .swiper-slide:first-child {
    padding-left: 0.575rem;
    box-sizing: border-box;
}

.index-box .hd-box .hd-nav>.top-nav .swiper-slide:last-child {
    padding-right: 0.575rem;
    box-sizing: border-box;
}

.index-box .hd-box .hd-nav>.top-nav .swiper-slide.on>div {
    font-size: 0.85rem;
    font-weight: bold;
    color: #080808;
    position: relative;
    line-height: 1.25rem;
}

.index-box .hd-box .hd-nav>.top-nav .swiper-slide.on>div::after {
    content: '';
    display: block;
    width: 1rem;
    height: 0.5rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/after.png) center center no-repeat;
    background-size: 0.775rem 0.35rem;
    margin: 0 auto;
}

.index-box .hd-box .hd-nav>.bot-nav {

    box-sizing: border-box;
    padding-bottom: 0.35rem;
}
.index-box .hd-box .hd-nav.sticky>.bot-nav{
    padding-bottom: 0.5rem;

}
.index-box .hd-box .hd-nav>.bot-nav>div {
    /*display: none;*/
}

.index-box .hd-box .hd-nav>.bot-nav>div>ul {
    list-style: none;
    display: flex;
    padding: 0rem 0.575rem 0.15rem;
    box-sizing: border-box;
    font-size: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
}

.index-box .hd-box .hd-nav>.bot-nav>div>ul li {
    padding: 0 0.35rem;
    margin-right: 0.525rem;
    height: 1.175rem;
    background-color: #f6f6f6;
    box-sizing: border-box;
    border-radius: 0.55rem;
    font-size: 0.6rem;
    font-weight: normal;
    line-height: 1.175rem;
    text-align: center;
    color: #333333;
}

.index-box .hd-box .hd-nav>.bot-nav>div>ul li:last-child {
    margin-right: 0;
}

.index-box .hd-box .hd-nav>.bot-nav>div>ul li.on {
    border-radius: 0.55rem;
    background-color: #ffeed2;
    color: #563800;
}

.index-box .hd-box .hd-content {
    padding: 0.35rem 0.6rem 1rem;
    box-sizing: border-box;
}

.index-box .hd-box .hd-content ul {
    list-style: none;
    /* display: flex;
    flex-wrap: wrap; */
    position: relative;
    width: 100%;
}

.index-box .hd-box .hd-content ul>li {
    position: absolute;
    font-size: 0;
    margin-right: 0.6rem;
    margin-bottom: 0.725rem;
    border-radius: 0.521rem;
    background-color: #ffffff;
    overflow: hidden;
    width: 8.45rem;
    box-shadow: 0.063rem -0.042rem 0.513rem 0.038rem rgba(175, 175, 175, 0.2);
}

.index-box .hd-box .hd-content ul>li:nth-child(2n) {
    margin-right: 0;
}

.index-box .hd-box .hd-content ul>li .img-box {
    font-size: 0;
    width: 100%;
    position: relative;
    display: block;
}

.index-box .hd-box .hd-content ul>li .img-box .tips {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    width: 4.925rem;
    height: 1.725rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/pic-tips.png) center center no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    padding-bottom: 0.25rem;
    padding-left: 0.35rem;
    padding-right: 0.25rem;
    box-sizing: border-box;
}

.index-box .hd-box .hd-content ul>li .img-box .tips img {
    display: block;
    width: 0.7rem;
    margin-right: 0.15rem;
    flex: 0 0 auto;
}

.index-box .hd-box .hd-content ul>li .img-box .tips p {
    font-size: 0.5rem;
    color: #ffffff;
    margin-bottom: 0.35rem;
    text-shadow: 0 2px 0 #ff000f;
}

.index-box .hd-box .hd-content ul>li .img-box>img {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
}

.index-box .hd-box .hd-content ul>li .remark {
    padding: 0 0.35rem;
    box-sizing: border-box;
}

.index-box .hd-box .hd-content ul>li .remark .top {
    font-size: 0.729rem;
    font-weight: bold;
    line-height: 1rem;
    color: #333333;
    padding: 0.5rem 0;
}

.index-box .hd-box .hd-content ul>li .remark .control {
    display: flex;
    align-items: center;
}

.index-box .hd-box .hd-content ul>li .remark .control>div {
    font-size: 0.573rem;
    font-weight: normal;
    line-height: 1rem;
    text-align: center;
    padding: 0 0.25rem;
    color: #e8595b;
    border-radius: 0.104rem;
    border: solid 0.026rem rgba(232, 89, 91, 0.4);

}

.index-box .hd-box .hd-content ul>li .remark .desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index-box .hd-box .hd-content ul>li .remark .desc .money {
    font-size: 0.625rem;
    font-weight: bold;
    line-height: 1.5rem;
    color: #e8595b;
}

.index-box .hd-box .hd-content ul>li .remark .desc .money span {
    font-family: 'DIN';
    font-size: 0.938rem;
    line-height: 1.5rem;
}

.index-box .hd-box .hd-content ul>li .remark .desc .date {
    font-size: 0.6rem;
    font-weight: normal;
    line-height: 1.5rem;
    color: #999999;
}




.dialog-box {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.dialog-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dialog-text {
    width: 13rem;
    height: 17.625rem;
    background-color: #ffffff;
    border-radius: 0.5rem;
    padding: 1.5rem 0.7rem 0.5rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.dialog-text::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0.45rem;
    left: 0;
    right: 0;
    height: 1.5rem;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0.2),rgba(255,255,255,1));
}

.dialog-text .close {
    display: block;
    width: 0.575rem;
    height: 0.575rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/close1.png) center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.dialog-text>.scroll {
    overflow: auto;
    font-size: 0.7rem;
    height: 100%;
    font-weight: normal;
    line-height: 1.2rem;
    color: #333333;
}
.dialog-confirm{
    width: 13rem;
    background-color: #ffffff;
	border-radius: 0.5rem;
    padding-top: 2rem;
    box-sizing: border-box;
    padding-bottom: 0.8rem;
}
/*中奖弹框*/
.dialog-confirm.p-t-05{
    padding-top: 0.5rem;
}
.dialog-confirm .mid-img{
    display: block;
    width: 3rem;
    margin: 0 auto;
}
.dialog-confirm .num {
    font-size: 0.7rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0.75rem;
    line-height: 1.5rem;
    color: #333333;
}
.dialog-confirm .title1 {
    font-size: 0.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 3rem;
    color: #5c3b00;
}
.dialog-confirm .close{
    display: block;
    width: 0.575rem;
    height: 0.575rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/close1.png) center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}
.dialog-confirm .desc{
    font-size: 0.8rem;
	font-weight: normal;
    text-align: center;
    margin-bottom: 1.2rem;
	line-height: 1.2rem;
	color: #333333;
}
.dialog-confirm .remark{
    font-size: 0.7rem;
	font-weight: normal;
    padding: 0 0.75rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
    line-height: 1.2rem;
    text-align: justify;
	color: #333333;
}
.dialog-confirm .remark span{
    font-weight: bold;
}
.dialog-confirm .btn{
    display: block;
    width: 11.8rem;
	line-height: 1.9rem;
    text-align: center;
    margin: 0 auto;
	background-image: linear-gradient(180deg, 
		#ffefd2 0%, 
		#ffd584 100%), 
	linear-gradient(
		#0e8cff, 
		#0e8cff);
        font-size: 0.8rem;
        font-weight: bold;
        color: #5c3b00;
	border-radius: 0.95rem;
	border: solid 0.025rem #fffaeb;
}
.dialog-confirm .title{
    font-size: 0.8rem;
	font-weight: bold;
    text-align: center;
	line-height: 1.2rem;
	color: #333333;
}
.dialog-confirm .text{
    font-size: 0.7rem;
	font-weight: normal;
    line-height: 1.2rem;
    text-align: center;
    margin-bottom: 1.2rem;
	color: #333333;
}
.dialog-text>.scroll .title {
    font-weight: bold;
}

.dialog-content .title-img {
    display: block;
    width: 12.225rem;
    margin: 0 auto;
}

.dialog-content .tr-close {
    display: block;
    width: 1.275rem;
    height: 1.275rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/close.png) center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0rem;
    top: -2rem;
}

.dialog-content .zp-desc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
}

.dialog-content .zp-desc>div {
    height: 1.5rem;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0.75rem;
    border: solid 1px rgba(255, 255, 255, 0.21);
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 0 0.65rem;
    box-sizing: border-box;
    justify-content: center;
}

.dialog-content .zp-desc img {
    display: block;
    width: 0.9rem;
    margin-right: 0.25rem;
}

.dialog-content .zp-desc p {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    font-weight: normal;
    color: #ffffff;
}

.dialog-content .zp-desc p span {
    font-size: 1.082rem;
    font-weight: bold;
    color: #fff1d8;
    margin-left: 0.475rem;
    font-family: 'DIN';
}

.dialog-content .zp-more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: normal;
    color: #ffe7bc;
}

.dialog-content .zp-more img {
    display: block;
    width: 0.3rem;
    margin-left: 0.15rem;
}

.dialog-content .zp-btn {
    display: block;
    width: 9.975rem;
    height: 2.3rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/zp-btn1.png) center center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 0.85rem;
    padding-top: 0.35rem;
    box-sizing: border-box;
}

.dialog-content .zp-btn .p1 {
    text-align: center;
    font-size: 0.879rem;
    font-weight: bold;
    line-height: 1rem;
    color: #5c3b00;
}

.dialog-content .zp-btn .p2 {
    font-size: 0.523rem;
    font-weight: normal;
    line-height: 0.754rem;
    color: #5c3b00;
    text-align: center;
}

.dialog-content .zp-btn .p2 span {
    margin: 0 0.15rem;
    font-size: 0.625rem;
    font-weight: bold;
}

.dialog-content .zp-btn-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 0.85rem;
    padding: 0 0.5rem;
    box-sizing: border-box;
}

.dialog-content .zp-btn-box .btn1 {
    display: block;
    width: 6.7rem;
    height: 2.3rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/zp-btn2.png) center center no-repeat;
    background-size: 100% 100%;
    font-size: 0.879rem;
    font-weight: bold;
    line-height: 2.2rem;
    text-shadow: 0rem 0.1rem 0.25rem rgba(234, 180, 79, 0.64);
    text-align: center;
	color: #5c3b00;
}

.dialog-content .zp-btn-box .btn2 {
    display: block;
    width: 6.7rem;
    height: 2.3rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/zp-btn3.png) center center no-repeat;
    background-size: 100% 100%;
    padding-top: 0.35rem;
    box-sizing: border-box;
}

.dialog-content .zp-btn-box .btn2 .p1 {
    text-align: center;
    font-size: 0.879rem;
    font-weight: bold;
    line-height: 1rem;
    color: #ffffff;
    text-shadow: 0rem 0.1rem 0.25rem #e05f26;
}

.dialog-content .zp-btn-box .btn2 .p2 {
    font-size: 0.523rem;
    font-weight: normal;
    line-height: 0.754rem;
    color: #ffffff;
    text-align: center;
}

.dialog-content .zp-btn-box .btn2 .p2 span {
    margin: 0 0.15rem;
    font-size: 0.625rem;
    font-weight: bold;
}

/* 大转盘 */


a:focus,
a:active,
a:link,
a:visited,
a:hover {
    outline: none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
.zp_box_container{
    width: 15.6rem;
    height: 14.225rem;
    margin: 1rem auto 1.25rem;
    position: relative;
}
.zp_box {
    overflow: hidden;
    width: 15.6rem;
    height: 14.225rem;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/zp1.png) center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    transform: scale(1);

}

.zp_box .zp_bor {
    width: 14.2rem;
    height: 14.2rem;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    box-sizing: border-box;
}

.zp_box .zp_bor i {
    width: 0.475rem;
    height: 0.475rem;
    border-radius: 50%;
    display: block;
    box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.76),
        inset 0rem 0rem 0.1rem 0rem #fedaa7;
}

.zp_box .zp_bor .light1 {
    position: absolute;
    top: 0.25rem;
    left: 50%;
    margin-left: -0.2375rem;
    background: #ffea00;
    animation: color_nor 1s infinite;
    -webkit-animation: color_nor 1s infinite;
}

.zp_box .zp_bor .light2 {
    position: absolute;
    top: 1.1rem;
    left: 10.15rem;
    background: #f5f2f3;
    animation: color_oth 1s infinite;
    -webkit-animation: color_oth 1s infinite;
}

.zp_box .zp_bor .light3 {
    position: absolute;
    top: 3.75rem;
    left: 12.75rem;
    background: #ffea00;
    animation: color_nor 1s infinite;
    -webkit-animation: color_nor 1s infinite;
}

.zp_box .zp_bor .light4 {
    position: absolute;
    top: 6.9rem;
    left: 13.5rem;
    background: #f5f2f3;
    animation: color_oth 1s infinite;
    -webkit-animation: color_oth 1s infinite;
}

.zp_box .zp_bor .light5 {
    position: absolute;
    top: 10rem;
    left: 12.75rem;
    background: #ffea00;
    animation: color_nor 1s infinite;
    -webkit-animation: color_nor 1s infinite;
}

.zp_box .zp_bor .light6 {
    position: absolute;
    top: 12.65rem;
    left: 10.15rem;
    background: #f5f2f3;
    animation: color_oth 1s infinite;
    -webkit-animation: color_oth 1s infinite;
}

.zp_box .zp_bor .light7 {
    position: absolute;
    top: 13.5rem;
    left: 50%;
    margin-left: -0.2375rem;
    background: #ffea00;
    animation: color_nor 1s infinite;
    -webkit-animation: color_nor 1s infinite;
}

.zp_box .zp_bor .light8 {
    position: absolute;
    top: 12.6rem;
    left: 3.5rem;
    background: #f5f2f3;
    animation: color_oth 1s infinite;
    -webkit-animation: color_oth 1s infinite;
}

.zp_box .zp_bor .light9 {
    position: absolute;
    position: absolute;
    top: 10rem;
    left: 1rem;
    background: #ffea00;
    animation: color_nor 1s infinite;
    -webkit-animation: color_nor 1s infinite;
}

.zp_box .zp_bor .light10 {
    position: absolute;
    top: 6.9rem;
    left: 0.25rem;
    background: #f5f2f3;
    animation: color_oth 1s infinite;
    -webkit-animation: color_oth 1s infinite;
}

.zp_box .zp_bor .light11 {
    position: absolute;
    top: 3.75rem;
    left: 1rem;
    background: #ffea00;
    animation: color_nor 1s infinite;
    -webkit-animation: color_nor 1s infinite;
}

.zp_box .zp_bor .light12 {
    position: absolute;
    top: 1.1rem;
    left: 3.5rem;
    background: #f5f2f3;
    animation: color_oth 1s infinite;
    -webkit-animation: color_oth 1s infinite;
}


@keyframes color_nor {
    from {
        background: #ffea00;
    }

    to {
        background: #f5f2f3;
    }
}

@-webkit-keyframes color_nor {
    from {
        background: #ffea00;
    }

    to {
        background: #f5f2f3;
    }
}

@keyframes color_oth {
    from {
        background: #f5f2f3;
    }

    to {
        background: #ffea00;
    }
}

@-webkit-keyframes color_oth {
    from {
        background: #f5f2f3;
    }

    to {
        background: #ffea00;
    }
}

.zp_pb {
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/zp2.png) no-repeat;
    background-size: 100% 100%;
    width: 12.475rem;
    height: 12.475rem;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6.2375rem;
    margin-top: -6.2375rem;
    overflow: hidden;
}


.zp_go {
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/zp_zz.png) no-repeat;
    background-size: 100% 100%;
    width: 3.4rem;
    height: 4.05rem;
    position: absolute;
    z-index: 1;
    top: 4.85rem;

    margin-left: -1.625rem;
    left: 50%;
}

@keyframes move {
    0% {
        left: 6.4rem
    }
    100% {
        left: -6.4rem;
    }
}

@-webkit-keyframes move {
    0% {
        left: 6.4rem
    }
    100% {
        left: -6.4rem;
    }
}

.box {
    width: 5.45rem;
    height: 5rem;
    margin-top: 30vh
}

.panRotate {
    animation: panRotate 10s ease-in;
    animation-fill-mode: both;
    -webkit-animation: panRotate 10s ease-in;
    -webkit-animation-fill-mode: both;
}

@keyframes panRotate {
    to {
        transform: rotate(5760deg);
        -webkit-transform: rotate(5760deg)
    }
}

@-webkit-keyframes panRotate {
    to {
        transform: rotate(5760deg);
        -webkit-transform: rotate(5760deg)
    }
}

.rotate_1 {
    animation: rotate_1 1.6s ease-out;
    animation-fill-mode: both;
    -webkit-animation: rotate_1 1.6s ease-out;
    -webkit-animation-fill-mode: both
}

@keyframes rotate_1 {
    to {
        transform: rotate(420deg);
        -webkit-transform: rotate(420deg)
    }
}

@-webkit-keyframes rotate_1 {
    to {
        transform: rotate(420deg);
        -webkit-transform: rotate(420deg)
    }
}

.rotate_2 {
    animation: rotate_2 1.45s ease-out;
    animation-fill-mode: both;
    -webkit-animation: rotate_2 1.45s ease-out;
    -webkit-animation-fill-mode: both
}

@keyframes rotate_2 {
    to {
        transform: rotate(480deg);
        -webkit-transform: rotate(480deg)
    }
}

@-webkit-keyframes rotate_2 {
    to {
        transform: rotate(480deg);
        -webkit-transform: rotate(480deg)
    }
}


.rotate_3 {
    animation: rotate_3 1.3s ease-out;
    animation-fill-mode: both;
    -webkit-animation: rotate_3 1.3s ease-out;
    -webkit-animation-fill-mode: both;
}

@keyframes rotate_3 {
    to {
        transform: rotate(540deg);
        -webkit-transform: rotate(540deg)
    }
}

@-webkit-keyframes rotate_3 {
    to {
        transform: rotate(540deg);
        -webkit-transform: rotate(540deg)
    }
}


.rotate_4 {
    animation: rotate_4 1.15s ease-out;
    animation-fill-mode: both;
    -webkit-animation: rotate_4 1.15s ease-out;
    -webkit-animation-fill-mode: both
}

@keyframes rotate_4 {
    to {
        transform: rotate(600deg);
        -webkit-transform: rotate(600deg)
    }
}

@-webkit-keyframes rotate_4 {
    to {
        transform: rotate(600deg);
        -webkit-transform: rotate(600deg)
    }
}





.rotate_5 {
    animation: rotate_5 1.75s ease-out;
    animation-fill-mode: both;
    -webkit-animation: rotate_5 1.75s ease-out;
    -webkit-animation-fill-mode: both
}

@keyframes rotate_5 {
    to {
        transform: rotate(660deg);
        -webkit-transform: rotate(660deg)
    }
}

@-webkit-keyframes rotate_5 {
    to {
        transform: rotate(660deg);
        -webkit-transform: rotate(660deg)
    }
}

.rotate_6 {
    animation: rotate_6 1.9s ease-out;
    animation-fill-mode: both;
    -webkit-animation: rotate_6 1.9s ease-out;
    -webkit-animation-fill-mode: both
}

@keyframes rotate_6 {
    to {
        transform: rotate(720deg);
        -webkit-transform: rotate(720deg)
    }
}

@-webkit-keyframes rotate_6 {
    to {
        transform: rotate(720deg);
        -webkit-transform: rotate(720deg)
    }
}

/*  */
.zp_pb>div {
    display: block;
    width: 4.5rem;
    font-size: 0;
}

.zp_pb>div img {
    display: block;
    width: 100%;
}

.zp_pb .jp-1 {
    position: absolute;
    top: 0.5rem;
    right: 2.1rem;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}

.zp_pb .jp-2 {
    position: absolute;
    top: 4rem;
    right: 0.3rem;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.zp_pb .jp-3 {
    position: absolute;
    top: 7.5rem;
    right: 2rem;
    transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
}

.zp_pb .jp-4 {
    position: absolute;
    top: 7.4rem;
    right: 6rem;
    transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
    -moz-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -o-transform: rotate(210deg);
}

.zp_pb .jp-5 {
    position: absolute;
    top: 4.1rem;
    right: 7.8rem;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

.zp_pb .jp-6 {
    position: absolute;
    top: 0.7rem;
    left: 2rem;
    transform: rotate(330deg);
    -webkit-transform: rotate(330deg);
    -moz-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    -o-transform: rotate(330deg);
}

.list-box {
    padding-top: 2.75rem;
    padding-bottom: 1rem;
    box-sizing: border-box;
}

.list-box .list-nav {
    height: 2.225rem;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.list-box .list-nav>div {
    width: 25%;
    text-align: center;
    font-size: 0.7rem;
    font-weight: normal;
    line-height: 2.25rem;
    color: #666666;
}

.list-box .list-nav>div.on {
    position: relative;
    font-size: 0.8rem;
    font-weight: bold;
    color: #333333;
}

.list-box .list-nav>div.on::after {
    content: '';
    width: 0.775rem;
    height: 0.35rem;
    display: block;
    background: url(https://www.189.cn/wapactivity/JinDouMall/theNewVersion/img/after.png) center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0.25rem;
    left: 50%;
    transform: translateX(-50%);
}

.list-box .list-content {
    padding: 0 0.5rem;
    box-sizing: border-box;
}

.list-box .list-content .list-jp {
    list-style: none;
}

.list-box .list-content .list-jp li {
    background-color: #ffffff;
    border-radius: 0.5rem;
    padding: 0 0.625rem;
    box-sizing: border-box;
    margin-bottom: 0.5rem;
}

.list-box .list-content .list-jp li .time {
    font-size: 0.7rem;
    font-weight: normal;
    line-height: 2rem;
    margin-bottom: -0.625rem;
    color: #999999;
}

.list-box .list-content .list-jp li>div {
    border-bottom: 1px solid #eeeeee;
    padding: 0.625rem 0;
    box-sizing: border-box;
}

.list-box .list-content .list-jp li>div:last-child {
    border-bottom: none;

}

.list-box .list-content .list-jp li>div .remark {
    display: flex;
}

.list-box .list-content .list-jp li>div .remark .img-box {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 0.2rem;
    margin-right: 0.525rem;
}

.list-box .list-content .list-jp li>div .remark .img-box img {
    display: block;
    width: 100%;
}

.list-box .list-content .list-jp li>div .remark .desc {
    flex: 1 1 auto;
    flex-grow: 1;
}

.list-box .list-content .list-jp li>div .remark .desc .p1 {
    font-size: 0.8rem;
    font-weight: normal;
    color: #333333;
    line-height: 1rem;
    margin-bottom: 0.15rem;
}

.list-box .list-content .list-jp li>div .remark .desc .p2 {
    font-size: 0.6rem;
    font-weight: normal;
    color: #999999;
}

.list-box .list-content .list-jp li>div .control {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.list-box .list-content .list-jp li>div .control .btn1 {
    width: 3.625rem;
    line-height: 1.4rem;
    text-align: center;
    background-image: linear-gradient(180deg,
            rgba(255, 239, 210, 0.1) 0%,
            rgba(255, 213, 132, 0.2) 100%);
    border-radius: 0.7rem;
    border: solid 1px #ffd585;
    box-sizing: border-box;
    font-size: 0.6rem;
    font-weight: normal;
    color: #5c3b00;
}

.list-box .list-content .list-jp li>div .control .btn2 {
    width: 3.625rem;
    line-height: 1.4rem;
    text-align: center;
    background-image: linear-gradient(180deg,
            #ffefd2 0%,
            #ffd584 100%);
    font-size: 0.6rem;
    font-weight: normal;
    color: #5c3b00;
    border-radius: 0.7rem;
    margin-left: 1rem;
    box-sizing: border-box;
}

.list-box .list-content .list-sz {
    list-style: none;
}

.list-box .list-content .list-sz>li {
    background-color: #ffffff;
    border-radius: 0.5rem;
    padding: 0 0.625rem;
    margin-bottom: 0.525rem;
}

.list-box .list-content .list-sz>li .time {
    display: flex;
    align-items: center;
    font-size: 0.7rem;
    font-weight: normal;
    line-height: 2rem;
    margin-bottom: -0.75rem;
    color: #999999;
}

.list-box .list-content .list-sz>li .time img {
    display: block;
    margin-left: 0.25rem;
    width: 0.65rem;
}

.list-box .list-content .list-sz>li>ul {
    list-style: none;
}

.list-box .list-content .list-sz>li>ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eeeeee;
}

.list-box .list-content .list-sz>li>ul li:last-child {
    border-bottom: none;
}

.list-box .list-content .list-sz>li>ul li .p1 {
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 2.75rem;
    color: #333333;
}

.list-box .list-content .list-sz>li>ul li .p2 {
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 0.95rem;
    color: #333333;
}

.list-box .list-content .list-sz>li>ul li .p2.green {
    color: #04d121;
}
.list-box .list-content .null{
    display: flex;
    padding-top: 5.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.list-box .list-content .null img{
    display: block;
    width: 5.525rem;
    margin-bottom: 0.5rem;
}
.list-box .list-content .null p{
    font-size: 0.7rem;
	font-weight: normal;
    white-space: nowrap;
	color: #999999;
}
.text-box {
    padding: 0.6rem 0.6rem;
    box-sizing: border-box;
}




.text-box .p1 {
    font-size: 0.7rem;
    font-weight: bold;
    line-height: 1.5rem;
    color: #333333;
}

.text-box .p2 {
    font-size: 0.7rem;
    font-weight: normal;
    line-height: 1rem;
    color: #333333;
}


.text-box .p3 {
    font-size: 0.7rem;
    font-weight: normal;
    line-height: 1rem;
    margin-bottom: 0.5rem;
    color: #333333;
}


.text-box .table {
    width: 100%;
    margin-bottom: 0.5rem;
}

.text-box .table table {
    border-spacing: 0;
    width: 100%;

}

.text-box .table table tr th {
    font-size: 0.7rem;
    font-weight: normal;
    width: 50%;
    line-height: 1.8rem;
    color: #333333;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
}


.text-box .table table tr th:last-child {
    border-right: 1px solid #eaeaea;
    border-top-right-radius: 0.175rem;
}

.text-box .table table tr th:first-child {
    border-top-left-radius: 0.175rem;
}

.text-box .table table tr td {
    font-size: 0.6rem;
    font-weight: normal;
    line-height: 0.85rem;
    padding: 0.35rem 0.25rem;
    box-sizing: border-box;
    text-align: center;
    color: #333333;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
}

.text-box .table table tr.bold td {
    font-weight: bold;
}

.text-box .table table tr td:last-child {
    border-right: 1px solid #eaeaea;
}

.text-box .table table tr:last-child td:nth-child(1) {
    border-bottom-left-radius: 0.175rem;
}

.text-box .table table tr:last-child td:last-child {
    border-bottom-right-radius: 0.175rem;
}

.xq-box>img{
    display: block;
    width: 100%;
}
.xq-box>.text{
    padding: 0.5rem 1rem 4rem;
    box-sizing: border-box;
}
.xq-box>.text>div{
    margin-bottom: 0.25rem;
}
.xq-box>.text>div>p.title{
    font-size: 0.8rem;
	font-weight: normal;
    line-height: 1.5rem;
	color: #333333;
}
.xq-box>.text>div>p{
    font-size: 0.6rem;
	font-weight: normal;
	line-height: 1.2rem;
	color: #333333;
}
.xq-box .xq-fix-btn{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    padding: 1rem 0;
    z-index: 2;
}
.xq-box .xq-fix-btn>div{
    width: 15.225rem;
	line-height: 2.025rem;
    text-align: center;
    
	background-image: linear-gradient(-90deg, 
		#95612f 0%, 
		#cda879 100%), 
	linear-gradient(
		#ffffff, 
		#ffffff);
		font-size: 0.8rem;
	font-weight: bold;
	color: #ffffff;
	border-radius: 0.938rem;
}

/*中奖弹框*/
.dialog-zj {
    width: 14.4rem;
    background-color: #ffffff;
    border-radius: 0.5rem;
    padding: 1.25rem 0.9rem;
    box-sizing: border-box;
    position: relative;
}
.dialog-zj .hfq-img{
	width: 100%;
}
.dialog-zj .zj-close {
    width: 0.65rem;
    height: 0.65rem;
    font-size: 0;
    display: block;
    position: absolute;
    right: 0.75rem;
    top:0.75rem;
}

.dialog-zj .zj-close img {
    width: 100%;
}

.dialog-zj .zj-title {
    padding-top: 0.5rem;
    text-align: center;
}

.dialog-zj .zj-title>span {
    position: relative;
    font-size: 1rem;
    font-weight: bold;
    display: inline;
    line-height: 1rem;
    color: #333333;
    box-sizing: border-box;
    text-align: center;
}

.dialog-zj .zj-title span>span {
    position: relative;
    z-index: 2;
}

.dialog-zj .zj-title>span:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0.1rem;
    left: 0;
    height: 0.175rem;
    background-color: #8fcbfb;
    border-radius: 0.088rem;
    opacity: 0.32;
    z-index: 1;
}

.dialog-zj .zj-desc {
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 1rem;
    text-align: center;
    color: #999999;
    margin: 1.35rem 0 1.75rem;
}
.dialog-zj .jt-desc {
    font-size: 0.7rem;
    font-weight: normal;
    line-height: 1.5rem;
    text-align: center;
    color: #333333;
    margin: 1.35rem 0 1.75rem;

}
.dialog-zj .jt-desc p{
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog-zj .jt-desc img{
    height: 0.275rem;
    display: inline-block;
    margin: 0rem 0.4rem 0;
}
.dialog-zj .zj-all-btn {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.dialog-zj .zj-all-btn .left {
    font-size: 0.7rem;
    font-weight: normal;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 5.95rem;
    border: 0.035rem solid #176bce;
    border-radius: 0.5rem;
    color: #176bce;
    height: 2rem;
}

.dialog-zj .zj-all-btn .right {
    font-size: 0.7rem;
    font-weight: normal;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 5.95rem;
    background-image: linear-gradient(135deg,
    #1975d7 0%,
    #176bce 100%);
    border-radius: 0.5rem;
    color: #fff;
    height: 2rem;
}

.dialog-zj .zj-img {
    width: 3.725rem;
    display: block;
    margin: 1.2rem auto 0;
}

.dialog-zj .zj-p1 {
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 1rem;
    text-align: center;
    color: #999999;
    margin: 0.4rem 0 1.5rem;
}

.dialog-zj .zj-all-btn.all .btn {
    display: block;
    height: 2rem;
    width: 100%;
    background-image: linear-gradient(180deg, 
		#ffefd2 0%, 
		#ffd584 100%), 
	linear-gradient(
		#0e8cff, 
		#0e8cff);
    text-align: center;
    text-decoration: none;
    font-size: 0.7rem;
    font-weight: normal;
    line-height: 2rem;
    color: #5c3b00;
    border-radius: 0.5rem;
}

/*活动规则*/
.dialog-text-box {
    width: 15.375rem;
    padding: 1rem;
    height: 25rem;
    box-sizing: border-box;

    background-color: #ffffff;
    border-radius: 0.5rem;
}

.dialog-text-box>div {
    overflow-y: scroll;
    width: 100%;
    height: 92%;
}

.dialog-text-box .gz-close {
    width: 0.65rem;
    height: 0.65rem;
    font-size: 0;
    display: block;
    position: absolute;
    right: 0.6rem;
    top: 0.6rem;
}


.dialog-text-box .gz-close img {
    width: 100%;
}

.dialog-text-box .title {
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 1rem;
    padding-top: 0.125rem;
    padding-bottom: 0.85rem;
    color: #333333;
    text-align: center;
}

.dialog-text-box .p1 {
    font-size: 0.7rem;
    font-weight: bold;
    line-height: 2rem;
    color: #333333;
}

.dialog-text-box .p2 {
    font-size: 0.6rem;
    font-weight: normal;
    line-height: 1.5rem;
    color: #333333;
}

.dialog-text-box .p-title {
    margin: 0.25rem 0 0.25rem;
}

.dialog-text-box .p-title span {
    position: relative;
    font-size: 0.6rem;
    font-weight: bold;
    display: inline;
    line-height: 1rem;
    color: #333333;

    box-sizing: border-box;
}

.dialog-text-box .p-title span>span {
    position: relative;
    z-index: 2;
}

.dialog-text-box .p-title>span:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0.1rem;
    left: 0;
    height: 0.175rem;
    background-color: #8fcbfb;
    border-radius: 0.088rem;
    opacity: 0.32;
    z-index: 1;
}

.dialog-text-box div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    margin: 0.775rem 0;
    border-spacing: 0;
}

.dialog-text-box table th {
    font-size: 0.6rem;
    line-height: 1.25rem;
    color: #333333;
    text-align: center;
    white-space: nowrap;
    /* border: solid 0.035rem #cccccc; */

}

.dialog-text-box table tr th:nth-child(1) {
    /* border-radius: 0.2rem; */
}

.dialog-text-box table td {
    font-size: 0.6rem;
    font-weight: normal;
    line-height: 1.25rem;
    text-align: center;
    white-space: nowrap;
    color: #666666;
    /* border: solid 0.035rem #cccccc; */
}

.dialog-text-box table tr th:first-child,
.dialog-text-box table tr td:first-child {
    /*脙篓脗庐脗戮脙搂脗陆脗庐table脙楼脗路脗娄脙篓脗戮脗鹿脙篓脗戮脗鹿脙娄脗隆芒鈧�*/
    border-left: solid 0.035rem #cccccc;
}

.dialog-text-box table tr th:last-child,
.dialog-text-box table tr td:last-child {
    /*脙篓脗庐脗戮脙搂脗陆脗庐table脙楼脗聫脗鲁脙篓脗戮脗鹿脙篓脗戮脗鹿脙娄脗隆芒鈧�*/
    border-right: solid 0.035rem #cccccc;
}

.dialog-text-box table tr th,
.dialog-text-box table tr td:first-child,
.dialog-text-box table tr td:nth-child(2),
.dialog-text-box table tr td:nth-child(3),
.dialog-text-box table tr td:last-child {
    /*脙篓脗庐脗戮脙搂脗陆脗庐table脙篓脗隆脗篓脙娄脗聽脗录脙娄脗炉脗聫脙楼脣鈥犆⑩偓鈥澝兟ッ偮好⑩偓垄脙漏脝鈥櫭偮兟偮久偮姑兟γ偮∶⑩偓聽*/
    border-bottom: solid 0.035rem #cccccc;
;
}

.dialog-text-box table tr:first-child th:first-child {
    border-top-left-radius: 0.2rem;
}

.dialog-text-box table tr:first-child th:last-child {
    border-top-right-radius: 0.2rem;
}

.dialog-text-box table tr:last-child td:first-child {
    border-bottom-left-radius: 0.2rem;
}

.dialog-text-box table tr:last-child td:last-child {
    border-bottom-right-radius: 0.2rem;
}

.dialog-text-box table tr td:nth-child(1),
.dialog-text-box table tr th:nth-child(1) {
    border-right: solid 0.035rem #cccccc;
}

.dialog-text-box table tr th {
    border-top: solid 0.035rem #cccccc;
}
 .luck-rule,.luck-rule h4,.luck-rule p {
	font-size: .6rem;
	font-weight: 400;
	line-height: 1.5rem;
	color: #333
}
/*好东西到底了*/
.more-desc {
    display: none;
    padding: 0.5rem 0 0;
    text-align: center;
    font-size: 0.55rem;
    line-height: 1rem;
    color: #999999;
    /* position: absolute;
	width: 100%;
	left: 0; */
}
.toast{
    position: fixed;
    top: 50%;
    width: 9.375rem;
    justify-content: center;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    z-index: 9;
    height: 2.9rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
    color: #fff;
    text-align: center;
    padding: 0 0.5rem;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0.5rem;
    font-size: 0.6rem;
    font-weight: normal;
    color: #fefefe
}
/* loding样式 */
.loading-box{display:none;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);z-index: 99;width: 6rem;background-color: rgba(63, 63, 63, 0.7);border-radius: 0.75rem;}
.loading-box img{display: block;width: 1.475rem;height: 1.425rem;margin: 1.8rem auto;animation: rotate 1s linear infinite;}
/*兑换详情页面，兑换按钮置灰*/
.xq-box .btn.dark {
  background-image: none;
  background-color: #e9e9e9;
}
/*协议*/
.luck-xytk .dialog-confirm {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 13rem;
    background-color: #ffffff;
    border-radius: 0.5rem;
    background-color: #ffffff;
    padding: 0.75rem 0.6rem 0.95rem;
    box-sizing: border-box;
}
.dialog-confirm .title {
    font-size: 0.8rem;
    font-weight: normal;
    font-weight: bold;
    text-align: center;
    line-height: 2.5rem;
	color: #333333;
}

.dialog-confirm .desc {
    font-size: 0.65rem;
    font-weight: normal;
    line-height: 1.25rem;
	color: #999999;
    text-align: justify;
}

.dialog-confirm .desc a {
    color: #5c3b00;
    text-decoration: none;
}

.dialog-confirm .btn-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.65rem;
    box-sizing: border-box;
    padding: 0 0.6rem;
}

.dialog-confirm .btn-box.xytk{
    padding: 0;
}

/*中奖弹框*/
.dialog-confirm .btn-box .left{
    width: 5.6rem;
    height: 1.9rem;
    background-color: #ededed;
    font-size: 0.7rem;
    font-weight: normal;
    color: #333333;
    text-align: center;
    line-height: 1.9rem;
    border-radius: 0.95rem;
}
.dialog-confirm .btn-box .right{
    width: 5.6rem;
    height: 1.9rem;
    background-image: linear-gradient(180deg,
    #ffefd2 0%,
    #ffd584 100%);
    font-size: 0.7rem;
    font-weight: normal;
    color: #5c3b00;
    text-align: center;
    line-height: 1.9rem;
    border-radius: 0.95rem;
}

.dialog-confirm .btn-box .cancel {
	width: 5.6rem;
	line-height: 1.9rem;
	background-color: #ededed;
	border-radius: 0.25rem;
    box-sizing: border-box;
	font-size: 0.7rem;
	font-weight: normal;
	color: #333333;
    text-align: center;
}

.dialog-confirm .btn-box .sure {
    width: 5.6rem;
	line-height: 1.9rem;
	background-image: linear-gradient(180deg, 
		#ffefd2 0%, 
		#ffd584 100%), 
	linear-gradient(
		#176bce, 
		#176bce);
	border-radius: 0.25rem;
    box-sizing: border-box;
	font-size: 0.7rem;
	font-weight: normal;
    color: #5c3b00;
    text-align: center;
}

/*Plugin CSS*/
.str_wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
}

.str_move_clone {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0;
}

.str_vertical .str_move_clone {
    left: 0;
    top: 100%;
}

.str_down .str_move_clone {
    left: 0;
    bottom: 100%;
}

.str_vertical .str_move,
.str_down .str_move {
    white-space: normal;
    width: 100%;
}

.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
    cursor: inherit;
}

.str_wrap img {
    max-width: none !important;
}
.go-top{
    display: none;
    width: 2rem;
    font-size: 0;
    position: fixed;
    bottom: 2rem;
    right: 0.5rem;
    z-index: 2;
}
.go-top img{
    display: block;
    width: 100%;
}
/*大数据好物，轮播样式*/
.hd-swiper {
    font-size: 0;
    position: relative;
}

.hd-swiper .swiper-slide img {
    display: block;
    width: 100%;
}

.hd-swiper .swiper-pagination {
    font-size: 0;
    bottom: 0.45rem !important;
}

.hd-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 0.304rem;
    height: 0.304rem;
    background-color: #000000;
    opacity: 0.2;
    margin: 0 0.25rem !important;
}

.hd-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #5d3b00;
}
/*大转盘消失特效*/
.dialog-box.opc {
    background-color: rgba(0, 0, 0, 0);
}

.hideAnimate {
    animation: endAnimate .5s linear forwards;
}

@keyframes endAnimate {
    0% {
        opacity: 0;
        transform:  rotate(0deg);
    }

    100% {
        opacity: 1;
        transform: rotate(360deg);
    }
}

.moveAnimate {
    animation: moveBase .5s linear forwards;
}

@keyframes moveBase {
    0% {
        scale: 1;
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(200deg);
        scale: 0;
    }
}