@charset "utf-8";
html,body{height: 100%;}
*{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body{position:relative;font-family:'Microsoft YaHei';
color:#333;}
ul,li{list-style:none;}
a{text-decoration:none;outline:none;color:#333;}
a:hover{text-decoration:none;}
a:active {star:expression(this.onFocus=this.blur());} 
.left{float:left}
.right{float:right}
.textRight{text-align: right;}
input{outline: none;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button { -webkit-appearance: none;}
img{border:0;}
h1, h2, h3, h4, h5, h6, b, i, em {font-size:1em;font-style:normal;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Microsoft YaHei';}
.none{display:none;}
.main-box{position:relative;margin:0 auto; max-width:750px;min-width:320px;}
.area,.clear,.con{*zoom:1;}
.area:after,.clear:after,.con:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
/**** 弹性盒子布局 ***/
.flex-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex1 {
	-webkit-box-flex: 1;
	-moz-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
} 
.flex-order-1{
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}
.flex2 {
	-webkit-box-flex: 2;
	-moz-box-flex:2;
	-webkit-flex:2;
	-ms-flex:2;
	flex:2;
} 
.flex-order-2{
	-webkit-box-ordinal-group:2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}
.flex3 {
	-webkit-box-flex: 3;
	-moz-box-flex:3;
	-webkit-flex:3;
	-ms-flex:3;
	flex:3;
} 
.flex-order-3{
	-webkit-box-ordinal-group:3;
	-moz-box-ordinal-group:3;
	-ms-flex-order:3;
	-webkit-order:3;
	order:3;
}
.clear:after{content:'';width: 0;height:0;clear: both;display: block;}