/* 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}
body, button, input, select, textarea {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p, strong {font-size: 100%;line-height: 100%; font-style: normal;}
a{ text-decoration:none; color:#2277aa;}
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;}
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;}

.overLine2 {
	display:-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
}
.overLine3 {
	display:-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	word-break: break-all;
}
.overLine4 {
	display:-webkit-box;
	-webkit-box-orient: vertical;
	-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%;}

/*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;
}

div {-webkit-overflow-scrolling: touch;}

/*表单placeholder颜色调整*/
/*
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;
}
*/

/* -webkit-overflow-scrolling: touch;*/