@charset "utf-8";

html,
body {
	height: 100%;
}

body,
dl,
dd,

/* dt, 默认没边距 */

ul,
ol,

/*li, 默认没边距 */

h1,
h2,
h3,
h4,
h5,
h6,
pre,

/* code, 默认没边距 */

form,
fieldset,
legend,
input,
textarea,
optgroup,
p,
blockquote,
figure,
hr,
menu,
dir,
thead,
tbody,
tfoot,
th,
td
/* th, td 默认 padding:1px */

{
	margin: 0;
	padding: 0;
}

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


/*1.防止 iOS 横屏字号放大，同时保证在PC上 zoom 功能正常 */

html,
body {
	-ms-text-size-adjust: 100%;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/*解决chrome浏览器下字体不能小于12px*/
	text-size-adjust: 100%;
	font-size: 62.5%;
	/*10/16*/
}

body {
	color: #6f6f6f;
	background-color: #ffffff;
	font-family:\5FAE\8F6F\96C5\9ED1, 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', \5B8B\4F53, sans-serif;
}


/*============图片============*/

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	width: auto\9;
	/* 修正 IE8 图片消失bug */
	border: 0 none;
	/* 去除 IE6-9 和 Firefox 3 中 a 内部 img 元素默认的边框 */
	vertical-align: top;
	/* 去除现代浏览器图片底部的空隙 */
	-ms-interpolation-mode: bicubic;
	/*修复 IE7 图片缩放失真*/
}


/*============链接============*/


/*去除链接默认的下划线，提高文字可读性*/

a {
	color: #4696cd;
	text-decoration: none;
}


/*去掉 IE 10+ 点击链接时的灰色背景*/

a:active {
	background-color: transparent;
}


/*去掉点击时的焦点框，同时保证使用键盘可以显示焦点框 */

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


/*
 * 统一 Chrome 和 Safari 的焦点框样式
 * Chrome 中 thin 关键字放大页面后焦点框不会放大 http://jsbin.com/ehakom/1
 * Firefox 中 box-shadow 会导致焦点框位置偏移，需用「outline-offset」修正
 */

a:focus {
	/*outline: 1px dotted;*/
	outline: 0 none;
}


/*============表单============*/


/**
 * 定义一致的边框、外边距和内边距
 */

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


/**
 * 1. 修正 IE 6-9 中颜色不能继承的问题
 * 2. 修正 Firefox3 中文字不换行的问题
 * 3. 修正 IE6-7 中怪异的对齐方式
 */

legend {
	border: 0 none;
	/* 1 */
	white-space: normal;
	/* 2 */
	*margin-left: -7px;
	/* 3 */
}


/**
 * 1. 修正所有浏览器中字体不继承的问题
 * 2. 修正所有浏览器中字号不继承的问题
 * 3. 修正 Firefox 3+， Safari5 和 Chrome 中外边距不同的问题
 * 4. 改善在所有浏览器下的垂直对齐方式
 */

button,
input,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 2 */
	margin: 0;
	/* 3 */
	vertical-align: baseline;
	/* 4 */
	*vertical-align: middle;
	/* 4 */
}


/**
 * 修正 IE6-7 随着字数增加边距不断增加的问题
 */

input,
button {
	*overflow: visible;
}


/**
 * 统一各浏览器「text-transform」不会继承的问题
 * http://jsbin.com/iqecic/1/edit
 * http://tjvantoll.com/2012/07/10/default-browser-handling-of-the-css-text-transform-property/
 */

button,
select {
	text-transform: none;
}


/**
 * 1. 避免 Android 4.0.* 中的 WebKit bug ，该bug会破坏原生的
   「audio」 和「video」的控制器
 * 2. 更正 iOS 中无法设置可点击的「input」的问题
 * 3. 统一其他类型的「input」的光标样式
 */

button,
html input[type="button"],

/* 1 */

input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}


/*============重置按钮禁用时间光标样式============*/

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


/**
 * 1. 修正 IE 8/9 box-sizing 被设置为「content-box」的问题
 * 2. 移除 IE 8/9 中多余的内边距
 * 3. 移除 IE7 中多余的内边距(IE6 中任然存在)
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
	*height: 13px;
	/* 3 */
	*width: 13px;
	/* 3 */
}

input[type="text"],
input[type="tel"] {
	outline: 0 none;
}


/**
 * 1. 修正 Safari 5 和 Chrome 中「appearance」被设置为「searchfield」的问题
 * 2. 修正 Safari 5 和 Chrome 中「box-sizing」被设置为 「border-box」的问题
 */

input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}


/**
 * 1.移除 OS X 中 Safari5 和 Chrome 搜索框内侧的左边距
 * 2.如果需要隐藏清除按钮需要加上
   input[type="search"]::-webkit-search-cancel-button
 */

input[type="search"]::-webkit-search-decoration
/* 1 */

{
	-webkit-appearance: none;
}


/**
 * 移除 Firefox 3+ 的内边距
 */

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


