1587 lines
30 KiB
CSS
1587 lines
30 KiB
CSS
@charset "utf-8";
|
|
/*
|
|
*name:公共初始化样式
|
|
*create in 20174/12/08
|
|
*version:tphsop-1.0
|
|
*/
|
|
|
|
body {
|
|
width: 16rem;
|
|
max-width: 16rem;
|
|
margin: 0 auto;
|
|
overflow-x: hidden;
|
|
/* padding-top: 2.16rem;*/
|
|
}
|
|
.classreturn{
|
|
width: 16rem;
|
|
height: 1.87733rem;
|
|
background-color: #ffffff;
|
|
border-bottom: 1px solid #d4d7da;
|
|
position: relative;
|
|
text-align: center;
|
|
line-height: 1.87733rem;
|
|
}
|
|
.content{
|
|
margin: 0 .21333rem;
|
|
}
|
|
.content:before, .content:after{
|
|
content: "";
|
|
clear: both;
|
|
display: block;
|
|
font-size: 0;
|
|
height: 0;
|
|
}
|
|
.classreturn .content .return{
|
|
position: absolute;
|
|
left: .42667rem;
|
|
}
|
|
.classreturn .content .return a img{
|
|
width: .46933rem;
|
|
height: .78933rem;
|
|
vertical-align: middle;
|
|
}
|
|
.classreturn .content .search{
|
|
font-size: .59733rem;
|
|
}
|
|
.classreturn .content .menu{
|
|
position: absolute;
|
|
right: .42667rem;
|
|
}
|
|
.ds-in-bl{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.tpd-edits-hidden{
|
|
margin-bottom: .213rem;
|
|
}
|
|
/*自定义橱窗-s*/
|
|
.tpdm-wstyle{
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-wstyle a{
|
|
display: block;
|
|
}
|
|
.tpdm-wstyle img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.tpdm-wstyle-wrap1 .tpdm-wstyle1{
|
|
width: 100%;
|
|
height: 6.656rem;
|
|
}
|
|
.tpdm-wstyle-wrap2>a{
|
|
float: left;
|
|
width:7.936rem;
|
|
height:4.608rem;
|
|
}
|
|
.tpdm-wstyle-wrap2>div+div{
|
|
margin-left: 0.128rem;
|
|
}
|
|
.tpdm-wstyle-wrap3>div{
|
|
float: left;
|
|
width: 5.248rem;
|
|
height:4.48rem;
|
|
}
|
|
.tpdm-wstyle-wrap3>div+div{
|
|
margin-left: 0.128rem;
|
|
}
|
|
.tpdm-wstyle-wrap3 a{
|
|
float: left;
|
|
width: 5.333rem;
|
|
height:4.48rem;
|
|
}
|
|
.tpdm-wstyle-wrap4 .tpdm-wstyle1{
|
|
float: left;
|
|
width:7.936rem;
|
|
height:4.992rem;
|
|
margin-right:0.128rem;
|
|
}
|
|
.tpdm-wstyle-wrap4 .tpdm-wstyle2{
|
|
float: right;
|
|
width:7.936rem;
|
|
height:2.432rem;
|
|
margin-bottom:0.128rem;
|
|
}
|
|
.tpdm-wstyle-wrap4 .tpdm-wstyle3{
|
|
float: right;
|
|
width:7.936rem;
|
|
height:2.432rem;
|
|
}
|
|
.tpdm-wstyle-wrap5 .tpdm-wstyle1{
|
|
|
|
height:3.84rem;
|
|
margin-bottom: 0.128rem;
|
|
}
|
|
.tpdm-wstyle-wrap5 .tpdm-wstyle2{
|
|
float: left;
|
|
width:7.936rem;
|
|
height:3.84rem;
|
|
margin-right:0.128rem;
|
|
}
|
|
.tpdm-wstyle-wrap5 .tpdm-wstyle3{
|
|
float: left;
|
|
width:7.936rem;
|
|
height:3.84rem;
|
|
}
|
|
.tpdm-wstyle-wrap6>a{
|
|
float: left;
|
|
width:3.904rem;
|
|
height:2.56rem;
|
|
}
|
|
.tpdm-wstyle-wrap6>a+a{
|
|
margin-left: 0.128rem;
|
|
}
|
|
.tpdm-wstyle-wrap7 .tpdm-wstyle1{
|
|
float: left;
|
|
width:7.936rem;
|
|
height: 7.68rem;
|
|
margin-right:0.128rem;
|
|
}
|
|
.tpdm-wstyle-wrap7 .tpdm-wstyle2{
|
|
float: right;
|
|
width: 7.936rem;
|
|
height: 4.352rem;
|
|
margin-bottom: 0.128rem;
|
|
}
|
|
.tpdm-wstyle-wrap7 .tpdm-wstyle4{
|
|
float: right;
|
|
width: 3.904rem;
|
|
height:3.2rem;
|
|
margin-left:0.128rem;
|
|
}
|
|
.tpdm-wstyle-wrap7 .tpdm-wstyle3{
|
|
float: right;
|
|
width:3.904rem;
|
|
height:3.2rem;
|
|
}
|
|
.tpdm-wstyle-wrap8 .tpdm-wstyle1{
|
|
float: left;
|
|
width:7.936rem;
|
|
height:7.68rem;
|
|
margin-right: 0.128rem;
|
|
}
|
|
.tpdm-wstyle-wrap8 .tpdm-wstyle2{
|
|
margin-top:0.128rem;
|
|
height:3.84rem;
|
|
}
|
|
.tpdm-wstyle-wrap8 .tpdm-wstyle3{
|
|
float: right;
|
|
width:7.936rem;
|
|
height: 3.776rem;
|
|
margin-bottom: 0.128rem;
|
|
}
|
|
.tpdm-wstyle-wrap8 .tpdm-wstyle4{
|
|
float: right;
|
|
width:7.936rem;
|
|
height: 3.776rem;
|
|
}
|
|
.tpdm-wstyle-wrap9>a{
|
|
float: left;
|
|
width:7.936rem;
|
|
height: 4.608rem;
|
|
margin-bottom: 0.128rem;
|
|
}
|
|
.tpdm-wstyle-wrap9>a:nth-child(odd){
|
|
margin-right: 0.128rem;
|
|
}
|
|
|
|
|
|
/*自定义橱窗-e*/
|
|
/*文本导航-s*/
|
|
|
|
.tpdm-txtnav-list{
|
|
padding: 0.112rem 0.312rem;
|
|
position: relative;
|
|
display: block;
|
|
line-height: 1.024rem;
|
|
font-size: 0.64rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
border-bottom: 0.0213rem solid #d7d7d7;
|
|
}
|
|
.txtnav-list-cont{
|
|
color: #333333;
|
|
width: 12.373rem;
|
|
height: 1.024rem;
|
|
line-height: 1.184rem;
|
|
overflow: hidden;
|
|
text-overflow:ellipsis;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
}
|
|
.tpdm-txtnav-list>a{
|
|
position: relative;
|
|
display: inline-block;
|
|
height: 1.024rem;
|
|
padding: 0 0.512rem;
|
|
line-height: 1.224rem;
|
|
font-size: 0.5rem;
|
|
overflow: hidden;
|
|
margin-left: .6rem;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.tpdm-txtnav-list>a:before{
|
|
content: '>';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 0.512rem;
|
|
text-align: center;
|
|
font-family: Consolas;
|
|
color: #000000;
|
|
font-size: 0.682rem;
|
|
}
|
|
video{
|
|
cursor: pointer;
|
|
}
|
|
/*文本导航-e*/
|
|
/*快捷入口-s*/
|
|
.tpdm-navstyle{
|
|
padding:0.384rem 0;
|
|
background: #f5f5f5;
|
|
}
|
|
.tpdm-navstyle>a{
|
|
float: left;
|
|
width: 33.33%;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
.tpdm-navstyle4>a{
|
|
width: 25%;
|
|
}
|
|
.tpdm-navstyle5>a{
|
|
width: 20%;
|
|
}
|
|
.tpdm-navstyle-ico>img{
|
|
width: 2.56rem;
|
|
height: 2.56rem;
|
|
}
|
|
.tpdm-navstyle-circle .tpdm-navstyle-ico>img{
|
|
border-radius: 50%;
|
|
}
|
|
.tpdm-navstyle-cont{
|
|
margin-top: 0.256rem;
|
|
height:0.768rem;
|
|
padding:0 0.256rem;
|
|
line-height: 0.768rem;
|
|
font-size: 0.512rem;
|
|
color: #333;
|
|
overflow: hidden;
|
|
}
|
|
/*快捷入口-e*/
|
|
/*商品列表-s*/
|
|
.tpdm-goods-nav{
|
|
height: 1.706667rem;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-goods-nav>li{
|
|
float: left;
|
|
width: 100%;
|
|
height: 1.642667rem;
|
|
min-width: 25%;
|
|
line-height: 1.642667rem;
|
|
font-size: 0.597333rem;
|
|
color: #333;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
border-bottom: 0.064rem solid transparent;
|
|
}
|
|
.tpdm-goods-nav .goodsnav-ac{
|
|
border-bottom-color: #ec0000;
|
|
}
|
|
.tpdm-goods-nav1>.goodsnav-ac{
|
|
border-bottom-color:transparent;
|
|
}
|
|
.tpdm-goods-nav2>li{
|
|
width: 50%;
|
|
}
|
|
.tpdm-goods-nav3>li{
|
|
width:33.33%;
|
|
}
|
|
.tpdm-goods-nav4>li{
|
|
width:25%;
|
|
}
|
|
|
|
|
|
|
|
.tpdm-goods-list img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.tpdm-goods-wrap{
|
|
background-color: #f0f0f0;
|
|
}
|
|
.tpdm-goods-wrap>li{
|
|
background-color: #fff;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-goods-name{
|
|
display: block;
|
|
color: #333;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-goods-price{
|
|
float: left;
|
|
color: #ec0000;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-goods-like{
|
|
float: right;
|
|
text-align: center;
|
|
border: 1px solid #e3e3e3;
|
|
border-radius: 0.128rem;
|
|
color: #666;
|
|
}
|
|
.tpdm-goods-list1 .tpdm-goods-wrap{
|
|
padding-top: 0.128rem;
|
|
padding-left: 0.128rem;
|
|
}
|
|
.tpdm-goods-list1 .tpdm-goods-wrap>li{
|
|
float: left;
|
|
width: 7.808rem;
|
|
height: 10.88rem;
|
|
margin-right: 0.128rem;
|
|
margin-bottom: 0.128rem;
|
|
font-size: 0.512rem;
|
|
}
|
|
.tpdm-goods-list1 .tpdm-goods-pic{
|
|
display: block;
|
|
height: 7.808rem;
|
|
width: 7.808rem;
|
|
}
|
|
.tpdm-goods-list1 .tpdm-goods-name{
|
|
margin:0.256rem;
|
|
line-height:0.64rem;
|
|
max-height:1.28rem;
|
|
}
|
|
.tpdm-goods-list1 .tpdm-goods-des{
|
|
margin-top: 0.128rem;
|
|
padding: 0 0.256rem;
|
|
height: 0.768rem;
|
|
}
|
|
.tpdm-goods-list1 .tpdm-goods-price{
|
|
height: 0.768rem;
|
|
line-height: 0.768rem;
|
|
max-width: 3.84rem;
|
|
}
|
|
.tpdm-goods-list1 .tpdm-goods-like{
|
|
width: 2.048rem;
|
|
line-height: 0.682667rem;
|
|
}
|
|
|
|
|
|
.tpdm-goods-list2 .tpdm-goods-wrap{
|
|
padding-top:0.256rem;
|
|
}
|
|
.tpdm-goods-list2 .tpdm-goods-wrap>li{
|
|
height:5.12rem;
|
|
margin-bottom:0.256rem;
|
|
}
|
|
.tpdm-goods-list2 .tpdm-goods-pic{
|
|
float: left;
|
|
height:5.12rem;
|
|
width: 5.12rem;
|
|
margin-right: 0.64rem;
|
|
}
|
|
.tpdm-goods-list2 .tpdm-goods-name{
|
|
padding:0.512rem 0.512rem 0 0;
|
|
font-size: 0.597333rem;
|
|
line-height:1.024rem;
|
|
max-height:2.048rem;
|
|
}
|
|
.tpdm-goods-list2 .tpdm-goods-des{
|
|
padding-right: 0.512rem;
|
|
margin-top:0.512rem;
|
|
height: 1.024rem;
|
|
}
|
|
.tpdm-goods-list2 .tpdm-goods-price{
|
|
height:1.024rem;
|
|
font-size: 0.768rem;
|
|
line-height:1.024rem;
|
|
max-width:4.608rem;
|
|
}
|
|
.tpdm-goods-list2 .tpdm-goods-like{
|
|
width: 3.048rem;
|
|
font-size: 0.512rem;
|
|
line-height: 0.938667rem;
|
|
}
|
|
|
|
.tpdm-goods-list3 .tpdm-goods-wrap{
|
|
padding-top:0.256rem;
|
|
}
|
|
.tpdm-goods-list3 .tpdm-goods-wrap>li{
|
|
height:19.328rem;
|
|
margin-bottom:0.256rem;
|
|
}
|
|
.tpdm-goods-list3 .tpdm-goods-pic{
|
|
display: block;
|
|
height:16rem;
|
|
width: 16rem;
|
|
}
|
|
.tpdm-goods-list3 .tpdm-goods-name{
|
|
padding: 0 0.64rem;
|
|
height: 1.536rem;
|
|
font-size: 0.597333rem;
|
|
line-height:1.536rem ;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.tpdm-goods-list3 .tpdm-goods-des{
|
|
padding:0 0.64rem;
|
|
margin-top:0.256rem;
|
|
height: 1.024rem;
|
|
}
|
|
.tpdm-goods-list3 .tpdm-goods-price{
|
|
height:1.024rem;
|
|
font-size: 0.768rem;
|
|
line-height:1.024rem;
|
|
max-width:4.608rem;
|
|
}
|
|
.tpdm-goods-list3 .tpdm-goods-like{
|
|
width:2.56rem;
|
|
font-size: 0.597333rem;
|
|
line-height: 0.938667rem;
|
|
}
|
|
|
|
/*商品列表-e*/
|
|
/*营销活动-s*/
|
|
.tpdm-activity-title{
|
|
height: 1.536rem;
|
|
line-height: 1.536rem;
|
|
font-size: 0.682667rem;
|
|
color: #333;
|
|
text-align: center;
|
|
}
|
|
.tpdm-sold-num{
|
|
float: right;
|
|
font-size: 0.64rem;
|
|
color: #999;
|
|
}
|
|
.tpdm-acstyle .tpdm-goods-list1 .tpdm-goods-wrap>li{
|
|
height:12.032rem;
|
|
}
|
|
.tpdm-goods-mes{
|
|
height:1.024rem;
|
|
line-height: 1.024rem;
|
|
font-size: 0.512rem;
|
|
padding:0.256rem 0.256rem 0;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-goods-mes>a{
|
|
float: left;
|
|
width: 2.816rem;
|
|
color: #fff;
|
|
background-color: #ff2828;
|
|
text-align: center;
|
|
border-radius: 0.128rem;
|
|
font-family: Consolas;
|
|
}
|
|
.tpdm-goods-mes>span{
|
|
float: left;
|
|
height: 1.024rem;
|
|
margin-left: 1.024rem;
|
|
color: #333;
|
|
max-width: 1.792rem;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-acbuyer{
|
|
float: right;
|
|
}
|
|
.tpdm-acbuyer>img{
|
|
width: 1.024rem;
|
|
height: 1.024rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
|
|
.tpdm-acstyle .tpdm-goods-list2 .tpdm-goods-name{
|
|
padding-top: 0.256rem;
|
|
}
|
|
.tpdm-acstyle .tpdm-goods-list2 .tpdm-goods-des{
|
|
margin-top: 0.128rem;
|
|
}
|
|
|
|
|
|
.tpdm-seckill-title{
|
|
padding: 0 0.384rem;
|
|
height: 1.536rem;
|
|
line-height: 1.536rem;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-seckill-title>label{
|
|
float: left;
|
|
color: #ff2a2a;
|
|
margin-right: 0.384rem;
|
|
}
|
|
.tpdm-seckill-title>span{
|
|
float:left;
|
|
font-size: 0.597333rem;
|
|
color: #333;
|
|
margin-right: 0.384rem;
|
|
}
|
|
.tpdm-seckill-time{
|
|
float: left;
|
|
margin-top: 0.298667rem;
|
|
}
|
|
.tpdm-seckill-time>li{
|
|
float: left;
|
|
position: relative;
|
|
margin-right: 0.512rem;
|
|
width: 0.768rem;
|
|
line-height:0.768rem;
|
|
border:1px solid #d7d7d7;
|
|
text-align: center;
|
|
font-size: 0.512rem;
|
|
color: #333;
|
|
}
|
|
.tpdm-seckill-time>li:before{
|
|
content: ':';
|
|
position: absolute;
|
|
top: -0.085333rem;
|
|
left:0.981333rem;
|
|
}
|
|
.tpdm-seckill-time>li:last-child:before{
|
|
display: none;
|
|
content: '';
|
|
}
|
|
.tpdm-seckill-title>a{
|
|
float: right;
|
|
font-size: 0.512rem;
|
|
color: #999;
|
|
font-family: Consolas;
|
|
}
|
|
.tpdm-seckill-list{
|
|
height: 5.76rem;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-seckill-list>a{
|
|
float: left;
|
|
width: 25%;
|
|
text-align: center;
|
|
}
|
|
.tpdm-seckill-list img{
|
|
width: 3.84rem;
|
|
height: 3.84rem;
|
|
}
|
|
.tpdm-seckill-list span{
|
|
display: block;
|
|
line-height: 0.853333rem;
|
|
margin-top: 0.128rem;
|
|
font-size: 0.597333rem;
|
|
color: #ff2a2a;
|
|
}
|
|
.tpdm-seckill-list i{
|
|
display: block;
|
|
margin-bottom: 0.256rem;
|
|
line-height:0.682667rem;
|
|
font-size: 0.512rem;
|
|
color: #999;
|
|
text-decoration: line-through;
|
|
}
|
|
/*营销活动-e*/
|
|
|
|
/*优惠券-s*/
|
|
.tpdm-coupon-list{
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-coupon-list>li{
|
|
float: left;
|
|
}
|
|
.tpdm-coupon-wrap{
|
|
margin: 0 auto;
|
|
font-size: 0.597333rem;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-coupon-wrap>span{
|
|
height: 1.28rem;
|
|
font-size: 1.28rem;
|
|
line-height: 1;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-coupon-wrap>span>i{
|
|
font-size:0.682667rem;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.tpdm-coupon-lis1{
|
|
height: 4.266667rem;
|
|
}
|
|
.tpdm-coupon-lis1>li{
|
|
width: 33%;
|
|
}
|
|
.tpdm-coupon-lis1 .tpdm-coupon-wrap{
|
|
width: 5.12rem;
|
|
height: 4.266667rem;
|
|
background:url("../images/bg-coupon1.png") no-repeat 0 0;
|
|
background-size: cover;
|
|
color: #ff3030;
|
|
}
|
|
.tpdm-coupon-lis1 .tpdm-coupon-wrap>span{
|
|
display: block;
|
|
padding-top: 0.597333rem;
|
|
}
|
|
.tpdm-coupon-lis1 .tpdm-coupon-wrap>label{
|
|
display: block;
|
|
line-height: 1.28rem;
|
|
}
|
|
.tpdm-coupon-lis1 .tpdm-coupon-wrap>a{
|
|
display: block;
|
|
line-height: 1.109333rem;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
.tpdm-coupon-lis2{
|
|
height: 3.285333rem;
|
|
}
|
|
.tpdm-coupon-lis2>li{
|
|
width: 50%;
|
|
}
|
|
.tpdm-coupon-lis2 .tpdm-coupon-wrap{
|
|
width:6.698667rem;
|
|
height:3.285333rem;
|
|
padding-right: 0.64rem;
|
|
background:url("../images/bg-coupon2.png") no-repeat 0 0;
|
|
background-size: cover;
|
|
color: #fff;
|
|
}
|
|
.tpdm-coupon-lis2 .tpdm-coupon-wrap>span{
|
|
float: left;
|
|
width: 3.2rem;
|
|
margin-top:1.024rem;
|
|
}
|
|
.tpdm-coupon-lis2 .tpdm-coupon-wrap>label{
|
|
float: right;
|
|
padding-top: 0.597333rem;
|
|
max-width:3.072rem;
|
|
height:1.109333rem;
|
|
line-height:1.109333rem;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-coupon-lis2 .tpdm-coupon-wrap>a{
|
|
float: right;
|
|
width: 2.901333rem;
|
|
line-height:0.853333rem;
|
|
color: #223e83;
|
|
background-color: #fff;
|
|
}
|
|
|
|
/*优惠券-e*/
|
|
|
|
|
|
/*底部菜单-s*/
|
|
.tpdm-footer-wrap{
|
|
height: 2.072rem;
|
|
}
|
|
.tpd-footer{
|
|
position: fixed;
|
|
bottom: 0;
|
|
z-index: 9;
|
|
width: 16rem;
|
|
height:2.516rem;
|
|
border-top: 1px solid #ddd;
|
|
background-color: #fff;
|
|
/*overflow: hidden;*/
|
|
/* box-shadow: 0 0 0.256rem rgba(0,0,0,.3);*/
|
|
}
|
|
.tpd-footer>a{
|
|
float: left;
|
|
padding-top:0.298667rem;
|
|
text-align: center;
|
|
}
|
|
.tpd-footer i{
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 1.024rem;
|
|
height: 1.024rem;
|
|
}
|
|
.tpd-footer i img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.tpd-footer .icoimg2{
|
|
display: none;
|
|
}
|
|
.tpd-footer .footmenu-ac .icoimg2{
|
|
display: block;
|
|
}
|
|
.tpd-footer .footmenu-ac .icoimg1{
|
|
display: none;
|
|
}
|
|
.tpd-footer .footmenu-ac>span{
|
|
color: #ff354d;
|
|
}
|
|
.tpd-footer span{
|
|
display: block;
|
|
height: 1.024rem;
|
|
margin-bottom: 0.256rem;
|
|
font-size: 0.512rem;
|
|
line-height: 1.024rem;
|
|
color: #999;
|
|
}
|
|
.tpd-footer1>a{
|
|
width: 100%;
|
|
}
|
|
.tpd-footer2>a{
|
|
width: 50%;
|
|
}
|
|
.tpd-footer3>a{
|
|
width: 33.3%;
|
|
}
|
|
.tpd-footer4>a{
|
|
width: 25%;
|
|
}
|
|
.tpd-footer5>a{
|
|
width: 20%;
|
|
}
|
|
|
|
/*底部菜单-e*/
|
|
|
|
/*自定义海报-s*/
|
|
.tpdm-postyle{
|
|
display: block;
|
|
}
|
|
.tpdm-postyle1>img{
|
|
width: 16.0rem;
|
|
height: 8.533333rem;
|
|
}
|
|
.tpdm-postyle2{
|
|
max-height: 16.0rem;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-postyle2>img{
|
|
width: 100%;
|
|
}
|
|
/*自定义海报-e*/
|
|
|
|
/*搜索栏-s*/
|
|
.tpdm-head-wrap{
|
|
/*height: 1.664rem;*/
|
|
/* padding-top: 2.16rem;*/
|
|
}
|
|
.tpd-search-warp{
|
|
/*position: fixed;*/
|
|
top: 0;
|
|
width: 13.952rem;
|
|
z-index: 9;
|
|
height: 1.152rem;
|
|
padding:0.512rem 1.024rem;
|
|
}
|
|
.tpd-search-warp>.tpd-logo{
|
|
float: left;
|
|
width: 1.152rem;
|
|
height: 1.152rem;
|
|
margin-right: 0.256rem;
|
|
position: relative;
|
|
}
|
|
.tpd-search-warp>.tpd-logo>img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.tpd-search-form{
|
|
position: relative;
|
|
float: left;
|
|
width: 11.16rem;
|
|
height: 1.152rem;
|
|
background-color: #fff;
|
|
overflow: hidden;
|
|
box-shadow: 0 0 0 1px #ddd;
|
|
}
|
|
.ico-head-search{
|
|
position: absolute;
|
|
left: 0.448rem;
|
|
top: 0.256rem;
|
|
width: 0.704rem;
|
|
height: 0.704rem;
|
|
background: url("../images/ico-m-head.png") no-repeat 0 0;
|
|
background-size: 1.856rem 1.152rem;
|
|
}
|
|
.tpd-search-form input{
|
|
width: 10.624rem;
|
|
padding-left: 1.536rem;
|
|
line-height: 1.152rem;
|
|
font-size: 0.512rem;
|
|
vertical-align: top;
|
|
}
|
|
.tpd-personal-warp{
|
|
float: right;
|
|
width: 1.152rem;
|
|
line-height: 1.152rem;
|
|
text-align: center;
|
|
height: 1.152rem;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.tpd-personal-warp>span{
|
|
vertical-align: top;
|
|
font-size: 0.512rem;
|
|
color: #666666;
|
|
}
|
|
.ico-head-personal{
|
|
display: block;
|
|
width: 1.152rem;
|
|
height: 1.152rem;
|
|
background: url("../images/ico-m-head.png") no-repeat -0.704rem 0;
|
|
background-size: 1.856rem 1.152rem;
|
|
}
|
|
|
|
.tpd-search-wrap1 .tpd-search-form{
|
|
border-radius: 0.576rem;
|
|
}
|
|
|
|
|
|
.tpd-search-wrap2 .ico-head-search{
|
|
left:auto;
|
|
right: 0.384rem;
|
|
}
|
|
.tpd-search-wrap2 .tpd-search-form input{
|
|
padding-left:0.448rem;
|
|
padding-right:1.088rem;
|
|
}
|
|
/*搜索栏-e*/
|
|
|
|
/*轮播图-s*/
|
|
.tpdm-carousel{
|
|
position: relative;
|
|
height: 7.68rem;
|
|
overflow: hidden;
|
|
}
|
|
.tpd-banner-list{
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.tpd-banner-list>li{
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.tpd-banner-list img{
|
|
width:16rem;
|
|
height:7.68rem;
|
|
}
|
|
.tpdm-carousel .page-num{
|
|
position: absolute;
|
|
bottom: 5%;
|
|
left: 50%;
|
|
z-index: 5;
|
|
transform:translateX(-50%);
|
|
text-align: center;
|
|
}
|
|
.tpdm-carousel .page-num>span{
|
|
display: inline-block;
|
|
width: 0.256rem;
|
|
height: 0.256rem;
|
|
border: 1px solid #fff;
|
|
margin-left:0.042667rem;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
}
|
|
.tpdm-carousel .page-num>.page-ac{
|
|
background-color: #fff;
|
|
}
|
|
/*轮播图-e*/
|
|
|
|
|
|
/*店铺头部-s*/
|
|
.tpd-store-head{
|
|
position: relative;
|
|
width: 16rem;
|
|
height: 7.68rem;
|
|
background: url("../images/bg-storeh.jpg") no-repeat 0 0;
|
|
background-size: 16rem 7.68rem;
|
|
}
|
|
.tpd-store-head img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.tpd-storeh-wrap .tpd-store-txt{
|
|
background: none !important;
|
|
}
|
|
|
|
.tpd-storeh-logo{
|
|
overflow: hidden;
|
|
}
|
|
.tpd-storeh-collect{
|
|
display: inline-block;
|
|
width:1.792rem;
|
|
line-height: 0.768rem;
|
|
font-size: 0.512rem;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 0.384rem;
|
|
background-color: #ff4646;
|
|
}
|
|
|
|
.tpd-storeh-des{
|
|
font-size: 0.512rem;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.tpd-storeh-name>span{
|
|
font-size: 0.64rem;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tpd-storeh-cont{
|
|
position: absolute;
|
|
bottom: 0;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 2.56rem;
|
|
padding:0.256rem 0.512rem 0.384rem;
|
|
background-color: #fff;
|
|
color: #333;
|
|
opacity: .9;
|
|
}
|
|
.tpd-storeh-cont1 .tpd-storeh-logo{
|
|
float: left;
|
|
width: 1.92rem;
|
|
height: 1.92rem;
|
|
border-radius: 0.128rem;
|
|
margin-right: 0.64rem;
|
|
overflow: hidden;
|
|
}
|
|
.tpd-storeh-cont1 .tpd-storeh-name{
|
|
height: 1.152rem;
|
|
}
|
|
.tpd-storeh-cont1 .tpd-storeh-name>span{
|
|
float: left;
|
|
height: 1.152rem;
|
|
line-height: 1.152rem;
|
|
max-width: 5.12rem;
|
|
}
|
|
.tpd-storeh-cont1 .tpd-storeh-collect{
|
|
float: left;
|
|
margin-top: 0.213333rem;
|
|
margin-left:0.256rem;
|
|
}
|
|
.tpd-storeh-cont1 .tpd-storeh-des{
|
|
width: 7.68rem;
|
|
height: 0.768rem;
|
|
line-height: 0.768rem;
|
|
}
|
|
|
|
.tpd-storeh-cont2{
|
|
width: 8.96rem;
|
|
margin: 0 auto;
|
|
padding: 1.536rem 0 1.152rem;
|
|
color: #fff;
|
|
}
|
|
.tpd-storeh-cont2 .tpd-storeh-des{
|
|
width: 6.4rem;
|
|
}
|
|
.tpd-storeh-num{
|
|
width:13.312rem;
|
|
height: 1.152rem;
|
|
margin: 0 auto;
|
|
padding: 0.512rem 0;
|
|
overflow: hidden;
|
|
color: #fff;
|
|
}
|
|
.tpd-storeh-num>li{
|
|
float: left;
|
|
width:4.352rem;
|
|
height: 1.152rem;
|
|
text-align: center;
|
|
}
|
|
.tpd-storeh-num>li+li{
|
|
border-left: 0.064rem dashed #fff;
|
|
}
|
|
.tpd-storeh-num>li>i{
|
|
display: block;
|
|
height: 1.152rem;
|
|
margin-top: -0.512rem;
|
|
line-height: 1.152rem;
|
|
overflow: hidden;
|
|
font-size: 0.512rem;
|
|
}
|
|
.tpd-storeh-num>li>span{
|
|
display: block;
|
|
height: 1.024rem;
|
|
line-height: 1.024rem;
|
|
overflow: hidden;
|
|
font-size:0.512rem;
|
|
}
|
|
.tpd-storeh-cont3{
|
|
position: relative;
|
|
padding-top: 1.024rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
.tpd-storeh-cont3 .tpd-storeh-logo{
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 2.56rem;
|
|
height: 2.56rem;
|
|
border-radius: 50%;
|
|
}
|
|
.tpd-storeh-cont3 .tpd-storeh-name{
|
|
font-size: 0.64rem;
|
|
line-height:1.536rem;
|
|
}
|
|
.tpd-storeh-cont3 .tpd-storeh-collect{
|
|
position: absolute;
|
|
top: 1.024rem;
|
|
left: 50%;
|
|
margin-left: 1.792rem;
|
|
}
|
|
.tpd-storeh-cont4 .tpd-storeh-name{
|
|
line-height: 1.28rem;
|
|
}
|
|
.tpd-storeh-cont4 .tpd-storeh-des{
|
|
height: 0.768rem;
|
|
line-height: 0.768rem;
|
|
}
|
|
.tpd-storeh-cont4 .tpd-storeh-collect{
|
|
position: static;
|
|
margin: 0.384rem auto 0;
|
|
}
|
|
.tpd-storeh-cont5{
|
|
position: absolute;
|
|
bottom: 0;
|
|
height: 1.92rem;
|
|
background-color: #fff;
|
|
width: 100%;
|
|
opacity: .9;
|
|
}
|
|
.tpd-storeh-cont5 .tpd-storeh-logo{
|
|
margin-left: 0.768rem;
|
|
margin-top: -0.768rem;
|
|
}
|
|
.tpd-storeh-cont5 .tpd-storeh-name{
|
|
height: 1.92rem;
|
|
}
|
|
.tpd-storeh-cont5 .tpd-storeh-name>span{
|
|
height:1.92rem;
|
|
line-height: 1.92rem;
|
|
}
|
|
.tpd-storeh-cont5 .tpd-storeh-collect{
|
|
margin-top: 0.64rem;
|
|
}
|
|
/*店铺头部-e*/
|
|
.tpd-search-tm{
|
|
width: 100%;
|
|
height: 2.152rem;
|
|
position: absolute;
|
|
left: 0px;
|
|
background: #000;
|
|
opacity: 0;
|
|
top: 0px;
|
|
}
|
|
/*新品上市*/
|
|
.containers-slider-title{
|
|
line-height: 1.2rem;
|
|
font-size: .72rem;
|
|
color: #666;
|
|
text-align: center;
|
|
}
|
|
.containers-slider-wrap{
|
|
overflow: scroll;
|
|
overflow-y:hidden;
|
|
margin: .3rem 0;
|
|
}
|
|
.containers-slider-cont{
|
|
border-top: 0.02133rem solid #ccc;
|
|
padding: 0 0 0 .3rem;
|
|
}
|
|
.containers-slider-wrap .containers-slider-item{
|
|
display: inline-block;
|
|
width:5.05rem;
|
|
height: 7.8rem;
|
|
border-right: 0.02133rem solid #ccc;
|
|
padding:.128rem .128rem;
|
|
}
|
|
.containers-slider-wrap .containers-slider-item:last-of-type{
|
|
border-right: 0px solid #ccc;
|
|
}
|
|
.containers-slider-wrap .seckill-item-img{
|
|
width: 100%;
|
|
height: 5rem;
|
|
}
|
|
.containers-slider-wrap .seckill-item-img img{
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.containers-slider-wrap .seckill-item-name{
|
|
font-size: .52rem;
|
|
color: #232326;
|
|
height: 1.12rem;
|
|
}
|
|
.containers-slider-wrap .seckill-item-name p{
|
|
height: 1.2rem;
|
|
line-height:.6rem ;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
display:-webkit-box;
|
|
-webkit-box-orient:vertical;
|
|
-webkit-line-clamp:2;
|
|
margin-top:.2rem ;
|
|
}
|
|
.containers-slider-wrap .seckill-item-price{
|
|
height: .64rem;
|
|
line-height: .64rem;
|
|
overflow: hidden;
|
|
margin-top: .25rem;
|
|
}
|
|
.containers-slider-wrap .seckill-item-price span{
|
|
color: #ec5151;
|
|
font-size: .64rem;
|
|
display: block;
|
|
float: left;
|
|
max-width: 50%;
|
|
}
|
|
.containers-slider-wrap .seckill-item-price del{
|
|
color: #999;
|
|
font-size: .52rem;
|
|
float: right;
|
|
display: block;
|
|
max-width: 45%;
|
|
}
|
|
.tpd-personal-warp>span img{
|
|
margin-top: 0.08rem;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
/*单文本*/
|
|
.tpd-text-cont{
|
|
padding: .3rem;
|
|
height: 1rem;
|
|
line-height: 1rem;
|
|
}
|
|
|
|
/*富文本*/
|
|
.tpd-richText-cont{
|
|
overflow: hidden;
|
|
padding: .3rem;
|
|
font-size: .55rem;
|
|
}
|
|
.tpd-richText-cont img{
|
|
width: 100%;
|
|
}
|
|
/*图文列表*/
|
|
.tpd-graphicLists{
|
|
width: 15.5rem;
|
|
height: 3.62033rem;
|
|
padding: 0 .3rem;
|
|
height: auto;
|
|
}
|
|
.tpd-graphicLists ul li{
|
|
padding:0;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
.tpd-graphicList-img{
|
|
width: 5.76rem;
|
|
height: 4.053rem;
|
|
}
|
|
.tpd-graphicList-img img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.tpd-graphicList-cont{
|
|
width:8.8466rem;
|
|
color: #333;
|
|
}
|
|
.tpd-graphicList-cont p{
|
|
max-height: 2.3893rem;
|
|
font-size: 0.52rem;
|
|
line-height: 0.768rem;
|
|
color: #999999;
|
|
margin-top: 0.2266rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
.tpd-graphicList-cont h3{
|
|
margin-top: .1rem;
|
|
width: 100%;
|
|
font-size: .6rem;
|
|
line-height: .6rem;
|
|
max-height: 1rem;
|
|
color: #000000;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.tpd-graphicList-warps{
|
|
overflow: hidden;
|
|
margin-top: 0.64rem;
|
|
}
|
|
.tpd-graphicList-warps .tpd-graphicList-li{
|
|
float: left;
|
|
width: 3.4133rem;
|
|
height: 1.28rem;
|
|
border: 0.02133rem solid #999;
|
|
text-align: center;
|
|
color: #333;
|
|
cursor: pointer;
|
|
font-size: 0.512rem;
|
|
line-height: 1.28rem;
|
|
margin-right: 0.4266rem;
|
|
margin-bottom: 0.64rem;
|
|
}
|
|
.tpd-graphicList-warps .graphicList_color{
|
|
border: 0.02133rem solid #F02B2B;
|
|
color: #F02B2B;
|
|
}
|
|
.tpd-graphicList-warps .tpd-graphicList-li:last-of-type{
|
|
margin-right: 0px;
|
|
}
|
|
.tpd-graphic-wrap1 .tpd-graphicList-img{
|
|
float: left;
|
|
}
|
|
.tpd-graphic-wrap1 .tpd-graphicList-cont{
|
|
float: right;
|
|
}
|
|
.tpd-graphic-wrap2 .tpd-graphicList-img{
|
|
float: right;
|
|
}
|
|
.tpd-graphic-wrap2 .tpd-graphicList-cont{
|
|
float: left;
|
|
}
|
|
.tpd-graphic-wrap3 .tpd-graphicList-img{
|
|
width: 7.36rem;
|
|
height: 4.9066rem;
|
|
}
|
|
.tpd-graphic-wrap3 .tpd-graphicList-cont p{
|
|
max-height:1.536rem ;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
}
|
|
.tpd-graphic-wrap4 .tpd-graphicList-img{
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.tpd-graphic-wrap4 .tpd-graphicList-img img{
|
|
width: 7.6053rem;
|
|
height: 4.8213rem;
|
|
float: left;
|
|
margin-right: 0.14933rem;
|
|
}
|
|
.tpd-graphic-wrap4 .tpd-graphicList-img img:last-of-type{
|
|
margin-right: 0;
|
|
}
|
|
.tpd-graphic-wrap5 .tpd-graphicList-img{
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.tpd-graphic-wrap5 .tpd-graphicList-img img{
|
|
width: 5.03rem;
|
|
height: 3.23573rem;
|
|
float: left;
|
|
margin-right: 0.1493rem;
|
|
}
|
|
.tpd-graphic-wrap5 .tpd-graphicList-img img:last-of-type{
|
|
margin-right: 0;
|
|
}
|
|
.tpd-graphic-wrap5 .tpd-graphicList-cont{
|
|
width: 100%;
|
|
margin-bottom: 0.4266rem;
|
|
}
|
|
.tpd-graphic-wrap3 .tpd-graphicList-cont,.tpd-graphic-wrap4 .tpd-graphicList-cont,.tpd-graphic-wrap5 .tpd-graphicList-cont{
|
|
width: 100%;
|
|
margin-bottom: 0.2266rem;
|
|
}
|
|
.tpd-graphicList-link .tpd-wstyle-uploadimg{
|
|
margin: 0.4266rem 0 0.4266rem 0.853rem;
|
|
width: 5.9733rem;
|
|
}
|
|
.tpd-graphicList-link .tpd-txtnav-set{
|
|
padding: 0.4266rem 0 0.4266rem 0.8533rem;
|
|
}
|
|
.tpd-graphicList-link{
|
|
display: none;
|
|
}
|
|
.tpd-graphicList .wstyle-ac{
|
|
display: block;
|
|
}
|
|
/*门店*/
|
|
.tpd-cdiy-mendian{
|
|
vertical-align: middle;
|
|
line-height: 0.5546rem;
|
|
margin-left: 0.42666rem;
|
|
}
|
|
.tpd-multipleStores-head{
|
|
font-size: 0.6826rem;
|
|
text-align: center;
|
|
color: #999999;
|
|
height: 1.7066rem;
|
|
line-height: 1.7066rem;
|
|
}
|
|
.tpd-multipleStores-head span{
|
|
font-size: 0.6826rem;
|
|
margin: 0 0.4266rem;
|
|
color: #000000;
|
|
}
|
|
.tpd-multipleStores-dizi{
|
|
height: 1.7066rem;
|
|
line-height: 1.70666rem;
|
|
background-color: #f2f2f2;
|
|
padding: 0 0.3rem;
|
|
font-size: 0.512rem;
|
|
color: #666666;
|
|
}
|
|
.tpd-multipleStores-dizi .tpd-multipleStores-icon1{
|
|
margin-top: -0.17066rem;
|
|
width: 0.55466rem;
|
|
height: 0.7253rem;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.tpd-multipleStores-dizi .tpd-multipleStores-icon1 img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.tpd-multipleStores-dizi span{
|
|
margin-left: 0.4266rem;
|
|
}
|
|
.tpd-multipleStores-li{
|
|
width: 16rem;
|
|
}
|
|
.tpd-multipleStores-li ul li{
|
|
overflow: hidden;
|
|
padding: 0.2133rem;
|
|
}
|
|
.tpd-multipleStores-li ul li a{
|
|
display: block;
|
|
}
|
|
.tpd-multipleStores-list{
|
|
overflow: hidden;
|
|
}
|
|
.tpd-multipleStores-img {
|
|
float: left;
|
|
width: 3.84rem;
|
|
height: 3.84rem;
|
|
}
|
|
.tpd-multipleStores-img img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.tpd-multipleStores-cont{
|
|
width: 11.3066rem;
|
|
height: 3.84rem;
|
|
margin-left: 0.4266rem;
|
|
border-bottom: 0.0853rem solid #f2f2f2;
|
|
float: left;
|
|
}
|
|
.tpd-multipleStores-cont h3{
|
|
width: 100%;
|
|
font-size: 0.64266rem;
|
|
max-height: 0.81066rem;
|
|
color: #000000;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.tpd-multipleStores-cont p{
|
|
width: 100%;
|
|
max-height: 2.3893rem;
|
|
font-size:.54946rem;
|
|
line-height: 0.768rem;
|
|
color: #999;
|
|
margin-top: 0.4266rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
.tpd-multipleStores-wzhi{
|
|
height: 1.28rem;
|
|
line-height: 1.28rem;
|
|
overflow: hidden;
|
|
padding-left: 4.2666rem;
|
|
border-bottom: 0.0226rem solid #d6d6d6;
|
|
}
|
|
.tpd-multipleStores-wzhi .tpd-multipleStores-icon2{
|
|
width: 0.55466rem;
|
|
height: 0.7253rem;
|
|
margin-right: 0.213rem;
|
|
float: left;
|
|
background: url(../images/z-dingw2.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin-top: 0.2986rem;
|
|
}
|
|
.tpd-multipleStores-wzhi p{
|
|
float: left;
|
|
font-size: 0.512rem;
|
|
height: 1.28rem;
|
|
line-height: 1.28rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 7.8933rem;
|
|
}
|
|
.tpd-multipleStores-wzhi span{
|
|
float: right;
|
|
font-size: 0.512rem;
|
|
}
|
|
/*公告-s*/
|
|
.tpdm-messtyle{
|
|
padding: 0.213rem 0;
|
|
height: 0.8533rem;
|
|
font-size: 0.512rem;
|
|
}
|
|
.tpdm-mes-logo{
|
|
float: left;
|
|
width: 0.8533rem;
|
|
height: 0.8533rem;
|
|
margin-left: 0.3rem;
|
|
}
|
|
.tpdm-mes-logo>img{
|
|
width: 0.8533rem;
|
|
height: 0.8533rem;
|
|
}
|
|
.tpdm-mes-title{
|
|
float: left;
|
|
padding:0 0.384rem;
|
|
overflow: hidden;
|
|
height: 0.85333rem;
|
|
line-height:0.85333rem ;
|
|
}
|
|
.tpdm-mes-title>li{
|
|
width: 14.0rem;
|
|
height:0.768rem;
|
|
margin:0 0 0.08533rem 0;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-mes-title>li .tpdm-mesname-title{
|
|
width: 2.176rem;
|
|
height: 0.55466rem;
|
|
margin: 0.08533rem 0;
|
|
display: block;
|
|
float: left;
|
|
text-align: center;
|
|
line-height: 0.5546rem;
|
|
font-size: 0.55466rem;
|
|
color: #ff0000;
|
|
border: 0.0213rem solid #ff0000;
|
|
border-radius: 6px;
|
|
}
|
|
.tpdm-mes-title>li .tpdm-mesname-name{
|
|
width: 100%;
|
|
height: 0.768rem;
|
|
font-size: 0.512rem;
|
|
display: block;
|
|
line-height: 0.768rem;
|
|
float: left;
|
|
overflow: hidden;
|
|
text-overflow:ellipsis;
|
|
white-space: nowrap;
|
|
color: #333;
|
|
}
|
|
.tpdm-mes-cont{
|
|
float: left;
|
|
width:2.1333rem;
|
|
line-height: 0.768rem;
|
|
}
|
|
.tpdm-mes-cont>a{
|
|
display: block;
|
|
margin: 0.08533rem 0;
|
|
height: 0.768rem;
|
|
font-size: 0.512rem;
|
|
color: #333;
|
|
}
|
|
.tpd-mes-tpWrap{
|
|
float: left;
|
|
margin-left: 0.2133rem;
|
|
}
|
|
.tpd-mes-tpWrap ul{
|
|
overflow: hidden;
|
|
}
|
|
.tpd-mes-tpWrap ul li{
|
|
float: left;
|
|
width: 1.28rem;
|
|
height: 1.28rem;
|
|
padding: 0.298666rem 0.29866rem;
|
|
margin: 0.34133rem 0;
|
|
cursor: pointer;
|
|
border-radius: 6px;
|
|
}
|
|
.tpd-mes-tpWrap ul li img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
|
|
/*新闻列表s*/
|
|
.fr{
|
|
float: right;
|
|
}
|
|
.fl{
|
|
float: left;
|
|
}
|
|
.p:after,
|
|
.p:before {
|
|
content: '';
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
|
|
.hot-titles{
|
|
padding-top: 0.2133rem;
|
|
}
|
|
|
|
.hot-titles h5{
|
|
padding-left: 0.3rem;
|
|
font-size: 0.684rem;
|
|
line-height: 1.5333rem;
|
|
position: relative;
|
|
}
|
|
.hot-titles h5 a{
|
|
position: absolute;
|
|
right: 0.64rem;
|
|
top: 0;
|
|
font-size: .5rem;
|
|
}
|
|
.hot-tea{ height:auto; padding:0 .3rem}
|
|
.hottea-tit{ width:100%; height:1.92rem;}
|
|
.hottea-tit span{ margin-top:0.597334rem;}
|
|
.hottea-tit a.tea-more{ line-height:1.92rem!important;}
|
|
.hottea-list{ width:100%; height:auto;}
|
|
.hottea-list ul li{ width:100%; height:3.626667rem; padding:0.597334rem 0; border-top:1px solid #E0E0E0; overflow:hidden;}
|
|
.hottea-list ul li a{ width:100%; height:auto;}
|
|
.carlist-img{ width:5.76rem;}
|
|
.carlist-img img{ width:5.76rem;}
|
|
.carlist-txt{ width:9.32rem; color:#333;}
|
|
.carlist-txt b{ font-size:0.554667rem; margin-top:0.213334rem;}
|
|
.carlist-txt p{ font-size:0.512rem; color:#666; margin-top:0.169334rem; height:1.194667rem; line-height:0.597334rem; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
|
|
.carlist-txt span{ display:block; overflow:hidden; margin-top:0.24rem; font-size:0.512rem; color:#999;}
|
|
.carlist-txt span em{ float:left;}
|
|
.carlist-txt span img{ float:left; margin-left:0.32rem; width:0.384rem;}
|
|
.carlist-txt span i{ float:right;}
|
|
.cha-dev{
|
|
margin-top: -0.25rem;
|
|
}
|
|
/*.tpd-footer a img{
|
|
margin-top:-.8rem ;
|
|
} */
|
|
.icon-foot3-span{
|
|
margin-top: .22rem;
|
|
}
|
|
/*新闻列表e*/
|
|
.tpd-richText-cont em{
|
|
font-style: italic;
|
|
}
|