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;

}