* {
	padding: 0;
	margin: 0;
	list-style: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
}

html {
	-webkit-text-size-adjust: 100%;
	font-size: 1vw;
}

body {
	background-color: #fff;
	font-size: 0.729rem;
	color: #333;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
}

::-webkit-scrollbar {
	width: 0.52rem;
}


/* 垂直滚动条的滑动块 */

::-webkit-scrollbar-thumb:vertical {
	border-radius: 0.52rem;
	-webkit-box-shadow: #999999;
	background-color: #999999;
}

div,
img,
input,
label,
li,
span,
textarea,
ul {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

input,
textarea {
	border: 0;
	outline: 0;
	resize: none;
	font-size: 14px;
	-webkit-user-select: initial!important;
	-moz-user-select: initial!important;
	-ms-user-select: initial!important;
}

input[type="checkbox"] {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 15px;
	position: relative;
	cursor: pointer;
}

input[type="checkbox"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	border: 0.052rem solid #d9d9d9
}

input[type="checkbox"]:checked::before {
	content: "\2713";
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border: 0.052rem solid #e50232;
	color: #e50232;
	font-size: 0.833rem;
	font-weight: bold;
}

input[type=radio] {
	/*去除浏览器默认样式*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*自定义样式*/
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 0.833rem!important;
	height: 0.833rem!important;
	border: 0.052rem solid #e50232;
	outline: none;
	cursor: pointer;
	border-radius: 50%;
	top: -0.052rem;
}

input[type=radio]:after {
	content: '';
	position: absolute;
	width: 0.52rem;
	height: 0.52rem;
	display: block;
	left: calc((100% - 0.52rem)/2);
	top: calc((100% - 0.52rem)/2);
	margin: auto;
	background: #e40000;
	border-radius: 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

input[type=radio]:checked:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

::-ms-clear,
 ::-ms-reveal {
	display: none;
}

.focus {
	-webkit-transition: border-color 0.2s;
	-moz-transition: border-color 0.2s;
	transition: border-color 0.2s;
}

.focus:focus {
	border-color: #e30100!important;
}

input::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.current_page {
	opacity: 1!important;
}

select {
	outline: none;
}

.data_null {
	height: 7.448rem;
	display: block;
	margin: 4.562rem auto;
}


/*--404--*/

#error .center {
	text-align: center;
}

#error .center>img {
	margin: 0 auto;
	margin-top: calc(50vh - 15rem);
	margin-bottom: 1.666rem;
	display: block;
	height: 19.739rem;
}

#error .center>div {
	display: inline-block;
	font-size: 0.937rem;
	color: #555;
	font-weight: bold;
	height: 2.1875rem;
	line-height: 2.1875rem;
	cursor: pointer;
}

#error .center>div>img {
	margin-right: 0.572rem;
	height: 2.1875rem;
	vertical-align: middle;
	float: left;
}

#error .center>div:nth-child(3) {
	margin-left: 2.708rem;
}

page {
	display: block;
}

.scale {
	-webkit-animation: scale .5s 0s 1;
	-moz-animation: scale .5s 0s 1;
	animation: scale .5s 0s 1
}

@-moz-keyframes scale {
	0% {
		-moz-transform: scale(0)
	}
	60% {
		-moz-transform: scale(1.1)
	}
	80% {
		-moz-transform: scale(0.95)
	}
	100% {
		-moz-transform: scale(1)
	}
}

@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(0)
	}
	60% {
		-webkit-transform: scale(1.1)
	}
	80% {
		-webkit-transform: scale(0.95)
	}
	100% {
		-webkit-transform: scale(1)
	}
}

@keyframes scale {
	0% {
		transform: scale(0)
	}
	60% {
		transform: scale(1.1)
	}
	80% {
		transform: scale(0.95)
	}
	100% {
		transform: scale(1)
	}
}

.clip {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	overflow: hidden;
}

.clip-1 {
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
}

.clip-2 {
	-webkit-line-clamp: 2;
}

.clip-3 {
	-webkit-line-clamp: 3;
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(0)
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1)
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}

@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1)
	}
	100% {
		-webkit-transform: scale(0)
	}
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1)
	}
	100% {
		-moz-transform: scale(0)
	}
}

@keyframes bounceOut {
	0% {
		transform: scale(1)
	}
	100% {
		transform: scale(0)
	}
}

.bounceIn {
	-webkit-animation: bounceIn .2s 0s 1 forwards;
	-moz-animation: bounceIn .2s 0s 1 forwards;
	animation: bounceIn .2s 0s 1 forwards
}

.bounceOut {
	-webkit-animation: bounceOut .2s 0s 1 forwards;
	-moz-animation: bounceOut .2s 0s 1 forwards;
	animation: bounceOut .2s 0s 1 forwards
}

