@charset "utf-8";
/*CSS Document*/
html,body,div,p,ul,li,ol,dl,dt,dd,a,img,span,em,i,b,strong,label,h1,h2,h3,h4,h5,h6,table,tr,th,td,input,select,option,form,header,section,article,footer{
	margin: 0px;
	padding: 0px;
}
html{font-size: 1.0vw;}
body{
	font: 14px/1 "Microsoft Yahei","微软雅黑","SimSun","宋体",Arial;
	max-width: 640px;
	min-width: 320px;
	width: 100%;
	background: #fff;
	color: #222;
	margin:0 auto;
	z-index: 10;
}
header,footer{
	position: fixed;
	width: 100%;
	overflow: hidden;
	z-index: 999;
	background: #fff;
	opacity: 0.9;
}
a{
	text-decoration: none;
	color: #222;
	cursor: pointer;
}
a:hover{color: #007cd3;}
div,p,ul,ol,li,dl,dt,dd,a{
	list-style: none;
	overflow: hidden;
}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img{
	display: block;
	border: 0;
	max-width: 100%;
	margin: 0 auto;
	height: auto;
}
input,select,option,form{outline: none;}
input{border: none;}
.crb{clear: both;}
.ftl{float: left;}
.ftr{float: right;}
.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}
.pnt{top: 0;}
.pnb{bottom: 0;}
.pnl{left: 0;}
.pnr{right: 0;}
/* 显示行数 */
.wlc1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wlc2{overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.wlc3{overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;}
.wlc4{overflow: hidden;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;}
/* 字体颜色 */
.co0{color: #000;}
.co2{color: #222;}
.co3{color: #333;}
.co5{color: #555;}
.co6{color: #666;}
.co8{color: #888;}
.co9{color: #999;}
.co-black{color: black;/*黑色*/}
.co-gray{color: gray;/*灰色*/}
.co-white{color: white;/*白色*/}
.co-brown{color: brown;/*棕色*/}
.co-red{color: red;/*红色*/}
.co-tomato{color: tomato;/*番茄*/}
.co-orange{color: orange;/*橙色*/}
.co-gold{color: gold;/*金色*/}
.co-yellow{color: yellow;/*黄色*/}
.co-green{color: green;/*绿色*/}
.co-cyan{color: cyan;/*青色*/}
.co-blue{color: blue;/*蓝色*/}
.co-purple{color: purple;/*紫色*/}
.co-crimson{color: crimson;/*猩红*/}
.co-pink{color: pink;/*粉色*/}
.brs1{border: 1px solid #e1e1e1;}
.brs1_t{border-top: 1px solid #e1e1e1;}
.brs1_b{border-bottom: 1px solid #e1e1e1;}
.brs1_l{border-left: 1px solid #e1e1e1;}
.brs1_r{border-right: 1px solid #e1e1e1;}
.brd1{border: 1px dotted #e1e1e1;}
.brd1_t{border-top: 1px dotted #e1e1e1;}
.brd1_b{border-bottom: 1px dotted #e1e1e1;}
.brd1_l{border-left: 1px dotted #e1e1e1;}
.brd1_r{border-right: 1px dotted #e1e1e1;}
.br-bn{border-bottom: none;}
.br-tn{border-top: none;}
.br-ln{border-left: none;}
.br-rn{border-right: none;}
/* 圆角 */
.br50{border-radius: 50%;}
.br15{border-radius: 15px;}
.br10{border-radius: 10px;}
.br8{border-radius: 8px;}
.br5{border-radius: 5px;}
.fwb{font-weight: bold;}
.fwbr{font-weight: bolder;}
.fsn{font-style: normal;}
.dis-n{display: none;}
.dis-b{display: block;}
/* 浏览器会显示一个斜体的字体样式 */
.fsi{font-style: italic;}
/* 浏览器会显示一个倾斜的字体样式 */
.fso{font-style: oblique;}
/* 宽度 */
.w10000{width: 10000%;}
.w100{width: 100%;}
.w80{width: 80%;}
.w78{width: 77%;}
.w73{width: 72%;}
.w68{width: 67%;}
.w63{width: 62%;}
.w50{width: 50%;}
.w48{width: 48%;}
.w35{width: 35%;}
.w30{width: 30%;}
.w25{width: 25%;}
.w23{width: 23%;}
.w20{width: 20%;}
.w18{width: 18%;}
.w-8{width: 12.5%;}
/* 间距为0 */
.mtb0{margin: 0px auto;}
.mlr0{margin: 0px;}
.mt0{margin-top: 0px;}
.mb0{margin-bottom: 0px}
.ml0{margin-left: 0px;}
.mr0{margin-right: 0px;}
.p0{padding: 0px;}
.pt0{padding-top: 0px;}
.pb0{padding-bottom: 0px;}
.pl0{padding-left: 0px;}
.pr0{padding-right: 0px;}

/*common*/
.c-tit{width: 100%;}
.c-tit h3{float: left; color: #007cd3;}
.mbx a{padding-right: 5px;}

/* con */
.con{width: 100%;}

.mw{max-width: 640px;min-width: 320px;}
/* vw值是以视口宽度400为基数计算出的 */
@media screen and (min-width: 320px) and (max-width: 640px){
	/* 字体大小 */
	body{font-size: 3.5vw;}
	.fts12{font-size: 3.0vw;}
	.fts16{font-size: 4.0vw;}
	.fts18{font-size: 4.5vw;}
	.fts20{font-size: 5.0vw;}
	.fts22{font-size: 5.5vw;}
	.fts24{font-size: 6.0vw;}
	.fts26{font-size: 6.5vw;}
	.fts28{font-size: 7.0vw;}
	/* 高度 */
	.h20{height: 5.0vw;}
	.h22{height: 5.5vw;}
	.h24{height: 6.0vw;}
	.h30{height: 7.5vw;}
	.h40{height: 10.0vw;}
	.h50{height: 12.5vw;}
	/* 高度居中 */
	.lh20{line-height: 5.0vw;}
	.lh22{line-height: 5.5vw;}
	.lh24{line-height: 6.0vw;}
	.lh30{line-height: 7.5vw;}
	.lh40{line-height: 10.0vw;}
	.lh50{line-height: 12.5vw;}
	/* 高度 和 高度居中 */
	.lht20{line-height: 5.0vw;height: 5.0vw;}
	.lht22{line-height: 5.5vw;height: 5.5vw;}
	.lht24{line-height: 6.0vw;height: 6.0vw;}
	.lht30{line-height: 7.5vw;height: 7.5vw;}
	.lht32{line-height: 8.0vw;height: 8.0vw;}
	.lht36{line-height: 9.0vw;height: 9.0vw;}
	.lht40{line-height: 10.0vw;height: 10.0vw;}
	.lht50{line-height: 12.5vw;height: 12.5vw;}
	/* margin */
	.mtb10{margin: 2.5vw auto;}
	.mtb15{margin: 3.75vw auto;}
	.mtb20{margin: 5.0vw auto;}
	.mtb30{margin: 7.5vw auto;}
	.mtb40{margin: 10.0vw auto;}
	.mlr10{margin: 0vw 2.5vw;}
	.mlr15{margin: 0vw 3.75vw;}
	.mlr20{margin: 0vw 5.0vw;}
	.mlr30{margin: 0vw 7.5vw;}
	.mt10{margin-top: 2.5vw;}
	.mt15{margin-top: 3.75vw;}
	.mt20{margin-top: 5.0vw;}
	.mt25{margin-top: 6.25vw;}
	.mt30{margin-top: 7.5vw;}
	.mt40{margin-top: 10.0vw;}
	.mt50{margin-top: 12.5vw;}
	.mb5{margin-bottom: 1.25vw;}
	.mb10{margin-bottom: 2.5vw;}
	.mb15{margin-bottom: 3.75vw;}
	.mb20{margin-bottom: 5.0vw;}
	.mb30{margin-bottom: 7.5vw;}
	.mb40{margin-bottom: 10.0vw;}
	.mb50{margin-bottom: 12.5vw;}
	.ml10{margin-left: 2.5vw;}
	.ml20{margin-left: 5.0vw;}
	.ml30{margin-left: 7.5vw;}
	.ml50{margin-left: 12.5vw;}
	.mr10{margin-right: 2.5vw;}
	.mr20{margin-right: 5.0vw;}
	.mr30{margin-right: 7.5vw;}
	.mr50{margin-right: 12.5vw;}
	/* padding */
	.ptb10{padding: 2.5vw 0vw;}
	.ptb15{padding: 3.75vw 0vw;}
	.ptb20{padding: 5.0vw 0vw;}
	.ptb30{padding: 7.5vw 0vw;}
	.plr10{padding: 0vw 2.5vw;}
	.plr15{padding: 0vw 3.75vw;}
	.plr20{padding: 0vw 5.0vw;}
	.plr30{padding: 0vw 7.5vw;}
	.pt10{padding-top: 2.5vw;}
	.pt15{padding-top: 3.75vw;}
	.pt20{padding-top: 5.0vw;}
	.pt25{padding-top: 6.25vw;}
	.pt30{padding-top: 7.5vw;}
	.pt40{padding-top: 10.0vw;}
	.pb5{padding-bottom: 1.25vw;}
	.pb10{padding-bottom: 2.5vw;}
	.pb15{padding-bottom: 3.75vw;}
	.pb20{padding-bottom: 5.0vw;}
	.pb25{padding-bottom: 6.25vw;}
	.pb30{padding-bottom: 7.5vw;}
	.pb40{padding-bottom: 10.0vw;}
	.pl10{padding-left: 2.5vw;}
	.pl20{padding-left: 5.0vw;}
	.pl30{padding-left: 7.5vw;}
	.pr10{padding-right: 2.5vw;}
	.pr20{padding-right: 5.0vw;}
	.pr30{padding-right: 7.5vw;}
	/* 宽度 */
	.wh{width: 100vw;}
	/*.hf{width: 96vw;padding:0 2vw;}*/
}
/* 视口宽度小于320 vw值是以视口宽度320为基数计算出的 */
@media screen and (min-width: 0px) and (max-width: 320px){
	/* 字体大小 */
	body{font-size: 11.2px;}
	.fts12{font-size: 9.6px;}
	.fts16{font-size: 12.8px;}
	.fts18{font-size: 14.4px;}
	.fts20{font-size: 16.0px;}
	.fts22{font-size: 17.6px;}
	.fts24{font-size: 19.2px;}
	.fts26{font-size: 20.8px;}
	.fts28{font-size: 22.4px;}
	/* 高度 */
	.h20{height: 16.0px;}
	.h22{height: 17.6px;}
	.h24{height: 19.2px;}
	.h30{height: 24.0px;}
	.h40{height: 32.0px;}
	.h50{height: 40.0px;}
	/* 高度居中 */
	.lh20{line-height: 16.0px;}
	.lh22{line-height: 17.6px;}
	.lh24{line-height: 19.2px;}
	.lh30{line-height: 24.0px;}
	.lh40{line-height: 32.0px;}
	.lh50{line-height: 40.0px;}
	/* 高度 和 高度居中 */
	.lht20{line-height: 16.0px;height: 16.0px;}
	.lht22{line-height: 17.6px;height: 17.6px;}
	.lht24{line-height: 19.2px;height: 19.2px;}
	.lht30{line-height: 24.0px;height: 24.0px;}
	.lht32{line-height: 25.6px;height: 25.6px;}
	.lht36{line-height: 28.8px;height: 28.8px;}
	.lht40{line-height: 32.0px;height: 32.0px;}
	.lht50{line-height: 40.0px;height: 40.0px;}
	/* margin */
	.mtb10{margin: 8.0px auto;}
	.mtb15{margin: 12.0px auto;}
	.mtb20{margin: 16.0px auto;}
	.mtb30{margin: 24.0px auto;}
	.mtb40{margin: 32.0px auto;}
	.mlr10{margin: 0px 8.0px;}
	.mlr15{margin: 0px 12.0px;}
	.mlr20{margin: 0px 16.0px;}
	.mlr30{margin: 0px 24.0px;}
	.mt10{margin-top: 8.0px;}
	.mt15{margin-top: 12.0px;}
	.mt20{margin-top: 16.0px;}
	.mt25{margin-top: 20.0px;}
	.mt30{margin-top: 24.0px;}
	.mt40{margin-top: 32.0px;}
	.mt50{margin-top: 40.0px;}
	.mb5{margin-bottom: 4.0px;}
	.mb10{margin-bottom: 8.0px;}
	.mb15{margin-bottom: 12.0px;}
	.mb20{margin-bottom: 16.0px;}
	.mb30{margin-bottom: 24.0px;}
	.mb40{margin-bottom: 32.0px;}
	.mb50{margin-bottom: 40.0px;}
	.ml10{margin-left: 8.0px;}
	.ml20{margin-left: 16.0px;}
	.ml30{margin-left: 24.0px;}
	.ml50{margin-left: 40.0px;}
	.mr10{margin-right: 8.0px;}
	.mr20{margin-right: 16.0px;}
	.mr30{margin-right: 24.0px;}
	.mr50{margin-right: 40.0px;}
	/* padding */
	.ptb10{padding: 8.0px 0px;}
	.ptb15{padding: 12.0px 0px;}
	.ptb20{padding: 16.0px 0px;}
	.ptb30{padding: 24.0px 0px;}
	.plr10{padding: 0px 8.0px;}
	.plr15{padding: 0px 12.0px;}
	.plr20{padding: 0px 16.0px;}
	.plr30{padding: 0px 24.0px;}
	.pt10{padding-top: 8.0px;}
	.pt15{padding-top: 12.0px;}
	.pt20{padding-top: 16.0px;}
	.pt25{padding-top: 20.0px;}
	.pt30{padding-top: 24.0px;}
	.pt40{padding-top: 32.0px;}
	.pb5{padding-bottom: 4.0px;}
	.pb10{padding-bottom: 8.0px;}
	.pb15{padding-bottom: 12.0px;}
	.pb20{padding-bottom: 16.0px;}
	.pb25{padding-bottom: 20.0px;}
	.pb30{padding-bottom: 24.0px;}
	.pb40{padding-bottom: 32.0px;}
	.pl10{padding-left: 8.0px;}
	.pl20{padding-left: 16.0px;}
	.pl30{padding-left: 24.0px;}
	.pr10{padding-right: 8.0px;}
	.pr20{padding-right: 16.0px;}
	.pr30{padding-right: 24.0px;}
	/* 宽度 */
	.wh{width: 320px;}
	/*.hf{width: 307.2px;padding:0 6.4px;}*/
}

/* 视口宽度大于640小于1000 vw值是以视口宽度640为基数计算出的 */
@media screen and (min-width: 640px) and (max-width: 1000px){
	/* 字体大小 */
	body{font-size: 22.4px;}
	.fts12{font-size: 19.2px;}
	.fts16{font-size: 25.6px;}
	.fts18{font-size: 28.8px;}
	.fts20{font-size: 32.0px;}
	.fts22{font-size: 35.2px;}
	.fts24{font-size: 38.4px;}
	.fts26{font-size: 41.6px;}
	.fts28{font-size: 44.8px;}
	/* 高度 */
	.h20{height: 32.0px;}
	.h22{height: 35.2px;}
	.h24{height: 38.4px;}
	.h30{height: 48.0px;}
	.h40{height: 64.0px;}
	.h50{height: 80.0px;}
	/* 高度居中 */
	.lh20{line-height: 32.0px;}
	.lh22{line-height: 35.2px;}
	.lh24{line-height: 38.4px;}
	.lh30{line-height: 48.0px;}
	.lh40{line-height: 64.0px;}
	.lh50{line-height: 80.0px;}
	/* 高度 和 高度居中 */
	.lht20{line-height: 32.0px;height: 32.0px;}
	.lht22{line-height: 35.2px;height: 35.2px;}
	.lht24{line-height: 38.4px;height: 38.4px;}
	.lht30{line-height: 48.0px;height: 48.0px;}
	.lht32{line-height: 51.2px;height: 51.2px;}
	.lht36{line-height: 57.6px;height: 57.6px;}
	.lht40{line-height: 64.0px;height: 64.0px;}
	.lht50{line-height: 80.0px;height: 80.0px;}
	/* margin */
	.mtb10{margin: 16.0px auto;}
	.mtb15{margin: 24.0px auto;}
	.mtb20{margin: 32.0px auto;}
	.mtb30{margin: 48.0px auto;}
	.mtb40{margin: 64.0px auto;}
	.mlr10{margin: 0px 16.0px;}
	.mlr15{margin: 0px 24.0px;}
	.mlr20{margin: 0px 32.0px;}
	.mlr30{margin: 0px 48.0px;}
	.mt10{margin-top: 16.0px;}
	.mt15{margin-top: 24.0px;}
	.mt20{margin-top: 32.0px;}
	.mt25{margin-top: 40.0px;}
	.mt30{margin-top: 48.0px;}
	.mt40{margin-top: 64.0px;}
	.mt50{margin-top: 80.0px;}
	.mb5{margin-bottom: 8.0px;}
	.mb10{margin-bottom: 16.0px;}
	.mb15{margin-bottom: 24.0px;}
	.mb20{margin-bottom: 32.0px;}
	.mb30{margin-bottom: 48.0px;}
	.mb40{margin-bottom: 64.0px;}
	.mb50{margin-bottom: 80.0px;}
	.ml10{margin-left: 16.0px;}
	.ml20{margin-left: 32.0px;}
	.ml30{margin-left: 48.0px;}
	.ml50{margin-left: 80.0px;}
	.mr10{margin-right: 16.0px;}
	.mr20{margin-right: 32.0px;}
	.mr30{margin-right: 48.0px;}
	.mr50{margin-right: 80.0px;}
	/* padding */
	.ptb10{padding: 16.0px 0px;}
	.ptb15{padding: 24.0px 0px;}
	.ptb20{padding: 32.0px 0px;}
	.ptb30{padding: 48.0px 0px;}
	.plr10{padding: 0px 16.0px;}
	.plr15{padding: 0px 24.0px;}
	.plr20{padding: 0px 32.0px;}
	.plr30{padding: 0px 48.0px;}
	.pt10{padding-top: 16.0px;}
	.pt15{padding-top: 24.0px;}
	.pt20{padding-top: 32.0px;}
	.pt25{padding-top: 40.0px;}
	.pt30{padding-top: 48.0px;}
	.pt40{padding-top: 64.0px;}
	.pb5{padding-bottom: 8.0px;}
	.pb10{padding-bottom: 16.0px;}
	.pb15{padding-bottom: 24.0px;}
	.pb20{padding-bottom: 32.0px;}
	.pb25{padding-bottom: 40.0px;}
	.pb30{padding-bottom: 48.0px;}
	.pb40{padding-bottom: 64.0px;}
	.pl10{padding-left: 16.0px;}
	.pl20{padding-left: 32.0px;}
	.pl30{padding-left: 48.0px;}
	.pr10{padding-right: 16.0px;}
	.pr20{padding-right: 32.0px;}
	.pr30{padding-right: 48.0px;}
	/* 宽度 */
}
/* 视口宽度大于1000 vw值是以视口宽度400为基数计算出的 */
@media screen and (min-width: 1000px) {
	/* 字体大小 */
	body{font-size: 14px;max-width: 100%;}
	.fts12{font-size: 12px;}
	.fts16{font-size: 16px;}
	.fts18{font-size: 18px;}
	.fts20{font-size: 20px;}
	.fts22{font-size: 22px;}
	.fts24{font-size: 24px;}
	.fts26{font-size: 26px;}
	.fts28{font-size: 28px;}
	/* 高度 */
	.h20{height: 20px;}
	.h22{height: 22px;}
	.h24{height: 24px;}
	.h30{height: 30px;}
	.h40{height: 40px;}
	.h50{height: 50px;}
	/* 高度居中 */
	.lh20{line-height: 20px;}
	.lh22{line-height: 22px;}
	.lh24{line-height: 24px;}
	.lh30{line-height: 30px;}
	.lh40{line-height: 40px;}
	.lh50{line-height: 50px;}
	/* 高度 和 高度居中 */
	.lht20{line-height: 20px;height: 20px;}
	.lht22{line-height: 22px;height: 22px;}
	.lht24{line-height: 24px;height: 24px;}
	.lht30{line-height: 30px;height: 30px;}
	.lht32{line-height: 32px;height: 32px;}
	.lht36{line-height: 36px;height: 36px;}
	.lht40{line-height: 40px;height: 40px;}
	.lht50{line-height: 50px;height: 50px;}
	/* margin */
	.mtb10{margin: 10px auto;}
	.mtb15{margin: 15px auto;}
	.mtb20{margin: 20px auto;}
	.mtb30{margin: 30px auto;}
	.mtb40{margin: 40px auto;}
	.mlr10{margin: 0px 10px;}
	.mlr15{margin: 0px 15px;}
	.mlr20{margin: 0px 20px;}
	.mlr30{margin: 0px 30px;}
	.mt10{margin-top: 10px;}
	.mt15{margin-top: 15px;}
	.mt20{margin-top: 20px;}
	.mt25{margin-top: 25px;}
	.mt30{margin-top: 30px;}
	.mt40{margin-top: 40px;}
	.mt50{margin-top: 50px;}
	.mb5{margin-bottom: 5px;}
	.mb10{margin-bottom: 10px;}
	.mb15{margin-bottom: 15px;}
	.mb20{margin-bottom: 20px;}
	.mb30{margin-bottom: 30px;}
	.mb40{margin-bottom: 40px;}
	.mb50{margin-bottom: 50px;}
	.ml10{margin-left: 10px;}
	.ml20{margin-left: 20px;}
	.ml30{margin-left: 30px;}
	.ml50{margin-left: 50px;}
	.mr10{margin-right: 10px;}
	.mr20{margin-right: 20px;}
	.mr30{margin-right: 30px;}
	.mr50{margin-right: 50px;}
	/* padding */
	.ptb10{padding: 10px 0px;}
	.ptb15{padding: 15px 0px;}
	.ptb20{padding: 20px 0px;}
	.ptb30{padding: 30px 0px;}
	.plr10{padding: 0px 10px;}
	.plr15{padding: 0px 15px;}
	.plr20{padding: 0px 20px;}
	.plr30{padding: 0px 30px;}
	.pt10{padding-top: 10px;}
	.pt15{padding-top: 15px;}
	.pt20{padding-top: 20px;}
	.pt25{padding-top: 25px;}
	.pt30{padding-top: 30px;}
	.pt40{padding-top: 40px;}
	.pb5{padding-bottom: 5px;}
	.pb10{padding-bottom: 10px;}
	.pb15{padding-bottom: 15px;}
	.pb20{padding-bottom: 20px;}
	.pb25{padding-bottom: 25px;}
	.pb30{padding-bottom: 30px;}
	.pb40{padding-bottom: 40px;}
	.pl10{padding-left: 10px;}
	.pl20{padding-left: 20px;}
	.pl30{padding-left: 30px;}
	.pr10{padding-right: 10px;}
	.pr20{padding-right: 20px;}
	.pr30{padding-right: 30px;}
	/* 宽度 */
	.wh,.hf{width: 100%;max-width: 1000px;margin:0px auto;}
}