.mod-tuipin008-201407141326 {
width: 1190px;
margin: 0 auto;
}
.mod-tuipin008-201407141326 .list {
padding: 5px 30px;
}
.mod-tuipin008-201407141326 .list li {
position: relative;
width: 250px;
float: left;
padding: 6px;
margin: 5px 10px;
overflow: hidden;
}
.mod-tuipin008-201407141326 .list li .pic {
position: relative;
}
.mod-tuipin008-201407141326 .list li .pic img {
vertical-align: top;
display: block;
overflow: hidden;
}
.mod-tuipin008-201407141326 .list li .pic .tips {
position: absolute;
left: -4px;
top: 4px;
padding: 0 8px;
height: 27px;
font-size: 14px;
line-height: 27px;
font-weight: bold;
}
.mod-tuipin008-201407141326 .list li .pic .tips .triangle-icon {
position: absolute;
left: 0;
bottom: -3px;
width: 3px;
height: 3px;
background: url(//cbu01.alicdn.com/cms/upload/2014/352/800/2008253_2029714286.png ) no-repeat 0 0;
}
.mod-tuipin008-201407141326 .list li .pic .mask {
position: absolute;
width: 230px;
padding: 0 10px 2px 10px;
left: 0;
bottom: 0;
color: #fff;
background: #444;
opacity: .8;
filter: alpha(opacity=80);
}
.mod-tuipin008-201407141326 .list li dt {
padding-top: 5px;
position: relative;
overflow: hidden;
height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 20px;
}
.mod-tuipin008-201407141326 .list li dd {
position: relative;
overflow: hidden;
height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 20px;
}
.mod-tuipin008-201407141326 .list li .price span {
font-size: 14px;
}
.mod-tuipin008-201407141326 .list li .price em {
font-size: 24px;
}
.mod-tuipin008-201407141326 .list li .button {
margin-left: 3px;
height: 33px;
}
.mod-tuipin008-201407141326 .list li .button a {
display: inline-block;
padding: 0 10px;
font-size: 16px;
line-height: 33px;
height: 33px;
overflow: hidden;
}
.mod-tuipin008-201407141326 .list li .button a:hover {
text-decoration: none;
}
.mod-tuipin008-201407141326 .list li .button.first a {
float: right;
}
.mod-tuipin008-201407141326 .list li .button.second a {
float: right;
padding: 0 5px;
margin-left: 3px;
width: 100px;
text-align: center;
}
.mod-tuipin008-201407141326 .list li .button.third a {
width: 35%;
}
.mod-tuipin008-201407141326 .list li .button.third .subbutton {
display: inline-block;
width: 38%;
}
.mod-tuipin008-201407141326 .list li .button.third .subbutton a {
display: block;
width: 70px;
height: 19px;
line-height: 19px;
font-size: 12px;
}
.mod-tuipin008-201407141326 .list li .button.third .subbutton a.sec {
margin-top: 2px;
}
.mod-tuipin008-201407141326 img {
vertical-align: middle;
}
.mod-tuipin008-201407141326 .img-vertical {
width: 250px;
height: 250px;
overflow: hidden;
}
.mod-tuipin008-201407141326 .list .opraTip {
position: absolute;
top: 190px;
right: 0;
height: 40px;
width: 90px;
color: #fff;
text-align: center;
}
.mod-tuipin008-201407141326 .list .opraTip .text {
cursor: pointer;
line-height: 20px;
height: 20px;
background: #ff9489;
}
.mod-tuipin008-201407141326 .list .opraTip .price {
position: relative;
background: #f74d3c;
padding: 0;
line-height: 20px;
height: 20px;
cursor: pointer;
}
.mod-tuipin008-201407141326 .list .opraTip .price .icon {
position: absolute;
top: 0;
left: 1px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 6px;
border-color: transparent transparent transparent #d23020;
}
.mod-tuipin008-201407141326 .list .opraTip .price .value {
color: #fff;
font-size: 14px;
}
.mod-tuipin008-201407141326 .img-vertical {
text-align: left;
font-size: 12px;
}
.mod-tuipin008-201407141326 .img-vertical span {
vertical-align:middle;
display: inline-block;
padding-top: 2px;
margin-right : 4px;
*display: inline;
}