html {font-size: 10px !important;}
@media screen and (max-width: 321px){
	html {font-size: 8px !important;}
}
.wap-body {background-color: #281a95;}
.js-floor-position-relative {background-color: #11085d;color: #fff;}
.js-floor-anchor-list li.cur {background-color: #546cfd;}
.js-floor-box {background-color: #281a95;padding-bottom: 1rem;}
.js-floor-box-btn, .js-floor-box-btn.cur{background: #546cfd;}
.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;}
.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: #fff;background-color: #1f3ecd;border-radius: 0 0 0 .5rem}
.brand-banner .choujiang{position: fixed;right: 0;top: 32%; z-index: 1;}
.brand-banner .choujiang img{width: 10rem;}

.hd {position: relative; padding: 4rem 0 2rem;text-align: center;margin: 0 0 2rem;background: #fcecc0;min-height: 11rem;}
.hd .title{position: absolute;top: -0.5rem;left: 6%; width: 88%; height:5rem;color: #fff; background: url(https://image01.homedo.com/Files/Images/cms/www/20200713/4906437608417340249_pic1.png) no-repeat; background-size: 100% 100%;}
.hd .title h3{font-size: 1.4rem;padding-top: .5rem;}
.hd .title p{font-size: 1.3rem;}

.hd ul li{float: left; width: 33%; text-align: center;margin-top: 2rem;color: #31257b;border-left: 1px solid #ddd;}

.hd ul li .red{color: #cd1a00;font-size: 2rem;margin-top: .5rem;font-weight: bold;}
.hd ul li span{width: 3.8rem;display: inline-block;vertical-align: middle;font-size: 1.4rem;color: #636267;font-weight: normal;}


.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: #16359f;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 #281a95;border-radius: 3rem;text-align: center;background-color: #ecdfb5;line-height: 3rem;font-size: 1.6rem;font-weight: bold;color: #281a95;}
.act-rules dd {color: #fff;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 1.5rem;}
.floor-title h2 {font-size: 1.6rem;color: #fad86b;font-weight:bold; width: 70%;height: 3.8rem;margin: 0 auto; color: #fff; background: url(https://image01.homedo.com/Files/Images/cms/www/20200713/5075070113198274787_pic1.png) no-repeat; background-size: 100% 100%;}
.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:50%; 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: 2.2rem;}
.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: #ff2b24}
.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}


.top-rule-box{position: relative; width: 87%;border: .5rem solid #cf4529;margin:-26.5% auto 0;border-radius: 5rem;background: #fff;z-index: 8;}
.top-rule-box .detail{color: #db4b39;padding: 1rem 10%;text-align: center}
.top-rule-box span{position: absolute;top: 45%;height: 1rem;width: 1rem;border-radius: 50%;background: #d95737; display: block}
.top-rule-box span.left{left: 3%;}
.top-rule-box span.right{right: 3%;}

.redPack-box{margin: 1.5rem;height: 12.5rem; background: url(https://image01.homedo.com/Files/Images/cms/www/20200714/5357024758009152385_pic1.png) no-repeat; background-size: 100% 100%;}
.redPack-box .pRule{width: 46%;height: 12rem;}
.redPack-box .pRule p{text-align: center;}
.redPack-box .pRule .p1{color: #cd1a00;padding-top: 1rem;font-weight: bold;}
.redPack-box .pRule .p1 span{width: 2.6rem;height: 2.6rem;display: inline-block;border-radius: 50%;text-align: center;line-height: 2.5rem;vertical-align: .7rem;margin: 0 .2rem;font-weight: normal; background: #cd1a00;color: #fee3ac;font-size: 1.4rem;}
.redPack-box .pRule .p1 em{font-size: 5.8rem;font-weight: normal;}
.redPack-box .pRule .p2{color: #956a26;}
.redPack-box .pBttn{width: 46%;height: 12rem;text-align: center;}
.redPack-box .pBttn span{width: 13rem;height: 3.6rem;line-height: 3.6rem; display: inline-block;background: #f8dc97;margin-top: 7.5rem;border-radius: 3px;color: #a80401;font-size: 1.6rem;font-weight: bold;}
.redPack-box .pBttn span.lq{background: #a5a4a4;color: #fff;}

.mask{position: fixed;width: 100%; height: 100%;top: 0;left: 0; background:rgb(0,0,0,0.5);}
.mask .dialog{position: absolute;top: 25%;left: 10%; width: 80%;}
.mask .dialog .title{position: relative; margin-bottom: 1.5rem;color: #fff;font-size: 2rem;font-weight: bold;}
.mask .dialog .title em{position: absolute;right: 0;top: 0;}
.mask .dialog .title img{width: 3rem;}
.dialog-content{margin: 0 2rem; background: #fff;border-radius: 5px;text-align: center;padding: 2rem 0;}
.dialog-content .icon img{width: 7rem;}
.dialog-content .s-msg{font-size: 2rem;font-weight: bold;margin:1rem 0 2rem;}
.dialog-content .auto{font-size: 1.6rem;}
.dialog-content .auto span{color: #ff0b00;}
.buttom-act{margin: 0 1rem 1rem;}
.buttom-act img{width: 100%;height: 10rem;}
@keyframes picDraw {
0%{
    width: 74%;
}
50%{
    width: 82%;
}
100%{
    width: 92%;
}

}