html {
	-webkit-text-size-adjust: none;
	/*禁止文字自动调整大小，解决chrome浏览器下字体不能小于12px*/
	-webkit-touch-callout: none;
	/*去除长按a链接弹框*/
	font-family: PingFangSC-Regular, sans-serif;
}
/*单行文字超出省略*/
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*多行文字超出省略*/
.moreEllipsis {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
}
/* 遮罩层 */
.mask{
   width: 100vw;
   height: 100vh;
   position: fixed;
   left: 0;
   top: 0;
   background: rgba(0, 0, 0, .4);
   z-index: 500;
   display: none;
}

Element {
    -moz-box-sizing: content-box;  
    -webkit-box-sizing: content-box; 
    -o-box-sizing: content-box; 
    -ms-box-sizing: content-box; 
    box-sizing: content-box; 
 }
 Element {
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
 }
*{margin: 0;box-sizing : content-box;box-sizing : border-box;}
/* img{width: 100%;height: 100%;} */
span{display: inline-block;}
a{text-decoration: none;display: block;color: #ffffff;}
a:hover{cursor: pointer;}
button{border: none;outline: none;}
textarea{outline: none;border: none;background-color: #ffffff;resize: none;}
ul,li{list-style: none;padding: 0;margin:0;}
input,select{outline: none;border: none;}
.bnone{border: none !important;}
.fwb{font-weight: bold;}
.df{display: flex;}
.auto{margin: auto;}
.show{display: block;}
.hide{display: none;}
.rel{position: relative;}
.center{text-align: center;}
.fl{float: left;}
.fr{float: right;}
.clearfix::after{content: '';display: block;clear: both;}
.mtb20{margin: 20px 0;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px}
.mt70{margin-top: 70px}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px !important;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px}
.mb40{margin-bottom: 40px}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
.lh26{line-height: 26px;}
.lh30{line-height: 30px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}
.fz30{font-size: 30px;}
.fz32{font-size: 32px;}
.fz34{font-size: 34px;}
.fz36{font-size: 36px;}
.fz38{font-size: 38px;}
.fz40{font-size: 40px;}
.fz42{font-size: 42px;}
.fz44{font-size: 44px;}
.fz46{font-size: 46px;}
.fz48{font-size: 48px;}
.fz50{font-size: 50px;}
.fz58{font-size: 58px;}
.vt{vertical-align: top !important;}
.vm{vertical-align: middle !important;}
.vb{vertical-align: bottom !important;}
.bgc-fff{background-color: #ffffff;}
.c-fff{color: #ffffff !important;}
.c-333{color: #333333;}
.c-666{color: #666666;}
.c-999{color: #999999;}
.c-ccc{color: #cccccc;}
.c-eee{color: #EEEEEE;}