/**
 * 修正 Chrome 中 input [type="number"] 在特定高度和 font-size 时,
 * 下面一个箭头光标变成「cursor: text」
 * @demo: http://jsfiddle.net/FFXEc/
 * 动画演示：http://gtms04.alicdn.com/tps/i4/T18kd8FCtaXXc_FhcF-330-350.gif
 */

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


/**
 * 1. 移除 IE6-11 中默认的垂直滚动条
 * 2. 禁止水平拖动，防止破坏布局
 */

textarea {
	overflow: auto;
	/* 1 */
	resize: vertical;
	/* 2 */
}


/**
 * 修正 Chrome 30- option 中文字无法显示的问题
 * http://jsbin.com/avujas/1/edit 
 */

select:disabled option:checked,
option:disabled:checked {
	color: #D2D2D2;
}


/**
 * 修正 Safari 3+, Chrome 1+ Placeholder 居中问题
 */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input {
		line-height: normal !important;
	}
}


/**
 * 修正 Firefox 19+ Placeholder 设置了opacity 的问题
 */

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: darkGray;
	opacity: 1;
}


/**
 * label 元素给予手型，暗示此处可点击
 */

label {
	cursor: pointer;
}


/**
 * 统一 select 样式, Firefox 中有 padding:1px 0
 * http://jsbin.com/avujas/1/edit
 */

select[size],
select[multiple],
select[size][multiple] {
	border: 1px solid #e6e6e6;
	padding: 0;
}


/*============字体排版============*/

.f0 {
	font-size: 0;
}

.f12 {
	font-size: 12px;
	font-size: 1.2rem;
}

.f14 {
	font-size: 14px;
	font-size: 1.4rem;
}

.f16 {
	font-size: 16px;
	font-size: 1.6rem;
}

.f18 {
	font-size: 18px;
	font-size: 1.8rem;
}

.f20 {
	font-size: 20px;
	font-size: 2.0rem;
}

.f22 {
	font-size: 22px;
	font-size: 2.2rem;
}

.f26 {
	font-size: 26px;
	font-size: 2.6rem;
}

.f28 {
	font-size: 28px;
	font-size: 2.8rem;
}

.f30 {
	font-size: 30px;
	font-size: 3.0rem;
}

.f32 {
	font-size: 32px;
	font-size: 3.2rem;
}

.f34 {
	font-size: 34px;
	font-size: 3.4rem;
}

.f40 {
	font-size: 40px;
	font-size: 4.0rem
}

small {
	font-size: 85.7%;
	/* 12/14=0.8571428571 */
}


/*行高*/

.lh1 {
	line-height: 1;
}

.lh1-2 {
	line-height: 1.2;
}

.lh1-4 {
	line-height: 1.4;
}

.lh1-6 {
	line-height: 1.6;
}

.lh2 {
	line-height: 2;
}


/*============padding============*/


/*内边距1.0rem*/

.p10 {
	padding: 1.0rem;
}

.p-tb10 {
	padding: 1.0rem 0;
}

.p-lr10 {
	padding: 0 1.0rem;
}

.p-t10 {
	padding-top: 1.0rem;
}

.p-b10 {
	padding-bottom: 1.0rem;
}

.p-l10 {
	padding-left: 1.0rem;
}

.p-r10 {
	padding-right: 1.0rem;
}


/*内边距2.0rem*/

.p20 {
	padding: 2.0rem;
}

.p-tb20 {
	padding: 2.0rem 0;
}

.p-lr20 {
	padding: 0 2.0rem;
}

.p-t20 {
	padding-top: 2.0rem;
}

.p-b20 {
	padding-bottom: 2.0rem;
}

.p-l20 {
	padding-left: 2.0rem;
}

.p-r20 {
	padding-right: 2.0rem;
}


/*============margin============*/


/*外边距1.0rem*/

.m10 {
	margin: 1.0rem;
}

.m-tb10 {
	margin: 1.0rem 0;
}

.m-lr10 {
	margin: 0 1.0rem;
}

.m-t10 {
	margin-top: 1.0rem;
}

.m-b10 {
	margin-bottom: 1.0rem;
}

.m-l10 {
	margin-left: 1.0rem;
}

.m-r10 {
	margin-right: 1.0rem;
}


/*外边距2.0rem*/

.m10 {
	margin: 2.0rem;
}

.m-tb20 {
	margin: 2.0rem 0;
}

.m-lr20 {
	margin: 0 2.0rem;
}

.m-t20 {
	margin-top: 2.0rem;
}

.m-b20 {
	margin-bottom: 2.0rem;
}

.m-l20 {
	margin-left: 2.0rem;
}

.m-r20 {
	margin-right: 2.0rem;
}


/*============width============*/

.pct10 {
	width: 10%;
}

.pct20 {
	width: 20%;
}

.pct30 {
	width: 30%;
}

.pct40 {
	width: 40%;
}

.pct50 {
	width: 50%;
}

.pct60 {
	width: 60%;
}

