* {
	/* margin: 0; */
	/* padding: 0; */
	box-sizing: border-box;
	/* list-style: none; */
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	/* line-height: 1.3; */
}





html,
body {
	font-family: MicrosoftYaHei;
	width: 100%;
	height: 100%;
	color: #000;
	font-size: 14px;
	margin: 0;
}

body {
	/* width: 100vw; */
	/* overflow-x: hidden; */
}

html {
	/* overflow-y: auto; */
	/* overflow-x: hidden; */
}

.el-popup-parent--hidden {
	width: initial !important;
	/* width: calc(100% - 6px); */
}



/* div {
	position: relative;
} */

.high_ratio {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.high_sec {
	min-height: calc(100vh - 130px);
	/* min-height: 760px; */
}

.box_sec {
	background-color: #ffffff;
	/* box-shadow: 0px 0px 13px 0px rgba(36, 170, 182, 0.4); */
	box-shadow: 5px 6px 20px 0px rgba(105, 116, 166, 0.15);
	border-radius: 20px;
	padding: 20px;
}

cite {
	font-style: normal;
}

.el-avatar>img {
	width: 100%;
}

.el-loading-mask {
	z-index: 9999999999 !important;
}

.el-loading-mask {
	/* background: rgba(0, 0, 0, .7); */
	background: none !important;
	height: 94px !important;
	top: 50% !important;
}

.el-loading-spinner {
	position: fixed;
}

.el-loading-spinner .circular {
	width: 50px;
	height: 50px;
}

.el-loading-spinner .el-loading-text {
	font-size: 26px;
}

a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

.w_containt {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}

i {
	font-style: initial;
}

.fl {
	float: left;
}

.block {
	display: block;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis_two {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis_three {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.ellipsis_four {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

img {
	border: none;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}

.bold {
	font-weight: bold;
}

.el-col {
	border-radius: 4px;
}

.el-tooltip {
	border: none !important;
	padding: 0 !important;
	cursor: auto !important;
}

.el-tooltip:hover {
	background: none !important;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
	border-top-color: #fff !important;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
	border-top-color: #ccc !important;
	bottom: -7px !important;
}


.el-pagination {
	text-align: center;
	display: flex;
	justify-content: center;
}

.el-pagination.is-background .el-pager li.is-active {
	background: #19567c !important;
	border-radius: 6px !important;
	border: 1px solid #19567c;
	color: #fff;
}

.el-checkbox__inner,
.el-radio__inner {
	border: 1px solid #333333 !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner {
	border: 1px solid #409EFF !important;
}


.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
	/* background-color: #50b0bf !important; */
	background-color: #fff !important;
	color: #50b0bf;
	font-weight: bold;
}

.el-tree-node:focus>.el-tree-node__content {
	background-color: #fff !important;
}

.el-breadcrumb {
	display: flex;
	align-items: baseline;
	padding: 32px 0;
}

.el-breadcrumb__inner,
.el-breadcrumb__separator {
	font-size: 16px;
	color: #616161 !important;
}


.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
	font-weight: 500;
}

.el-breadcrumb__inner a:hover,
.el-breadcrumb__inner.is-link:hover {
	color: #000;
}

.base_share {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.2);
}


.pagination-wrapper {
	width: 100%;
	margin-top: 40px;
	text-align: center;

}

.pagination-wrapper .pagination {
	display: inline-flex;
	align-items: center;
}

.pagination-wrapper .pagination .page-item {
	min-width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin: 0 4px;
	cursor: pointer;
	color: #666;
	border-radius: 2px;
}

.pagination-wrapper .pagination .page-item:hover {
	color: #1890ff;
}

.pagination-wrapper .pagination .page-item.active {
	background: #1890ff;
	color: #fff;
}

.pagination-wrapper .pagination .page-next {
	margin-left: 8px;
	color: #666;
	cursor: pointer;
}

.pagination-wrapper .pagination .page-next:hover {
	color: #1890ff;
}

.sharebox {
	margin: 0 13px;
	position: relative;
}

.sharebox .share_sec {
	position: absolute;
	z-index: 99;
	padding: 4px 0 0;
}

.sharebox .zbox {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px 10px;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
}

.sharebox .zbox i {
	font-size: 20px;
	height: auto;
	color: #136ec2;
}

.sharebox .zbox_1 {
	border: 1px solid #56b6e7;
}

.sharebox .zbox_1:hover {
	background: #56b6e7;
}

.sharebox .zbox_2 {
	border: 1px solid #7bc549;
	position: relative;
}

.sharebox .zbox_2 .special-wechat {
	position: absolute;
	right: 20px;
	padding: 0 40px 0 0;
}

.sharebox .zbox_2 .wechat-qrcode {
	box-shadow: 5px 5px 10px #aaa;
	width: 300px;
	height: 290px;
	background: #fff;
	text-align: center;
}

.sharebox .zbox_2 .wechat-qrcode h4 {
	font-weight: normal;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	background-color: #f3f3f3;
	margin: 0;
	padding: 0;
	color: #777;
}

.sharebox .zbox_2 .wechat-qrcode img {
	width: 200px !important;
	height: auto !important;
	margin: 10px auto;
}

.sharebox .zbox_2 .wechat-qrcode span {
	line-height: 16px;
	font-size: 12px;
	display: block;
}

.sharebox .zbox_2:hover {
	background: #7bc549;
}

.sharebox .zbox_3 {
	border: 1px solid #ff763b;
}

.sharebox .zbox_3:hover {
	background: #ff763b;
}

.sharebox .zbox_4 {
	border: 1px solid #FDBE3D;
}

.sharebox .zbox_4:hover {
	background: #FDBE3D;
}