/* 20171118 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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


/* 去除iPhone中默认的input样式 */

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

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

button {
	border: none;
}


/* 设置HTML5元素为块 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}


/* 图片自适应 */

img {
	/*max-width: 100%;*/
	height: auto;
	width: auto\9;
	/* ie8 */
	-ms-interpolation-mode: bicubic;
	/*为了照顾ie图片缩放失真*/
}


/* 初始化 */

body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
	border: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*取消链接高亮*/
}

body {
	font-family: Microsoft YaHei, simhei, Tahoma, Arial, sans-serif;
	color: #444444;
	font-size: 10px;
}

a,
a:hover,
a:active,
a:visited,
a:focus {
	color: #444444;
	text-decoration: none;
}

ul,
ol {
	list-style: none;
}

img {
	border: none;
	vertical-align: middle;
}


/* IE678 */

.ie67 {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #f00;
	font-size: 15px;
	overflow: hidden;
	z-index: 9999999;
	display: none;
}


/* 背景类 */

.w-bg-f {
	background-color: #FFFFFF;
}

.w-bg-fe {
	background-color: #FEFEFE;
}

.w-bg-f4 {
	background-color: #F4F4F4;
}

.w-bg-0 {
	background-color: #000;
	opacity: 0.5;
}

.w-bg-orange {
	background-color: #FF7701;
}

.w-bg-yellow {
	background-color: #FFD700;
}

.w-bg-pink {
	background-color: #E485C7;
}

.w-bg-purple {
	background-color: #85529D;
}

.w-bg-red {
	background-color: #F16882;
}


/*.w-bg-99 {
	background: url(../img/bg.jpg) no-repeat left top;
	background-size: 100%;
}*/


/* 文字颜色类 */

.w-foco-4 {
	color: #444;
}

.w-foco-6 {
	color: #666;
}

.w-foco-8 {
	color: #888;
}

.w-foco-9 {
	color: #999;
}

.w-foco-white {
	color: #FFFFFF;
}

.w-foco-orange,
a.w-foco-orange,
a.w-foco-orange:hover,
a.w-foco-orange:focus {
	color: #FF7701;
}

.w-foco-yellow,
a.w-foco-yellow,
a.w-foco-yellow:hover,
a.w-foco-yellow:focus {
	color: #FCFF2A;
}

.w-foco-brown,
a.w-foco-brown,
a.w-foco-brown:hover,
a.w-foco-brown:focus {
	color: #B42F00;
}

.w-foco-pink,
a.w-foco-pink,
a.w-foco-pink:hover,
a.w-foco-pink:focus {
	color: #E485C7;
}

.w-foco-purple,
a.w-foco-purple,
a.w-foco-purple:hover,
a.w-foco-purple:focus {
	color: #85529D;
}

.w-foco-red,
a.w-foco-red,
a.w-foco-red:hover,
a.w-foco-red:focus {
	color: #F16882;
}

.w-foco-blue,
a.w-foco-blue,
a.w-foco-blue:hover,
a.w-foco-blue:focus {
	color: #59A3D2;
}

.w-foco-cyan,
a.w-foco-cyan,
a.w-foco-cyan:hover,
a.w-foco-cyan:focus {
	color: #49b5c2;
}


/* 文字大小类 */

.w-fosize-16 {
	font-size: 1.6rem;
}

.w-fosize-18 {
	font-size: 1.8rem;
}

.w-fosize-20 {
	font-size: 2rem;
}


/* 字间距 */

.w-lh15 {
	line-height: 1.5;
}

.w-lh18 {
	line-height: 1.8;
}

.w-lh2 {
	line-height: 2;
}
.w-lh25 {
	line-height: 2.5;
}
.w-lh3 {
	line-height: 3;
}


/* 间距类 */


/* 外间距类 */


/* 上  */

.w-mt10 {
	margin-top: 10px;
}

.w-mt15 {
	margin-top: 15px;
}

.w-mt20 {
	margin-top: 20px;
}

.w-mt30 {
	margin-top: 30px;
}


/* 下  */

.w-mb10 {
	margin-bottom: 10px;
}

.w-mb15 {
	margin-bottom: 15px;
}

.w-mb20 {
	margin-bottom: 20px;
}

.w-mb30 {
	margin-bottom: 30px;
}


/* 右  */

.w-mr15 {
	margin-right: 15px;
}


/* 居中常用，宽度已知  */

.w-m0a {
	margin: 0 auto;
}


/* 内间距类 */


/* 上 */

.w-pt10 {
	padding-top: 10px;
}

.w-pt15 {
	padding-top: 15px;
}


/* 下 */

.w-pb10 {
	padding-bottom: 10px;
}

.w-pb15 {
	padding-bottom: 15px;
}


/* 上下 */

.w-ptb10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.w-ptb15 {
	padding-top: 15px;
	padding-bottom: 15px;
}


/* 左 */

.w-pl0 {
	padding-left: 0;
}


/* 右 */

.w-pr0 {
	padding-right: 0;
}

.w-pr15 {
	padding-right: 15px;
}


/* 左右 */

.w-plr0 {
	padding-left: 0;
	padding-right: 0;
}

.w-plr5 {
	padding-left: 5px;
	padding-right: 5px;
}

.w-plr10 {
	padding-left: 10px;
	padding-right: 10px;
}

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


/* 上下左右 */

.w-p10 {
	padding: 10px;
}

.w-p15 {
	padding: 15px;
}


/* 定位 */

.w-position-r {
	position: relative;
}

.w-position-a {
	position: absolute;
}

.w-position-f {
	position: fixed;
}


/* 间隔 */

.w-interval {
	width: 100%;
	height: 50px;
}

.w-border {
	border: 1px solid #DEDEDE;
}

.w-border-n {
	border: none;
}

.w-border-t {
	border-top: 1px solid #DEDEDE;
}

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


/* 阴影 */

.w-box-s-n {
	box-shadow: none;
}


/* 圆弧 */

.w-border-r5 {
	border-radius: 5px;
}

.w-border-r10 {
	border-radius: 10px;
}

.w-border-r20 {
	border-radius: 20px;
}

.w-border-r5p {
	border-radius: 50%;
}


/* 按钮 */

.w-btn-ok,
.w-btn-ok:hover,
.w-btn-ok:focus,
.w-btn-orange,
.w-btn-orange:hover,
.w-btn-orange:focus {
	background-color: #FF7701;
	border-color: #FF7701;
	color: #FFFFFF;
}

.w-btn-no,
.w-btn-no:hover,
.w-btn-no:focus {
	background-color: #CCCCCC;
	border-color: #CCCCCC;
	color: #888888;
}


/* 文字大小 */

.container {
	font-size: 1.4rem;
}