/*@font-face {*/
/*	font-family: 'MiSans';*/
/*	src: url('../font/MiSans-Regular.ttf');*/
/*}*/

/*@font-face {*/
/*	font-family: 'MiSans-Medium';*/
/*	src: url('../font/MiSans-Medium.ttf');*/
/*}*/

/*@font-face {*/
/*	font-family: 'MiSans-Demibold';*/
/*	src: url('../font/MiSans-Demibold.ttf');*/
/*}*/

/*@font-face {*/
/*	font-family: 'Alimama ShuHeiTi';*/
/*	src: url('../font/AlimamaShuHeiTi-Bold.ttf');*/
/*}*/

/* 
4    0.05rem
10    0.13rem
15    0.2rem
20    0.27rem
24  0.32rem
28  0.37rem
30  0.4rem
38  0.51rem
40  0.53rem
50  0.67rem
56  0.75rem
60  0.8rem
70  0.93rem
80    1.1rem
90    1.2rem
100    1.33rem
 
 */

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-size: 0.32rem;
	font-family: '微软雅黑';
}

a {
	text-decoration: none!important;
	color: #333;
}
a:focus{
	text-decoration: none; 
}
a:hover,
a:visited,
a:link,
a:active {
	color: #333;
	text-decoration: none; 
}

ul,
ol {
	list-style: none;
}

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

.button {
	border: 0;
	background-color: none;
	outline: none;
	-webkit-appearance: none;
}

select {
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
	padding-right: 0.19rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

input,
textarea {
	outline: none;
	border: none;
}

textarea {
	resize: none;
	overflow: auto;
}

i {
	font-style: normal;
}

/*去除input[type=number]加减号*/
/* 谷歌 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

/* 整个滚动条 */
::-webkit-scrollbar {
	width: 1px;
	/* 水平滚动条的高度、垂直滚动条的宽度 */
	height: 3px;
	/* 水平滚动条的高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
	background: #F0F0F0
		/* 颜色和样式 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
	background: #ababab;
	/* 滑块颜色 */
}

/* 滑块hover效果 */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.selectBox {
	min-width: 100px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	box-sizing: border-box;
	color: #606266;
	height: 0.4rem;
	padding: 0 0.13rem;
}

.selectBox:focus {
	outline: none;
	border: 1px solid #dcdfe6 !important;
}

.select-option {
	font-size: 0.19rem;
	color: #333;
	background-color: #fff;
}


/* 火狐 */
input {
	-moz-appearance: textfield;
}

html {
	min-height:100%;
	background: #F4F5F9 !important;
}
html, body {
  height: 100%; /* 设置html和body的高度为视口高度的100% */
}


body {
	height:100%;
	position: relative;
	cursor: default;
}

.box {
	width: 10rem;
	margin: 0 auto;
}
.ml-0{
	margin-left: 0px !important;
}
.ml-5 {
	margin-left: 5px !important;
}

.ml-10 {
	margin-left: 0.13rem !important;
}

.mt-10 {
	margin-top: 0.13rem !important;
}
.mt-15 {
	margin-top: 0.2rem !important;
}

.mt-20 {
	margin-top: 0.27rem !important;
}
.m-0-auto{
	margin:0 auto!important;
}
.mb-5 {
	margin-bottom: 5px !important;
}

.mb-10 {
	margin-bottom: 0.13rem !important;
}

.mb-20 {
	margin-bottom: 0.27rem !important;
}

.pt-10 {
	padding-top: 0.13rem !important;
}

.pr-10 {
	padding-right: 0.13rem !important;
}
.pt-20{
	padding-top: 0.32rem !important;
}
.cp {
	cursor: pointer;
}

.text-fff {
	color: #fff !important;
}

.text-d3d3d3 {
	color: #d3d3d3 !important
}

.border-n {
	border: none;
}

.fb {
	font-weight: 700 !important;
}

.f12 {
	font-size: 0.16rem !important;
}

.f16 {
	font-size: 0.21rem !important;
}

.f18 {
	font-size: 0.24rem !important;
}

.f20 {
	font-size: 0.27rem !important;
}

.f22 {
	font-size: 0.29rem !important;
}

.f24 {
	font-size: 0.32rem !important;
}

.d-block {
	display: block;
}
.d-none{
	display:none;
}

.text-999,
.text-b5b5b5:hover {
	color: #999;
}

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

.defaultRadio {
	border: 1px solid #999;
	border-radius: 100%;
	cursor: pointer;
	height: 16px;
	position: relative;
	width: 16px;
}

.block {
	display: block;
}

.flex-1 {
	flex: 1;
}

.align-right {
	text-align: right;
}

.red {
	color: red !important;
}

.bg1 {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.flex {
	display: flex;
}

.grid {
	display: grid;
}

.border-none {
	border: none !important;
}

.footerKongbai {
	width: 100%;
	height: 1rem;
}

.footerFixed {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.nav {
	width: 100%;
	padding: .27rem 0 .3rem 0;
	background: #FFFFFF;
	box-shadow: 0 .13rem .32rem .01rem rgba(0, 0, 0, 0.06);
	border-radius: .27rem .27rem 0 0;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}

.nav-item-img {
	width: .6rem;
	height: .6rem;
	margin: 0 auto;
	display: block;
}

.nav-item-name {
	text-align: center;
	font-size: .27rem;
	color: #666666;
	margin-top: .05rem;
}

.nav-item-nameActive {
	color: #291F17 !important;
}

.nav-item-imgNone {
	display: none;
}

.nav-item-imgActive {
	display: block;
}

.nav-item-imgLogo {
	width: 1.2rem;
	height: 1.2rem;
	/* margin-top:-.29rem; */
	/* position: absolute;
	top: -.29rem;
	left:50%;
	margin-left:-.6rem; */
}

.nav-itemLogo {
	position: relative;
}
.nav-item-imgBox{
	position: absolute;
	top: -.56rem;
	left:50%;
	margin-left:-.6rem;
}
.common-imgbg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
}
.grid-2fr{
	grid-template-columns: repeat(2,1fr);
}
.grid-3fr{
	grid-template-columns: repeat(3,1fr);
}
.grid-4fr{
	grid-template-columns: repeat(4,1fr);
}
.grid-1fr-auto{
	grid-template-columns: 1fr auto!important;
}
::-webkit-scrollbar {
	display: none;
}
.sticky{
	position:sticky;
	top:0;
	left:0;
	z-index:3;
}
.stuck{
	background:#4d6983;
	padding-bottom:.1rem;
}