File: /www/wwwroot/jiafen.twues.com/Public/Wukongphp/css/recommend.css
* {
margin: 0;
padding: 0;
outline: 0;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: transparent;
}
a {
text-decoration: none;
}
body, div, h1, h2, h3, h4, h5, h6, html, li, ol, p, ul {
margin: 0;
padding: 0;
}
body {
color: #333;
font-family: 'Helvetica Neue',Helvetica,'microsoft yahei',Arial,sans-serif;
overflow-x: hidden;
font-size: 12px;
overflow-y: scroll;
margin:0 auto;
}
li, ul {
margin: 0;
padding: 0;
list-style: none;
}
.item-list .tpl_brand {
position: relative;
float: left;
padding-bottom: 1px;
margin-bottom: 0.2rem;
margin-top: 0.3rem;
margin-left: 1.6%;
margin-right: 1.6%;
width: 47.5%;
background-color: #e61414;
}
.item-list .tpl_brand > a {
position: relative;
display: block;
text-decoration: none;
color: #fff;
margin-bottom: 0.15rem;
}
.item-list .tpl_pic {
position: relative;
height: 0;
padding-bottom: 75%;
background-color:#ccc;
}
.item-list .tpl_pic img {
position: absolute;
width: 100%;
height: 100%;
}
.item-list .tpl_pic .s_info_desc {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
color: #fff;
background: rgba(0,0,0,.6);
font-size: 0.373328125rem;
text-align: center;
line-height: 0.666671875rem;
height: 0.666671875rem;
overflow: hidden;
padding: 0 4px;
text-overflow: ellipsis;
white-space: nowrap;
}
.item-list .tpl_brand_msg {
position: relative;
}
.item-list .tpl_brand .tpl_brand_discount {
position: relative;
height: 0.8rem;
line-height: 0.8rem;
padding: 0 0 0 2.1333281249999997rem;
font-size: 0.346671875rem;
overflow: hidden;
}
.item-list .tpl_brand_discount .salebg2 {
margin-right: .125em;
padding-left: 0.24rem;
border: none !important;
font-size: 0.5599999999999999rem;
font-weight: normal;
color: #fff200;
}
.item-list .tpl_brand .tpl_brand_discount::after {
content: "";
position: absolute;
z-index: 2;
left: 2.1333281249999997rem;
top: 50%;
margin-top: -0.213328125rem;
width: 1px;
height: 0.426671875rem;
background: #f06969;
}
.item-list .tpl_brand:nth-of-type(even) {
margin-left: 0;
}
.item-list .tpl_brand .tpl_brand_logo {
position: absolute;
left: 0.306671875rem;
top: 0;
width: 1.6666718749999998rem;
height: 0.8rem;
line-height: 0.8rem;
text-align: right;
overflow: hidden;
background: 0 0 no-repeat;
background-size: 100% 100%;
font-size: 0.373328125rem;
}
.item-list .tpl_brand_name {
overflow: hidden;
position: relative;
text-overflow: initial;
height: 0.533328125rem;
line-height: 0.533328125rem;
padding: 0 0.213328125rem 0.18667187500000001rem;
font-size: 0.373328125rem;
text-align: center;
color: #616b7f;
text-overflow: ellipsis;
white-space: nowrap;
}
.item-list .tpl_brand .tpl_brand_getCoupon .coupon_btn {
display: block;
width: 93.529%;
margin: 0 auto;
line-height: 0.653328125rem;
background-color: #fff;
color: #e61414;
text-align: center;
font-size: 0.32rem;
border-radius: 2px;
}
.item-list .tpl_brand .tpl_brand_getCoupon .coupon_btn::before {
content: "立即抢购";
}
.wrapper img {
width: 100%;
vertical-align: top;
}
.plugin-countdown {
margin: 0 auto;
}
.countdown-wrap {
padding: 0;
margin: 0 auto;
}
.countdown-wrap .txt {
margin: 0 .15625rem;
font-size: .3125rem;
line-height: .75rem;
text-align: center;
color: #000;
}
.countdown-wrap .txt em {
position: relative;
padding: 0 .203125rem;
font-style: normal;
}
.countdown-wrap .txt em::after, .countdown-wrap .txt em::before {
content: '';
position: absolute;
top: 50%;
width: .671875rem;
height: 1px;
background: #e3e3e3;
}
.countdown-wrap .txt em::before {
right: 100%;
}
.counter {
font-size: .296875rem;
vertical-align: bottom;
text-align: center;
white-space: nowrap;
color: #999;
}
.counter span {
display: inline-block;
width: .40625rem;
height: .671875rem;
border-radius: .078125rem;
margin: 0 1px;
font-size: .40625rem;
line-height: .671875rem;
color: rgba(255,255,255,.8);
background: #0a1926;
text-align: center;
}
.counter span.msec {
background-color: #e61414;
color: #f8dfdf;
}
.uplBtn {
background: #F23E47 none repeat scroll 0 0;
border-radius: 5px;
color: #fff;
cursor: pointer;
height: 41px;
left: 45%;
line-height: 41px;
margin-left: -54px;
margin-top: -15px;
position: absolute;
top: 40%;
width: 149px;
z-index: 3;
text-align:center;
font-size:16px;
display: none;
}