/**-----重置-----**/
html,body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; border: 0;}
/* HTML5 display-role reset for older browsers */ 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section img{ 
display: block; 
} 
*,*:before,*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-all;
}
ol, ul,li{ 
  list-style: none; 
} 
em,address{
	font-style: normal;
}
blockquote, q { 
   quotes: none; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
content: ''; 
content: none; 
} 
/*
 *	去除按钮的默认样式
 * */
input[type="submit"],
input[type="button"],
input[type="number"],
button[type="submit"],
button[type="button"],
input[type="reset"],
button[type="reset"]{
	-webkit-appearance: none !important;
	-moz-appearance: none !important; 
	-moz-appearance: textfield !important;/*moz type="number"*/ 
	-o-appearance: none;
	appearance: none;
	outline:none; 
	
}
input::-webkit-outer-spin-button,  /*webkit type="number"*/          
input::-webkit-inner-spin-button{                
		-webkit-appearance: none !important;        
}
/*
 *	去除文本框获取焦点时的高亮框
 * */
input[type="text"]:focus,button[type="text"]:focus,{ 
	outline:none;
}
input[type="text"],textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	resize:none;
	outline: none;
}
button,input{ border-radius: 0;-webkit-border-radius: 0;}
table{border-collapse:collapse;}
a{
	text-decoration: none;
	color: #000;
}
img{
	border:0;     
}
html,body { 
    background: #fff;
	width: 100%;
	height: 100%;
	color: rgb(51,51,51);/*#333*/
	font-size: 14px;
	font-family: "微软雅黑";
	min-width: 1200px;
}
/*主体宽度*/
.inner-auto{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.twoline{    /*多行溢出问题放一个盒子里面*/
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.oneline{    
	 overflow: hidden;
	 text-overflow: ellipsis;
     display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.threeline{    
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.fourline{    
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
/*
 *	public css
 * */

/*clear去浮动*/
.clear{
	zoom:1;
}
.clear:after{
	display: block;
	content: "";
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
}
.flex{         /*弹性布局父级元素*/
		display: box;               /* OLD - Android 4.4- */
		display: -webkit-box;       /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;          /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;       /* TWEENER - IE 10 */
		display: -webkit-flex;      /* NEW - Chrome */
		display: flex;  
} 
 /*flex1 自动填充*/
.flex1{
	-webkit-box-flex: 1;       
	-moz-box-flex: 1;           
	-webkit-flex: 1;                    
	-ms-flex: 1;                          
	flex: 1;       
}
.flex2{
	-webkit-box-flex: 2;       
	-moz-box-flex: 2;           
	-webkit-flex: 2;                    
	-ms-flex: 2;                          
	flex: 2; 
}
.flex3{
	-webkit-box-flex: 3;       
	-moz-box-flex: 3;           
	-webkit-flex: 3;                    
	-ms-flex: 3;                          
	flex: 3; 
}
/*flex-wrap 自动换行*/
.flex-wrap{
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -o-flex-wrap: wrap;
	 flex-wrap:wrap;
}
/*flexv 竖直排列*/
.flexv{
	-webkit-box-orient:vertical;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-o-flex-direction: column;
    -moz-flex-direction: column;
}
/*水平垂直居中*/
 .flexc{
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
    -moz-justify-content: center
	justify-content:center;
}
/*jus-b 水平两端对齐*/
.jus-b{
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
/*jus-a 水平相等间距*/
.jus-a{
	-webkit-justify-content:space-around;
	-ms-flex-pack:distribute;
	justify-content:space-around;
}
/*jus-s 首端对齐*/
.jus-s{
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-ms-flex-pack:end;
	justify-content:flex-start;
}
/*ali-c 竖直居中*/
.ali-c{       
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
     align-items: center;
    -moz-box-align:center;
}

.tl{
	text-align: left;
}
.tr{
	text-align: right;
}
.txt-center{
	text-align: center;
}
  /*占位符placeholder颜色*/
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {  color: #ccc !important;} 
  input::-ms-input-placeholder, textarea::-ms-input-placeholder {  color: #ccc !important;}
  input::-moz-input-placeholder, textarea::-moz-input-placeholder {  color: #ccc !important;}
  input::input-placeholder, textarea::input-placeholder {  color: #ccc !important;}