/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
	font-size: 1.33333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}

.fa-2x {
	font-size: 2em;
}

.fa-3x {
	font-size: 3em;
}

.fa-4x {
	font-size: 4em;
}

.fa-5x {
	font-size: 5em;
}

.fa-fw {
	width: 1.28571429em;
	text-align: center;
}

.fa-ul {
	padding-left: 0;
	margin-left: 2.14285714em;
	list-style-type: none;
}

.fa-ul>li {
	position: relative;
}

.fa-li {
	position: absolute;
	left: -2.14285714em;
	width: 2.14285714em;
	top: 0.14285714em;
	text-align: center;
}

.fa-li.fa-lg {
	left: -1.85714286em;
}

.fa-border {
	padding: .2em .25em .15em;
	border: solid 0.08em #eeeeee;
	border-radius: .1em;
}

.fa-pull-left {
	float: left;
}

.fa-pull-right {
	float: right;
}

.fa.fa-pull-left {
	margin-right: .3em;
}

.fa.fa-pull-right {
	margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.fa.pull-left {
	margin-right: .3em;
}

.fa.pull-right {
	margin-left: .3em;
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

.fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
}

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

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

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

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.fa-rotate-90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.fa-rotate-180 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.fa-rotate-270 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.fa-flip-horizontal {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.fa-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
	-webkit-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
	filter: none;
}

.fa-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

.fa-stack-1x {
	line-height: inherit;
}

.fa-stack-2x {
	font-size: 2em;
}

.fa-inverse {
	color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-user:before {
	content: "\f007";
}

.fa-key:before {
	content: "\f084";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}

.fa-folder:before {
  content: "\f07b";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-archive:before {
  content: "\f187";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-upload:before {
  content: "\f093";
}
.fa-download:before {
  content: "\f019";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-search:before {
  content: "\f002";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-check:before {
  content: "\f00c";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-question:before {
  content: "\f128";
}
.fa-book:before {
  content: "\f02d";
}

/*
 样式使用规范：
 
 一：所有名称采用小驼峰书写格式，如：aBC、dEF；
  
 二：aBC 代表一个独立应用的样式，如：<div class="aBC"></div>；
 
 三：aBC-xX 代表xX继承于aBC样式，如：<div class="aBC aBC-xX"></div>；
 
 四：aBC_xX 代表xX用于aBC的子代，如：<div class="aBC"><p class="aBC_xX"></p></div>；
 
 五：aB__xX代表xX是aB的间接子代，如：.aBC .aBC__xX > .aBC__xX_yY > img，建议：__线前面使用顶级类样式；
 
 六：为了可读性样式层级最多四级，如：.a > .a_b > .a_b_c > .a_b_c_d、 .a > div p > hr、.a > div .c .d；

 七：为了可读性应优先使用类样式，如：.a > .a_b > .a_b_c，不要写成 .a > div > hr，因为标签名没有有意义的类名好理解，但是标签样式能减少书写，可以适当应用，
 
     当然如果有个别需要附上类样式以作区别对待，那么此类样式在定义时的格式应为：标签名称(用于理解修饰的基础).不带_的名称(不需要表明层级)，如 a.active 等；
 
 八：能用>定义的样式就不用 定义，如：能用 .a > hr 的就不用 .a hr，这样一眼就能看出层级结构，更容易理解；
 
 九：字体大小统一使用em进行表示；
  
 除基准字体大小外所有的字体大小统一使用em进行表示，以方便统一更改字体大小，其它的大小强烈建议一律使用px与%号进行表示，当然与文本相关的大小可适量的使用em。
 
 十：常用样式可以使用重要优先级；
 
 常用样式要提升其优先级，以阻止普通优先级样式覆盖它，这样可以随时拿来使用，就相当于在元素的style属性中写样式一样，如：.block {display: block !important}。
 
  
 建议简单应用方案：
 
 (1) 前两级为类样式，如：.a > .a_b、.a .a__c等；
 
 (2) 后两级为标签样式，如：.a > .a_b > div > hr、.a > .a_b > div.a__c > hr等；
 
 这是一种折中平衡方案，既有类样式，又有标签样式，由于第三四级如果使用类样式必定书写量多一些，而且还占带宽。
 
 这样我们书写样式时，记着把前三级类样式写上就行，即写上 .a、.a_b、.a__c这样的样式就行，其它的全用标签样式。
 
 
 当然为了更加简单：
 
 (1) 不使用带_及__的任何类样式；
*/

/*
大红：#f00000|#e00000(一般于总计或特别重要的)
中红：#f03050(一般用于价格或边框高亮)
浅红：#f07070|#f05050(一般用于背景与文字)
青色：#77ccdd
橙色：#ff7700|#fb7500
黑色：#333333
绿色：#7acca3|#66ccbb
导航栏或大区块头高：90px
大按钮或小区块头高：80px
小按钮高：65px

如点击是跳转到其它页面去的单个按钮文字后面加：&gt;&gt; 以进行示意并美化，如：立即去选购等。
*/

* {
	/*禁用手机Chrome浏览器在自认为字体太小时自动不遵守CSS字体大小设置而对文字进行放大的特性，这个特性叫做Font Boosting，此问题发现在显示部分日文的时候。*/
	max-height: 999999px;
}

body {
	background: #fff;
	overflow-x: hidden;
	font-size: 14px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
	color: #333333;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*用于修改点击时的高亮背景色。*/
	word-break: break-all;
	word-wrap: break-word;

	/*禁用手机浏览器自动调整字体大小。*/
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.clearAfter:after {
	content: " " !important;
	display: block !important;
	width: 0px !important;
	height: 0px !important;
	clear: both !important;
}

.displayNone {
	display: none !important;
}

.displayBlock {
	display: block !important;
}

i {
	vertical-align: middle;
}

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

p {
	margin: 0px;
	padding: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style-type: none;
}

li {
	list-style: none;
}

span,
i {
	vertical-align: middle;
}

img {
	vertical-align: middle;
}

h5 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 1em;
}

input,
select,
textarea,
button {
	outline: none;
	resize: none;
}