@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,button{margin:0;padding:0;list-style:none;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; color:#333}
q:before,q:after{content:''}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;//重置样式意思
}
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, th, td {
margin: 0px;
padding: 0px;
}
/*字体*/
body{font:0.75rem/1.5 '微软雅黑'; font-family:'微软雅黑' !important;background: #FFFFFF; color:#666666}
em,i{ font-style:normal;}
b{ font-weight:400}

/*a*/
a{outline: none;text-decoration:none; color:#333333}

/*img*/
img{border:0 none;width:100%;}

/*浮动*/
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}

/*清除浮动*/
.clear{clear:both;}

/*text align*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}

.header{ height: 45px; line-height: 45px; text-align: center; font-size: 1.2rem }
.pro-list li{ border-bottom: solid 1px #DFDFDF; position: relative; overflow: hidden; min-height:100px;padding:10px 10px 10px 115px; line-height: 1.2}
.pro-list li .pro-img{ position: absolute;top:10px;left:10px; height:100px; width:100px; }
.pro-list li .pro-img span{ height:100%;display:inline-block;vertical-align:middle;}
.pro-list li .pro-img img{ vertical-align:middle;}
.pro-list li .pro-name{font-size: 0.8rem; margin:0px 0 0;}
.pro-list li .pro-price b{font-size: 1.125rem; color: #FF3A3B }
.pro-list li .pro-price del{ color: #8E8E93; margin-left: 3px;}
.pro-list li .btn{width: 76px;height: 28px;line-height: 28px; border-radius: 3px; text-align: center;margin-top: 18px;font-size: 0.8rem; color: #FFF}
.pro-list li .btn a{color: #FFF}
.pro-list li .buying{ background:#FF3A3B; }
.pro-list li .buyed{ background:#8E8E93; }
.pro-list li .pro-pct{height: 16px; background: #F79B9B; border:solid 1px #FF3A3B; text-align: center; color: #fff; position: relative; margin-top:3px; overflow: hidden;width: 100px;border-top-left-radius: 16px;    border-top-right-radius: 16px;    border-bottom-right-radius: 16px;    border-bottom-left-radius: 16px;border-radius: 16px;}
.pro-list li .pro-pct i{background: #FF3A3B; display: block; position: absolute; top: 0; left: 0; height: 16px;/* z-index: 1 */}
.pro-list li .pro-pct span{position: relative; z-index: 2}
.countdown{ background: #FABB41; padding:5px; text-align: center; color: #372D25}
.countdown span{display: inline-block;background: #FFF;margin:0 1px;padding:0 2px;}



/*团购*/
.group-buy{ position:relative}
.group-buy .gb-pic{ position:relative}
.gb-pic .sg-noitce{ position:absolute; width:90px; height:40px; background:rgba(0,0,0,0.2) ; color:#FFF; top:50%; left:50%; margin:-62px 0 0 -62px; text-align:center; font-size:1.2rem;padding:42px 17px; border-radius:50%; text-align:center}
.gb-pic .sg-noitce span{ font-size:0.75rem}
.gb-pic .gb-time{ position:absolute;top:7%; left:0; width:100%; text-align:center; font-size:1.2rem; color:#FFF}
.gb-pic .gb-time span{ background:#434343; border-radius:5px}
.gb-pic .gb-p{ position:absolute; bottom:5%; font-size:1rem; left:0; width:100%; text-align:center; color:#1C0067}
.group-buy .gb-name{padding:0 10px; font-size:1rem}
.group-buy .gb-price{padding:0 10px; color:#A5A5A5;font-size:1rem}
.group-buy .gb-rule{padding:0 90px 5px 10px;}
.gb-rule span{ margin-right:8px; display:inline-block}
.gb-rule span b{color:#FB383C}
.gb-rule i{ font-size:1.2em}
.gb-btn{ position:absolute; bottom:10px; right:10px; width:78px;text-align: center;background-color: #FE3A3B;height: 28px;line-height: 28px;border-radius: 5px;}
.gb-btn a{ color:#FFF}

.wrapper{max-width:640px; margin:auto}

/*爆款*/
.explosion-tit{background-color: #fff;line-height:40px; text-align:center; font-size:1rem; color:#000000;}
.explosion-list{}
.explosion-list li{margin-top: 6px;/* border-top: solid 6px #D50101; */ overflow:hidden;background-color: #fff;}
.el-pic{height: 170px;      width: 48%;border-right:solid 1px #D50101; float:left; margin-left:-1px;padding: 0px 0 0; text-align:center}
.el-pic span{ height:100%;display:inline-block;vertical-align:middle;}
.el-pic img{max-height: 100%;max-width: 100%;vertical-align:middle;}
.el-info{width: 52%; float:left; position:relative; font-size:0.875rem}
.el-info .el-name{font-size: 0.8rem;color:#000;margin: 10px 10px 0px;height: 63px;overflow: hidden;}
.el-info .el-o-price ,.el-info .el-price{color: #bbb;font-size: 0.8rem;margin:0 10px}
.el-info .el-price{ color:#D50101; margin-bottom:3px; font-size:1rem}
.el-info .el-nums{ margin-left:10px; font-size:0.75rem; color:#343434}
.el-info .el-pct{height: 10px;width:46%;margin-left:10px;border:solid 1px #D50101;border-radius:14px;margin-top: 2px;overflow:hidden}
.el-info .el-pct i{display:block;height: 14px;background:#D50101}
.el-info .el-btn{position:absolute;bottom:0;right:10px;width:33%;text-align:center;border-radius:2px;line-height:28px;color:#FFF}
.el-info .el-btn a{color:#FFF}
.el-info .buyed{background-color:#8E8E93}
.el-info .buying{background-color:#FF3A3B}


@media screen and (min-width:372px){
.el-pic {/* height: 170px; *//* width: 48%; */}
.el-info {/* width: 52%; */}