body{
    margin:0 auto;
    max-width: 640px;
    min-width: 320px;
    font-size: 0.7rem;
    font-family: "Microsoft YaHei", "微软雅黑", Helvetica, "黑体", Arial, Tahoma;
}
a:hover,
a:visited,
a:link,
a:active {
  text-decoration: none;
  color:inherit;
}
.ui-cell:before,.ui-cell:after{
	border: none;
}
img{
  transform:scale(1,1);
  -ms-transform:scale(1,1); 	/* IE 9 */
  -moz-transform:scale(1,1); 	/* Firefox */
  -webkit-transform:scale(1,1); /* Safari 和 Chrome */
  -o-transform:scale(1,1); 	/* Opera */
}
.img_100 {
	display: block;
	width: 100%;
  }
  
  .img_90 {
	display: block;
	width: 90%;
  }
  .img_80 {
	display: block;
	width: 80%;
  }
  .img_70 {
	display: block;
	width: 70%;
  }
  .img_60 {
	display: block;
	width: 60%;
  }
  .img_50 {
	display: block;
	width: 50%;
  }
  .img_40{
	display: block;
	width: 40%;
  }
  .img_30 {
	display: block;
	width: 30%;
  }
.ui-content{
	font-size: 0.7rem;
}
.color-3{
	color: #3A3A3A !important;
}
.color-6{
	color: #666666 !important;
}
.color-9{
	color: #999999 !important;
}
.color-b{
	color: #BBBBBB !important;
}
.color-vi{
	color: #e55a75 !important;
}
.tx-center{
	text-align: center !important;
}
.bg-vi{
	background-color: #e55a75 !important;
}
.size-ss{
	font-size: 0.6rem !important;
}
.size-s{
	font-size: 0.65rem !important;
}
.size-m{
	font-size: 0.7rem !important;
}
.size-b{
	font-size: 0.75rem !important;
}
.ui-icon{
	margin-right: 0;
}
#content-box img{
	display: block;
	width: 35%;
	margin: 0 auto;
	margin-top: 2rem;
}
#content-box p{
	color: #999999;
	text-align: center;
	font-size: 0.8rem;
}
#content-box a{
	display: block;
	width: 35%;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #e55a75;
	color: #e55a75;
	padding: 0.4rem 0;
	font-size: 0.8rem;
	border-radius: 4px;
}
/*弹窗公共样式*/
/* .popu{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.7);
}
.modWin{
	position: relative;
	width: 79%;
	min-height: 80vh;
	background: #fff;
	border-radius: 5px;
}
.close{
    position: absolute;
    bottom: -3rem;
    width: 100%;
    justify-content: center;
} */
/* .icon-close {
    display: block;
    margin: 0 auto;
} */
.m_auto{
  margin: 0 auto;
  }
  /*顶外边距*/
  .mt5 {margin-top: 0.3rem;}
  .mt10 {margin-top: 0.5rem;}
  .mt15 {margin-top: 0.8rem;}
  .mt20 {margin-top: 1rem;}
  .mt30 {margin-top: 1.5rem;}
  /*左外边距*/
  .ml5 {margin-left: 0.3rem;}
  .ml10 {margin-left: 0.5rem;}
  .ml15 {margin-left: 0.8rem;}
  .ml20 {margin-left: 1rem;}
  .ml30 {margin-left: 1.5rem;}
  /*右外边距*/
  .mr5 {margin-right: 0.3rem;}
  .mr10 {margin-right: 0.5rem;}
  .mr15 {margin-right: 0.8rem;}
  .mr20 {margin-right: 1rem;}
  /*左右外边距*/
  .mlr5 {margin:0 0.3rem;}
  .mlr10 {margin:0 0.5rem}
  .mlr15 {margin:0 0.8rem}
  .mlr20 {margin:0 1rem}
  /*底外边距*/
  .mb3 { margin-bottom: 0.15rem;}
  .mb5 { margin-bottom: 0.25rem;}
  .mb10 {margin-bottom: 0.5rem;}
  .mb15 {margin-bottom: 0.8rem;}
  .mb20 {margin-bottom: 1rem;}
  .mb30 {margin-bottom: 1.5rem;}
  /*盒子左右内边距*/
  .plr0 {padding:0.5rem 0;}
  .plr10 {padding-left: 0.5rem;padding-right: 0.5rem;}
  .plr20 {padding-left: 1rem;padding-right: 1rem;}
  /*底内边距*/
  .pb10 {padding-bottom: 0.5rem;}
  .pb15 {padding-bottom: 0.8rem;}
  .pb20 {padding-bottom: 1rem;}
  /*顶内边距*/
  .pt10 {padding-top: 0.5rem;}
  .pt15 {padding-top: 0.8rem;}
  .pt20 {padding-top: 1rem;}
  .pt30 {padding-top: 1.5rem;}
  /*去除内边距*/
  .p0{
	padding:0 !important;
  }