@-webkit-keyframes animate_up {
	0% {
		opacity: 0;
		-webkit-transform: translate(0px, 100%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px)
	}
}

@-moz-keyframes animate_up {
	0% {
		opacity: 0;
		-moz-transform: translate(0px, 100%)
	}
	100% {
		opacity: 1;
		-moz-transform: translate(0px, 0px)
	}
}

@keyframes animate_up {
	0% {
		opacity: 0;
		transform: translate(0px, 100%)
	}
	100% {
		opacity: 1;
		transform: translate(0px, 0px)
	}
}

.animate_up {
	-webkit-animation: animate_up .3s 0s 1 forwards;
	-moz-animation: animate_up .3s 0s 1 forwards;
	animation: animate_up .3s 0s 1 forwards
}

@-webkit-keyframes animate_down {
	0% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0px, 100%)
	}
}

@-moz-keyframes animate_down {
	0% {
		opacity: 1;
		-moz-transform: translate(0px, 0px)
	}
	100% {
		opacity: 0;
		-moz-transform: translate(0px, 100%)
	}
}

@keyframes animate_down {
	0% {
		opacity: 1;
		transform: translate(0px, 0px)
	}
	100% {
		opacity: 0;
		transform: translate(0px, 100%)
	}
}

.animate_down {
	-webkit-animation: animate_down .3s 0s 1 forwards;
	-moz-animation: animate_down .3s 0s 1 forwards;
	animation: animate_down .3s 0s 1 forwards;
}

.load_opt_mask {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1000
}

.load_page_mask {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1000;
	top: 0px;
	background: white
}

.load_opt,
.load_page {
	position: fixed;
	z-index: 1001;
	height: 100px;
	width: 100px;
	text-align: center;
	top: calc((100% - 100px)/2);
	left: calc((100% - 100px)/2)
}

.load_page {
	z-index: 1001
}

.load_page>div>div {
	background: #999999
}

.loading_mask_box {
	position: absolute;
	background: black;
	z-index: -1;
	padding: 50px;
	opacity: .5;
	border-radius: 5px
}

.loading_box {
	position: relative;
	margin-left: 40px;
	margin-top: 40px
}

