/*
------------------------------------------------
site:	Tiens B2c3.0
Author:    liuwanzhi
updated:   2/1/2017
update by: liuwanzhi
------------------------------------------------
------------------------------------------------
COLORS
body background:#fff
container background:	#fff
main text:#666666,Helvetica,Arial,Verdana,sans-serif;
links:#0099FF
title:#005495
input button:#ABD8F8
input border:#ABD8F8
input text background:#EAF4FD
------------------------------------------------
*/

body,
html {
	font: normal 100% "Microsoft YaHei", Arial, Helvetica, sans-serif;
	display: block;
	height: 100%;
	background: url(img/background.jpg) repeat-y center top;
}
body {
  position: relative;
}

/*去掉Iphone的按钮默认样式*/

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

input,
textarea,
select {
	font-size: 1em;
	font-size: 100%;
	font-family: arial;
	font-family: inherit;
}

input[type="text"] {}

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

textarea {
	-webkit-appearance: none;
}

figure,
form,
fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
form {
	margin: 0;
}

a,
button,
input {
	/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	/* For some Androids */
}

a:link,
a:visited {
	-webkit-transition: all .25s linear 0.05s;
	-moz-transition: all .25s linear 0.05s;
	-o-transition: all .25s linear 0.05s;
	transition: all .25s linear 0.05s;
}

h1,
h2,
h3 {}

