@charset "UTF-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	letter-spacing: -0.2px;
	
}

a {
	background: transparent;
	text-decoration: none;
}

a:hover,
a:active {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

q:before,
q:after {
	content: '';
	content: none;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	outline: none;
	-webkit-appearance:none;
}

button,
input {
	line-height: normal;
}

button,
select {
	text-transform: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input {
	outline: none;
}

input[type="search"] {
	-webkit-appearance: none;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	-webkit-tap-highlight-color: transparent;
	outline: none;
}

img {
	vertical-align: middle;
}

a,
img {
	-webkit-touch-callout: none;
}

label {
	font-weight: normal;
}

textarea {
	resize: vertical;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
form {
	margin: 0;
	font-weight: normal;
}

ul,
ol,
li,
dl,
dd {
	margin: 0;
	padding: 0;
}

ul,
ol {
	list-style: none outside none;
}

a {
	text-decoration: none;
	color: #333333;
}

::-webkit-scrollbar {
	width: 0;
	display: none;
}

::-webkit-scrollbar-track {
	width: 0;
	display: none;
}

::-webkit-scrollbar-thumb {
	width: 0;
	display: none;
}


/*color: #0088cc; */


/*color: #006699; */

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #cccccc;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #cccccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #cccccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #cccccc;
}

html,
body {
	background-color: #EBEBEB;
	min-width: 320px;
	font-family: "Arial", "微软雅黑";
	height: 100%;
	-webkit-tap-highlight-color: transparent;
	font-size: 1.5rem
}

html.scroll,
html.scroll body {
	overflow: hidden;
}

html {
	font-size: 87.5%;
}

@media only screen and (max-width: 375px) {
	html {
		font-size: 62.5%;
	}
}

@media only screen and (max-width: 480px) {
	html {
		font-size: 62.5%;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {}

* {
	box-sizing: border-box;
}

html.gray,
html.gray body {
	background-color: #EBEBEB;
}

html.height,
html.height body {
	height: 100%;
	overflow: hidden;
}

.clearfix {
	content: '';
	display: table;
	height: 0;
	clear: both;
}

.paddign1 {
	padding: 1rem;
}

.paddign2 {
	padding: 2rem;
}
.paddign-t2 {
	padding-top: 2rem;
}
.paddign-t6 {
	padding-top: 12%;
}
.padding-rl1 {
	padding: 0 1rem;
}

.padding-rl2 {
	padding: 0 2rem;
}

.padding-rl3 {
	padding: 1rem 2rem;
}

.padding-tb1 {
	padding: 1rem 0;
}

.padding-l2 {
	padding-left: 2rem;
}

.padding-t1 {
	padding-top: 1rem;
}

.padding-b1 {
	padding-bottom: 1rem;
}

.padding-lr2 {
	padding: 0 2rem 0 2rem;
}

.mg-bt1 {
	margin: 1rem 0;
}

.mg-bt2 {
	margin: 2rem 0;
}

.mg-b2 {
	margin: 0 0 2rem 0;
}
.mg-b1 {
	margin-bottom: 1rem;
}
.mg-t1 {
	margin-top: 1rem;
}
.mg-t2 {
	margin-top: 2rem;
}
.mg-tb4{
	margin-top: 4rem;
}
.mg-b4{
	margin-bottom: 4rem;
}
.mg1 {
	margin: 1rem;
}
.mg-t10{
	margin-top:10px;
}
.w10 {
	width: 10rem;
}

.w5 {
	width: 5rem;
}

.lineH2 {
	line-height: 2rem;
}

.lh40 {
	line-height: 2.5rem;
}

.lh30 {
	line-height: 2.3rem;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.rel {
	position: relative;
}

.ab {
	position: absolute;
}

.border-r {
	border-radius: 10px;
}

.red {
	color: #E65252;
}
.blue{
	color: #137bd7;
}
.col-666 {
	color: #666666;
}

.col-000 {
	color: #000;
}
.col-fff {
	color: #fff;
}
.green {
	color: #5bca4c;
}

.col-333 {
	color: #333333;
}
.yellow{
	color: #ffe167;
}

.col-999 {
	color: #999999;
}

.font-32 {
	font-size: 2rem;
}

.font-20 {
	font-size: 1.25rem;
}

.font-28 {
	font-size: 1.75rem;
}

.font-26 {
	font-size: 1.625rem;
}
.font-50{font-size: 3rem;}
.fb {
	font-weight: bold;
}

.fb2 {
	font-weight: 600;
}

.border-b {
	border-bottom: solid 1px #dddddd;
}

.middle {
	vertical-align: middle;
}
.middle-top {
	vertical-align: top;
}
.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.inline-d {
	display: inline-block;
}

.bg-e4e4e4 {
	background: #e4e4e4;
}

.bg-white,
.bg-white body {
	background-color: #fff;
}

.telephone {
	color: #23A1F1;
}
/*按钮开始*/

.form-submit {
	font-size: 1.625rem;
	display: block;
	width: 100%;
	height: 4.2rem;
	line-height: 4.2rem;
	padding: 0;
	border: 0;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	background-color: #137bd7;
}

.form-submit:active {
	background-color: #6a87e9;
}

.form-submit2 {
	font-size: 1.5rem;
	display: block;
	width: 10rem;
	height: 3.5rem;
	line-height: 3.5rem;
	padding: 0 10px;
	border: 0;
	border-radius: 6px;
	text-align: center;
	color: #fff;
	background-color: #384e97;
}

.form-submit2 img {
	margin: 0 5px 0 0;
	width: 20%;
	vertical-align: middle;
}

.form-submit2:active {
	background-color: #6a87e9;
}
.btn-orange{
	background: #ff4200;
	border-radius: 5rem;
	font-size: 1.8rem;
}
.btn-green{
	background: #21a621;
	border-radius: 5rem;
	font-size: 1.8rem;
	border: solid 1px #129712;
}
/*按钮结束*/
img.radius {
	border-radius: 5rem;
	width: 4rem;
	height: 4rem;
	vertical-align: middle;
	margin-right: 1rem;
	border:solid 2px #fff;
}
img.radius2 {
	border-radius: 5rem;
	width: 4rem;
	height: 4rem;
	vertical-align: top;
	margin-right: 1rem;
}

/*按钮*/
.btn-long {
	padding: 1rem 2rem;
}

.btn-long a {
	font-size: 1.625rem;
	display: block;
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	color: #fff;
	border-radius: 5px;
}

.btn-long a:active {
	background-color: #E2E7ED;
}

.btn-long a span {
	padding-left: 1.6rem;
	background-size: 1.15rem auto;
}

.col-gray a {
	background-color: #dbdbdb;
}

.col-red a {
	background-color: #384e97;
}

.btn-block {
	display: block;
	width: 100%;
	width: 100%;
	height: 4.5rem;
	line-height: 4.5rem;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
	background-color: #137bd7;
    border-radius: 5px;
}

.btn-block:active {
	background-color: #137bd6;
}

.btn-block i.add{
	display: inline-block;
	width: 39px;
	height: 39px;
	background: url(../img/hx-img/add-1.png) 50% 50% no-repeat;
	vertical-align: middle;
	background-size: 30px;
}

/*loading*/

.loading-after {
	position: relative;
}

.loading-after:after {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	box-shadow: 0 -10px 0 1px currentColor, 10px 0px currentColor, 0 10px currentColor, -10px 0 currentColor, -7px -7px 0 0.5px currentColor, 7px -7px 0 1.5px currentColor, 7px 7px currentColor, -7px 7px currentColor;
	/* left-bottom */
	-webkit-animation: spin 1s steps(8) infinite;
	animation: spin 1s steps(8) infinite;
	/*center*/
	margin: 2rem auto 2rem 52%;
	
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}




/* 头部 */

.header {
	background: #f5f5f5;
	/* 标准的语法 */
	height: 4.5rem;
	line-height: 4.5rem;
	padding: 0 1rem;
	color: #606060;
	font-size: 1.5rem;
	position: relative;
	text-align: center;
	border-bottom: solid 1px #e3e3e3;
}

.header .gl-ico {
	float: right;
	display: inline-block;
	color: #606060;
	font-size: 1.4rem;
	margin-left: 4px;
}
.header .gl-ico img{
	height:3rem;
	width: auto;
}
.header a {
	position: absolute;
	right: 1rem;
}

.header .circle-font {
	margin-right: 3px;
	width: 16px;
	height: 14px;
	border: solid 1px #606060;
	text-align: center;
	border-radius: 11px;
	display: inline-table;
}

.header .circle-font i {
	height: 14px;
	line-height: 14px;
	display: block;
	color: #606060;
	font-style: normal;
}

/* 三角箭头 */

.wb_arrow {
	display: inline-block;
	top: 50%;
	left: 1rem;
	position: absolute;
	margin-top: -6px;
	border-right: 2px solid #606060;
	border-top: 2px solid #606060;
	height: 12px;
	width: 12px;
	transform: rotate(deg);
	-webkit-transform: rotate(-135deg);
	/*不加这两个属性三角会比上一个略丑, 大家可以试一下*/
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}
.wb_arrow_right {
	display: inline-block;
	border-right: 1px solid #adadad;
	border-top: 1px solid #adadad;
	height: 10px;
	width: 10px;
	transform: rotate(deg);
	-webkit-transform: rotate(45deg);
	/*不加这两个属性三角会比上一个略丑, 大家可以试一下*/
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}
.arrow-white{
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

.arrow-down {
	position: absolute;
    top: 32px;
    left: 0;
    display: inherit;
    width: 0;
    height: 0;
    border-left: 1.6rem solid transparent;
    border-right: 1.6rem solid transparent;
    border-top: 10px solid #1655a4;
}

.shop_input{
	display: block;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    font-size: 1.2rem;
    color: #333;
    -webkit-appearance: none;
    padding-left: 5px;
}

	// 弹性盒子
.l-flexs,   .l-f  {display:flex;}
.l-flex-v, .l-fv {display:flex; flex-flow:column;}
.l-flex-t, .l-ft {display:flex; align-items:flex-start;}
.l-flex-b, .l-fb {display:flex; align-items:flex-end;}
.l-flex-c, .l-fc {display:flex; align-items:center;}
.l-flex-s, .l-fs {display:flex; align-items:stretch;}
.l-flex-1, .l-f1 {flex:1;}
.l-flex-2, .l-f2 {flex:2;}
.l-flex-3, .l-f3 {flex:3;}
.l-flex-4, .l-f4 {flex:4;}
.l-flex-5, .l-f5 {flex:5;}
.l-flex-6, .l-f6 {flex:6;}
.l-flex-7, .l-f7 {flex:7;}
.l-flex-8, .l-f8 {flex:8;}
.l-flex-9, .l-f9 {flex:9;}
.l-width-max  {width:100%;}
.l-height-max {height:100%;}

.l-mw10 {max-width:10%;}
.l-mw20 {max-width:20%;}
.l-mw30 {max-width:30%;}
.l-mw40 {max-width:40%;}
.l-mw50 {max-width:50%;}
.l-mw60 {max-width:60%;}
.l-mw70 {max-width:70%;}
.l-mw80 {max-width:80%;}
.l-mw90 {max-width:90%;}
.l-mw100 {max-width:100%;}

.l-hw10 {max-height:10%;}
.l-hw20 {max-height:20%;}
.l-hw30 {max-height:30%;}
.l-hw40 {max-height:40%;}
.l-hw50 {max-height:50%;}
.l-hw60 {max-height:60%;}
.l-hw70 {max-height:70%;}
.l-hw80 {max-height:80%;}
.l-hw90 {max-height:90%;}
.l-hw100 {max-height:100%;}

.l-content-s  {padding:0.8rem 1.1rem;}
.l-content-m  {padding:0.9rem 1.4rem;}
.l-content-l  {padding:1.0rem 1.7rem;}
.l-content-xl {padding:1.2rem 2.0rem;}

.b-l{
	border-left: solid 1px #778594;
}

.b-r{
	border-right: solid 1px #962182;
}
.b-t{
	border-top: solid 1px #EBEBEB;
}
.b-b{
	border-bottom: solid 1px #778594;
}
.arr {
	background: url(../img/ic_fj_arrow.png) 100% 50% no-repeat;
	background-size: 5.5px auto;
	height: 3.6rem;
	width: 2rem;
	display: block;
	right: 1.6rem;
}

.bg-col{
	color: #9719d2;
	background: -moz-Radial-gradient(top, #fbf2ff 0%, #f5e1fe 100%);
	background: -webkit-gradient(Radial, left top, left bottom, color-stop(0%, #fbf2ff), color-stop(100%, #f5e1fe));
	background: -webkit-Radial-gradient(top, #fbf2ff 0%, #f5e1fe 100%);
	background: -o-Radial-gradient(top, #fbf2ff 0%, #f5e1fe 100%);
	background: -ms-Radial-gradient(top, #fbf2ff 0%, #f5e1fe 100%);
	background: Radial-gradient(to bottom, #fbf2ff 0%, #f5e1fe 100%);
}

.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;}
div.dib{*display:inline; *zoom:1;}/* other block level tag(eg. p, li, h1~h6), using 'inline_any' instead */
/* height */
.h0{height:0;}
.h14{height:14px;}
.h16{height:16px;}
.h18{height:18px;}
.h20{height:20px;}
.h22{height:22px;}
.h24{height:24px;}
.h30{height:30px;}
/* width */
/* fixed width value */
.w20{width:20px;}
.w50{width:50px;}
.w70{width:70px;}
.w100{width:100px;}
.w120{width:120px;}
.w140{width:140px;}
.w160{width:160px;}
.w180{width:180px;}
.w200{width:200px;}
.w220{width:220px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w320{width:320px;}
.w360{width:360px;}
.w400{width:400px;}
.w430{width:430px;}
.w460{width:460px;}
.w500{width:500px;}
.w600{width:600px;}
.w640{width:640px;}
.w700{width:700px;}
/* percent width value */
.pct10{width:10%;}
.pct15{width:15%;}
.pct20{width:20%;}
.pct25{width:25%;}
.pct30{width:30%;}
.pct33{width:33.3%;}
.pct40{width:40%;}
.pct50{width:50%;}
.pct60{width:60%;}
.pct66{width:66.6%;}
.pct70{width:70%;}
.pct75{width:75%;}
.pct80{width:80%;}
.pct90{width:90%;}
.pct100{width:100%;}
/* line-height */
.lh0{line-height:0;}
.lh14{line-height:14px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh30{line-height:30px;}
/* margin */
.m0{margin:0;}
.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr7{margin-right:7px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
/* margin negative */
.ml-1{margin-left:-1px;}
.mr-1{margin-right:-1px;}
.mt-1{margin-top:-1px;}
.mb-1{margin-bottom:-1px;}
.ml-3{margin-left:-3px;}
.mr-3{margin-right:-3px;}
.mt-3{margin-top:-3px;}
.mb-3{margin-bottom:-3px;}
.ml-20{margin-left:-20px;}
.mr-20{margin-right:-20px;}
.mt-20{margin-top:-20px;}
.mb-20{margin-bottom:-20px;}
/* padding */
.p0{padding:0;}
.p1{padding:1px;}
.pl1{padding-left:1px;}
.pt1{padding-top:1px;}
.pr1{padding-right:1px;}
.pb1{padding-bottom:1px;}
.p2{padding:2px;}
.pl2{padding-left:2px;}
.pt2{padding-top:2px;}
.pr2{padding-right:2px;}
.pb2{padding-bottom:2px;}
.pl5{padding-left:5px;}
.pl7{padding-left:7px;}
.p5{padding:5px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.p10{padding:10px;}
.pl10{padding-left:10px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.p15{padding:15px;}
.pl15{padding-left:15px;}
.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.p20{padding:20px;}
.pl20{padding-left:20px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.p30{padding:30px;}
.pl30{padding-left:30px;}
.pt30{padding-top:30px;}
.pt60{padding-top:60px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px;}
.pd_tb1{padding: 1rem 0;}
.pl50{padding-left: 50px;}
/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc{border:1px solid #ccc;}
.blc{border-left:1px solid #ccc;}
.brc{border-right:1px solid #ccc;}
.btc{border-top:1px solid #ccc;}
.bbc{border-bottom:1px solid #ccc;}
.bdd{border:1px solid #ddd;}
.bld{border-left:1px solid #ddd;}
.brd{border-right:1px solid #ddd;}
.btd{border-top:1px solid #ddd;}
.bbd{border-bottom:1px solid #ddd;}
.bde{border:1px solid #eee;}
.ble{border-left:1px solid #eee;}
.bre{border-right:1px solid #eee;}
.bte{border-top:1px solid #eee;}
.bbe{border-bottom:1px solid #eee;}
/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh{background-color:#fff;}
.bgfb{background-color:#fbfbfb;}
.bgf5{background-color:#f5f5f5;}
.bgf0{background-color:#f0f0f0;}
.bgeb{background-color:#ebebeb;}
.bge0{background-color:#e0e0e0;}
.bgred{background-color:#ed2424;}
.bggreen{background-color:#4cb12e;}

/* safe color */
.g0{color:#000;}
.g3{color:#333;}
.g6{color:#666;}
.g9{color:#999;}
.gc{color:#ccc;}
.g4{color:#444;}
.g8{color:#888;}
.green{color:#4cb12e;}
.wh{color:white;}
.blue{color:#096fdc}
/* font-size */
.f0{font-size:0;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
/* font-family */
.fa{font-family:Arial;}
.ft{font-family:Tahoma;}
.fv{font-family:Verdana;}
.fs{font-family:Simsun;}
.fl{font-family:'Lucida Console';}
.fw{font-family:'Microsoft Yahei';}
/* font-style */
.n{font-weight:normal; font-style:normal; white-space: normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}
/* text-decoration */
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}
/* letter-spacing */
.lt-1{letter-spacing:-1px;}
.lt0{letter-spacing:0;}
.lt1{letter-spacing:1px;}
/* white-space */
.nowrap{white-space:nowrap;}
/* word-wrap */
.bk{word-wrap:break-word;}
/* vertical-align */
.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.v-1{vertical-align:-1px;}
.v-2{vertical-align:-2px;}
.v-3{vertical-align:-3px;}
.v-4{vertical-align:-4px;}
.v-5{vertical-align:-5px;}
/* float */
.l{float:left;}
.r{float:right;}
/* clear */
.cl{clear:both;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
/*z-index*/
.zx1{z-index:1;}
.zx2{z-index:2;}
/* cursor */
.poi{cursor:pointer;}
.def{cursor:default;}
/* overflow */
.ovh{overflow:hidden;}
.ova{overflow:auto;}
/* visibility */
.vh{visibility:hidden;}
.vv{visibility:visible;}
/* opacity */
//.opa0{opacity:0; filer:alpha(opacity=0);}
/* zoom */
.z{*zoom:1;}


/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 清除浮动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}
/* 基于display:table-cell的自适应布局 */
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
/* 双栏自适应cell部分连续英文字符换行 */
.cell2{overflow:hidden; _display:inline-block;}
/* 单行文字溢出虚点显 示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* css3过渡动画效果 */
.trans{
    -webkit-transition:all .15s;
            transition:all .15s;
}
/* 大小不定元素垂直居中 */
.dib_vm{display:inline-block; width:0; height:100%; vertical-align:middle;}
/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */
//.loading{background:url(about:blank) no-repeat center;}
/* 无框文本框文本域 */
.bd_none{border:0; outline:none;}
/* 绝对定位隐藏 */
.abs_out{position:absolute; left:-999em; top:-999em;}
.abs_clip{position:absolute; clip:rect(0 0 0 0);}
/* 按钮禁用 */
//.disabled{outline:0 none; cursor:default!important; opacity:.4; filer:alpha(opacity=40); -ms-pointer-events:none; pointer-events:none;}
/*inline-block与float等宽列表*/
.inline_box{font-size:1em; letter-spacing:-.25em; font-family:Arial;}
.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any{display:inline-block; *display:inline; letter-spacing:0; vertical-align:top; *zoom:1;}
.float_two, .float_three, .float_four, .float_five, .float_six{float:left;}
.inline_two, .float_two{width:50%; *width:49.9%;}
.inline_three, .float_three{width:33.33333%; *width:33.3%;}
.inline_four, .float_four{width:25%; *width:24.9%;}
.inline_five, .float_five{width:20%; *width:19.9%;}
.inline_six, .float_six{width:16.66666%; *width:16.6%;}
.inline_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.search {
    padding: 0.6rem 1.6rem 0.6rem 1.6rem;
    background-color: #34a4e0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.search .search-input, .search input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 3rem;
    padding: 0 3.6rem 0 28px;
    background: url(../img/ic_sy_search.png) 8px center no-repeat scroll #fff;
    background-size: 14px 14px;
    border: 1px solid #CCCCCC;
    outline: none;
    border-radius: 5px;
    font-size: 1.4rem
}


.search .cancel {
	background: #166d9c;
    display: block;
    width: 4rem;
    height: 2.8rem;
    line-height: 3rem;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    margin-left: 10px;
    border-radius: 5px;
}

@media screen and (min-width: 601px) { 
    html.flex-layout body {margin: 0 auto;width: 720px;} 
}