/*分类begin*/
|
body{
|
font-family: "微软雅黑" !important;
|
}
|
.cont{
|
height: 100%;
|
overflow: hidden;
|
padding: 10px;
|
padding-right: 0;
|
padding-bottom: 0;
|
background: #efeff4;
|
}
|
.cont li{
|
float: left;
|
width: 25%;
|
padding-right: 10px;
|
overflow: hidden;
|
border-radius:10px;
|
margin-bottom: 10px;
|
}
|
.cont li a{
|
width: 100%;
|
height: 100%;
|
display: inline-block;
|
background: white;
|
border-radius:8px;
|
overflow: hidden;
|
float: left;
|
}
|
.cont li:last-of-type{
|
margin-right: 0;
|
}
|
.cont li img{
|
width: 100% !important;
|
float: left;
|
}
|
.cont li p{
|
text-align: center;
|
color: #333;
|
padding-bottom: 2px;
|
}
|
.title{
|
text-align: center;
|
position: relative;
|
height: 46px;
|
line-height: 36px;
|
border-bottom: 1px solid #d1d1d1;
|
background: white;
|
}
|
.title h4{
|
position: relative;
|
line-height: 40px;
|
font-size: 16px;
|
color: #777;
|
display: inline-block;
|
}
|
.title:before{
|
content: '';
|
width: 24%;
|
height: 1px;
|
background: #D1D1D1;
|
position: absolute;
|
top: 50%;
|
left: 6%;
|
}
|
.title:after{
|
content: '';
|
width: 24%;
|
height: 1px;
|
background: #D1D1D1;
|
position: absolute;
|
top: 50%;
|
right: 6%;
|
}
|
.title i{
|
display: inline-block;
|
width: 6px;
|
height: 6px;
|
background: #999;
|
-webkit-transform: rotate(45deg);
|
-moz-transform: rotate(45deg);
|
-ms-transform: rotate(45deg);
|
transform: rotate(45deg);
|
position: absolute;
|
top: 50%;
|
margin-top: -3px;
|
}
|
.title i:first-of-type{
|
left: -16px;
|
}
|
.title i:last-of-type{
|
right: -16px;
|
}
|
.list{
|
overflow: hidden;
|
}
|
.list li{
|
float: left;
|
width: 50%;
|
border-right: 1px solid #D1D1D1;
|
padding: 10px;
|
text-align: center;
|
overflow: hidden;
|
background: white;
|
border-bottom: 1px solid #D1D1D1;
|
}
|
.list li img{
|
width: 100%;
|
border-radius: 8px;
|
}
|
.list li:nth-last-of-type(2) img{
|
height: 288px;
|
}
|
.text strong{
|
/*margin-left: 20%;*/
|
display: inline-block;
|
height: 42px;
|
font-size: 14px;
|
line-height: 22px;
|
color: #333;
|
text-indent:4em;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
display: -webkit-box;
|
-webkit-line-clamp: 2;
|
-webkit-box-orient: vertical;
|
}
|
.list li .text{
|
text-align: left;
|
font-size: 12px;
|
position: relative;
|
}
|
.text i{
|
color: #FF3044;
|
font-size: 12px;
|
}
|
.btm span{
|
color: #999;
|
float: right;
|
font-size: 12px;
|
}
|
.text .tm,span.by{
|
display: inline-block;
|
padding: 0 4px;
|
color: white;
|
border-radius: 4px;
|
font-size: 12px;
|
}
|
.Price{
|
color: #ff3044;
|
font-size: 12px;
|
}
|
.Price:first-of-type i{
|
font-size: 14px;
|
font-weight: bold;
|
}
|
span.by{
|
float: right;
|
background: #F8B451;
|
}
|
.text .tm{
|
background: #FF2F83;
|
position: absolute;
|
top: 0;
|
left: 0;
|
}
|
.text .tm.tb{
|
background: #ff4400;
|
}
|
.text span:nth-of-type(2){
|
color: #999;
|
|
}
|
/*分类end*/
|
|
/*登陆界面begin*/
|
.land,.share{
|
width: 100%;
|
background: #B9153B;
|
/*padding-bottom: 44px;*/
|
overflow: hidden;
|
}
|
.land{
|
padding-bottom: 44px;
|
}
|
.share .top .bg{
|
height: 400px;
|
}
|
.top{
|
position: relative;
|
}
|
.top .bg{
|
width: 100%;
|
}
|
.top .pos{
|
width: 100%;
|
text-align: center;
|
position: absolute;
|
top: 10%;
|
left: 0px;
|
}
|
.top .btn{
|
width: 100%;
|
text-align: center;
|
position: absolute;
|
top: 76%;
|
left: 0;
|
}
|
.top .btn a{
|
display: inline-block;
|
width: 100px;
|
height: 30px;
|
background: url(../img/share_btn.png) center;
|
background-size: 100% 100%;
|
}
|
.top .picTXT{
|
width: 70%;
|
}
|
.top h3{
|
width: 70%;
|
display: inline-block;
|
text-align: center;
|
color: #C21644;
|
font-size: 1.1em;
|
line-height: 35px;
|
padding: 10px;
|
}
|
@media only screen and (min-width: 490px){
|
.top .picTXT{
|
margin-bottom: 4%;
|
}
|
.top h3{
|
width: 60%;
|
font-size: 1.5em;
|
}
|
}
|
@media only screen and (max-width: 300px) {
|
.top h3{
|
width: 75%;
|
font-size: 1em;
|
line-height: 22px;
|
}
|
}
|
.land .title{
|
border: none;
|
background: #B9153B;
|
margin-top: -20px;
|
}
|
.land .title h4{
|
height: 100%;
|
line-height: 48px;
|
color: whitesmoke;
|
font-size: 16px;
|
font-weight: normal;
|
}
|
.land .title h4 i{
|
background: whitesmoke;
|
}
|
.goods{
|
padding: 5px;
|
margin-top: -10px;
|
width: 100%;
|
overflow: hidden;
|
box-sizing: border-box;
|
}
|
.goods li{
|
width: 33.333%;
|
float: left;
|
padding: 5px;
|
box-sizing: border-box;
|
}
|
.goods li img{
|
width: 100%;
|
float: left;
|
}
|
.goods li a{
|
display: inline-block;
|
width: 100%;
|
height: 100%;
|
position: relative;
|
border-radius: 5px;
|
overflow: hidden;
|
|
}
|
.goods li img{
|
width: 100%;
|
}
|
.goods li a div{
|
width:54%;
|
padding: 4px;
|
background: white;
|
color: #666;
|
font-size: 0.8em;
|
text-align: center;
|
border-top-left-radius: 2px;
|
position: absolute;
|
bottom: 0;
|
right: 0;
|
}
|
/*登陆界面end*/
|
|
|
/*分享好礼begin*/
|
.share .top .pos{
|
top: 20%;
|
}
|
.share .top .pos .picTXT{
|
width:80%;
|
}
|
.share .top .pos h3{
|
margin-top: 10px;
|
font-size: 1.4em;
|
}
|
.share .atOnce{
|
height: 100px;
|
line-height: 100px;
|
text-align: center;
|
}
|
.share .atOnce h3{
|
display: inline-block;
|
height: 100%;
|
width: 100%;
|
position: relative;
|
top: -30px;
|
}
|
.share .atOnce h3 img{
|
width: 30%;
|
}
|
/*分享好礼end*/
|
/*邀请码begin*/
|
.grey{
|
width: 100%;
|
background: rgba(0,0,0,0.2);
|
position: absolute;
|
bottom: 0;
|
left: 0;
|
}
|
.grey-fon{
|
width: 70%;
|
padding: 16px 15%;
|
margin: auto;
|
|
}
|
.grey p{
|
color: white;
|
font-size: 12px;
|
margin-bottom: 6px;
|
}
|
.input{
|
overflow: hidden;
|
}
|
.inputCont input{
|
padding: 4px 0;
|
text-align: center;
|
width: 75%;
|
border-radius: 4px;
|
outline: none;
|
}
|
.grey button{
|
float: right;
|
width: 20%;
|
border-radius: 4px;
|
outline: none;
|
border: none;
|
}
|
.grey button a{
|
background: #fad700;
|
color:#dc5e15 ;
|
display: inline-block;
|
height: 100%;
|
width: 100%;
|
padding: 6px 0;
|
border-radius: 4px;
|
}
|
/*邀请码end*/
|
|
|
|
|
|
|
/*动态begin*/
|
.trends ul{
|
padding: 10px;
|
}
|
.trends ul li{
|
background: white;
|
padding: 10px;
|
margin-bottom: 10px;
|
}
|
.trends ul li img{
|
width: 100%;
|
}
|
.trends .cent{
|
background: #EFEFF4;
|
margin-bottom: 10px;
|
border-radius: 10px;
|
padding: 10px;
|
padding-left: 20px;
|
overflow: hidden;
|
}
|
.trends .cent h4{
|
font-weight: normal;
|
font-size: 14px;
|
line-height: 20px;
|
color: #222;
|
}
|
.trends .cent i{
|
color: #FF3044;
|
vertical-align: middle;
|
position: relative;
|
top: 2px;
|
}
|
.trends .cent div{
|
display: inline-block;
|
font-size: 12px;
|
float: right;
|
color: #ff3083;
|
}
|
.trends .cent span{
|
background: #ff3083;
|
color: white;
|
padding: 2px 6px;
|
border-radius: 4px;
|
font-size: 14px;
|
}
|
.trends .Recommend .hedPic{
|
color: #999;
|
margin-bottom: 10px;
|
}
|
.trends .Recommend .hedPic img{
|
width: 32px;
|
height: 32px;
|
border-radius: 50%;
|
vertical-align: middle;
|
margin-right: 15px;
|
}
|
.trends .Recommend .hedPic strong{
|
color: #AA797F;
|
margin-right: 10px;
|
font-size: 14px;
|
}
|
.trends .Recommend .hedPic{
|
font-size: 12px;
|
}
|
.trends .Recommend p{
|
color: #000;
|
line-height: 22px;
|
width: 100%;
|
height: 46px;
|
font-size: 12px;
|
overflow: hidden;/* 自动隐藏文字*/
|
text-overflow: ellipsis ;/*文字隐藏后添加省略号*/
|
/*white-space: nowrap;*/
|
|
}
|
.trends .comment img{
|
width: 18px;
|
vertical-align: middle;
|
position: relative;
|
top: -1px;
|
margin-right: 2px;
|
}
|
.trends .comment span{
|
display: inline-block;
|
width: 40%;
|
text-align: center;
|
color: #666;
|
font-size: 12px;
|
}
|
.trends .comment span:last-of-type{
|
float: right;
|
}
|
/*动态end*/
|
|
/*帮助中心begin*/
|
.help{
|
margin-top: 10px;
|
color: #222;
|
}
|
.help .no-bg p{
|
color: #333;
|
font-size: 16px;
|
}
|
.help .no-bg {
|
height: 100%;
|
background: #EFEFF4 !important;
|
padding: 0 15px;
|
position: relative;
|
}
|
.no-bg:after{
|
position: absolute;
|
right: 15px;
|
top: 0;
|
left: 15px;
|
content: '';
|
height: 1px;
|
background: #D1D1D1;
|
}
|
.no-bg:first-of-type:after{
|
position: absolute;
|
right: 0;
|
top: 0;
|
left: 0;
|
content: '';
|
height: 1px;
|
background: #D1D1D1;
|
}
|
.mui-table-view-cell.mui-active{
|
background: white;
|
}
|
.help .qq {
|
width: 100%;
|
text-align: center;
|
position: fixed;
|
bottom: 0;
|
left: 0;
|
}
|
.help .qq i{
|
display: inline-block;
|
width: 36px;
|
height:36px;
|
background: url(../img/qq.png) no-repeat center;
|
background-size: 70%;
|
vertical-align: middle;
|
}
|
.help .qq h4{
|
display: inline-block;
|
font-weight: normal;
|
padding: 0 4px;
|
font-size: 16px;
|
font-family: "微软雅黑";
|
}
|
.help .qq span{
|
color: #EF2176;
|
}
|
/*帮助中心end*/
|
/*关于我们*/
|
.about .mui-table-view-cell:after{
|
left: 0;
|
}
|
.about{
|
color: #333;
|
font-size: 16px;
|
}
|