/*字体颜色*/
.c_gray {color: #999;}
.c_lightg_gray {color: #c9c9c9;}
.c_rose {color: #f6556c;}
.c_fff {color: #fff;}
.c_zong {color: #5a2b0a;}
/*背景色*/
.b_fff{
	background: #ffffff;
}
.b_gray{
	background: #f6f8f8;
}
/*文字加粗*/
.bold {
	font-weight: bold;
}
  
.-bold {
	font-weight: normal;
}
.numBold {
	font-family: PingFangSC-Medium, sans-serif;
	font-weight: bold;
}
.underline{
	text-decoration: underline;
  }
  
  .relative {
	position: relative;
  }
  /*文字换行*/
.ui-cell-lt {
	-webkit-align-self: flex-start;
	-moz-align-self: flex-start;
	align-self: flex-start;
  }
  .ui-cell-lb {
	-webkit-align-self: flex-end;
	-moz-align-self: flex-end;
	align-self: flex-end;
  }
  .ui-cell-sb {
	justify-content: space-between;
  }
  .ui-cell-sa{
	justify-content: space-around;
  }
  .ui-cell-cn{
	justify-content: center;
  }
  .ui-cell-str{
	justify-content: flex-start;
  }
  .ui-cell-end{
	justify-content: flex-end;
  }
  .ui-cell-cen {
	justify-content: center;
  }
  .ui-cell-cl{
	flex-direction: column;
  }
  .ui-cell-hh{
	flex-wrap:wrap;
	justify-content:space-between;
  }
  .ui-cell-ft {
	text-align: right;
	color: #aaa;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
  }
  
  .ui-wrap{
	flex-wrap: wrap;
  }
  
  .ui-cell-bt{
	align-self:flex-end;
  }
  
  .ui-nowrap {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
  }
  
  .clearfix::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
  }
  
  /* 文字截断 */
  
  .ui-nowrap, .ui-nowrap-flex, .ui-nowrap-2, .ui-nowrap-3 {
	overflow: hidden;
	text-overflow: ellipsis;
  }
  
  .ui-nowrap {
	max-width: 100%;
	white-space: nowrap;
  }
  
  .ui-nowrap-flex, .ui-nowrap-2, .ui-nowrap-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
  }
  
  .ui-nowrap-flex {
	-webkit-line-clamp: 1;
	-webkit-box-flex: 1;
	height: inherit;
  }
  
  /*要截断的行数*/
  
  .ui-nowrap-2 {
	-webkit-line-clamp: 2;
  }
  
  .ui-nowrap-3 {
	-webkit-line-clamp: 3;
  }
  
  /*1px边框*/
  .border-1px, .border-bottom-1px, .border-top-1px, .border-left-1px, .border-right-1px {
	position: relative;
  }
  /*线条颜色 黑色*/
  .border-1px::after, .border-bottom-1px::after, .border-top-1px::after, .border-left-1px::after, .border-right-1px::after {
	  background-color: #000; 
  
  }
  
  /*底边边框一像素*/
  .border-bottom-1px::after {
	  content:"";
	  position: absolute; 
	  left: 0;
	  bottom: 0;
	  width: 100%;
	  height: 1px;
	  transform-origin: 0 0;
  }
  
  /*上边边框一像素*/
  .border-top-1px::before {
	content:"";
	 position: absolute; 
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 1px;
	 transform-origin: 0 0;
  }
  
  /*左边边框一像素*/
  .border-left-1px::before {
   content:"";
   position: absolute; 
   left: 0;
   top: 0;
   width: 1px;
   height: 100%;
   transform-origin: 0 0;
  }
  
  /*右边边框1像素*/
  .border-right-1px::after {
	content: "";
	box-sizing: border-box;
	position: absolute; 
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	transform-origin: 0 0;
  }
  
  /*边框一像素*/
  .border-1px::after {
   content: "";
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 1px solid #e6e6e6;
  }

  .border-bottom-1px::after, .border-top-1px::before {
    transform: scaleY(0.5);
    -o-transform:scaleY(0.5); 
    -ms-transform:scaleY(0.5); 	
    -moz-transform:scaleY(0.5); 	
    -webkit-transform:scaleY(0.5);
    
  }  

 .border-left-1px::before, .border-right-1px::after {
     transform: scaleX(0.5);
     -o-transform:scaleX(0.5); 
     -ms-transform:scaleX(0.5); 	
     -moz-transform:scaleX(0.5); 	
     -webkit-transform:scaleX(0.5);
  }
 .border-1px::after {
        width: 200%;
        height: 200%;
        transform: scale(0.5);
        -o-transform:scale(0.5); 
        -ms-transform:scale(0.5); 	
        -moz-transform:scale(0.5); 	
        -webkit-transform:scale(0.5);
        transform-origin: 0 0;
        -o-transform-origin:0 0; 
        -ms-transform-origin:0 0; 	
        -moz-transform-origin:0 0; 	
        -webkit-transform-origin:0 0;
   }
  
  /*设备像素比*/

