/**
  	作者：582366190@qq.com
  	时间：2019-9-4
  	描述：公用样式
 **/
*{
	padding: 0;
	margin: 0;
}
.mui-bar-nav,.mui-bar-tab,.mui-content,.shop-head{
    max-width: 750px;
    margin: auto;
}
/* 去掉 table cell 的边距并让其边重合 */ 
table{  
    border-collapse:collapse;  
    border-spacing:0;  
}
/* 去除默认边框 */  
img {  
    border:none;
    vertical-align: middle; 
    border:0;
}
/*input输入文字不贴边*/
input::-webkit-input-placeholder { /* WebKit browsers */
    color: #A8A8A8; font-size: 12px;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #A8A8A8; font-size: 12px;
}
input::-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #A8A8A8; font-size: 12px;
}
input,optgroup,select,textarea{
	
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);    

-webkit-user-modify: read-write-plaintext-only;

outline:none;

}
input,textarea{
    -webkit-user-select:auto; /*webkit浏览器*/  
    user-select:auto;
}
button{
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
	outline:none;
}
/* 去掉列表前的标识，li 会继承 */ 
ol,ul {  
    list-style:none;  
}
/* 默认不显示下划线，保持页面简洁 */  
ins,a{  
    text-decoration:none;  
}
a{
	color: #333333;
}
a:focus {
    outline: none
}
a:hover {
    
}
/*显示隐藏*/
.hide {  
    display:none;  
}  
.block {  
    display:block;  
}
/* 设置浮动，减少浮动带来的 bug */  
.fl, .fr {  
    display:inline;  
}  
/*左浮动*/
.fl {  
    float:left;  
}  
/*右浮动*/
.fr {  
    float:right;  
}
/*清除浮动*/
.clearfix:after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0;
} 
.clearfix{
	zoom:1;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.bold{
	font-weight: bold;
}
.bor0{
	border: none !important;
}
.bgnone{
	background: none !important;
}
.windows{
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
    overflow: scroll;
}
.windows::-webkit-scrollbar{
	width: 0px;
	height: 0px;
}
.closeBox{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/*超出一行省略*/
.onep{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*超出两行省略*/
.twop{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
/*字号*/
.ft20{
    font-size: 10px;
}
.ft22{
    font-size: 11px;
}
.ft24{
    font-size: 12px;
}
.ft26{
    font-size: 13px;
}
.ft30{
    font-size: 15px;
}
.ft32{
    font-size: 16px;
}
.ft36{
    font-size: 18px;
}
.ft40{
    font-size: 20px;
}
.ft48{
    font-size: 24px;
}
/*颜色 背景颜色*/
.white{
    color: #FFFFFF;
}
.whitebg{
    background-color: #FFFFFF;
}
.pink{
    color: #EF565D;
}
.pinkbg{
    background-color: #EF565D;
}
.bluebg{
    background-color: #00b0f0;
}
.graybg1{
    background-color: #696969;
}
.gary{
    color: #8f8f94;
}
.garybg{
    /*background: #EAEDF2;*/
    background: #696969;
}
.green{
    color: #00A05C;
}
/*margin padding*/
.mt0{
    margin: 0 !important;
}
.mt10{
    margin-top: 5px;
}
.mt20{
    margin-top: 10px;
}
.mt30{
    margin-top: 15px;
}
.mt40{
    margin-top: 20px;
}
.ml20{
    margin-left: 10px;
}
.ml40{
    margin-left: 20px;
}
.mr10{
    margin-right: 50px;
}
/*分割线*/
.hr{
    width: 100%;
    height: 10px;
    background: #F2F4F8;
}
/*占位*/
.height{
    height: 50px;
}