@charset "utf-8";

*,

*:before,

*:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}



.clearfix:before,.clearfix:after {

	content: "";

	display: block;

	clear: both;

}

html,

body {

	margin: 0;

	padding: 0;

	font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;

	color: #5f5f5f;

	position: relative;

	width: 100vw;

	min-height: 100vh;

	overflow-x: hidden;

	font-size: 10px;

}





h1,

h2,

h3,

h4,

h5,

h6 {

	color: #B84DC7

}



div {}



body::selection {

	color: #FFFFFF;

	background-color: #006F53;

	text-shadow: none;

}



body::-moz-selection {

	color: #FFFFFF;

	background-color: #006F53;

	text-shadow: none;

}



:active,

:focus,

:hover {

	outline: 0!important

}





/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/



::-webkit-scrollbar {

	width: 0.1rem;

	height: 0.12rem;

	background-color: #f00);

}





/*定义滚动条轨道 内阴影+圆角*/



::-webkit-scrollbar-track {

	background-color: rgba(0,0,0,0.3);

}





/*定义滑块 内阴影+圆角*/



::-webkit-scrollbar-thumb {

	border-radius: 2px;

	-webkit-box-shadow: inset 0 0 6px rgba(0.0.0, .2);

	background-color: #FF8600;

}



input {

	outline: none;

	text-indent: .5em

}



input.orangeInput {

	background: #F7941d;

	color: #fff;

	padding: 0 25px;

	border: none;

	text-indent: 0

}



a {

	color: #666;

	text-decoration: none;

	outline: none;

}



a:hover,

a:focus {

	color: #23527c;

}



a:focus {

	outline: 5px auto -webkit-focus-ring-color;

	outline-offset: -2px;

}



img,

input {

	border: 0;

	max-width: 100%;

	vertical-align: middle;

	margin: 0;

	padding: 0

}



h3 {

	font-size: 1.6rem;

}



td,

th {

	font-size: 1.4rem

}



.board a:hover,

.board a:focus {

	text-decoration: underline;

}



ul,

li,

p,

h1,

h2,

h3,

h4,

h5,

dl,

dt,

dd,

button {

	margin: 0;

	padding: 0;

	list-style: none

}



.v-align {

	position: relative;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%)

}



.clear {

	clear: both

}



.fL {

	float: left

}



.fR {

	float: right

}



.tR {

	text-align: right

}



.h20 {

	height: 20px;

}



.h10 {

	height: 10px;

}



.red {

	color: #FE6760

}



.grey {

	color: #999;

	padding-right: .5em

}



.filter_grey {

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

}



.block {

	background: #f5f5f5;

	padding: 15px;

}



.seprarate:after {

	content: "|";

	color: rgba(0, 0, 0, .2);

	padding: 0 8px

}



.sep:after {

	content: "/\00a0";

	padding: 0 .7em;

	color: #ccc;

	font-style: normal

}



.center {

	text-align: center

}



.center {

	text-align: center

}



.h80 {

	height: 80px;

}



.h150 {

	height: 150px;

}



table {

	border-collapse: collapse

}



table td {}



input.text,

textarea,

select {

	line-height: 38px;

	border: #dce1e4 1px solid;

	color: #7C8EA0;

	margin: 0;

	padding: 0;

	text-indent: 0;

	padding: 0 12px;

	border-radius: 4px;

	transition: all .4s ease 0s;

	font-size: 1.4rem;

	font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Tahoma, Arial, STXihei, SimSun, "宋体", Heiti, "黑体", sans-serif;

}



input.text,

select {

	height: 38px;

}



option {

	line-height: 38px;

	vertical-align: middle

}



input.text:focus,

textarea:focus {

	border: #BDC5C9 1px solid;

	color: #23527c;

	border-radius: 20px

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: #d0d0d0; opacity:1; 

}



::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #d0d0d0;opacity:1;

}



input:-ms-input-placeholder{

    color: #d0d0d0;opacity:1;

}



input::-webkit-input-placeholder{

    color: #d0d0d0;opacity:1;

}