

/**
*	默认样式设定
*	
**/
body { 
	background : white; -webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-backface-visibility: hidden; -webkit-user-select: none; 
	-webkit-text-size-adjust:none; 
	font-family: "Microsoft YaHei","Apple LiGothic Medium","LiHei Pro Medium",Arial,Helvetica,sans-serif;
	 -webkit-font-smoothing: antialiased ;
	  word-wrap:break-word ;word-break:break-all ;
	  -webkit-overflow-scrolling: touch;
}
input,select{ display:block; }
table,td,th{ padding:0px; border:0px; }
ul{ list-style: none outside none; padding:0px; margin:0px; }
input{ padding:0px; border:0px; }
textarea{ border:none; }
.select-box{ position : relative ; }
.select-box select {
   background: transparent; width: 100%; 
   border: 0;  border-radius: 0;
   height: 100%;  text-align : left; -webkit-appearance: none;
}
.select-box:after{ 
	content : ' ' ; position :absolute; display : block;
	border-style:solid ;
	border-color:transparent ;
	border-top: 10px solid #C8C4CC;
	border-right: 10px solid #C8C4CC;
	border-left: 10px solid transparent;
	border-bottom: 10px solid transparent;
	-webkit-transform : rotateZ(135deg) ; top:35%;right:20px;
}
.alert-input{ border: 1px solid #dd4b39 !important;box-shadow: none !important; }


/**		常用样式定义	**/

.pa{ position: absolute; }
.pa00{ position: absolute; top: 0; left: 0; }
.pa10{ position: absolute; bottom: 0; left: 0; }
.pa01{ position: absolute; top: 0; right: 0; }
.pa11{ position: absolute; bottom: 0; right: 0; }
.pr{ position: relative; }
.pf{ position: fixed; }
.pf00{ position: fixed;top:0;left:0; }
.fixed{ position: absolute; }
.ma{ margin: auto; }
.full{ width: 100%; height: 100%; }
.fullw{ width: 100%; }
.fullh{ height: 100%; }


.db{ display : block; }
.dib{ display : inline-block; }
.di{ display : inline; }
.oh{ overflow: hidden; }
.nE{ pointer-events: none; }
.aE{ pointer-events: auto; }
.sky * {pointer-events: auto;}
.gboxLayer {pointer-events: none;}
.gboxLayer * {pointer-events: auto;}

.fl{ float: left; }
.fr{ float: right; }
.lay > div { float: left; }
.lay2 > div { float: right; }

.tal{ text-align: left; }
.tar{ text-align: right; }
.tac{ text-align: center; }
.taj{ text-align: justify; }


.tab>div { display: table-cell; vertical-align: middle; }
.tab { display: table; border: 0px; border-spacing: 0px; text-align: center; }
/**
*	flex布局 css样式
*/
.flex,.flexRow{ 
	display : -webkit-box; -webkit-box-orient : horizontal ; 
	display: flex ; display: -webkit-flex ; flex-direction : row ;
	 -webkit-flex-direction : row ;
}
.flexColumn{ 
	display : -webkit-box; -webkit-box-orient : vertical ; display: flex ;
	 display: -webkit-flex ; flex-direction : column ; -webkit-flex-direction : column ;
}
.flex1{ box-flex:1; -webkit-box-flex:1; flex : 1 ; -webkit-flex : 1 ; position : relative; }
.flex2{ box-flex:2; -webkit-box-flex:2; flex : 2 ; -webkit-flex : 2 ; position : relative; }
.flex3{ box-flex:3; -webkit-box-flex:3; flex : 3 ; -webkit-flex : 3 ; position : relative; }
.flexCenter{ -webkit-box-align : center ; align-items : center ; -webkit-align-items : center ; }
.flexStart{ -webkit-box-align : start ; align-items : flex-start ; -webkit-align-items : flex-start ; }
.flexEnd{ -webkit-box-align : end ; align-items : flex-end ; -webkit-align-items : flex-end ; }
.flexBaseLine{ -webkit-box-align : baseline ; align-items : baseline ; -webkit-align-items : baseline ; }
.flexStretch{ -webkit-box-align : stretch ; align-items : stretch ; -webkit-align-items : stretch ; }
.dn{ display: none; }

.circle{ border-radius : 50% 50% ; -webkit-border-radius : 50% 50% ; }
.bb{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.tr0{ -webkit-transform:translate(0px,0px); }
.tr2{ -webkit-transform:translate(2px,2px); }
.tr4{ -webkit-transform:translate(4px,4px); }
.sc95{ -webkit-transform:scale(0.95); }
.op3{ 	position: relative; 	overflow :hidden; }
.op3:before{ content : ''; display : block; width:100%;height:100%; position:absolute; top:0;left:0; background : rgba(0,0,0,0.3); }
.auto{ position:absolute; top:0;bottom:0;margin:auto;right:0;left:0; }
.auto2{ position:absolute; top:50%;left:50%; transform : translate(-50%,-50%); -webkit-transform : translate(-50%,-50%);  }
.halfY{ transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.z0{ transform:translateZ(0);-webkit-transform:translateZ(0);}
.transformOrigin,.origin{ transform-origin:0px 0px; -webkit-transform-origin:0px 0px; }
.wba{ word-break: break-all; }
.text-ellipsis{  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.text-bold{ font-weight: 800; }



















