/* CSS Document */                
html{font-size:100%;}
body{ margin:0; font-size:12px; font-family:Verdana,'Microsoft Yahei'; color:#333; line-height:22px; background:#ededef; /*-webkit-font-smoothing:antialiased;*/ -webkit-overflow-scrolling:touch;}
ol,ul,li,dl,dt,dd,form,p,input,img,div,span,var{ margin:0; padding:0; border:0; box-sizing:border-box;}
var,p{ font-family:Verdana;}
dl,dt,dd{line-height:inherit;}
ul,dl,li{ list-style-type:none; box-sizing:border-box;}
em,strong,i,var{ font-style:normal;}
img{vertical-align:top; margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; border:0; color:#333; font-size:inherit; font-weight:normal;}
ul,li,ol{ list-style:none;}
table { border-collapse:collapse; border-spacing: 0; }
.hide{display:none;}
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
a{text-decoration:none; color:#333; transition:all .5s ease;}
a:hover{color:#0054ff; }
.btn_hover{cursor:pointer; transition:all .5s ease;}
.btn_hover:hover{color:#ed462f; transform:rotate(180deg);}
.positi_re{position:relative;}
.positi_ab{position:absolute;}
.positi_fix{position:fixed;}
img{vertical-align:top; max-width: 100%;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {clear:both;zoom:1;}
input::-webkit-input-placeholder {color:#ccc !important; /* WebKit browsers */}
input[type="button"], input[type="submit"], input[type="reset"],textarea {-webkit-appearance:none;}
.border_box{ box-sizing:border-box;}
.btn_red,.btn_green,.more_btn{ display:block; background:#ff6260; border-radius:3px; color:#fff; line-height:3rem; font-size:.875rem; margin-top:1rem; cursor:pointer; text-align: center;}
.icon {font-family:"iconfont" !important; position:relative; display:inline-block; vertical-align:middle; padding:0 2px; margin-top:-1px; font-style:normal; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:0.2px; -moz-osx-font-smoothing:grayscale; }

.fool_warp{padding:60px 0;}
.icon_spirt/*,.title_warp:before*/,.footer:before{width:100px; height:100px; background:url(../images/spirt.png) no-repeat;}

/*通用宽度*/
.w_1200{max-width:1200px; margin:0 auto;}
.main{float:none;}
.w_fu11{width:100%;}

/*盒型模式*/
.boder_box{box-sizing:border-box;}

/*背景&文字颜色*/
.bg_white{background:#fff;}
.bg_blue{background:#1d78fa;}
.bg_red{background:#ed462f; width:100%; text-align:center; color:#fff; font-size:14px; line-height:36px; border-radius:2px;}
.bg_gay{background:#ededef;}
.bg_gay01{background:#ededef}
.bg_gay02{background:#eeeff3;}
.bg_dark{background:#222026;}
.orange{color:#ff7000;}
.blue{color:#0054ff;}
.red{color:#ed462f;}
.txt_white{color:#fff;} 
.txt_gay{color:#888;}
.txt_dark{color:#2d2d2d;}
.mart_30{margin-top:30px;}
.marb_20{margin-bottom:20px;}
.marb_30{margin-bottom:50px;}
.paddb_50{padding-bottom:60px;}
.font_small{font-family:"HanHei SC", "PingHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; font-weight:300;  }

/*边框样式*/
.iput,.btn{border-radius:2px;}
.iput{border:1px solid #e4e4e4; background:#fff; line-height:28px;}
.bottom_1px_dark{border-bottom:1px solid #323136;}
.bottom_1px_gay{border-bottom:1px solid #ededed;}

/*按钮样式*/
.btn{padding:0 15px; line-height:30px;}
.font_v{ font-family:Verdana; }
.plat_icon{font-size:18px; padding:0 6px; color:#34acf1; margin-top:-2px;}

/* 字体 */
/*@font-face {
	font-family: 'Novecentowide-Medium';
	src: url("../font/Novecentowide-Medium.eot");
	src: url('../font/Novecentowide-Medium.otf')format('otf'),
			url("../font/Novecentowide-Medium.eot?#iefix") format('embedded-opentype'),
			url("../font/Novecentowide-Medium.woff") format('woff'), 
			url("../font/Novecentowide-Medium.woff2") format('woff2'), 
			url("../font/Novecentowide-Medium.ttf") format('truetype'), 
			url("../font/Novecentowide-Medium.svg") format('svg');
	font-weight: normal;
	font-style: normal
}*/
@font-face {
	font-family: 'GRAYSTROKE REGULAR';
	src: url("../font/GRAYSTROKE REGULAR.eot");
	src: url('../font/GRAYSTROKE REGULAR.otf')format('otf'), 
			url("../font/GRAYSTROKE REGULAR.eot?#iefix") format('embedded-opentype'), 
			url("../font/GRAYSTROKE REGULAR.woff") format('woff'), 
			url("../font/GRAYSTROKE REGULAR.woff2") format('woff2'),
			url("../font/GRAYSTROKE REGULAR.ttf") format('truetype'),
			url("../font/GRAYSTROKE REGULAR.svg") format('svg');
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'RUBIK-REGULAR-WEBFONT';
	src: url("../font/RUBIK-REGULAR-WEBFONT.eot");
	src: url('../font/RUBIK-REGULAR-WEBFONT.otf')format('otf'), 
			url("../font/RUBIK-REGULAR-WEBFONT.eot?#iefix") format('embedded-opentype'), 
			url("../font/RUBIK-REGULAR-WEBFONT.woff") format('woff'),
			url("../font/RUBIK-REGULAR-WEBFONT.woff2") format('woff2'), 
			url("../font/RUBIK-REGULAR-WEBFONT.ttf") format('truetype'), 
			url("../font/RUBIK-REGULAR-WEBFONT.svg") format('svg');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'DIN-BoldItalicAlt';
	src: url("../font/DIN-BoldItalicAlt.eot");
	src: url('../font/DIN-BoldItalicAlt.otf')format('otf'), 
			url("../font/DIN-BoldItalicAlt.eot?#iefix") format('embedded-opentype'), 
			url("../font/DIN-BoldItalicAlt.woff") format('woff'),
			url("../font/DIN-BoldItalicAlt.woff2") format('woff2'),
			url("../font/DIN-BoldItalicAlt.ttf") format('truetype'), 
			url("../font/DIN-BoldItalicAlt.svg") format('svg');
	font-weight: normal;
	font-style: normal
}
/* @font-face {
	font-family: 'DINCond-Medium';
	src: url("../font/DINCond-Medium.eot");
	src: url('../font/DINCond-Medium.otf')format('otf'), 
			url("../font/DINCond-Medium.eot?#iefix") format('embedded-opentype'), 
			url("../font/DINCond-Medium.woff") format('woff'), 
			url("../font/DINCond-Medium.woff2") format('woff2'), 
			url("../font/DINCond-Medium.ttf") format('truetype'), 
			url("../font/DINCond-Medium.svg") format('svg');
	font-weight: normal;
	font-style: normal
} */
/*@font-face {
	font-family: 'ROBOTO-REGULAR';
	src: url("../font/ROBOTO-REGULAR.eot");
	src: url('../font/ROBOTO-REGULAR.otf')format('otf'), 
			url("../font/ROBOTO-REGULAR.eot?#iefix") format('embedded-opentype'), 
			url("../font/ROBOTO-REGULAR.woff") format('woff'), 
			url("../font/ROBOTO-REGULAR.woff2") format('woff2'), 
			url("../font/ROBOTO-REGULAR.ttf") format('truetype'), 
			url("../font/ROBOTO-REGULAR.svg") format('svg');
	font-weight: normal;
	font-style: normal
}*/
@font-face {
	font-family: 'DINPro-Bold';
	src: url("../font/DINPro-Bold.eot");
	src: url('../font/DINPro-Bold.otf')format('otf'), 
			url("../font/DINPro-Bold.eot?#iefix") format('embedded-opentype'), 
			url("../font/DINPro-Bold.woff") format('woff'), 
			url("../font/DINPro-Bold.woff2") format('woff2'),
			url("../font/DINPro-Bold.ttf") format('truetype'),
			url("../font/DINPro-Bold.svg") format('svg');
	font-weight: normal;
	font-style: normal
}
/*@font-face {
	font-family: 'tt0173m_';
	src: url("../font/tt0173m_.eot");
	src: url('../font/tt0173m_.otf')format('otf'), 
			url("../font/tt0173m_.eot?#iefix") format('embedded-opentype'),
			url("../font/tt0173m_.woff") format('woff'), 
			url("../font/tt0173m_.woff2") format('woff2'), 
			url("../font/tt0173m_.ttf") format('truetype'), 
			url("../font/tt0173m_.svg") format('svg');
	font-weight: normal;
	font-style: normal
}*/
/*@font-face {
	font-family: 'BRANDONTEXT-BOLD';
	src: url("../font/BRANDONTEXT-BOLD.eot");
	src: url('../font/BRANDONTEXT-BOLD.otf')format('otf'), 
			url("../font/BRANDONTEXT-BOLD.eot?#iefix") format('embedded-opentype'),
			url("../font/BRANDONTEXT-BOLD.woff") format('woff'),
			url("../font/BRANDONTEXT-BOLD.woff2") format('woff2'),
			url("../font/BRANDONTEXT-BOLD.ttf") format('truetype'), 
			url("../font/BRANDONTEXT-BOLD.svg") format('svg');
	font-weight: normal;
	font-style: normal
}*/
/*@font-face {
	font-family: 'NOVECENTOWIDE-BOOK';
	src: url("../font/NOVECENTOWIDE-BOOK.eot");
	src: url('../font/NOVECENTOWIDE-BOOK.otf')format('otf'),
			url("../font/NOVECENTOWIDE-BOOK.eot?#iefix") format('embedded-opentype'),
			url("../font/NOVECENTOWIDE-BOOK.woff") format('woff'), 
			url("../font/NOVECENTOWIDE-BOOK.woff2") format('woff2'), 
			url("../font/NOVECENTOWIDE-BOOK.ttf") format('truetype'),
			url("../font/NOVECENTOWIDE-BOOK.svg") format('svg');
	font-weight: normal;
	font-style: normal
}*/
/*@font-face {
	font-family: 'DINCOND-MEDIUMALTERNATE';
	src: url("../font/DINCOND-MEDIUMALTERNATE.eot");
	src: url('../font/DINCOND-MEDIUMALTERNATE.otf')format('otf'), 
			url("../font/DINCOND-MEDIUMALTERNATE.eot?#iefix") format('embedded-opentype'),
			url("../font/DINCOND-MEDIUMALTERNATE.woff") format('woff'), 
			url("../font/DINCOND-MEDIUMALTERNATE.woff2") format('woff2'), 
			url("../font/DINCOND-MEDIUMALTERNATE.ttf") format('truetype'),
			url("../font/DINCOND-MEDIUMALTERNATE.svg") format('svg');
	font-weight: normal;
	font-style: normal
}*/
/*@font-face {
	font-family: 'Roboto-Bold';
	src: url("../font/Roboto-Bold.eot");
	src: url('../font/Roboto-Bold.otf')format('otf'),
			url("../font/Roboto-Bold.eot?#iefix") format('embedded-opentype'), 
			url("../font/Roboto-Bold.woff") format('woff'), 
			url("../font/Roboto-Bold.woff2") format('woff2'), 
			url("../font/Roboto-Bold.ttf") format('truetype'), 
			url("../font/Roboto-Bold.svg") format('svg');
	font-weight: normal;
	font-style: normal
}*/
/*@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../font/Montserrat-Regular.eot');
    src: url('../font/Montserrat-Regular.otf')format('otf'),
    url('../font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/Montserrat-Regular.woff') format('woff'),
    url('../font/Montserrat-Regular.woff2') format('woff2'),
    url('../font/Montserrat-Regular.ttf') format('truetype'),
    url('../font/Montserrat-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'dincond_bold';
    src: url('../font/dincond-bold-webfont.eot');
    src: url('../font/dincond-bold-webfont.otf')format('otf'),
    url('../font/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/dincond-bold-webfont.woff') format('woff'),
    url('../font/dincond-bold-webfont.woff2') format('woff2'),
    url('../font/dincond-bold-webfont.ttf') format('truetype'),
    url('../font/dincond-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