.pct70 {
	width: 70%;
}

.pct80 {
	width: 80%;
}

.pct90 {
	width: 90%;
}

.pct100 {
	width: 100%;
}


/*============布局排版============*/

.l {
	float: left;
}

.r {
	float: right;
}


/* 清除浮 动*/

.clearfix {
	*zoom: 1;
}

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


/*display*/

.dn {
	display: none;
}

.db {
	display: block;
}

.di {
	display: inline;
}

.dib {
	display: inline-block;
}

.dibvm {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}


/* 块状元素水平居中 */

.mauto {
	margin: 0 auto;
}


/* text-align */

.tc {
	text-align: center;
}

.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.tdl {
	text-decoration: line-through;
}


/* position */

.rel {
	position: relative;
}

.abs {
	position: absolute;
}


/*============文本段落============*/


/*段落*/

.p-txt-12 {
	line-height: 1.6;
	font-size: 12px;
	font-size: 1.2rem;
}

.p-txt-14 {
	line-height: 1.8;
	font-size: 14px;
	font-size: 1.4rem;
}

.p-txt-16 {
	line-height: 1.8;
	font-size: 16px;
	font-size: 1.6rem;
}


/*============边框============*/


/*实线*/

.bs {
	border: 1px solid #e1e1eb;
}

.bls {
	border-left: 1px solid #e1e1eb;
}

.brs {
	border-right: 1px solid #e1e1eb;
}

.bts {
	border-top: 1px solid #e1e1eb;
}

.bbs {
	border-bottom: 1px solid #e1e1eb;
}


/*虚线*/

.bd {
	
}

.bld {
	border-left: 1px dashed #e1e1eb;
}

.brd {
	border-right: 1px dashed #e1e1eb;
}

.btd {
	border-top: 1px dashed #e1e1eb;
}

.bbd {
	border-bottom: 1px dashed #e1e1eb;
}


/*============背景色============*/

.bggray {
	background-color: #f5f5f7;
}

.bgwhite {
	background-color: #ffffff;
}

.bgred {
	background-color: #E63232;
}

.bgyellow {
	background-color: #ffb400;
}


/*============颜色============*/

.white {
	color: #ffffff;
}

.red {
	color: #E63232;
}

.yellow {
	color: #FFB400;
}

.orange {
	color: #FF641E;
}


/*============按钮组件============*/


/*按钮基础*/

.btn {
	display: inline-block;
	border: 0;
	text-align: center;
	border-radius: 0.4rem;
	line-height: normal;
	padding: 0.6rem 1.0rem;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	font-size: 1.2rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: #e1e1eb;
	border-radius: 0.2rem;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
}


/*按钮颜色分类*/


/*红色*/

.btn-red {
	background-color: #E63232;
	color: #ffffff;
}


/*橙色*/

.btn-orange {
	background-color: #FFB400;
	color: #ffffff;
}


/*灰色*/

.btn-disable {
	background-color: #e1e1eb;
	color: #788296;
}


/*按钮大小*/


/*xl*/

.btn-xl {
	padding: 1.4rem 5.0rem;
	font-size: 2.2rem;
	border-radius: 0.6rem;
	-webkit-border-radius: 0.6rem;
	-moz-border-radius: 0.6rem;
}


/*l*/

.btn-l {
	padding: 1.2rem 4.0rem;
	font-size: 1.8rem;
	border-radius: 0.6rem;
	-webkit-border-radius: 0.6rem;
	-moz-border-radius: 0.6rem;
}


/*m*/

.btn-m {
	padding: 1.0rem 3.0rem;
	font-size: 1.6rem;
	border-radius: 0.6rem;
	-webkit-border-radius: 0.6rem;
	-moz-border-radius: 0.6rem;
}


/*s*/

.btn-s {
	padding: 0.6rem 1.0rem;
	font-size: 1.4rem;
}


/*block*/

.btn-block {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}


/*按钮圆角、直角*/

.btn.btn-round {
	border-radius: 5.0rem;
	-webkit-border-radius: 5.0rem;
	-moz-border-radius: 5.0rem;
}

.btn.btn-square {
	border-radius: 0rem;
	-webkit-border-radius: 0rem;
	-moz-border-radius: 0rem;
}


/*按钮交互*/

.btn-red:active {
	background-color: #dc2828;
}

.btn-orange:active {
	background-color: #f5aa00;
}


/*=============输入框组件==============*/

.input-group {
	/*输入框组*/
	width: 100%;
	display: table;
	background-color: #ffffff;
}

.input-prefix {
	/*输入框前缀*/
	width: 1%;
	display: table-cell;
	white-space: nowrap;
	/*不允许折行*/
	vertical-align: middle;
}

.input-box {
	/*输入框*/
	width: 100%;
	display: table-cell;
	border: 0;
	font-size: 14px;
}


/*display:table*/

.distable {
	width: 100%;
	display: table;
}

.cell {
	display: table-cell;
	*display: inline-block;
}