/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,img, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,div{margin: 0;padding: 0;}
html, body{height:100%; width:100%;font-size: 12px;line-height: 100%; font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif;-webkit-text-size-adjust: 100%;}
body, button, input, select, textarea {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;line-height: 100%; font-style: normal;}
a{ text-decoration:none; color:#2277aa; cursor: pointer;}
a:hover{ text-decoration:none;}
ul, ol,li{list-style: none outside none;}
fieldset, img, input {border:none; vertical-align:middle;}
img{ vertical-align:middle;}
em, i {font-style: normal;}
button, input, select, textarea {font-size: 100%; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
button::-moz-focus-inner, input::-moz-focus-inner {border-color:transparent !important; padding:0px; border:none;}
table {border-collapse: collapse;border-spacing: 0;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {cursor: pointer;}
html {font-size: 42px;}


/*float*/
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; overflow:hidden;}
.clearfix{zoom:1;}
.center {text-align: center;}
.ellipsis {white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} /*文字溢出省略号显示*/
.pointer {cursor: pointer}
.overHide {overflow: hidden;}

.overLine1 {
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow:hidden;
}
.overLine2 {
	display:-webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
	/*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
}
.overLine3 {
	display:-webkit-box;
	/*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
	-webkit-line-clamp: 3;
	overflow: hidden;
	word-break: break-all;
}
.overLine4 {
	display:-webkit-box;
	/*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
	-webkit-line-clamp: 4;
	overflow: hidden;
	word-break: break-all;
}


/*radius set*/
.radius0 {border-radius: 0px; -webkit-border-radius:0px; -moz-border-radius: 0px;}
.radius2 {border-radius: 2px; -webkit-border-radius:2px; -moz-border-radius: 2px;}
.radius3 {border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius: 3px;}
.radius4 {border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius: 4px;}
.radius5 {border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px;}
.radius10 {border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius: 10px;}
.radius20 {border-radius: 20px; -webkit-border-radius:20px; -moz-border-radius: 20px;}
.radius50 {border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius: 50%;}

.h_opacity40:active { opacity: 0.4; filter: alpha(opacity=40);}
.h_opacity50:active { opacity: 0.5; filter: alpha(opacity=50);}
.h_opacity60:active { opacity: 0.6; filter: alpha(opacity=60);}
.h_opacity70:active { opacity: 0.8; filter: alpha(opacity=70);}
.h_opacity80:active { opacity: 0.8; filter: alpha(opacity=80);}

/*position*/
.ab {position: absolute;}
.re {position: relative;}
.fixed {position: fixed; z-index: 100000;transform: translateZ(0);-webkit-transform: translateZ(0);}
.mar {margin: 0 auto}
*:focus {outline: none;}
img, object, embed, video {
	max-width: 100%;
}
/*auto fill*/
.stretch {
	display: block; /* cause is HTML5 element */  
    /* take up all available space */  
    -moz-box-flex: 1;  
    -webkit-box-flex: 1;  
    box-flex: 1; 	
}
.box {
	display: -moz-box;
    display: -webkit-box;
    display: box;	
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="text"],
input[type="password"],
textarea,
button,
a,
label,
div {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance:none;
}


/*页面溢出隐藏*/
.pageBox {
	width: 100%;
	overflow: hidden;
}

/*
input::-webkit-input-placeholder{
	opacity: 1;
	color:red;
}
input::-moz-placeholder{
	opacity: 1;
	color:red;
}
input:-moz-placeholder{
	opacity: 1;
	color:red;
}
input:-ms-input-placeholder{
	opacity: 1;
	color:red;
}
*/

/*文字渐变*/
/*background-image:-webkit-linear-gradient(bottom,#d0cddf,#ffffff,#ffffff); 
-webkit-background-clip:text; 
-webkit-text-fill-color:transparent;*/