You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
2.9 KiB
CSS
45 lines
2.9 KiB
CSS
5 years ago
|
/* header */
|
||
|
|
.header .caption{margin:0 30%;}
|
||
|
|
.header .hbtn{width:30%;}
|
||
|
|
.header .logo span{
|
||
|
|
text-align:left;
|
||
|
|
line-height:1;
|
||
|
|
}
|
||
|
|
.header .logo img{margin-left:4.8%;}
|
||
|
|
.header .logo img{height:.7rem;width:2.66rem;vertical-align:baseline;}
|
||
|
|
|
||
|
|
/* banner */
|
||
|
|
.banner {height:4.12rem;width:100%;max-height:412px;}
|
||
|
|
.banner .pic {width:100%;height:100%;display:block;background:#DEDEDE;color:#FFF;font-size:.34rem;}
|
||
|
|
|
||
|
|
/* contact */
|
||
|
|
.contact{position:relative;height:1.99rem;max-height:199px;border-bottom:1px solid rgba(209,209,209,.2);padding:0 4px;}
|
||
|
|
.contact .contact-box {width:100%;height:100%;}
|
||
|
|
.contact .item{height:100%;text-align:center;width:25%;float:left;position:relative;}
|
||
|
|
.contact .item~.item:before {content:'';display:block;position:absolute;height:.67rem;width:.03rem;top:.5rem;left:-.01rem;background:rgb(241,241,241);}
|
||
|
|
.contact .item .img {width:.78rem;height:.64rem;display:block;margin:.44rem auto 0;}
|
||
|
|
.contact .item span {font-size:.32rem;color:rgb(51,51,51);padding-top:.1rem;display:block;}
|
||
|
|
|
||
|
|
/* recommend */
|
||
|
|
.recommend {border-top:.16rem solid rgba(241,241,241,0.5);}
|
||
|
|
.recommend .list-title {border-top:1px solid rgba(209,209,209,.2);border-bottom:1px solid rgba(209,209,209,.2);}
|
||
|
|
.recommend li {padding:.4rem .48rem;max-height:228px;border-bottom:1px solid rgba(209,209,209,.2);}
|
||
|
|
.recommend .item {height:1.48rem;max-height:148px;position:relative;}
|
||
|
|
.recommend .item .pic {width:1.48rem;max-width:148px;height:100%;background:#DEDEDE;color:#FFF;overflow:hidden;border-radius:.2rem;position:relative;top:0;left:0;float:left;}
|
||
|
|
.recommend .item .pic .font {font-size:.3rem;}
|
||
|
|
.recommend .item .but {position:absolute;top:0;right:0;height:100%;}
|
||
|
|
.recommend .item .but .butn {font-size:.38rem;background:rgb(66,181,255);color:#FFF;border-radius:0.05rem;display:block;width:1.5rem;height:.76rem;text-align:center;line-height:.76rem;}
|
||
|
|
.recommend .item .but .butn.disabled {background:rgb(190,190,190);}
|
||
|
|
.recommend .item .txt {position:relative;margin-left:1.68rem;margin-right:1.6rem;font-size:1rem;height:1.48rem;}
|
||
|
|
.recommend .item .txt .name {font-size:0.4rem;color:rgb(51,51,51);display:block;padding-top:.03rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
||
|
|
.recommend .item .txt .info,.hotgift .item .txt .surplus,.hotgift .item .txt .time {font-size:0.28rem;width:100%;color:rgb(153,153,153);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
||
|
|
.recommend .item .txt .info i,.hotgift .item .txt .surplus i {font-style:normal;width:.03rem;height:0.18rem;background:rgb(153,153,153);display:inline-block;margin:0 .16rem;}
|
||
|
|
.recommend .item .txt .description {font-size:.3rem;color:rgb(102,102,102);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
||
|
|
|
||
|
|
|
||
|
|
.hotgift .item .txt .surplus em{color:rgb(255,95,129);font-style:normal;font-weight:normal;}
|
||
|
|
|
||
|
|
|
||
|
|
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
|
||
|
|
bottom: 0px!important;
|
||
|
|
}
|