.wrap-inner{background:#f7273f }

.head-banner{ width:100% }

.index-title{position:relative }
.index-title .index-title-img{ width:100% }
.index-title .title-rght{ position:absolute; right:9%; top:25%; z-index:10; line-height:1.625rem; font-size:0.75rem; color:#fff }
.index-title .title-rght .timer{ background:#23100b; display:inline-block; width:1.7rem; height:1.7rem; font-size:1.07rem; border-radius:5px; border:1px solid #000;padding-top: 2px }
.index-title .miaosha-not-star .timer{ text-decoration:line-through }
.index-title .title-rght .miaosha-start{ font-size:1.15rem; color:#ffd922 }
.index-title .title-rght .title-rght-txt i{ color:#ffd922 }

.miaosha-ctn{ position:relative }
.miaosha-ctn .miaosha-ctn-img{ width:100% }
.miaosha-ctn .btn-miaosha-link{ width:50%; position:absolute; z-index:10; left:25%; top:50% }
.miaosha-ctn .btn-view-miaosha{ width:100% }
.rule-miaosha-link{ padding-left:4.8%; line-height:2rem; font-size:0.86rem; background:url(/Images/Double12/icon-question.png) no-repeat 0 center; background-size:1rem auto; color:#fff; position:absolute; left:50%; bottom:12%; margin-left:-2.32rem }

.one-catalog{ margin-top:-0.8rem }

.product-ctn{ position:relative }
.product-ctn .index-ctn-bg{ width:100% }
.product-ctn .index-product-ul{ position:absolute; z-index:10; top:0; left:11%; right:11% }
.product-ctn .index-product-ul .index-product-link{ display:block; padding:1.07rem 0.36rem; color:#ff0000; line-height:2.29rem; font-size:1.07rem }
.product-ctn .index-product-ul .index-product-link .index-product-img{ width:100% }
.product-ctn .rule{ position:absolute; z-index:10; bottom:0.3rem; right:11%; text-align:right }
.product-ctn .rule .rule-link{ display:inline-block; padding-left:1.36rem; background:url(/Images/Double12/icon-question-brown.png) no-repeat 0 center; background-size:1rem; color:#8b2d15; line-height:2rem; font-size:0.86rem }

.index-more{ color:#fff; text-align:center; line-height:3.07rem; font-size:1rem; background:url(/Images/Double12/icon-face.png) no-repeat center 0.6rem; background-size:2rem auto; padding-top:2.3rem }


.pop-rule{ position:fixed; left:2.8rem; right:2.8rem; top:5rem; bottom:5rem; background:#fff; z-index:300; overflow:scroll; display:none }
.pop-rule .icon-close{ position:absolute; right:0;top:0; width:2.5rem; height:2.5rem }
.pop-rule .icon-close img{ width:100% }
.miaosha-rule{ margin:10%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:85%; overflow-y:scroll }
.miaosha-rule .rule-h3{ color:#000; font-size:1rem; padding:1.29rem 0 0.8rem; font-weight:bold }
.miaosha-rule .one-rule{ padding-bottom:0.7rem }
.miaosha-rule .one-rule .title{ color:#000; padding-bottom:0.5rem }
.miaosha-rule .one-rule .ctn{ color:#696969; font-size:0.86rem }
.miaosha-rule .one-rule .ctn p{ padding-bottom:0.8rem }

.bg-pop{ position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.3); z-index:280 }