@-webkit-keyframes loading_box {
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes loading_box {
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

@keyframes loading_box {
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

.loading_box>div:nth-child(1) {
	top: 23px;
	left: 5px;
	-webkit-animation: loading_box 1.2s 0.12s infinite ease-in-out;
	-moz-animation: loading_box 1.2s 0.12s infinite ease-in-out;
	animation: loading_box 1.2s 0.12s infinite ease-in-out;
}

.loading_box>div:nth-child(2) {
	top: 16.63636px;
	left: 18.63636px;
	-webkit-transform: rotate(-45deg);
	-webkit-animation: loading_box 1.2s 0.24s infinite ease-in-out;
	-moz-transform: rotate(-45deg);
	-moz-animation: loading_box 1.2s 0.24s infinite ease-in-out;
	transform: rotate(-45deg);
	animation: loading_box 1.2s 0.24s infinite ease-in-out;
}

.loading_box>div:nth-child(3) {
	top: 3px;
	left: 25px;
	-webkit-transform: rotate(90deg);
	-webkit-animation: loading_box 1.2s 0.36s infinite ease-in-out;
	-moz-transform: rotate(90deg);
	-moz-animation: loading_box 1.2s 0.36s infinite ease-in-out;
	transform: rotate(90deg);
	animation: loading_box 1.2s 0.36s infinite ease-in-out;
}

.loading_box>div:nth-child(4) {
	top: -10.63636px;
	left: 18.63636px;
	-webkit-transform: rotate(45deg);
	-webkit-animation: loading_box 1.2s 0.48s infinite ease-in-out;
	-moz-transform: rotate(45deg);
	-moz-animation: loading_box 1.2s 0.48s infinite ease-in-out;
	transform: rotate(45deg);
	animation: loading_box 1.2s 0.48s infinite ease-in-out;
}

.loading_box>div:nth-child(5) {
	top: -17px;
	left: 5px;
	-webkit-animation: loading_box 1.2s 0.6s infinite ease-in-out;
	-moz-animation: loading_box 1.2s 0.6s infinite ease-in-out;
	animation: loading_box 1.2s 0.6s infinite ease-in-out;
}

.loading_box>div:nth-child(6) {
	top: -10.63636px;
	left: -8.63636px;
	-webkit-transform: rotate(-45deg);
	-webkit-animation: loading_box 1.2s 0.72s infinite ease-in-out;
	-moz-transform: rotate(-45deg);
	-moz-animation: loading_box 1.2s 0.72s infinite ease-in-out;
	transform: rotate(-45deg);
	animation: loading_box 1.2s 0.72s infinite ease-in-out;
}

.loading_box>div:nth-child(7) {
	top: 3px;
	left: -15px;
	-webkit-transform: rotate(90deg);
	-webkit-animation: loading_box 1.2s 0.84s infinite ease-in-out;
	-moz-transform: rotate(90deg);
	-moz-animation: loading_box 1.2s 0.84s infinite ease-in-out;
	transform: rotate(90deg);
	animation: loading_box 1.2s 0.84s infinite ease-in-out;
}

.loading_box>div:nth-child(8) {
	top: 16.63636px;
	left: -8.63636px;
	-webkit-transform: rotate(45deg);
	-webkit-animation: loading_box 1.2s 0.96s infinite ease-in-out;
	-moz-transform: rotate(45deg);
	-moz-animation: loading_box 1.2s 0.96s infinite ease-in-out;
	transform: rotate(45deg);
	animation: loading_box 1.2s 0.96s infinite ease-in-out;
}

.loading_box>div {
	background-color: white;
	width: 4px;
	height: 35px;
	border-radius: 2px;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	width: 5px;
	height: 15px;
}


/*--图片预览--*/

.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 2000;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	outline: 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
}

.pswp * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pswp img {
	max-width: none
}

.pswp-animate_opacity {
	opacity: .001;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp-open {
	display: block
}

.pswp-zoom-allowed .pswp-img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.pswp-zoomed-in .pswp-img {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}

.pswp-dragging .pswp-img {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing
}

.pswp-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: opacity
}

.pswp-scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.pswp-container,
.pswp-zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.pswp-container,
.pswp-img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.pswp-zoom-wrap {
	position: absolute;
	width: 100%;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp-bg {
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp-animated-in .pswp-bg,
.pswp-animated-in .pswp-zoom-wrap {
	-webkit-transition: none;
	transition: none
}

.pswp-container,
.pswp-zoom-wrap {
	-webkit-backface-visibility: hidden
}

.pswp-item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden
}

.pswp-img {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0
}

.pswp-img-placeholder {
	-webkit-backface-visibility: hidden
}

.pswp-img-placeholder-blank {
	background: #222
}

.pswp-ie .pswp-img {
	width: 100%!important;
	height: auto!important;
	left: 0;
	top: 0
}

.pswp-error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #CCC
}

.pswp-error-msg a {
	color: #CCC;
	text-decoration: underline
}

.pswp-button {
	width: 44px;
	height: 44px;
	position: relative;
	background: 0;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: .75;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	-webkit-box-shadow: none;
	box-shadow: none
}

.pswp-ui-over-close .pswp-button-close {
	opacity: 1
}

.pswp-button {
	background: url(../images/icons/default-skin.png) 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px
}

.pswp-button-close {
	background-position: 0 -44px
}

.pswp-counter {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	font-size: 14px;
	line-height: 44px;
	color: #FFF;
	padding: 0 10px
}

.pswp-save {
	color: white;
	right: 20px;
	position: absolute;
	bottom: 0;
	font-size: 14px;
	z-index: 14;
	height: 44px;
	line-height: 44px
}

.img_scale {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}


/*页面容器*/

#container {
	min-height: 23.3rem;
	margin-top: 1.979rem;
}


/*头部*/

header {
	height: 1.979rem;
	line-height: 1.979rem;
	background: #F5F5F5;
	border-bottom: 0.052rem solid #e9e9e9;
	font-size: 0.625rem;
	position: fixed;
	top: 0px;
	width: 100vw;
	z-index: 111;
	color: #999999;
}

header>div {
	width: 62.5rem;
	margin: 0 auto;
	left: -0.26rem;
	position: relative;
}

header .location {
	float: left;
	cursor: pointer;
	min-width: 3.698rem;
	padding-left: 0.364rem;
	padding-right: 1.364rem;
	position: relative;
	padding-bottom: 0.052rem;
}

header .location label {
	width: 0;
	height: 0;
	border-width: 0.35rem 0.25rem 0;
	border-style: solid;
	border-color: #999 transparent transparent;
	/*透明 透明  灰*/
	position: relative;
	position: absolute;
	right: 0.564rem;
	top: 50%;
	margin-top: -0.17rem;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

header .change_city label {
	border-width: 0 0.25rem 0.35rem!important;
	border-color: transparent transparent #E40000!important;
}

header .change_city {
	background: white;
	color: #333;
	position: relative;
	z-index: 3;
}

header .location img {
	margin-right: 0.312rem;
	height: 0.937rem;
	position: relative;
	top: -0.052rem;
	vertical-align: middle;
}

header .line {
	width: 0.05rem;
	height: 0.625rem;
	float: left;
	margin-top: 0.729rem;
	background: #B5B5B5;
	margin-left: 0.52rem;
	margin-right: 0.52rem;
	cursor: initial!important;
}

header .welcome {
	float: left;
	margin-left: 2.448rem;
}

header .login {
	cursor: pointer;
	float: left;
	margin-left: 2.6rem;
	margin-right: 0.52rem;
}

header .register {
	cursor: pointer;
	color: #e40000;
	float: left;
}

header .right {
	float: right;
}

header .right>div {
	float: right;
	cursor: pointer;
}

header .right>div:hover,
header .back_home:hover {
	color: #e40000!important;
}

header .right span {
	color: #E40000;
}

header .right span {
	margin-left: 0.26rem;
}

header .exit {
	float: right;
	cursor: pointer;
	margin-right: 2.08rem;
	color: #e40000;
	margin-left: 0.625rem;
}

header .user_name {
	float: right;
}

header .user_name span {
	color: #E40000;
	margin-right: 0.416rem;
	cursor: pointer;
}

header .back_home {
	float: right;
	cursor: pointer;
	margin-right: 0.416rem;
}

header .city_box {
	z-index: 1;
	position: absolute;
	background: white;
	border: 1px solid #E4E4E4;
	width: 19.531rem;
	top: 1.979rem;
	color: #333;
	left: 0px;
	box-shadow: 0px 3px 10px 1px #e7e7e7;
}

header .current_city {
	height: 2.08rem;
	border-bottom: 0.052rem solid #e7e7e7;
}

header .current_city>div {
	float: left;
	padding-left: 0.677rem;
	padding-right: 0.677rem;
	height: 1.562rem;
	margin-left: 0.468rem;
	border: 0.052rem solid #eaeaea;
	position: relative;
	top: 0.52rem;
	z-index: 1;
	text-align: center;
	font-size: 0.625rem;
	cursor: pointer;
	line-height: 1.562rem;
}

header .city_tag_index {
	border-bottom: 0.052rem solid white!important;
}

header .city_list {
	overflow: hidden;
	padding-bottom: 1.458rem;
	padding-top: 0.572rem;
}

header .city_list>div {
	float: left;
	width: 25%;
	height: 1.25rem;
	line-height: 1.25rem;
	margin-top: 0.52rem;
	text-align: center;
	font-size: 0.625rem;
	overflow: hidden;
}

header .city_list span {
	padding-left: 0.468rem;
	padding-right: 0.468rem;
	display: inline-block;
	height: 1.25rem;
	cursor: pointer;
	border-radius: 5px;
}

header .city_list .city_active span {
	background: #E40000!important;
	color: white!important;
}

header .city_list span:hover {
	color: #E40000;
	background: #F2F2F2;
}


/*返回顶部*/

header .backtop {
	position: fixed;
	height: 3.12rem;
	width: 3.12rem;
	background: black;
	bottom: 2.604rem;
	right: 0px;
	cursor: pointer;
	opacity: 0;
	display: none;
	left: auto;
}

header .backtop svg {
	height: 1.562rem;
	width: 1.562rem;
	display: block;
	margin: 0 auto;
	color: white;
	margin-top: 0.781rem;
	fill: currentColor;
	overflow: hidden;
}


/*底部*/

footer {
	font-size: 0.73rem;
	background: #eee;
	clear: both;
	border-top: 0.104rem solid #e60012;
}

footer .top {
	overflow: auto;
	margin: 0 auto;
	width: 62.5rem;
	min-height: 13.95rem;
	overflow: hidden;
}

footer dl {
	float: left;
	margin-top: 1.5rem;
	width: 9.1rem;
}

footer dt {
	font-size: 0.93rem;
	color: #3a3a3a;
	font-weight: bold;
	margin-bottom: 0.93rem;
}

footer dd {
	font-size: 0.73rem;
	color: #666666;
	cursor: pointer;
	margin-bottom: 0.83rem;
}

footer .contact {
	float: right;
	margin-top: 3.12rem;
}

footer .contact>div:first-child {
	color: #e40000;
	font-size: 1.25rem;
	margin-bottom: 0.93rem;
	font-weight: bold;
}

footer .contact>div:nth-child(2) {
	color: #666666;
	font-size: 0.73rem;
	margin-bottom: 1.19rem;
}

footer .contact>div:last-child {
	cursor: pointer;
	width: 8.59rem;
	height: 2.6rem;
	text-align: center;
	color: #e40000;
	font-size: 0.93rem;
	line-height: 2.6rem;
	border-radius: 0.41rem;
	border: 0.052rem solid #e40000;
	background: white;
}

footer .contact img {
	display: inline-block;
	margin-right: 0.52rem;
	width: 1.35rem;
	position: relative;
	top: 0.26rem;
}

footer .bottom {
	background: #FFFFFF;
	text-align: center;
	line-height: 1.56rem;
	color: #666666;
	overflow: hidden;
	height: 10.31rem;
}

footer .bottom>div:first-child {
	padding-top: 1rem;
}

footer .bottom>div:nth-child(3) div {
	display: inline-block;
	width: 0.1rem;
	height: 0.73rem;
	background: #B5B5B5;
	margin-left: 0.52rem;
	margin-right: 0.52rem;
	position: relative;
	top: 0.1rem;
}

footer .bottom img {
	margin-top: 0.52rem;
	width: 29.27rem;
}

.footer .record-no {
	color: #fff;
	text-decoration: none;
}

/*头部搜索、导航*/

.head {
	background: white;
}

.head>div:first-child {
	width: 62.5rem;
	margin: 0 auto;
	overflow: auto;
	height: 6.5625rem;
}

.head>div:nth-child(2) {
	background: #e30100;
}

.head>div:nth-child(3) {
	clear: both;
}

.head menu {
	color: white;
	position: relative;
	z-index: 100;
	height: 2.08rem;
}

.head>div:nth-child(2)>div {
	position: relative;
	width: 62.5rem;
	margin: 0 auto;
}

.head>div:nth-child(2)>div>div {
	background: #AC0100;
	height: 100%;
	position: absolute;
	top: 0px;
	-webkit-transition: left 0.2s;
	-moz-transition: left 0.2s;
	transition: all 0.2s;
}

.head menu>li:first-child {
	width: 8.75rem!important;
}

.head menu>li {
	height: 2.08rem;
	line-height: 2.08rem;
	float: left;
	font-size: 0.833rem;
	width: calc((100% - 8.75rem)/8);
	text-align: center;
	cursor: pointer;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.head menu li>img {
	height: 0.989rem;
	margin-right: 0.26rem;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -0.104rem;
}

.head .logo {
	float: left;
	height: 3.17rem;
	cursor: pointer;
	margin-top: 1.666rem;
}

.head .search {
	float: left;
	margin-left: 5.625rem;
	height: 2.08rem;
	margin-top: 2.291rem;
	border: 0.052rem solid #e30100;
}

.head>div>div:nth-child(3) {
	float: left;
	margin-left: 0.833rem;
	font-size: 0.729rem;
	width: 1.758rem;
	line-height: 1.041rem;
	height: 2.08rem;
	margin-top: 2.291rem;
	cursor: pointer;
}

.head .search>img:first-child {
	float: left;
	margin-left: 1.041rem;
	height: 0.937rem;
	margin-top: 0.52rem;
	margin-right: 1.041rem;
}

.head .search input {
	font-size: 0.729rem;
	color: #666666;
	margin-top: 1px;
	height: calc(1.979rem - 2px);
	float: left;
	width: 15.625rem;
	margin-right: 0.833rem;
}

.head .search>img:nth-child(3) {
	float: left;
	margin-right: 0.416rem;
	height: 1.197rem;
	margin-top: 0.416rem;
	cursor: pointer;
}

.head .search button {
	cursor: pointer;
	border: none;
	outline: none;
	width: 3.75rem;
	height: 1.979rem;
	float: right;
	background: #e30100;
	color: white;
	font-size: 0.729rem;
	line-height: 1.979rem;
	text-align: center;
}

.head .search .hot_search {
	clear: both;
	padding-top: 0.5rem;
	color: #888;
	font-size: 0.729rem;
}

.head .hot_search span {
	cursor: pointer;
	margin-right: 0.729rem;
}

.head .hot_search span:hover {
	color: #e40000;
}

.head .publish {
	cursor: pointer;
	float: left;
	font-size: 0.729rem;
	background: #f2f2f2;
	width: 5.208rem;
	height: 2.08rem;
	margin-top: 2.291rem;
	text-align: center;
	margin-left: 3.02rem;
	line-height: 2.08rem;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.head .publish:hover {
	background: #e30100;
	color: white;
}

.head .download {
	float: left;
	margin-left: 4.16rem;
	height: 5.416rem;
	width: 5.416rem;
	margin-top: 0.729rem;
	font-size: 0.625rem;
	border: 0.052rem solid #D6D6D6;
	text-align: center;
}

.head .download div {
	height: 1.041rem;
	line-height: 1.041rem;
	position: relative;
	top: -0.52rem;
	background: white;
	display: inline-block;
}

.head .download img {
	height: 3.906rem;
	position: relative;
	top: -0.26rem;
}


/*分类 START*/

.head_classify {
	position: absolute;
	z-index: 12;
	width: 8.75rem;
	background: #1E1E1E;
	color: #d5d5d5;
	font-size: 0.729rem;
	min-height: 23.9583rem;
	background: black;
	top: 2.08rem;
	text-align: left;
	display: none;
}

.head_classify .classify_children {
	background: white;
	width: 23.354rem;
	position: absolute;
	z-index: -1;
	left: 8.75rem;
	top: -0.052rem;
	display: none;
	overflow: auto;
	border: 0.052rem solid #eaeaea;
	border-left: none;
	padding-bottom: 0.52rem;
	box-shadow: #999 0px 0px 0.781rem -0.104rem;
}

.head_classify .classify_children>div:first-child {
	color: #333;
	text-indent: 0px;
	margin-left: 1.145rem;
	cursor: default;
	font-weight: bold;
}

.head_classify .classify_children>div:nth-child(2) {
	text-indent: 0px;
	line-height: normal;
	overflow: hidden;
}

.head_classify .classify_children label {
	color: #555!important;
	font-size: 0.625rem;
	float: left;
	margin-left: 1.25rem;
	margin-right: 0.572rem;
	cursor: pointer;
	margin-bottom: 0.833rem;
}

.head_classify .classify_children label:hover {
	color: #e40000!important;
}

.head_classify>div {
	height: 2.08rem;
	line-height: 2.08rem;
	cursor: pointer;
	text-indent: 1.197rem;
	-webkit-transition: text-indent 0.2s;
	-moz-transition: text-indent 0.2s;
	transition: text-indent 0.2s;
}

.head_classify>div:hover {
	background: white;
	color: #333333;
	text-indent: 1.926rem;
	border-left: 0.052rem solid black;
}

.head_classify>div>img {
	float: right;
	margin-top: 0.729rem;
	margin-right: 1.041rem;
	height: 0.677rem;
}


/*分类 END*/

.integral_head {
	border-bottom: 0.156rem solid #FF951D;
}

.integral_head>div {
	background: white;
	height: 5.416rem;
	width: 62.5rem;
	margin: 0 auto;
}

.integral_head img {
	float: left;
	height: 2.9166rem;
	margin-left: 2.76rem;
	margin-right: 0.52rem;
	margin-top: 1.927rem;
	cursor: pointer;
}

.integral_head>div>div {
	height: 2.9166rem;
	line-height: 2.9166rem;
	float: left;
	margin-top: 1.927rem;
	color: #ffb26a;
	font-size: 1.25rem;
}

.integral_head menu {
	float: right;
}

.integral_head menu li {
	float: left;
	color: #999;
	font-size: 0.833rem;
	margin-left: 1.406rem;
	margin-top: 3.281rem;
	cursor: pointer;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-bottom: 0.52rem;
	position: relative;
}

.integral_head .active {
	color: #ff5f3d;
}

.integral_head .active:after {
	content: '';
	position: absolute;
	bottom: 0px;
	height: 0.26rem;
	width: 100%;
	left: 0px;
	background: #ff5f3d;
}


/*分页*/

.pager {
	clear: both;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	color: #555;
	overflow: hidden;
	font-size: 0.625rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pager>div {
	float: right;
	/*margin-right: 1.562rem;*/
}

.pager>div div {
	float: left;
}

.pager .prev,
.pager .next {
	width: 3.75rem;
	height: 1.875rem;
	border: 0.052rem solid #EDEDED;
	text-align: center;
	line-height: 1.875rem;
	margin-right: 0.52rem;
	cursor: pointer;
}

.pager .next {
	margin-right: 0.729rem;
}

.pager .prev:hover,
.pager .next:hover,
.pager .page_go:hover,
.pager .page_item>div:hover {
	color: #e80a09;
	border-color: #e80a09;
	z-index: 1;
}

.pager .disabled {
	border-color: #ededed!important;
	color: #CCCCCC!important;
}

.pager .page_item {
	margin-right: 0.52rem;
}

.pager .page_item .page_active {
	background: #e80a09;
	color: white!important;
	cursor: default;
	z-index: 0!important;
	border-color: #e80a09!important;
}

.pager .page_item>div {
	position: relative;
	border: 0.052rem solid #ededed;
	margin-left: -0.052rem;
	width: 1.875rem;
	height: 1.875rem;
	cursor: pointer;
	text-align: center;
	line-height: 1.875rem;
}

.pager .page_item>div:first-child {
	margin-left: 0px;
}

.pager .page_total {
	line-height: 1.875rem;
	margin-right: 0.26rem;
}

.pager .page_num {
	line-height: 1.875rem;
}

.pager .page_num input {
	width: 2.127rem;
	height: 1.197rem;
	text-align: center;
	margin-left: 0.26rem;
	margin-right: 0.26rem;
	color: #555;
	border: 0.052rem solid #ededed;
}

.pager .page_go {
	width: 2.343rem;
	height: 1.197rem;
	border: 0.052rem solid #ededed;
	line-height: 1.197rem;
	text-align: center;
	cursor: pointer;
	margin-top: 0.312rem;
	margin-left: 0.52rem;
}


/*确认框*/

.confirm_mask,
.tip_mask {
	position: fixed;
	z-index: 200;
	background: black;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	top: 0;
	left: 0;
}

.confirm_box,
.tip_box {
	z-index: 200;
	position: fixed;
	top: 50%;
	left: 50%;
	height: 11.458rem;
	width: 15.625rem;
	margin-left: -7.812rem;
	margin-top: -7.729rem;
	background: white;
	border-radius: 0.26rem;
	font-size: 0.833rem;
}

.confirm_box>div:first-child,
.tip_box>div:first-child {
	margin-top: 3.1666rem;
	text-align: center;
}

.tip_box>div:nth-child(2) {
	cursor: pointer;
	left: calc((100% - 3.854rem)/2);
	width: 3.854rem;
	height: 1.875rem;
	line-height: 1.875rem;
	bottom: 1.406rem;
	color: white;
	border-radius: 0.26rem;
	position: absolute;
	background: #de5555;
	text-align: center;
}

.confirm_box>div:nth-child(2) {
	cursor: pointer;
	left: 2.395rem;
	width: 3.854rem;
	height: 1.875rem;
	line-height: 1.875rem;
	bottom: 1.406rem;
	color: white;
	border-radius: 0.26rem;
	position: absolute;
	background: #de5555;
	text-align: center;
}

.confirm_box>div:nth-child(3) {
	background: #b5b5b5;
	cursor: pointer;
	right: 2.395rem;
	position: absolute;
	text-align: center;
	width: 3.854rem;
	height: 1.875rem;
	line-height: 1.875rem;
	bottom: 1.406rem;
	color: white;
	border-radius: 0.26rem;
}


/*确认框 END*/


/*需求方个人中心 头部 START*/

.demander_head {
	background: #EF4442;
	height: 2.08rem;
	line-height: 2.08rem;
}

.demander_head>div {
	width: 62.5rem;
	margin: 0 auto;
	font-size: 0.833rem;
	text-align: center;
	color: white;
}

.demander_head>div>div:first-child {
	width: 12.5rem;
	background: #000;
	margin-right: 2.8125rem;
	cursor: default;
}

.demander_head>div>div {
	height: 2.08rem;
	float: left;
	cursor: pointer;
	padding-left: 2.864rem;
	padding-right: 2.864rem;
}

.demander_head .active {
	background: #E40002;
}

.demander_head>div>div:last-child {
	float: right;
	padding-right: 0.937rem;
	padding-left: 0px;
	font-size: 0.729rem;
}


.demander_head span {
	color: #bdc4cd;
	margin-right: 0.13rem;
}

/*需求方个人中心 END*/


/*需求方左侧菜单 START*/

.demander_menu {
	float: left;
	background: white;
	width: 12.5rem;
	padding-bottom: 1.041rem;
	margin-bottom: 0.052rem;
}

.demander_menu .user_info>img {
	width: 4.479rem;
	height: 4.479rem;
	border-radius: 50%;
	display: block;
	margin: 0.937rem auto 0.572rem auto;
	border: 0.052rem solid #eaeaea;
}

.demander_menu .user_info>div:nth-child(2) {
	text-align: center;
	font-size: 0.625rem;
	color: #555;
	margin-bottom: 0.781rem;
}

.demander_menu .user_info>div:nth-child(3) {
	text-align: center;
	margin-bottom: 0.468rem;
}

.demander_menu .user_info>div:nth-child(3) img {
	height: 0.833rem;
	margin-left: 0.104rem;
}

.demander_menu .user_info>div:nth-child(3) img:first-child {
	margin-left: 0px;
}

.demander_menu .user_info .personal_auth {
	margin: 0 auto;
	height: 1.666rem;
	line-height: 1.666rem;
	border-radius: 1.666rem;
	color: white;
	font-size: 0.625rem;
	text-align: center;
	background: #f79520;
	width: 5.52rem;
	margin-bottom: 0.625rem;
}
.demander_menu .user_info .appley_shop {
	margin: 0 auto;
	height: 1.666rem;
	line-height: 1.666rem;
	border-radius: 1.666rem;
	color: white;
	font-size: 0.625rem;
	text-align: center;
	background: #006cff;
	width: 5.52rem;
	cursor: pointer;
	margin-bottom: 0.625rem;
}

.demander_menu .user_info .enterprise_auth {
	margin: 0 auto;
	height: 1.666rem;
	line-height: 1.666rem;
	border-radius: 1.666rem;
	color: white;
	font-size: 0.625rem;
	text-align: center;
	background: #006cff;
	width: 5.52rem;
	margin-bottom: 0.625rem;
}

.demander_menu .user_info>div:nth-child(7) {
	margin: 0 auto;
	height: 1.666rem;
	line-height: 1.666rem;
	border-radius: 1.666rem;
	color: white;
	font-size: 0.625rem;
	cursor: pointer;
	text-align: center;
	background: #00b26f;
	width: 5.52rem;
	margin-bottom: 0.937rem;
}

.demander_menu dt {
	height: 1.979rem;
	line-height: 1.979rem;
	position: relative;
	border-top: 0.052rem solid #eaeaea;
	border-bottom: 0.052rem solid #eaeaea;
	font-size: 0.729rem;
}

.demander_menu dt>div {
	float: left;
	width: 4.114rem;
}

.demander_menu dt>div img {
	float: right;
	margin-right: 0.729rem;
	height: 1.041rem;
	margin-top: 0.42rem;
}

.demander_menu dt>img {
	position: absolute;
	right: 1.041rem;
	height: 0.416rem;
	top: 0.937rem;
}

.demander_menu dd {
	height: 1.77rem;
	line-height: 1.77rem;
	text-indent: 4.114rem;
	cursor: pointer;
	font-size: 0.625rem;
}
.demander_menu dd:hover{
	color: #F04745;
}
.demander_menu .active {
	color: #F04745;
}

.supplier_menu .active {
	color: #006CFF!important;
}

.supplier_menu dd:hover{
	color: #006CFF!important;
}
/*需求方左侧菜单 END*/


/*供应商个人中心 头部 START*/

.supplier_head {
	background: #006CFF;
	height: 2.08rem;
	line-height: 2.08rem;
}

.supplier_head span {
	color: #bdc4cd;
	margin-right: 0.13rem;
}

.supplier_head>div {
	width: 62.5rem;
	margin: 0 auto;
	font-size: 0.833rem;
	text-align: center;
	color: white;
}

.supplier_head>div>div:first-child {
	width: 12.5rem;
	background: #000;
	margin-right: 2.8125rem;
	cursor: default;
}

.supplier_head>div>div {
	height: 2.08rem;
	float: left;
	cursor: pointer;
	padding-left: 2.864rem;
	padding-right: 2.864rem;
}

.supplier_head .active {
	background: #005EDE;
}

.supplier_head>div>div:last-child {
	float: right;
	padding-right: 0.937rem;
	padding-left: 0px;
	font-size: 0.729rem;
}


/*供应商个人中心 头部 END*/

.toast {
	position: fixed;
	top: 50%;
	margin-top: -3.12rem;
	width: 10.416rem;
	height: 3.12rem;
	left: 50%;
	margin-left: -5.208rem;
	z-index: 11;
}

.toast div:first-child {
	background: black;
	opacity: 0.7;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	position: absolute;
}

.toast div:nth-child(2) {
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 3.12rem;
	color: white;
	font-size: 0.937rem;
}

.image_search_mask{
	position: fixed;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0px;
	z-index: 112;
	background: black;
	opacity: 0.5;
}
.image_search_box{
	position: fixed;
	top: 15.625rem;
	height: 10.104rem;
	background: white;
	width: 30rem;
	left: calc((100% - 30rem)/2);
	z-index: 113;
}
.image_search_box>div:first-child{
	position: relative;
	height: 3.645rem;
	line-height: 3.645rem;
	font-size: 0.937rem;
	text-align: center;
	font-weight: bold;
	background: #F2F2F2;
}
.image_search_box img{
	position: absolute;
	height: 1.145rem;
	right: 1.25rem;
	top: 1.25rem;
	cursor: pointer;
}
.image_search_box>div:nth-child(2){
	width: 9.739rem;
	text-align: center;
	font-weight: bold;
	color: white;
	background: #E40000;
	font-size: 0.937rem;
	margin: 0 auto;
	height: 2.552rem;
	line-height: 2.552rem;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 1.458rem;
}

.product_classify .classify_item{
	-webkit-user-select: none;
}
.product_classify .classify_item>div>div:hover{
	color: #E40000!important;
}