1359 lines
26 KiB
CSS
1359 lines
26 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;
|
|
}
|
|
|
|
|
|
/*自定义橱窗-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-messtyle{
|
|
padding: 0.512rem 0;
|
|
height: 1.792rem;
|
|
font-size: 0.512rem;
|
|
}
|
|
.tpdm-mes-logo{
|
|
float: left;
|
|
width: 1.792rem;
|
|
height: 1.792rem;
|
|
margin-left: 0.512rem;
|
|
}
|
|
.tpdm-mes-logo>img{
|
|
width: 1.792rem;
|
|
height: 1.792rem;
|
|
}
|
|
.tpdm-mes-title{
|
|
float: left;
|
|
padding:0 0.384rem;
|
|
}
|
|
.tpdm-mes-title>li{
|
|
box-sizing: border-box;
|
|
width: 1.28rem;
|
|
height: 0.768rem;
|
|
margin: 0.085333rem 0;
|
|
padding:0 0.064rem;
|
|
line-height: 0.768rem;
|
|
text-align: center;
|
|
color: #ff0000;
|
|
border: 1px solid #ff0000;
|
|
border-radius: 0.128rem;
|
|
overflow: hidden;
|
|
}
|
|
.tpdm-mes-cont{
|
|
float: left;
|
|
width:11.008rem;
|
|
line-height:0.768rem;
|
|
}
|
|
.tpdm-mes-cont>a{
|
|
display: block;
|
|
margin: 0.085333rem 0;
|
|
height: 0.768rem;
|
|
font-size: 0.512rem;
|
|
color: #333;
|
|
}
|
|
/*文本导航-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: 2.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-txtnav-list{
|
|
padding:0 0.512rem;
|
|
color: #ff2222;
|
|
}
|
|
.tpdm-txtnav-list>a{
|
|
position: relative;
|
|
display: block;
|
|
height: 1.536rem;
|
|
padding:0 0.512rem;
|
|
line-height: 1.536rem;
|
|
font-size: 0.64rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
border-bottom: 1px solid #d7d7d7;
|
|
}
|
|
.tpdm-txtnav-list>a:before{
|
|
content: '>';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 0.512rem;
|
|
text-align: center;
|
|
font-family: Consolas;
|
|
color: #999;
|
|
font-size: 0.682667rem;
|
|
}
|
|
/*文本导航-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;
|
|
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: 3.072rem;
|
|
}
|
|
.tpd-footer{
|
|
position: fixed;
|
|
bottom: 0;
|
|
z-index: 9;
|
|
width: 16rem;
|
|
height:2.816rem;
|
|
border-top: 1px solid #ddd;
|
|
background-color: #fff;
|
|
/*overflow: hidden;*/
|
|
box-shadow: 0 0 0.256rem rgba(0,0,0,.3);
|
|
}
|
|
.tpd-footer>.classic-box-wrap{
|
|
float: left;
|
|
padding-top:0.298667rem;
|
|
text-align: center;
|
|
}
|
|
.tpd-footer i{
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 1.152rem;
|
|
height: 1.024rem;
|
|
background: url("../images/ico-footmuen.png") no-repeat;
|
|
background-size: 5.76rem 2.048rem;
|
|
}
|
|
.tpd-footer .ico-foot1{
|
|
background-position: 0 0;
|
|
}
|
|
.tpd-footer .ico-foot2{
|
|
background-position: -1.152rem 0;
|
|
}
|
|
.tpd-footer .ico-foot3{
|
|
background-position: -2.304rem 0;
|
|
}
|
|
.tpd-footer .ico-foot4{
|
|
background-position: -3.456rem 0;
|
|
}
|
|
.tpd-footer .ico-foot5{
|
|
background-position: -4.608rem 0;
|
|
}
|
|
.tpd-footer .footmenu-ac>i{
|
|
background-position-y: -1.024rem;
|
|
}
|
|
.tpd-footer .footmenu-ac>span{
|
|
color: #ff354d;
|
|
}
|
|
.tpd-footer span{
|
|
display: block;
|
|
height: 1.024rem;
|
|
margin-bottom: 0.256rem;
|
|
font-size: 0.612rem;
|
|
line-height: 1.024rem;
|
|
color: #999;
|
|
}
|
|
.tpd-footer1 .classic-box-wrap{
|
|
width: 33.3%;
|
|
}
|
|
.tpd-footer1 .tpd-footer-find{
|
|
display: none;
|
|
}
|
|
.tpd-footer2 .classic-box-wrap{
|
|
width: 25%;
|
|
}
|
|
.tpd-shop-list{
|
|
height:1.8rem ;
|
|
}
|
|
.tpd-shop-list .classic-box-wrap{
|
|
position: relative;
|
|
display: inline-block;
|
|
padding-top: 0;
|
|
}
|
|
.tpd-shop-list i{
|
|
display: inline-block;
|
|
width: .63rem;
|
|
height: 0.7rem;
|
|
vertical-align: middle;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
margin-right: .16rem;
|
|
}
|
|
.tpd-shop-list span{
|
|
display: inline-block;
|
|
}
|
|
.tpd-shop-list .ico-list{
|
|
width: .53rem;
|
|
height: 0.5rem;
|
|
background-image: url(../images/lists.png) !important;
|
|
}
|
|
.ico-contact{
|
|
background-image: url(../images/contact.png) !important;
|
|
}
|
|
.tpd-radio2{
|
|
top: 9px;
|
|
}
|
|
.tpd-shop-title{
|
|
padding: 20px 20px;
|
|
text-align: center;
|
|
font-size: 35px;
|
|
}
|
|
.classic-box{
|
|
display: none;
|
|
position: absolute;
|
|
min-width: 4.2rem;
|
|
padding-bottom: .12rem;
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
-moz-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
-webkit-transform: translate(-50%,0);
|
|
-moz-transform: translate(-50%,0);
|
|
transform: translate(-50%,0);
|
|
bottom: 2.3rem;
|
|
border: 1px solid #c3c3c3;
|
|
border-radius: .24rem;
|
|
background-color: #fff;
|
|
}
|
|
.show{
|
|
display: block !important;
|
|
}
|
|
.tp-none{
|
|
display: none !important;
|
|
}
|
|
.classic-content{
|
|
padding: 0 .24rem;
|
|
position: relative;
|
|
}
|
|
.classic-content p{
|
|
color: #232325;
|
|
font-size: 0.6rem;
|
|
display: block;
|
|
width: 100%;
|
|
height: 1.52rem;
|
|
text-align: center;
|
|
line-height: 1.42rem;
|
|
margin: 0.35rem 0 .2rem 0;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
background-color: #fff;
|
|
}
|
|
.classic-content p a{
|
|
display: block;
|
|
}
|
|
.classic-content .tpd-p-icon:after{
|
|
content: " ";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: -.2rem;
|
|
width: 80%;
|
|
margin-left: -40%;
|
|
height: 1px;
|
|
border-top: 1px solid #c3c3c3;
|
|
color: #d9d9d9;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: scaleY(0.5);
|
|
transform: scaleY(0.5);
|
|
}
|
|
.triangle-icon{
|
|
display: block !important;
|
|
position: absolute;
|
|
width: .68rem !important;
|
|
height: .46rem !important;
|
|
left: 50% ;
|
|
bottom: -.46rem;
|
|
margin-left: -.24rem !important;
|
|
z-index: 10;
|
|
background-image: url(../images/foot-nav.png) !important;
|
|
background-repeat: no-repeat;
|
|
background-size: .68rem .46rem !important;
|
|
}
|
|
|
|
/*底部菜单-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{
|
|
}
|
|
.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;
|
|
}
|
|
.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;
|
|
}
|
|
.tpd-personal-warp>span{
|
|
vertical-align: top;
|
|
font-size: 0.512rem;
|
|
color: #fff;
|
|
}
|
|
.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: 6rem;
|
|
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-none{
|
|
display: none !important;
|
|
}
|
|
.tpd-block{
|
|
display: block !important;
|
|
}
|
|
.ui-flex{
|
|
display: -webkit-box !important;
|
|
display: -webkit-flex !important;
|
|
display: -ms-flexbox !important;
|
|
display: flex !important;
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
.cell{
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
width: 0;
|
|
-webkit-flex-basis: 0;
|
|
-ms-flex-preferred-size: 0;
|
|
flex-basis: 0;
|
|
max-width: 100%;
|
|
display: block;
|
|
padding: 0 !important;
|
|
position: relative;
|
|
}
|
|
.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;
|
|
}
|
|
.tad-store-one{
|
|
height: 6rem;
|
|
background: url("../images/banners.png") no-repeat 0 0;
|
|
background-size: 100% 6rem;
|
|
position: relative;
|
|
}
|
|
.tpd-storeh-cont5{
|
|
position: absolute;
|
|
bottom: 0;
|
|
height: 1.24rem;
|
|
background-color: #fff;
|
|
width: 100%;
|
|
opacity: .9;
|
|
z-index: 99;
|
|
}
|
|
.tpd-storeh-names{
|
|
height: 1.24rem !important;
|
|
position: relative;
|
|
}
|
|
.tpd-storeh-conts{
|
|
background: none !important;
|
|
left: 0;
|
|
bottom: 0;
|
|
padding-bottom:1rem;
|
|
}
|
|
.tpd-store-span{
|
|
display: block;
|
|
width: 3.64rem !important;
|
|
height: 1.24rem !important;
|
|
background: #fff;
|
|
border: 1px solid #bfbfbf;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
margin-left: .6rem;
|
|
}
|
|
.tpd-store-span img{
|
|
display: block;
|
|
width: initial !important;
|
|
height: 100%;
|
|
}
|
|
.tpd-store-comm{
|
|
display: inline-block;
|
|
font-size: .85rem;
|
|
color: #fff;
|
|
position: relative;
|
|
margin-left: .5rem;
|
|
margin-right:.5rem;
|
|
}
|
|
.tpd-stort-em{
|
|
display: block;
|
|
max-width: 6.8rem;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
font-size: .56rem;
|
|
}
|
|
.tpd-stort-ems{
|
|
display: block;
|
|
font-size: .48rem;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
color: #dfdfdf;
|
|
}
|
|
.tpd-stort-spans i{
|
|
display: inline-block;
|
|
width: 1.06rem;
|
|
height: 1.06rem;
|
|
margin-left: .36rem;
|
|
background-image: url(../images/tp-rigth.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
}
|
|
.tpd-stort-attention{
|
|
position: relative;
|
|
display: block;
|
|
width: 2.56rem;
|
|
height: 1.24rem;
|
|
line-height: 1.24rem;
|
|
font-size: 0;
|
|
border-radius: .12rem;
|
|
color: #fff;
|
|
background-color: #f23030;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
border: 1px solid transparent;
|
|
margin-right: .6rem;
|
|
}
|
|
.tpd-stort-attention span{
|
|
font-size: .54rem;
|
|
margin-left: .16rem;
|
|
}
|
|
.tpd-stort-attention i{
|
|
display: inline-block;
|
|
width: .5rem;
|
|
height: .42rem;
|
|
background-image: url(../images/attention.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
}
|
|
.tad-store-two{
|
|
position: relative;
|
|
height: 1.96rem;
|
|
padding: .33rem 0 .33rem;
|
|
background-color: #FFFFFF;
|
|
}
|
|
.tad-store-two a span{
|
|
display: block;
|
|
font-size: .66rem;
|
|
margin-top: .12rem;
|
|
}
|
|
.tad-store-two a{
|
|
position: relative;
|
|
color: #838689;
|
|
text-align: center;
|
|
}
|
|
.aicon:after{
|
|
content: " ";
|
|
border-left: 1px solid #dfdfdf;
|
|
height: .8rem;
|
|
width: 0;
|
|
font-size: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
margin-top: -.36rem
|
|
}
|
|
.tad-num{
|
|
color: #232325;
|
|
font-size: 1.04rem;
|
|
margin-top: .22rem;
|
|
}
|
|
.tad-text{
|
|
color: #e71c47;
|
|
font-size: .74rem;
|
|
margin-top: 0.5rem;
|
|
}
|
|
.tpd-height{
|
|
display: none;
|
|
}
|
|
.tpd-shop-bg{
|
|
position: absolute;
|
|
background: #000000;
|
|
opacity: 0.4;
|
|
height: 100%;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
.tad-icons{
|
|
display: block;
|
|
width: 0.9rem;
|
|
height:0.83rem;
|
|
margin: 0 auto;
|
|
background-image: url(../images/home.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
}
|
|
.tad-home{
|
|
vertical-align: top;
|
|
margin: 0px;
|
|
padding-bottom: 0.13rem;
|
|
color: #f23030;
|
|
display: inline-block !important;
|
|
border-bottom: 2px solid #f23030;
|
|
}
|
|
.tpd-storeh-names{
|
|
position: relative;
|
|
}
|
|
.tpd-store-span-wrap .tpd-store-span{
|
|
margin-left: 0px;
|
|
border-left: 0;
|
|
}
|
|
.tpd-stort-attention-wrap .tpd-stort-attention{
|
|
border-radius: 0px;
|
|
border-top-left-radius: 0.4rem;
|
|
margin-right: 0px;
|
|
}
|
|
.attention {
|
|
position: absolute;
|
|
top: 1.2rem;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.attention p {
|
|
font-size: .53rem;
|
|
line-height: 1.1rem;
|
|
}
|
|
.tpd-stort-attention-wrap {
|
|
position: absolute;
|
|
bottom: 20px;
|
|
right: 0;
|
|
}
|
|
.tpdm-goods-nav{
|
|
height: 2.706667rem;
|
|
overflow: hidden;
|
|
}
|
|
/*店铺头部-e*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|