html {font-size: 10px !important;}
@media screen and (max-width: 321px){
	html {font-size: 8px !important;}
}
.wap-body {background-color: #562e0c;}
.js-floor-position-relative {background-color: #fbe4a7;color: #222;}
.js-floor-anchor-list li.cur {background-color: #9a6e1f;color: #fad86b;}
.js-floor-box {background-color: #9a6e1f;padding-bottom: 1rem;}
.bg-img {background: url(https://image01.homedo.com/Files/Images/cms/www/20190303/5758002785866340954_pic1.png) 0 0/8.4rem 4rem no-repeat;}
.text-overflow {white-space: nowrap;width: 95%;text-overflow:ellipsis;overflow: hidden;}

.brand-banner {position: relative;padding-bottom: 2.5rem;}
.brand-banner .logo-box {position: absolute;bottom: 0rem;left: 50%;width: 7.9rem;border: .5rem solid #e4ae51;border-radius: .2rem;background-color: #fff;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.brand-banner .CountDown {font-size: 1.2rem;color: #fff9ca;line-height: 1.6rem;position: absolute;left: 1.5rem;top: .5rem;}
.brand-banner .CountDown em {width: 1.6rem;height: 1.6rem;display: inline-block;vertical-align: middle;background-color: #eb4226;border-radius: .3rem;margin: 0 .3rem;text-align: center;}
.brand-banner .rules-btn {position: absolute;right: 0;top: 0;width: 6.2rem;height: 2.4rem;line-height: 2.4rem;text-align: center;font-size: 1rem;color: #3c2110;background-color: #deb264;border-radius: 0 0 0 .5rem}
.hd {padding: 1rem 0;text-align: center;}
.hd h2 {color: #fad86b;font-size: 1.6rem;font-weight: bold;display: inline-block;position: relative;}
.hd h2:before,.hd h2:after {content: "";width: 1.8rem;height:1.1rem; position: absolute;top:.5rem; background: url(https://image01.homedo.com/Files/Images/cms/www/20190305/4728461718091229304_pic1.png) 0 0/1.8rem 2.2rem no-repeat;}
.hd h2:before {background-position: 0 -1.1rem;left: -3rem;}
.hd h2:after {right: -3rem;}
.list {padding: 0 .25rem;}
.list li {width: 33.333%;float: left;margin-bottom: .5rem;text-align: center;}
.list li .web-link {margin: 0 .25rem;display: block;background-color: #fff;padding: .6rem 0 1rem;}
.list li .overflow-box {position: relative;height: 3rem;width: 7.5rem;overflow: hidden;margin: 0 auto;}
.list li .logo {position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width: 100%;}
.list li strong {color: #222;font-size: 1.2rem;display: inline-block;line-height: 1.2rem;margin: .5rem auto .1rem;}
.list li p {color: #919191;height: 1rem;font-size: .9rem;line-height: 1rem;margin: 0 auto .8rem;}
.list li button {outline: none;height: 1.8rem;color: #6f4f28;font-size: 1rem;border: none;width: 8.3rem;border-radius: 3rem;
background: -webkit-linear-gradient(left, #edce7c , #d1b05c);
background: -o-linear-gradient(right, #edce7c, #d1b05c);
background: -moz-linear-gradient(right, #edce7c, #d1b05c); 
background: linear-gradient(to right, #edce7c , #d1b05c); }

.rules-box {padding: 3rem 1rem 1.5rem;}
.act-rules {background-color: #9a6e1f;border-radius: 1rem;position: relative;padding: 3rem 2rem 2rem;}
.act-rules dt {position: absolute;top: -1.6rem;left: 50%;margin-left: -6rem; width: 12rem;height: 3rem;box-shadow: 0 .3rem 0 #dcb23c;border-radius: 3rem;text-align: center;background-color: #f7d45c;line-height: 3rem;font-size: 1.6rem;font-weight: bold;color: #6f4f28;}
.act-rules dd {color: #f7d45e;font-size: 1.2rem; position: relative;padding-left: 1.2rem;line-height: 2.2rem;}
.act-rules dd em {position: absolute;left: 0;}

.floor-title {margin: 1rem 0 1rem;}
.floor-title h2 {font-size: 1.6rem;color: #fad86b;font-weight:bold;}
.floor-tab {padding:0 1rem;}
.floor-tab li {margin: 0 .3rem .8rem; float: left;}
.floor-tab li a {display: block; padding: 0 1.5rem;height: 2rem;float: left;border: .1rem solid #fad86b;border-radius: 3rem;color: #fad86b;line-height: 2rem;}
.floor-tab li a.cur {border: .1rem solid #fad86b;color: #211811;background-color: #fad86b;}
.baokuan-01 {padding: 0 .75rem;}
.baokuan-01 li {float: left; width: 33.33333%; margin-bottom: .5rem;}
.baokuan-01 li a {display: block; margin: 0 .25rem; background: #fff; position: relative;}
.baokuan-01 li a dl.show {position: absolute; left: 0; top:0;background: #fff; width: 100%;}
.baokuan-01 li a dl dt {padding: 1rem .8rem;position: relative;}
.baokuan-01 li a dl dt .tag {width: 3.8rem;height: 1.9rem;position: absolute;left: 1.2rem; bottom: -.5rem; background: url(https://image01.homedo.com/Files/Images/cms/www/20180511/5489633103437889731_pic1.png) 0 0 no-repeat;background-size: 3.8rem 1.9rem;}
.baokuan-01 li a dl dt .icon {position: absolute;right: .2rem;top: .2rem;width: 4.5rem;}
.baokuan-01 li a dl dd {padding: 0 1.2rem 1rem 1.2rem;}
.baokuan-01 li a dl dd h3 {height: 2.6rem; font-size: 1rem; line-height: 1.4rem; color: #222; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-bottom: .9rem}
.baokuan-01 li a dl dd .c-888 {color: #888}
.baokuan-01 li a dl dd .price {font-size: .9rem;color:#c0c0c0;margin: .5rem 0;;height: 2.8rem;line-height: 1.4rem;}
.baokuan-01 li a dl dd .price span {height: 1.7rem; padding-right: .5rem;display: block;}
.baokuan-01 li a dl dd .price span strong {font-size: 1rem; color: #ff001a;}
.baokuan-01 li a dl dd .price span strong em {font-size: 1.7rem}
.baokuan-01 li a dl dd .price.none span strong {color: #888;}
.baokuan-01 li a dl dd .btn {height: 3rem; text-align: center; font-size:1.5rem; color: #fff; border-radius: .3rem;}
.baokuan-01 li a dl dd .btn.ready {background-color: #339900}
.baokuan-01 li a dl dd .btn.buy {background-color: #ee340f}
.baokuan-01 li a dl dd .btn.none {background-color: #999999} 
.pTop10{padding-top: .5rem;}

.maizeng-box {padding: 0 .75rem}
.maizeng-box li {float: left; width: 50%; margin-bottom: .5rem;}
.maizeng-box li .product-box {margin:0 .25rem; background: #fff; position: relative;}
.maizeng-box li .product-box dl.show {position: absolute; left: 0; top: 0; width: 100%; background: #fff;}
.maizeng-box li .product-box dl dt a .icon {position: absolute; right:1rem; top:1rem; width: 5rem;}
.maizeng-box li .product-box dl dt a {display: block; position: relative; padding: 1.5rem 2.4rem}
.maizeng-box li .product-box dl dt a .maizeng-icon-box {position: absolute; left: -.3rem; bottom: .4rem; font-size: 1.1rem;}
.maizeng-box li .product-box dl dt a .maizeng-icon-box strong {width: 5.6rem; height: 1.8rem; text-align: center; color: #fff; }
.maizeng-box li .product-box dl dt a .maizeng-icon-box p {position: relative; margin-top: -1px;  padding-left: .6rem; height: 1.8rem; border:#fc8142 solid 1px; border-radius: 0 2rem 2rem 0; color: #fc8142; background: #fff;}
.maizeng-box li .product-box dl dt a .a-a strong {background-image: -moz-linear-gradient( 60deg, rgb(251,56,4) 0%, rgb(252,117,76) 100%); background-image: -webkit-linear-gradient( 60deg, rgb(251,56,4) 0%, rgb(252,117,76) 100%); background-image: -ms-linear-gradient( 60deg, rgb(251,56,4) 0%, rgb(252,117,76) 100%) ;}
.maizeng-box li .product-box dl dt a .a-a p {min-width: 10rem; border-color:#fc8142}
.maizeng-box li .product-box dl dt a .a-b strong,
.maizeng-box li .product-box dl dt a .a-c strong,
.maizeng-box li .product-box dl dt a .a-h strong {background-image: -moz-linear-gradient( 60deg, rgb(151,4,251) 0%, rgb(184,76,252) 100%); background-image: -webkit-linear-gradient( 60deg, rgb(151,4,251) 0%, rgb(184,76,252) 100%); background-image: -ms-linear-gradient( 60deg, rgb(151,4,251) 0%, rgb(184,76,252) 100%);}
.maizeng-box li .product-box dl dt a .a-b p,
.maizeng-box li .product-box dl dt a .a-c p,
.maizeng-box li .product-box dl dt a .a-h p { border-color: #9704fb; color: #9704fb}
.maizeng-box li .product-box dl dt a .a-b p {min-width: 10rem; }
.maizeng-box li .product-box dl dt a .a-c p {min-width: 8rem;}
.maizeng-box li .product-box dl dt a .a-h p {min-width: 8rem;}
.maizeng-box li .product-box dl dt a .maizeng-icon-box-01 p::before {display: block; position: absolute; content: ""; left: -.1rem; bottom: -1rem; width: .3rem; height: 1rem; background: url(https://image01.homedo.com/Files/Images/cms/www/20181026/4717220524499451733_pic1.png) 0 0 no-repeat; background-size: contain}
.maizeng-box li .product-box dl dd {padding: 0 1.2rem 1.5rem}
.maizeng-box li .product-box dl dd .c-888 {color: #888}
.maizeng-box li .product-box dl dd .price {font-size: .9rem; color:#a0a0a0; margin: .5rem 0; line-height: 1.7rem; height: 1.7rem; overflow: hidden;}
.maizeng-box li .product-box dl dd .price span strong {font-size: 1rem; color: #ff001a;}
.maizeng-box li .product-box dl dd .price span strong em {font-size: 1.5rem}
.maizeng-box li .product-box dl dd .price del {line-height: 1.9rem}
.maizeng-box li .product-box dl dd h3 {height: 2.4rem; font-size: .9rem; line-height: 1.2rem; color: #0a0a0a; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.maizeng-box li .product-box dl dd .btn {height: 3rem; margin: 1rem .2em 0; text-align: center; font-size:1.5rem; color: #fff; border-radius: .2rem;}
.maizeng-box li .product-box dl dd .btn.ready {background-color: #339900}
.maizeng-box li .product-box dl dd .btn.buy {background-color: #ee340f}
.maizeng-box li .product-box dl dd .btn.none {background-color: #999999} 

.maizeng-box li .product-box dl dd .zeng-icon { color:#ff3030; line-height: 1.2rem; font-size: .9rem; position: relative; text-indent: 1.5rem}
.maizeng-box li .product-box dl dd .zeng-icon::before {display: block; width: 1.2rem; height: 1.2rem; background: #ef253d; color: #fff; content: "赠"; text-align: center; line-height: 1.2rem; margin-right: .2rem; position: absolute; left: 0; top: .2rem; text-indent: 0}
.maizeng-box li .product-box dl dd .zeng-box-hb {height:1.2rem; padding-top: .2rem;}
.maizeng-box li .product-box dl dd .zeng-box-cp {height:2.4rem; padding-top: .2rem;}
.maizeng-box li .product-box dl dd .zeng-box-cp span {position: relative; display: block; }
.maizeng-box li .product-box dl dd .zeng-box-cp span small {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.maizeng-box li .product-box dl dd .zeng-box-cp span em {position: absolute; left: 99%; bottom: 0; text-indent: 0}

.redpack-box {background-color: #fbe4a7;border-radius: 1rem;margin: 1.5rem 1rem .5rem;padding: 2.2rem 1.5rem 1.5rem;}
.redpack-box .border-box {border: 1px solid #b18e33;border-radius: .5rem;padding: 1rem 1rem 0;}
.redpack-box .border-box .hd {width: 70%;margin: -2.8rem auto 0;background-color: #fbe4a7;}
.redpack-box .border-box .hd h2 {color: #6f4f28;}
.border-box .hd h2:before,.border-box .hd h2:after {background: url(https://image01.homedo.com/Files/Images/cms/www/20190307/4661278708181842462_pic1.png) 0 0/1.8rem 2.2rem no-repeat;}
.border-box .hd h2:before {background-position: 0 -1.1rem}
.redpack-box .redpack-list li {padding-top: 25.6%; background: url(https://image01.homedo.com/Files/Images/cms/www/20190306/4918729703965951692_pic1.png) 0 0/100% 200% no-repeat;margin-bottom: 1.5rem; background-position: 0 100%;position: relative;}
.redpack-box .redpack-list li.no-LQ {background-position: 0 0;}
.redpack-box .redpack-list li.no-LQ .state {width: 90.4%;height: 58.9%; background: url(https://image01.homedo.com/Files/Images/cms/www/20190306/4805433120695367413_pic1.png) 0 0/100% 400% no-repeat;}
.redpack-box .redpack-list li.no-LQ .state1 {background-position: 0 0;}
.redpack-box .redpack-list li.no-LQ .state2 {background-position: 0 33.3%;}
.redpack-box .redpack-list li.no-LQ .state3 {background-position: 0 66.6%;}
.redpack-box .redpack-list li.no-LQ .state4 {background-position: 0 100%;}
.redpack-box .redpack-list li a {position: absolute;left: 0;top: 0;height:100%;width: 100%;}
.redpack-box .redpack-list li a>div {height:100%;}
.redpack-box .redpack-list .l {color: #ae8a30;font-size: 1.2rem;width: 34.426%;}
.redpack-box .redpack-list .l em {font-size: 3rem;font-family: DINAlternate-Bold;font-weight: bold;margin:0 .2rem;}
.redpack-box .redpack-list .c {padding-left: 3%;color: #fbe4a7;width: 42%;}
.redpack-box .redpack-list .c p {width: 100%;}
.redpack-box .redpack-list .c span {display: block;overflow: hidden;white-space: nowrap;height: 1rem;text-overflow:ellipsis;}
.redpack-box .redpack-list .c .red-title {font-size: 1.2rem;line-height: 1.2rem;height: 1.2rem;}
.redpack-box .redpack-list .c .red-tips {font-size: 1rem;padding-top: 7%;line-height: 1rem;}
.redpack-box .redpack-list .r {width: 21%;position: absolute;right: 2.5%;}
.redpack-box .redpack-list .r .LQ {width: 78.4%;height: 62.82%;background-color: #b6402e;border-radius: 50%;border: 1px solid #b42c1f;text-align: center;}
.redpack-box .redpack-list .r .LQ img {-webkit-animation: picDraw .2s ease-in-out infinite;animation-direction: alternate;}

@keyframes picDraw {
0%{
    width: 74%;
}
50%{
    width: 82%;
}
100%{
    width: 92%;
}