h4,
h5,
h6 {
	font-size: 1em;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

ul li,
ol li {
	list-style-type: none;
}


/*image with no-border*/

a img {
	border: 0;
}

img {
	border: 0;
}

input.radius {
	padding-left: .6em;
	padding-right: .6em;
}

input,
select,
textarea,
h4,
h5 {
	font-size: 100%;
	box-sizing: border-box;
}

textarea {}

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

a:active {
	color: #555555;
}

i {
	font-style: normal;
}

p> a {
	color: #55acef;
}

.m5 {
	margin-left: 5px;
}

.mt5 {
	margin-top: 5px!important;
}

.mb5 {
	margin-bottom: 5px!important;
}

.mb4 {
	margin-bottom: 4px;
}

.mb2 {
	margin-bottom: 2px;
}

.ml5 {
	margin-left: 5px!important;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr20 {
	margin-right: 20px!important;
}

.mt20 {
	margin-top: 20px!important;
}

.mt46 {
	margin-top: 46px!important;
}

.mLR5 {
	margin: 0 5px
}

.ml10 {
	margin-left: 10px
}

.mb10 {
	margin-bottom: 10px
}

.mb20 {
	margin-bottom: 20px!important;
}

.mt10 {
	margin-top: 10px!important;
}

.m10a {
	margin: 10px auto;
}

.ma {
	margin: 0 auto;
}

.p4 {
	padding: 4px!important;
}

.p5 {
	padding: 5px!important;
}

.pl0 {
	padding-left: 0px!important;
}

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

.pt50 {
	padding-top: 50px;
}

.pt5 {
	padding-top: 5px;
}

.pt0 {
	padding-top: 0px;
}

.pt10 {
	padding-top: 10px!important;
}

.pb5 {
	padding-bottom: 5px!important;
}

.pb30 {
	padding-bottom: 30px!important;
}

.pb10 {
	padding-bottom: 10px!important;
}

.pl0 {
	padding-left: 0px!important;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pr5 {
	padding-right: 5px;
}

.pb0 {
	padding-bottom: 0px!important
}

.pr10 {
	padding-right: 10px;
}

.plr15 {
	padding-left: 15px;
	padding-right: 15px;
}

.f0 {
	font-size: 0;
}

.f12 {
	font-size: 12px!important;
	;
}

.f14 {
	font-size: 14px!important;
	;
}

.f16 {
	font-size: 1em!important;
}

.f18 {
	font-size: 1.125em!important;
}

.f20 {
	font-size: 1.25em!important;
}

.f22 {
	font-size: 22px!important;
}

.f24 {
	font-size: 26px!important;
}

.f34 {
	font-size: 2em!important;
}

.f14 {
	font-size: 14px!important;
}

.f16 {
	font-size: 16px!important;
}

.f18 {
	font-size: 18px!important;
}

.rel {
	position: relative
}

.abs {
	position: absolute
}

.r20 {
	right: 20px
}

.btm0 {
	bottom: 0!important;
}

.tdl {
	text-decoration: line-through
}

.fl {
	float: left
}

.fr {
	float: right
}

.fln {
	float: none!important;
}

.t0 {
	top: 0!important;
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.tj {
	text-align: justify
}

.vm {
	vertical-align: middle
}

.ti99 {
	text-indent: -99999px
}

.ted {
	text-decoration: underline;
}

.ovh {
	overflow: hidden
}

.b {
	font-weight: bold!important;
}

.nb {
	font-weight: normal;
}

.nbd {
	border: none!important;
	box-shadow: none!important;
}

.pct100,
.pct90,
.pct80,
.pct70,
.pct60,
.pct50,
.pct40,
.pct30,
.pct20,
.pct10 {
	box-sizing: border-box;
}

.pct20 {
	width: 20%;
}

.pct40 {
	width: 40%;
}

.pct30 {
	width: 33.33333%;
}

.pct36 {
	width: 36%;
}

.pct64 {
	width: 64%;
}

.pct80 {
	width: 80%;
}

.pct90 {
	width: 90%;
}

.pct100 {
	width: 100%;
	display: block;
	float: none;
}

.pct60 {
	width: 60%;
}

.pct50 {
	width: 50%;
}

.pct70 {
	width: 70%;
}

.pct14 {
	width: 14.4444%;
}

.cb {
	color: #005394;
}

.lh18 {
	line-height: 1.125em;
}

.h33 {
	height: 33px;
}

.disb {
	display: block!important;
}

.disn {
	display: none!important;
}

.db {
	display: block!important;
}


/* colors */

.cwh {
	color: white
}

.cgr {
	color: #090
}

.cGray {
	color: #ADADAD
}

.cb {
	color: #000;
}

.cg {
	color: #999;
}

.cgr {
	color: #090!important;
}

.cr {
	color: #E60000!important
}

.cbl {
	color: #09F!important
}

.cy {
	color: #FF9900!important
}

.cyl {
	color: #E9B735!important;
}

.co {
	color: #F60!important;
}

.czj {
	color: #93C!important;
}

.wh {
	color: #fff;
}

.lh24 {
	line-height: 24px!important
}

.bgwh {
	background: #fff
}

.bgef {
	background: #efefef
}

.bge0 {
	background: #F5FFE0
}

.bgr {
	background: #F14418;
	color: #FFF
}

.bgb {
	background: #55acef;
	color: #FFF
}

.bgg {
	background: #50CA31
}

.bgg a {
	color: #FFF!important;
}

.bnr {
	background-repeat: no-repeat!important
}


/* clear */

.cl {
	clear: both;
}

.dib {
	display: block
}

.diib {
	display: inline-block!important
}

.inline-box {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -ms-box;
}


/*inline-block与float等宽列表*/

.inline_box {
	font-size: 0;
	/*letter-spacing:-4px;word-spacing: -1px;*/
	clear: both
}

.inline_two,
.inline_three,
.inline_four,
.inline_five,
.inline_six,
.inline_any {
	display: inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	/*float:left;*/
	*display: inline;
	*zoom: 1;
}

.float_two,
.float_three,
.float_four,
.float_five,
.float_six {
	float: left;
}

.inline_two,
.float_two {
	width: 50%;
}

.inline_three,
.float_three {
	width: 33.3333%;
}

.inline_four,
.float_four {
	width: 24%;
}

.inline_five,
.float_five {
	width: 19%;
}

.inline_fix {
	display: inline-block;
	width: 100%;
	height: 0;
	overflow: hidden;
}

.flex1 {
	-moz-box-flex: 1.0;
	/* Firefox */
	-webkit-box-flex: 1.0;
	/* Safari 和 Chrome */
	box-flex: 1.0;
}

.flex2 {
	-moz-box-flex: 2;
	/* Firefox */
	-webkit-box-flex: 2;
	/* Safari 和 Chrome */
	box-flex: 2;
}

.flex3 {
	-moz-box-flex: 3.0;
	/* Firefox */
	-webkit-box-flex: 3.0;
	/* Safari 和 Chrome */
	box-flex: 3.0;
}

.w123 {
	width: 9em;
	max-width: 9em;
}

.w150 {
	width: 10em;
	max-width: 10em;
}

.animation {
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}


/* PC客户端或大屏幕设备: 1028px 至更大 */

@media screen and (min-width: 1024px) {
	header,
	.main {
		margin: 0 auto;
	}
	body,
	html {
		font-size: 14px;
	}
}

/* 平板之类的宽度 1024 以下设备 */

@media screen and (max-width: 768px) {
	body,
	html {
		font-size: 12px
	}
}

/* Phone */

@media screen and (max-width: 640px) {
	body,
	html {
		font-size: 16px
	}
}

@media screen and (max-width: 480px) {
	body,
	html {
		font-size: 14px
	}
}


/* 横屏 */

@media screen and (orientation:landscape) {}

.w {
	width: 1001px;
	clear: both;
	padding: 0 15px;
	/*overflow: hidden;*/
	margin: 0 auto;
	position: relative;
}

.box {
	width: 1001px;
	margin: 0 auto;
	clear: both;
	/*box-shadow: 0px 0px 46px 0px #9c9c9c;*/
}

.bcg {
	background-color: #ABD01E;
}