|
view,text,navigator{
|
font-size: 14px;
|
}
|
/*浮动布局*/
|
.fl{
|
float: left;
|
}
|
.fr{
|
float: right;
|
}
|
|
.clr{
|
clear: both;
|
}
|
/*浮动布局END*/
|
|
/*字体*/
|
|
|
/*超大*/
|
.font-20{
|
font-size: 20pt;
|
}
|
/*大*/
|
.font-18{
|
font-size: 18pt;
|
}
|
/*较大*/
|
.font-13{
|
font-size: 13pt;
|
}
|
/*常规*/
|
.font-12{
|
font-size: 12pt;
|
}
|
/*小字*/
|
.font-10{
|
font-size: 10pt;
|
}
|
|
.font-9{
|
font-size: 9pt;
|
}
|
|
|
.text-center{
|
text-align: center;
|
}
|
|
|
.icon-size-1{
|
font-size: 45rpx;
|
}
|
|
/*字体END*/
|
|
|
/*边框与边距*/
|
|
.mt-5{
|
margin-top: 5rpx;
|
}
|
.mb-5{
|
margin-top: 5rpx;
|
}
|
.ml-5{
|
margin-left: 5rpx;
|
}
|
.ml-15{
|
margin-left: 15rpx;
|
}
|
.mr-5{
|
margin-right: 5rpx;
|
}
|
.mt-10{
|
margin-top: 10rpx;
|
}
|
|
.mb-10{
|
margin-bottom: 10rpx;
|
}
|
.ml-10{
|
margin-left: 10rpx;
|
}
|
.ml-20{
|
margin-left: 20rpx;
|
}
|
.mr-10{
|
margin-right: 10rpx;
|
}
|
|
.pd-5{
|
padding: 5rpx;
|
}
|
.pd-10{
|
padding: 10rpx;
|
}
|
|
.pd-20{
|
padding: 20rpx;
|
}
|
|
.pdrl-10{
|
padding: 0 10rpx;
|
}
|
|
/*边框与边距END*/
|
|
|
/*颜色*/
|
.color_red {
|
color: #e02e24;
|
}
|
.color_gray{
|
color: #aeaeae;
|
}
|
.color_vip{
|
color:#f2bf00;
|
}
|
|
.bg-gray{
|
background: #bababa;
|
}
|
.color-white{
|
color: white;
|
}
|
|
|
|
|
/*颜色END*/
|
|
/*自定义布局元素*/
|
|
/**列表基础样式*/
|
.item-line{
|
height: 100rpx;
|
clear: both;
|
line-height: 98rpx;
|
padding: 5rpx 20rpx;
|
background: #ffffff;
|
border-bottom: 1px solid #efefef;
|
}
|
|
/*列表样式组合*/
|
.item-box{
|
clear: both;
|
}
|
/*列表不限高度*/
|
.item-warp{
|
clear: both;
|
padding: 5rpx 20rpx;
|
overflow: hidden;
|
}
|
|
|
/**分割线*/
|
.line{
|
width: 100%;
|
height: 2rpx;
|
background: #f4f4f4;
|
clear: both;
|
overflow: hidden;
|
}
|
|
.line-weight{
|
width: 100%;
|
height: 8rpx;
|
background: #f4f4f4;
|
clear: both;
|
overflow: hidden;
|
}
|
|
|
/*自定义布局元素END*/
|
|
|
image{
|
width:100%;
|
vertical-align: middle;
|
}
|
|
|
.cl-btn{
|
background: white;
|
border: 0px ;
|
}
|
|
/*小的商品展示图*/
|
.min-active-img{
|
float: left;
|
width: 200rpx;
|
height: 180rpx;
|
|
}
|
|
.del_line{
|
text-decoration:line-through;
|
}
|
|
|
/*头像*/
|
.slide-image-head{
|
width: 80rpx;
|
height: 80rpx;
|
border-radius: 50%;
|
vertical-align: middle
|
}
|
|
|
|
/* 底部按钮 */
|
.option-buttom{
|
height: 100rpx;
|
width: 100%;
|
position: fixed;
|
bottom: 0;
|
border-top:1rpx solid #efefef;
|
background: #ffffff;
|
}
|
.option-icon-box{
|
width: 120rpx;
|
}
|
|
.option-icon-box text{
|
display: block;
|
margin: 0 auto;
|
width: 50rpx;
|
}
|
|
.option-btn{
|
background-color: #1AAD19;
|
color: #fff;
|
text-align: center;
|
width: 390rpx;
|
height: 100rpx;
|
line-height: 100rpx;
|
}
|
/* 底部按钮介绍 */
|
|
|
/*测试用边框*/
|
.bd{
|
border: 1px springgreen solid;
|
}
|
|
.spitem{
|
|
padding: 20rpx 10rpx;
|
overflow: hidden;
|
}
|
|
/* 标签*/
|
|
.main-item-lable{
|
font-size: 25rpx;
|
color: #629e64;
|
width: 40px;
|
height: 30px;
|
background: #edfbec;
|
padding: 3rpx 8rpx;
|
margin-left: 10rpx;
|
font-weight:lighter;
|
border-radius: 3rpx;
|
}
|
|
|
|
.flex-box{
|
display:-webkit-box;
|
display:-webkit-flex;
|
display:-ms-flexbox;
|
display:flex;
|
}
|
.flex-item{
|
-webkit-box-flex:1;
|
-webkit-flex:1;
|
-ms-flex:1;
|
flex:1;
|
}
|
.flex-align-center {
|
-webkit-box-align: center;
|
-webkit-align-items: center;
|
-ms-flex-align: center;
|
align-items: center;
|
}
|
.flex-pack-center {
|
-webkit-box-pack: center;
|
-webkit-justify-content: center;
|
-ms-flex-pack: center;
|
justify-content: center;
|
}
|
.flex-pack-justify {
|
-webkit-box-pack: justify;
|
-webkit-justify-content: space-between;
|
-ms-flex-pack: justify;
|
justify-content: space-between;
|
}
|
.flex-v{
|
-webkit-box-orient:vertical;
|
-webkit-flex-direction:column;
|
-ms-flex-direction:column;
|
flex-direction:column;
|
}
|
.input-group{
|
margin-top: 15px;
|
font-size: 12pt;
|
padding: 0 40rpx;
|
position: relative;
|
}
|
.input-group input{
|
border: 1px solid #ddd;
|
margin-top: 10px;
|
padding: 10px 10px;
|
font-size: 12pt;
|
border-radius: 4px;
|
}
|
.input-group picker{
|
border: 1px solid #ddd;
|
margin-top: 10px;
|
padding: 10px 10px;
|
font-size: 12pt;
|
border-radius: 4px;
|
}
|
button.border-red{
|
border: 1px solid #e02e24!important;
|
color: #e02e24!important;
|
}
|
.btn-red{
|
background: #e02e24;
|
color: #fff;
|
line-height: 46px;
|
font-size: 12pt;
|
}
|
|
/* 空图标 */
|
|
.empty{
|
margin-top: 200rpx;
|
}
|
.empty-font{
|
font-size: 200rpx;
|
}
|
|
|
.footer{
|
margin-top: 25px;
|
width: 100%;
|
text-align: center;
|
padding:20rpx 40rpx;
|
box-sizing: border-box
|
}
|
.footer button{
|
height: 42px;
|
line-height: 42px;
|
font-size: 11pt;
|
}
|
|
.footer .btn{
|
height: 42px;
|
line-height: 42px;
|
font-size: 11pt;
|
}
|
|
|
|
page{
|
font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;
|
}
|
.navigator-hover{
|
background: none;
|
}
|
.popup{position: fixed;top: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7)}
|
|
/*按钮*/
|
.bgbtn{
|
width: 90%;
|
background-color: #00c085;
|
border-radius: 10px;
|
height: 40px;
|
margin: 10px auto;
|
border: 1px solid #00c085;
|
color: #fff;
|
text-align: center;
|
line-height: 40px;
|
}
|
navigator{
|
overflow: hidden;
|
}
|
|
|
/**分割线*/
|
.line{
|
width: 100%;
|
height: 2rpx;
|
background: #f4f4f4;
|
clear: both;
|
overflow: hidden;
|
}
|
|
.line-weight{
|
width: 100%;
|
height: 8rpx;
|
background: #f4f4f4;
|
clear: both;
|
overflow: hidden;
|
}
|
.item-line{
|
height: 100rpx;
|
clear: both;
|
line-height: 98rpx;
|
padding: 5rpx 20rpx;
|
}
|
.item-box{
|
background: #ffffff;
|
}
|
|
.lables{
|
padding: 5rpx 10rpx;
|
background: #e02e24;
|
color: white;
|
font-size: 20rpx;
|
border-radius: 5rpx;
|
margin-right: 5rpx;
|
|
}
|
