@font-face {
	font-family: 'source-b';
	src: url('../font/SourceHanSerifCN-Bold-2.otf');
}

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

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

html,
body {
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

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

b,
strong {
	font-weight: bolder;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

pre {
	overflow: auto;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

fieldset,
img {
	border: 0;
}

img {
	display: block;
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

del {
	text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 500;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 500;
}

i,
em {
	font-style: normal;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

a {
	color: inherit;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none;
}

a:active,
a:hover {
	outline-width: 0;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

progress {
	vertical-align: baseline;
}

[hidden],
template {
	display: none;
}

input,
select,
textarea {
	font-size: 100%;
}

button,
input {
	outline: 0;
	overflow: visible;
	background: none;
	outline: none;
	border: 0px;
}

button,
select {
	text-transform: none;
}

button,
html [type='button'],
[type='reset'],
[type='submit'],
[type='text'] {
	-webkit-appearance: none;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
}

[type='checkbox'],
[type='radio'] {
	box-sizing: border-box;
	padding: 0;
}

[type='search'] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/*重置placeholder样式*/

::-moz-placeholder {
	color: #9b9b9b !important;
}

::-webkit-input-placeholder {
	color: #9b9b9b !important;
}

:-ms-input-placeholder {
	color: #9b9b9b !important;
}

/*::-webkit-scrollbar {*/
	/*width: 5px;*/
	/*height: 5px;*/
	/*border-radius: 3px;*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
	/*background: #e8e8ef;*/
	/*border-radius: 3px;*/
/*}*/

/*::-webkit-scrollbar-track {*/
	/*background-color: rgba(216, 221, 228, 0.3);*/
/*}*/

.m-t-20 {
	margin-top: 20px;
}

.m-r-20 {
	margin-right: 20px;
}

.m-b-20 {
	margin-bottom: 20px;
}

.m-l-20 {
	margin-left: 20px;
}

.m-b-10 {
	margin-bottom: 10px;
}

.m-t-15 {
	margin-top: 15px;
}

.m-l-8 {
	margin-left: 8px;
}

.m-r-8 {
	margin-right: 8px;
}

.m-l-10 {
	margin-left: 10px;
}

.m-r-10 {
	margin-right: 10px;
}

.p-t-15 {
	padding-top: 15px;
}

.p-t-20 {
	padding-top: 20px;
}

.p-b-20 {
	padding-bottom: 20px;
}

.p-t-30 {
	padding-top: 30px;
}
.w-1000 {
	width: 1000px;
	margin: 0 auto;
}
.w-600 {
	width: 600px;
}
/* -------------------------------------------------公共头尾----------------------------------------------------- */

.h-161 {
	height: 161px;
}
.main-box {
	min-height: calc(100vh - 281px - 192px);
}
.wrap {
	background-size: 1920px 498px;
	background-repeat: no-repeat;
	background-position: top center;
}
.nav-bg {
	height: 50px;
	background: url('../img/img-nav.png');
	background-size: cover, cover;
	background-repeat: no-repeat no-repeat;
	background-position: center center;
}

.top-nav1 {
	padding-right: 5px;
	padding-top: 7px;
}
.top-nav1 .top-item1 {
	padding-left: 30px;
	color: #7e7f83;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
}
.top-nav2 {
	padding: 0 30px 0 20px;
}
.top-nav2 .top-item2 {
	margin-right: 57px;
	line-height: 50px;
	color: white;
	font-size: 16px;
}
.top-nav2 .top-item2:hover, .top-nav3 .top-item3:hover{
	text-decoration: none;
}
.top-nav2 .active-item {
	color: #dfb55e;
	position: relative;
}
.top-nav2 .active-item::after {
	content: '';
	width: 100%;
	height: 4px;
	background: #c49e4f;
	position: absolute;
	bottom: 0;
	left: 0;
}
.top-nav3 {
	border-bottom: 1px solid #efefef;
	background: white;
}

.top-nav3 .area-box {
	position: relative;
}
.top-nav3 .top-item3 {
	margin-right: 32px;
	color: #666666;
	font-size: 14px;
	height: 42px;
	line-height: 42px;
	cursor: pointer;
}
.top-nav3 .top-item3:hover {
	color: #c49e4f;
}

.top-nav3 .area-box .area-children {
	display: none;
	position: absolute;
	top: 42px;
	left: -20px;
	margin-left: 6px;
	padding: 20px;
	z-index: 2333;
	background: #fff;
	-webkit-box-shadow: 0 2px 15px 0 rgb(0 0 0 / 17%);
	box-shadow: 0 2px 15px 0 rgb(0 0 0 / 17%);
}

.top-nav3 .area-children .area-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
	font-size: 14px;
	color: #0c0c0c;
	line-height: 20px;
	margin-bottom: 15px;
}

.top-nav3 .area-children .area-item:hover {
	color: #c49e4f;
}

.area-box .area-children:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border-top: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 0;
	margin-left: 18px;
	top: 0;
}

.top-nav3 .active-item {
	color: #c49e4f;
}
.footer {
	height: 192px;
	background: #ac2e33;
}
.footer-top {
	padding: 27px 0 25px;
	border-bottom: 1px solid rgba(216, 216, 216, 0.37);
}
.footer-txt-wrap .txt {
	height: 20px;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 2px;
}
.qr-box {
	width: 327px;
}
.qr-box .qr-item {
	width: 76px;
	padding-top: 80px;
	text-align: center;
	font-size: 12px;
	color: white;
	font-weight: 400;
	line-height: 20px;
	background-size: 76px;
	background-repeat: no-repeat;
	background-position: top center;
}
.tag-link {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.49);
	height: 20px;
	line-height: 20px;
	margin-right: 34px;
	margin-top: 10px;
	position: relative;
}
.tag-link::after {
	content: '';
	position: absolute;
	top: 4px;
	width: 1px;
	height: 13px;
	background: rgba(255, 255, 255, 0.49);
	right: -16px;
}
.tag-link:last-child {
	margin-right: 0;
}
.tag-link:last-child::after {
	width: 0;
}
.fixed-box {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(553px, -80px);
	width: 122px;
	z-index: 2;
}
.fixed-code-bg {
	width: 122px;
	height: 145px;
	background: white;
	color: #c49e4f;
	padding: 12px;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.08);
}
.fixed-code {
	width: 98px;
	height: 98px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.code-txt {
	margin-top: 8px;
	color: #c49e4f;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
.approve-btn {
	position: relative;
	width: 122px;
	height: 35px;
	line-height: 35px;
	border: 2px solid #c49e4f;
	color: #c49e4f;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
	margin: 22px 0 20px;
}
.approve-btn:hover {
	color: white;
	background: #c49e4f;
}
.approve-btn::after,
.approve-btn::before {
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;
	background: #e7d6b4;
	transform: rotate(-45deg);
	left: 50%;
	margin-left: -3.5px;
}
.approve-btn::after {
	bottom: -16px;
}
.approve-btn::before {
	top: -16px;
}
.back-top-btn {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	cursor: pointer;
}
.back-top-btn img {
	width: 30px;
	height: 30px;
}
/*.back-top-btn::after {*/
	/*content: '';*/
	/*position: absolute;*/
	/*width: 0;*/
	/*height: 100%;*/
	/*background: rgba(0, 0, 0, 0.14);*/
	/*border-radius: 50%;*/
/*}*/
/*.back-top-btn:hover::after {*/
	/*width: 100%;*/
/*}*/

.top-fix .top-nav3 {
	background: none;
}

/* ------------------------------------------------------正文--------------------------------------------------- */
.breadcrumb-box {
	color: #858585;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	padding-top: 20px;
}
.breadcrumb-separated {
	display: inline-block;
	margin: 0 5px;
}
.corpointer {
	cursor: pointer;
	color: #858585;
	font-weight: 500;
}
.corpointer:hover {
	color: #bd1b2d;
}

.tooltip-wrap{
  width: 200px;
  padding: 3px 7px;
  position: relative;
}
.tooltip-wrap::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 13px solid white;
    top: 50%;
    transform: translateY(-50%);
    right: -31px;
}
.tooltip-title{
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 4px;
    width: 100%;
    display: inline-block;
    overflow: hidden;
  text-overflow: ellipsis;
  white-space:no-wrap;
}
.tooltip-title:hover{
    color: #AC2E33
}
.tooltip-content{
	color: #8D8B8B;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	white-space: normal;
	height: 38px;
	margin-bottom: 6px;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space:no-wrap;
}
.tooltip-bot{
	overflow: hidden;
  text-overflow: ellipsis;
  white-space:no-wrap;
	font-size: 12px;
	color: #626B8A;
	font-weight: 400;
}
.tooltip-bot   span{
	width:calc(100% - 15px);
	overflow: hidden;
  text-overflow: ellipsis;
  white-space:no-wrap;
}
    
.tooltip-locl{
	width: 14px !important;
	height:14px;
	margin-right: 1px;
	display: block;
	background: url('../img/icon-location.png') no-repeat;
}