.user-header {
	box-shadow: #eee 0px 0px 10px;
}

.container {
	margin: 16px auto 40px;
	width: 1200px
}

div .container {
	display: flow-root
}

.material-category,
.material-nav {
	background-color: #fff;
	padding: 0
}

.material-nav .layui-nav-item {
	margin-right: 15px;
	background-color: #e2e2e2;
	line-height: 40px;
	border-radius: 2px
}

.material-nav .layui-nav-item a {
	color: #555;
	padding: 0 10px;
}

.material-nav .layui-nav-item a:hover {
	color: #333
}

.material-nav .layui-this {
	background-color: #FF5722
}

.material-nav .layui-this a,
.material-nav .layui-this a:hover {
	color: #fff
}

.material-nav .layui-this:after {
	display: none
}

.material-nav .layui-nav-bar {
	background-color: #FF5722;
	border-radius: 0 0 2px 2px
}


.material-category .layui-nav-item {
	border: 1px solid #e7e7eb;
	border-radius: 2px;
	margin-right: 15px;
	line-height: 32px
}

.material-category .layui-nav-item.active,
.material-category .layui-nav-item:hover {
	background-color: #5FB878;
	border-color: #5FB878;
	border-radius: 2px
}

.material-category .layui-nav-item.active cite,
.material-category .layui-nav-item:hover cite {
	color: #fff
}

.material-category .layui-nav-item a {
	color: rgba(51, 51, 51, .8);
	padding: 0 32px 0 15px
}

.material-category .layui-nav-item a:hover {
	color: #333
}

.material-category .layui-nav-all a,
.material-category .layui-nav-item dd a {
	padding: 0 20px
}

.material-category .layui-nav-child {
	top: 35px;
	max-height: 300px;
	overflow-y: auto
}

.material-category .layui-nav-child dd.active a,
.material-category .layui-nav-child dd.layui-this,
.material-category .layui-nav-child dd.layui-this a {
	background-color: #5FB878;
	color: #fff
}

.material-category .layui-nav-more {
	top: 13px;
	right: 10px;
	border-color: #c2c2c2 transparent transparent
}

.material-category .layui-nav-mored {
	top: 8px;
	border-color: transparent transparent #c2c2c2
}

.material-category .layui-nav-item.active .layui-nav-more,
.material-category .layui-nav-item:hover .layui-nav-more {
	border-color: #fff transparent transparent
}

.material-category .layui-nav-item.active .layui-nav-mored,
.material-category .layui-nav-item:hover .layui-nav-mored {
	border-color: transparent transparent #fff
}

.material-category .layui-nav-bar {
	display: none
}

.material-mt8 {
	margin-top: 8px
}

.material-mt10 {
	margin-top: 10px
}

.material-mt20 {
	margin-top: 20px
}

.material-breadcrumb {
	line-height: 30px
}

.material-breadcrumb cite {
	margin-right: 10px;
	margin-left: 5px;
	line-height: 30px;
	font-style: normal;
	color: rgba(51, 51, 51, .8)
}

.material-breadcrumb .layui-breadcrumb {
	visibility: visible
}

.material-breadcrumb .layui-breadcrumb a {
	padding-right: 0;
	padding-left: 5px;
	display: inline-block
}

.material-breadcrumb .layui-breadcrumb a.active,
.material-breadcrumb .layui-breadcrumb a:hover {
	color: #5FB878 !important;
	text-decoration: underline
}

.material-breadcrumb .layui-breadcrumb .layui-box {
	padding-left: 16px;
	color: #666
}

.material-breadcrumb .layui-breadcrumb span[lay-separator] {
	margin: 0 10px 0 15px;
	color: #999;
	font-size: 14px
}

.material-breadcrumb .layui-form-item {
	margin-bottom: 0
}

.material-breadcrumb .layui-form-item .layui-inline {
	margin-bottom: 0;
	margin-right: 0
}

.material-breadcrumb .layui-form-label {
	float: left;
	padding: 0;
	text-align: left;
	width: auto;
	margin-right: 15px;
	margin-left: 5px;
	line-height: 30px;
	color: rgba(51, 51, 51, .8)
}

.material-breadcrumb .layui-form-item .layui-input {
	height: 30px;
	line-height: 30px;
	line-height: 28px\9
}

.material-breadcrumb .layui-form-select dl {
	top: 32px
}

.material-breadcrumb .layui-btn-primary {
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}

.material-breadcrumb .layui-btn-primary:hover {
	border-color: #D2D2D2 !important
}

.material-breadcrumb div.hotsearch {
	width: 500px;
	display: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
	border: 1px solid #d2d2d2;
	background-color: #fff;
	padding: 15px;
	border-radius: 2px;
	position: absolute;
	top: 32px;
	z-index: 1000
}

.material-breadcrumb div.hotsearch .layui-breadcrumb span[lay-separator] {
	margin: 0 5px 0 10px
}

.breadcrumb_box {
	color: #666;
	font-size: 14px;
	background: #fff;
	padding: 20px;
}

.breadcrumb_box .layui-form-radio {
	padding-right: 0px !important;
	margin: -2px 6px 0 0 !important;
}

.breadcrumb_box .layui-input {
	color: #666;
}

.breadcrumb_box .width_b {
	width: 230px !important;
}

.breadcrumb_box .width_s {
	width: 100px !important;
}

.breadcrumb_box .search_box {
	width: 480px;
	border: 1px solid #e7e7eb;
	border-radius: 3px;
	float: right;
	position: relative;
}

.breadcrumb_box .search_box .layui-input {
	color: #666;
	width: 400px;
	height: 28px;
	line-height: 28px;
	border-radius: 3px 0 0 3px;
	border: none;
}

.breadcrumb_box .search_box .layui-btn {
	color: #fff;
	width: 80px;
	border: none;
	background: #5fb878;
}

.breadcrumb_box #search {
	font-size: 14px;
	float: left;
}


.list-style {
	margin: 0;
	width: 1230px;
	position: relative;
	margin-bottom: 20px;
}

.style-item {
	float: left;
	box-sizing: border-box;
	width: 395px;
	margin: 8px 8px 0 0;
	background: #fff;
	box-sizing: border-box;
	border-radius: 2px;
	position: relative;
}

.material_color .style-item {
	padding: 15px 15px 10px 15px;
	box-sizing: border-box;
}

.material_color .item-tools {
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
}

.material_color .item-tools .item-color .layui-btn {
	margin: 10px 10px 0 0;
}

.material_color .item-tools .cursor-fav {
	margin-top: 15px;
}

.material_color .vip_ico {
	width: 39px;
	height: 39px;
	background: url(../images/material/vip_material.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}

.material_color .item-tools .cursor-fav {
	color: #000;
	font-size: 16px;
	float: right;
	position: relative;
}

.material_color .item-tools .fa-heart {
	color: #ff3f5a;
}

.not-list {
	width: 1200px !important;
	min-height: 480px;
	background: #fff;
	display: inline-block !important;
}


.item-content {
	width: 100%;
	overflow: hidden;
	color: #3e3e3e;
	line-height: 1.6;
	font-size: 17px;
	text-align: justify;
	background: #fff;
	position: relative;
	box-sizing: border-box;
}

.item-content * {
	max-width: 100% !important;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	word-wrap: break-word !important
}

.item-content p {
	clear: both;
	min-height: 1em
}

.item-content em {
	font-style: italic
}

.item-content fieldset {
	min-width: 0
}

.item-content pre {
	white-space: pre-wrap;
	word-wrap: break-word
}

.item-content figure {
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0, 0, 0, 0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block
}

.item-content figure>figcaption {
	text-align: center;
	display: block
}

.item-content blockquote {
	margin: 0;
	padding-left: 10px;
	border-left: 3px solid #dbdbdb
}

.item-content a {
	color: #607fa6;
	text-decoration: none
}

.item-content img {
	height: auto !important
}

.item-content img:hover {
	z-index: -1;
	cursor: pointer
}

.item-content iframe.video_iframe {
	background-color: #000000;
	width: 100%;
	position: static
}

.item-content audio,
.item-content iframe.qqmusic_iframe {
	width: 100%;
	background-color: #fff
}

.item-content iframe.qqmusic_iframe {
	margin: 10px 0
}

.item-picture {
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	text-align: center;
	background: #f9f9f9
}

.item-picture img {
	max-width: 100%
}

.item-tools h2 {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #555;
	height: 50px;
	line-height: 50px;
	float: left;
}

.item-tools h2 a {
	width: 75%;
	height: 50px;
	line-height: 50px;
	float: left;
	overflow: hidden;
}

.item-tools h2 a i {
	color: #fff;
	font-size: 13px;
	text-align: center;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	font-style: normal;
	font-weight: normal;
	border-radius: 3px;
	margin-top: 14px;
	background: #ff3f5a;
	float: left;
}

.item-tools h2 span {
	color: #ff0000;
	font-size: 15px;
	width: 20%;
	height: 20px;
	line-height: 20px;
	text-align: right;
	font-weight: normal;
	float: right;
	overflow: hidden;
}

.item-tools .item-color {
	width: 80%;
	float: left;
}

.item-tools .layui-elem-quote {
	margin-bottom: 9px;
	padding: 9px;
	border-left: 5px solid #FFB800
}

.item-tools .layui-btn {
	margin-bottom: 9px;
	margin-right: 5px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 12px;
	cursor: auto
}

.item-tools .layui-btn i.fa {
	font-size: 14px;
	margin-right: 5px
}

.item-tools .layui-btn i.fa-heart,
.item-tools .cursor-fav i.fa-heart+em {
	color: #FFB800
}

.item-tools .layui-btn+.layui-btn {
	margin-left: 0px
}

.item-tools .layui-btn-primary:hover {
	border-color: #D2D2D2 !important
}

.item-tools .cursor-fav,
.item-tools .cursor-use,
.item-color .cursor-copy {
	cursor: pointer
}

.item-tools .cursor-fav em {
	font-style: normal
}

.item-tools .cursor-fav:hover {
	border-color: #ff3f5a !important
}

.item-tools .cursor-fav:hover i.fa-heart,
.item-tools .cursor-fav:hover i.fa-heart+em {
	color: #ff3f5a
}

.item-tools .notice{
	color: #ff5722;
	font-size: 13px;
	width: 100%;
	line-height: 22px;
	background: #fff5f5;
	border: 1px solid #fe878d;
	padding: 10px 15px;
	box-sizing: border-box;
	margin-top: 15px;
}
.item-tools .company_notice{
	font-size: 13px;
	text-align: center;
	width: 100%;
	line-height: 20px;
	background: #f4f4f4;
	padding-bottom: 10px;
}
.item-tools .company_notice>span{
	color: #ff5722;
	text-decoration: underline;
	cursor: pointer;
}

.item-color .cursor-color {
	width: 30px;
	padding: 0;
	margin-right: 9px;
	cursor: pointer
}

.item-color .cursor-fav {
	width: auto;
	padding: 0 10px;
	margin-right: 0px;
	float: right
}

.item-color .cursor-color:hover,
.item-color .cursor-color.active {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-box-shadow: inset 1px 1px 1px #D2D2D2, 0 0 5px #D2D2D2;
	-moz-box-shadow: inset 1px 1px 1px #D2D2D2, 0 0 5px #D2D2D2;
	box-shadow: inset 1px 1px 1px #D2D2D2, 0 0 5px #D2D2D2
}


.material_style .item-tools {
	width: 100%;
	line-height: 50px;
	background: #f4f4f4;
	padding: 0 10px;
	box-sizing: border-box;
	float: left;
}

.material_style .item-tools .edit .fa-heart {
	color: #ff3f5a
}

.material_style .item-tools .edit {
	float: right;
}

.material_style .item-tools .edit .ico {
	color: #000;
	font-size: 15px !important;
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	font-weight: normal;
	margin-left: 5px;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

.material_style .item-tools .edit .cursor-fav {
	margin-left: 5px;
}

.material_style .item-content {
	padding: 15px 10px;
}

.item-tools .tips {
	color: #333;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	width: 130px;
	line-height: 20px;
	background: #fff;
	padding: 10px 10px;
	border-radius: 5px;
	position: absolute;
	box-shadow: #999 0px 0px 5px;
	bottom: 35px;
	left: 0;
	z-index: 99;
	transform: translate(-45%, 0);
	display: none;
}

.item-tools .tips em {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #fff;
	position: absolute;
	bottom: -10px;
	left: 48%;
	display: inline-block;
}

.material_style .item-tools .edit .copy {
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: url(../images/material/material_ico03.png) center no-repeat;
	display: inline-block;
}

.material_style .item-tools .edit .edit {
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: url(../images/material/material_ico01.png) center no-repeat;
	display: inline-block;
}

.material_style .vip_ico {
	width: 53px;
	height: 18px;
	line-height: 18px;
	max-width: 100%;
	word-wrap: break-word;
	opacity: 0.8;
	padding: 0 5px 0 26px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #aa6c23;
	background: url(../../v3/images/viph.png) #ffedd5;
	background-repeat: no-repeat;
	background-position: 5px 1px;
	border-radius: 5px;
	box-sizing: border-box;
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: 0.8;
	z-index: 9;

}

.material_style .vip_company,
.material_tpl .vip_company {
	color: #7d5211;
	font-size: 12px;
	font-weight: normal;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	background: linear-gradient(to right, #fee1b4, #fec970);
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: 0.9;
	z-index: 9;
	border-radius: 5px;
}

.material_style .vip_company i,
.material_tpl .vip_company i,
.picture_list li .company i,
.detail_left .vip_company i {
	width: 14px;
	height: 12px;
	background: url(/v3/images/icon_company.png) no-repeat;
	margin-right: 3px;
	display: inline-block;
}

.material_style .up_vip,
.material_tpl .up_vip {
	color: #7d5211;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	width: 80px;
	height: 32px;
	line-height: 32px;
	background: linear-gradient(to right, #fff, #f8e2c1);
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0.9;
	z-index: 9;
	border-radius: 3px 0 3px 0;
}


.pixabay_style .style-item,
.material_soogif .style-item,
.material_gif .style-item,
.material_gif2 .style-item,
.material_tpl .style-item {
	padding: 0px;
}

.pixabay_style .notice {
	color: #757575;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #e7e7eb;
	padding: 0 10px;
	flex-shrink: 0;
}

.pixabay_style .tag_box {
	height: 30px;
	line-height: 30px;
	margin: 0 10px;
	display: inline-block;
	overflow: hidden;
}

.pixabay_style .tag_box span {
	margin-right: 15px;
	font-weight: bold;
	cursor: pointer;
}

.pixabay_style .time {
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	float: left;
}

.pixabay_style .time i {
	font-size: 16px;
	margin-right: 7px;
	margin-top: -3px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background: url(../images/material/material_ico02.png) center no-repeat;
	display: inline-block;
}

.pixabay_style .use {
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	float: right;
	position: relative;
}

.pixabay_style .use i {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background: url(../images/material/material_ico01.png) center no-repeat;
	display: inline-block;
}

.pixabay_style .item-tools {
	padding: 10px 10px;
	background: #f4f4f4;
	display: flex;
	justify-content: space-between;
}

.material_soogif .item-tools .info_box {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #f4f4f4;
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

.material_soogif .item-tools .info_box .title {
	font-size: 16px;
	font-weight: bold;
	width: 50%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}

.material_soogif .item-tools .info_box .info span {
	margin-left: 8px;
	position: relative;
}

.material_soogif .item-tools .info_box .cursor-use i {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background: url(../images/material/material_ico01.png) center no-repeat;
	display: inline-block;
}

.material_soogif .item-tools .info_box .cursor-fav {
	font-size: 16px;
	vertical-align: middle;
}

.material_soogif .item-tools .fa-heart {
	color: #ff3f5a;
}

.material_gif .item-content {
	width: 100%;
	padding: 25px 33px;
	box-sizing: border-box;
	display: inline-block;
}

.material_gif .item-tools {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #f4f4f4;
	padding: 0 20px;
	box-sizing: border-box;
}

.material_gif .item-tools h2 {
	width: 75%;
	height: 50px;
	line-height: 50px;
	margin: 0px;
	float: left;
	overflow: hidden;
}

.material_gif .item-tools h2 a {
	height: 50px;
	line-height: 50px;
	display: inline-block;
}

.material_gif .item-tools h2 a i {
	margin-top: 14px;
}

.material_gif .item-tools .info {
	float: right;
}

.material_gif .item-tools .info .text {
	height: 50px;
	line-height: 50px;
	background: url(../images/material/material_ico04.png) left no-repeat;
	padding-left: 20px;
}

.material_gif .item-tools .info .img {
	height: 50px;
	line-height: 50px;
	background: url(../images/material/material_ico05.png) left no-repeat;
	padding-left: 20px;
	margin-left: 10px;
}


.material_tpl .style-item {
	width: 294px;
	margin: 8px 8px 0 0;
	border-radius: 5px;
}

.material_tpl .style-item .item-content {
	border-radius: 5px;
}

.material_tpl .style-item img {
	border-radius: 5px;
}

.material_tpl .item-tools .info_box {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #f4f4f4;
	padding: 0 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

.material_tpl .item-tools .info_box .title {
	font-size: 16px;
	width: 80%;
	height: 50px;
	line-height: 50px;
	float: left;
	overflow: hidden;
}

.material_tpl .item-tools .info_box .title a {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	float: left;
}

.material_tpl .item-tools .info_box .title a i {
	color: #fff;
	font-size: 13px;
	text-align: center;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	font-style: normal;
	font-weight: normal;
	border-radius: 3px;
	background: #ff3f5a;
	margin-top: 14px;
	float: left;
}

.material_tpl .item-tools .info_box .info span {
	margin-left: 5px;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.material_tpl .item-tools .info_box .cursor-use i {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background: url(../images/material/material_ico01.png) center no-repeat;
	display: inline-block;
}

.material_tpl .item-tools .info_box .cursor-copy i {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background: url(../images/material/material_ico03.png) center no-repeat;
	display: inline-block;
}

.material_tpl .item-tools .info_box .cursor-fav {
	font-size: 16px;
	vertical-align: middle;
}

.material_tpl .item-tools .fa-heart {
	color: #ff3f5a;
}

.img_tpl {
	position: relative;
}

.img_tpl .ico_vip {
	color: #fff;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	background: #ff3f5a;
	position: absolute;
	top: 2px;
	right: 7px;
	opacity: 0.8;
	z-index: 9;
	border-radius: 10px;
}

.img_tpl .ico_designer {
	color: #fff;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	background: #000;
	position: absolute;
	bottom: 2px;
	right: 7px;
	opacity: 0.8;
	z-index: 9;
	border-radius: 10px;
}

.material_tpl .ico_vip {
	width: 53px;
	height: 18px;
	line-height: 18px;
	max-width: 100%;
	word-wrap: break-word;
	opacity: 0.8;
	padding: 0 5px 0 26px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #aa6c23;
	background: url(../../v3/images/viph.png) #ffedd5;
	background-repeat: no-repeat;
	background-position: 5px 1px;
	border-radius: 5px;
	box-sizing: border-box;
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: 0.8;
	z-index: 9;
}

.material_tpl .ico_designer {
	color: #aa6c23;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	background: rgba(255, 237, 213, .9);
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 9;
	border-radius: 5px 0 0 0;
}

.material_tpl .ico_designer span {
	color: #ff0000;
}

@font-face {
	font-family: 'AppleColorEmoji';
	src: url('../fonts/AppleColorEmoji.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/AppleColorEmoji.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/AppleColorEmoji.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/AppleColorEmoji.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/AppleColorEmoji.svg#AppleColorEmoji') format('svg');
	/* Legacy iOS */
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

.tools-emoji {
	margin: 15px 0 0
}

.tools-emoji .layui-tab-content {
	padding: 15px 0 0
}

.tools-emoji .layui-input {
	float: left;
	margin-right: 10px;
	width: 64px;
	font-size: 20px;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols", "AppleColorEmoji"
}

.tools-emoji .layui-btn {
	width: 64px;
	padding: 0
}

.tools-color-rgb,
.tools-colorsafe {
	width: 1224px;
	margin-top: 14px
}

.tools-color-rgb li,
.tools-color-safe li {
	float: left;
	width: 136px;
	margin-right: 16px;
	margin-top: 16px
}

.tools-color-rgb li div,
.tools-color-cnjp li div,
.tools-color-safe li div {
	position: relative;
	width: 100%;
	height: 60px;
	border-radius: 3px;
	cursor: pointer
}

.tools-color-rgb li div em,
.tools-color-cnjp li div em,
.tools-color-safe li div em {
	line-height: 20px;
	position: absolute;
	left: 5px;
	bottom: 5px;
	font-style: normal;
	font-size: 14px;
	color: #fff;
	text-shadow: #000 0px 0px 5px
}

.tools-color-rgb li p,
.tools-color-cnjp li p,
.tools-color-safe li p {
	line-height: 30px;
	cursor: pointer
}

.tools-colorcnjp {
	width: 1225px;
	margin-top: 14px
}

.tools-colorcnjp .layui-tab-content {
	padding: 0
}

.tools-color-cnjp ul {
	float: left;
	width: 220px;
	margin-right: 25px
}

.tools-color-cnjp li {
	width: 100%;
	margin-top: 16px
}

.tools-color-safe li {
	width: 180px;
	margin-right: 24px
}

.tools-color-safe8 li {
	width: 136px;
	margin-right: 16px
}

.tools-symbol-category {
	width: 1198px;
	margin-top: 25px;
	border: 1px solid #e3e3e3
}

.tools-symbol-category ul {
	width: 1209px;
	margin: 0 0 8px 11px;
	display: inline-block
}

.tools-symbol-category li {
	float: left;
	width: 97px;
	height: 32px;
	line-height: 32px;
	margin: 11px 11px 0 0;
	text-align: center
}

.tools-symbol-category li a {
	background-color: #e2e2e2;
	display: block;
}

.tools-symbol-category li a:hover,
.tools-symbol-category li a.layui-this {
	background-color: #01AAED;
	color: #fff
}

.tools-symbol {
	width: 1216px;
	margin-top: 8px;
	color: #333;
	text-align: center;
}

.tools-symbol dd {
	float: left;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	margin: 12px 12px 0 0;
	width: 87px;
	font-size: 24px
}

.tools-symbol dd:hover {
	box-shadow: 0 0 5px #e2e2e2;
	font-size: 36px
}

.tools-symbol dd p {
	line-height: 60px;
	display: block;
	border-bottom: 1px solid #e2e2e2
}

.tools-symbol dd span {
	line-height: 26px;
	font-size: 14px;
	display: block;
	color: #c2c2c2;
	cursor: pointer
}

.tools-symbol dd span:hover {
	color: #01AAED
}

.tools-symbol dd span.ok {
	background: #FFE;
	color: #FF5722
}

.tools-symbol.big dd {
	width: 134px;
	margin: 12px 16px 0 0;
	font-size: 36px
}

.tools-symbol.big dd:hover {
	font-size: 48px
}

.tools-symbol.big dd p {
	line-height: 99px
}

.tools-symbol.big dd span {
	line-height: 36px
}

.tools-emoticons-category {
	width: 1209px;
	margin-top: 22px;
	display: inline-block
}

.tools-emoticons-category li {
	float: left;
	width: 85px;
	height: 32px;
	line-height: 32px;
	margin: 8px 8px 0 0;
	text-align: center
}

.tools-emoticons-category li a {
	background-color: #e2e2e2;
	display: block;
}

.tools-emoticons-category li a:hover,
.tools-emoticons-category li a.layui-this {
	background-color: #01AAED;
	color: #fff
}

.tools-emoticons {
	width: 1220px;
	position: relative;
	display: block
}

.tools-emoticons dd {
	display: inline-block;
	float: left;
	width: 283px;
	border: 1px solid #e2e2e2;
	text-align: center;
	margin: 20px 20px 0 0;
	border-radius: 3px;
	position: relative
}

.tools-emoticons dd textarea {
	font-size: 20px;
	width: 100%;
	height: 66px;
	line-height: 44px;
	text-align: center;
	resize: none;
	outline: 0;
	overflow: hidden;
	display: block;
	border: 0;
	color: #333;
	white-space: nowrap;
	word-wrap: break-word;
	padding-top: 22px
}

.tools-emoticons dd textarea:hover {
	background: #FDFDFD;
	color: #000;
	overflow-x: auto
}

.tools-emoticons dd p {
	position: relative;
	border-top: 1px solid #e2e2e2;
	text-align: left;
	padding: 0 79px 0 12px;
	color: #999;
	overflow: hidden;
	height: 32px;
	line-height: 32px
}

.tools-emoticons dd p:hover {
	color: #5FB878
}

.tools-emoticons dd span {
	position: absolute;
	top: 88px;
	right: 0;
	display: block;
	height: 32px;
	width: 66px;
	line-height: 32px;
	text-align: center;
	background: #FDFDFD;
	border-radius: 0 0 2px 0;
	color: #c2c2c2;
	border: solid #e2e2e2;
	cursor: pointer;
	border-width: 1px 0 0 1px
}

.tools-emoticons dd span:hover {
	color: #01AAED
}

.tools-emoticons dd span.ok {
	background: #FFE;
	color: #FF5722
}

#cards {
	width: 400px;
	height: 400px;
	margin-top: -200px;
	margin-left: -200px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	-webkit-box-shadow: 0 0 8px #CCC;
	-moz-box-shadow: 0 0 8px #CCC;
	box-shadow: 0 0 8px #CCC;
	text-align: center;
	display: none
}

#cards p {
	color: #fff;
	text-shadow: #000 0 0 5px;
	width: 180px;
	margin: 10px auto 0;
	line-height: 30px;
	font-size: 18px;
	cursor: pointer
}

#cards p#cards-name {
	font-size: 24px;
	margin-top: 145px;
	cursor: default
}

#ctrl {
	width: 36px;
	height: 108px;
	position: absolute;
	top: 0;
	right: -36px
}

#ctrl em {
	color: #fff;
	text-shadow: #000 0 0 5px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 24px;
	display: block;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	cursor: pointer
}

#ctrl em#prev {
	border-bottom: 0
}

#overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 800;
	display: none
}

.container-help {
	width: 1200px;
	margin: 0 auto;
	background-color: #fff
}

.container-help .help-main,
.container-help .help-side {
	display: table-cell;
	vertical-align: top;
	word-wrap: break-word;
	word-break: break-all
}

.container-help .help-side {
	width: 278px;
	min-height: 1px;
	padding: 30px 10px 30px 0;
	background-color: #fff;
	border-right: 1px solid #e2e2e2
}

.container-help .help-side .layui-text {
	font-size: 16px
}

.container-help .help-side .layui-timeline-axis {
	top: 1px
}

.container-help .help-side .layui-text ul li {
	list-style-type: decimal
}

.container-help .help-side li a {
	color: #333
}

.container-help .help-side li a:hover {
	color: #5FB878
}

.container-help .help-main {
	width: 880px;
	padding: 20px 0 20px 20px
}

.container-help .help-main .main-h1 {
	border-bottom: 1px solid #e2e2e2;
	font-size: 18px;
	padding-left: 10px;
	padding-bottom: 20px;
	line-height: 28px;
	font-weight: 400;
	font-style: normal
}

.container-help .help-main .main-h1 i.fa {
	float: left;
	margin-right: 10px;
	font-size: 28px
}

.container-help .help-main .main-h1 span {
	padding: 0 10px;
	font-family: Sim sun
}

.container-help .help-main .main-h1 time {
	float: right;
	color: #999;
	font-size: 14px
}

.container-help .help-main .main-h1 time i {
	margin-right: 5px
}

.container-help .help-content {
	padding: 30px;
	font-size: 16px;
	line-height: 28px;
}

.container-help .help-content img {
	max-width: 100% !important
}

.product h2 {
	font-size: 36px;
	text-align: center
}

.product-grade {
	width: 1200px;
	margin: 30px 0;
	display: inline-block
}

.product-grade li {
	float: left;
	width: 285px;
	margin-right: 20px;
	border-radius: 0 0 3px 3px;
	-webkit-box-shadow: #5FB878 0 1px 3px 2px;
	-moz-box-shadow: #5FB878 0 1px 3px 2px;
	box-shadow: #5FB878 0 1px 3px 2px
}

.product-grade li:hover {
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.product-grade li h3 {
	background-color: #5FB878;
	color: #fff;
	font-size: 24px;
	text-align: center;
	padding: 8px 0
}

.product-grade li .price {
	text-align: center;
	color: #FF5722;
	font-size: 16px;
	padding: 20px 0
}

.product-grade li .price em {
	font-size: 36px;
	font-style: normal;
	padding: 0 5px
}

.product-grade li .price span {
	color: #333
}

.product-grade li .price s {
	font-size: 14px;
	color: #999
}

.product-grade li.grade-1 .price s {
	opacity: 0
}

.product-grade li.grade-2 {
	-webkit-box-shadow: #01AAED 0 1px 3px 2px;
	-moz-box-shadow: #01AAED 0 1px 3px 2px;
	box-shadow: #01AAED 0 1px 3px 2px
}

.product-grade li.grade-2 h3 {
	background-color: #01AAED
}

.product-grade li.grade-x {
	-webkit-box-shadow: #FF5722 0 1px 3px 2px;
	-moz-box-shadow: #FF5722 0 1px 3px 2px;
	box-shadow: #FF5722 0 1px 3px 2px;
	margin-right: 0;
	position: relative
}

.product-grade li.grade-x h3 {
	background-color: #FF5722
}

.product-grade li.grade-3 {
	-webkit-box-shadow: #FFB800 0 1px 3px 2px;
	-moz-box-shadow: #FFB800 0 1px 3px 2px;
	box-shadow: #FFB800 0 1px 3px 2px;
}

.product-grade li.grade-3 h3 {
	background-color: #FFB800
}

.product-grade li .layui-btn {
	font-size: 16px;
	display: block;
	margin: 0 auto;
	padding: 0 20px
}

.product-grade li.grade-1 .layui-btn {
	background-color: #5FB878
}

.product-grade li.grade-2 .layui-btn {
	background-color: #01AAED
}

.product-grade li.grade-x .layui-btn {
	background-color: #FF5722
}

.product-grade li.grade-3 .layui-btn {
	background-color: #FFB800
}

.product-grade li.grade-3 .layui-btn-disabled {
	background-color: transparent
}

.product-grade li.grade-2 .price,
.product-grade li.grade-3 .price {
	width: 50%;
	display: inline-block
}

.product-grade li.grade-2 .layui-btn,
.product-grade li.grade-3 .layui-btn {
	margin-left: 15px;
	display: inline-block
}

.product-grade li.grade-x .limited {
	background-image: url(../images/limited.png);
	background-repeat: no-repeat;
	background-size: 62px auto;
	width: 62px;
	height: 70px;
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px;
	box-sizing: border-box;
	z-index: 2;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 1.1
}

.product-grade dl {
	padding: 20px;
	display: block
}

.product-grade dd {
	width: 100%;
	font-size: 16px;
	line-height: 36px;
	position: relative
}

.product-grade dd span {
	float: right
}

.product-grade dd em {
	float: right;
	color: red;
	font-style: normal
}

.product-grade dd i.fa {
	color: #999;
	font-size: 18px;
	position: absolute;
	right: 0;
	top: 9px
}

.product-grade dd i.vip-icon {
	vertical-align: text-bottom;
	margin-left: 5px
}

.product-privilege {
	margin: 30px 0
}

.product-privilege tbody tr:nth-child(even) {
	background: #F0F0F0
}

.product-privilege th {
	text-align: center;
	font-size: 22px;
	line-height: 38px;
	color: #A89200
}

.product-privilege td {
	text-align: center;
	font-size: 16px;
	line-height: 32px
}

.product-privilege td i.icon-yes,
.product-privilege td i.icon-no {
	margin: 0 auto;
	display: block;
	background: url(../images/login-pic.png) no-repeat;
	background-size: 175px;
	width: 32px;
	height: 32px;
	transform: scale(0.7);
	-ms-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-o-transform: scale(0.7)
}

.product-privilege td i.icon-yes {
	background-position: -58px -14px
}

.product-privilege td i.icon-no {
	background-position: -58px -46px
}

.product-privilege td i.vb {
	display: inline-block;
	vertical-align: bottom
}

.product-privilege tr td:first-child {
	color: #A89200
}

.product-privilege th.grade-1 {
	color: #5FB878
}

.product-privilege th.grade-2 {
	color: #01AAED
}

.product-privilege th.grade-3 {
	color: #FF5722
}

.product-privilege th.grade-x {
	color: #FFB800
}

.right_bar {
	width: 28px;
	height: 95px;
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: -242px;
	z-index: 9999
}

.right_bar img {
	cursor: pointer
}

.twoforone,
.lifelong {
	text-align: center;
	padding-bottom: 20px;
	display: none
}

.twoforone span,
.lifelong span {
	background: #FFB800;
	color: #fff;
	font-family: Arial;
	padding: 3px 5px;
	margin-left: 3px;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

.twoforone .layui-badge,
.lifelong .layui-badge {
	background: #5FB878
}

.lifelong span.overplus_show {
	font-size: 18px
}

#kefu {
	width: 120px;
	height: auto;
	position: fixed;
	top: 50%;
	right: 5px;
	z-index: 8888;
	background: #fff;
	border: 1px solid #d1d1d1;
	border-top: 2px solid #ca2d25;
}

#kefu .top {
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	color: #333;
	font-weight: 700;
	text-align: center
}

#kefu .middle {
	font-size: 12px;
	width: 100%;
	text-align: center
}

#kefu .middle p {
	color: #991C0A
}

#kefu .close {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer
}

.ad_logo {
	position: absolute;
	background: url(http://public.96weixin.com/images/ad_logo.png);
	width: 24px;
	height: 14px;
	bottom: 0px;
	right: 0px;
}

.screen_img {
	width: 100%;
	margin: 8px 0;
	display: flex;
	justify-content: space-between;
}

.screen_img li {
	width: 224px;
	height: 100px;
}

.screen_img li:hover {
	opacity: 0.8;
}

.screen_img li a {
	width: 100%;
	height: 100%;
	float: left;
}

.screen_img .s1 {
	background: url(../../images/screen/screen_img01.png) center no-repeat;
}

.screen_img .s2 {
	background: url(../../images/screen/screen_img02.png) center no-repeat;
}

.screen_img .s3 {
	background: url(../../images/screen/screen_img03.png) center no-repeat;
}

.screen_img .s4 {
	background: url(../../images/screen/screen_img04.png) center no-repeat;
}

.screen_img .s5 {
	background: url(../../images/screen/screen_img05.png) center no-repeat;
}

.new_media_list {
	width: 100%;
	margin-top: 8px;
	column-count: 5;
	column-gap: 8px;
}

.new_media_list .new_media_box {
	width: 100%;
	margin-bottom: 8px;
	break-inside: avoid;
	position: relative;
}

.new_media_list .new_media_box .img {
	width: 100%;
	border-radius: 5px;
	position: relative;
}

.new_media_list .new_media_box .img:hover {
	cursor: pointer;
	opacity: 0.8;
}

.new_media_list .new_media_box .img img {
	width: 100%;
	border-radius: 5px;
	display: inline-block;
}

.new_media_list .new_media_box .img:hover .linker {
	display: block;
}

.new_media_list .new_media_box .img .linker {
	width: 30px;
	height: 30px;
	background: #fff url(../../images/screen/screen_ico01.png) center no-repeat;
	border-radius: 5px;
	opacity: 0.9;
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 8px;
	display: none;
}

.new_media_list .new_media_box .name {
	color: #333;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: left;
	display: block;
	overflow: hidden;
}

#completed_open_box {
	width: 100%;
	padding: 20px 30px;
	box-sizing: border-box;
	display: inline-block;
}

#completed_open_box .img_box {
	width: 100%;
	height: 330px;
	line-height: 330px;
	text-align: center;
	background: #f9f9f9;
	display: inline-block;
	overflow: auto;
}

#completed_open_box .img_box img {
	max-width: 100%;
	max-height: 100%;
}

#completed_open_box .btn_box {
	width: 100%;
	text-align: center;
	margin-top: 30px;
	display: inline-block;
}

#completed_open_box .btn_box .layui-btn {
	color: #fff;
	font-size: 15px;
	width: 190px;
	height: 42px;
	line-height: 42px;
	background: #2c7dfa;
	border-radius: 4px;
}

.name i {
	color: #fff;
	font-size: 13px;
	text-align: center;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	font-style: normal;
	font-weight: normal;
	background: #5FB878;
	border-radius: 3px;
	display: inline-block;
}

.material-category {
	width: 100%;
	margin: 20px 0;
	display: inline-block;
}

.menu_block {
	width: 100%;
	background: #fff;
	border-radius: 3px;
	display: inline-block;
}

.menu_block .material-category {
	width: 100%;
	margin: 0 0;
	display: inline-block;
}

.menu_block .material-nav {
	width: 100%;
	border-bottom: 2px solid #f3f4f9;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
}

.menu_block .material-nav .layui-nav-item {
	font-size: 15px;
	height: 66px;
	line-height: 66px;
	background: none;
	margin-right: 0px;
	display: inline-block;
}

.menu_block .material-nav .layui-nav-item a:hover {
	color: #00bc66;
}

.menu_block .layui-nav-bar {
	display: none;
}

.menu_block .material-nav .layui-this a,
.menu_block .material-nav .layui-this a:hover {
	color: #00bc66;
	border-bottom: 3px solid #00bc66;
}

.menu_block .material-category {
	padding: 20px 25px
}

.menu_block .material-breadcrumb {
	padding: 0 25px
}

.demand_submit {
	position: fixed;
	top: 50%;
	right: 5px;
}

.demand_submit a {
	color: #111;
	font-size: 13px;
	text-align: center;
	width: 70px;
	padding-top: 50px;
	background: url(../images/message_ico.png) top no-repeat;
	position: fixed;
	top: 50%;
	right: 5px;
}

/* 详素材情页 使用提示弹窗 xubing */
.cursor_use_pop {
	width: 365px;
	background: #fff;
	padding-top: 30px;
	position: relative;
	display: none;
}

.cursor_use_pop .close {
	width: 24px;
	height: 24px;
	background: url(../../images/close_3.png) no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.cursor_use_pop .message {
	color: #000;
	font-size: 15px;
	text-align: center;
	width: 100%;
	line-height: 23px;
	padding: 80px 0 20px 0;
	background: url(../../images/succes.png) top no-repeat;
	display: block;
}

.cursor_use_block .layui-layer-btn {
	text-align: center;
	display: flex;
	padding-bottom: 20px;
}

.cursor_use_block .layui-layer-btn .layui-layer-btn0,
.cursor_use_block .layui-layer-btn .layui-layer-btn1 {
	color: #fff;
	font-size: 15px;
	text-align: center;
	width: 100px;
	height: 32px;
	line-height: 32px;
	margin: 0 20px;
	background: #07c15e;
	border: none;
	border-radius: 4px;
	display: inline-block;
}

/* SVG单页 20220712 xubing */
.svg_bg {
	background: #eef2f4!important;
}
.svg_block * {
	box-sizing: border-box;
}

.svg_block .svg_top {
	color: #fff;
	text-align: center;
	width: 100%;
	height: 410px;
	background: url(../images/SVG/svg_topbg.png) center repeat-x;
	padding: 80px 0;
	display: inline-block;
}

.svg_block .svg_top h1 {
	font-size: 40px;
	font-weight: bold;
	width: 100%;
	margin-bottom: 50px;
}

.svg_block .svg_top p {
	font-size: 19px;
	width: 100%;
	margin-bottom: 25px;
}

.svg_block .svg_top a {
	color: #1593ff;
	font-size: 20px;
	font-weight: bold;
	width: 160px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	border-radius: 5px;
	margin-top: 25px;
}
.svg_block .top_box{
 width: 100%;
 margin-top: 15px;
 display: flex;
 justify-content: space-between;
}
.svg_block .svg_tag {
	display: flex;
	flex-wrap: wrap;
}

.svg_block .svg_tag a {
	color: #444;
	font-size: 15px;
	height: 38px;
	line-height: 38px;
	border-radius: 5px;
	background: #fff;
	padding: 0 15px;
	margin-right: 15px;
	margin-top: 5px;
}

.svg_block .svg_tag .slt {
	color: #fff;
	background: #1593ff;
}
.svg_block .svg_search_block .search_box {
	width: 300px;
	display: flex;
	align-items: center;
	margin-top: 5px;
}

.svg_block .svg_search_block .search_box .search_input {
	width: 215px;
	height: 38px;
	padding: 0 15px;
	border: none;
}

.svg_block .svg_search_block .search_box .search_input::placeholder {
	color: #999;
}

.svg_block .svg_search_block .search_box .search_btn {
	color: #fff;
	font-size: 14px;
	width: 100%;
	height: 38px;
	background: #1593ff;
}

.svg_block .svg_list {
	width: 1215px;
	margin-top: 25px;
}

.svg_block .svg_list .svg_box {
	width: 280px;
	background: #fff;
	padding: 15px;
	margin-right: 20px;
	margin-bottom: 15px;
	position: relative;
}

.svg_block .svg_list .svg_box .title {
	color: #222;
	font-size: 14px;
	text-align: center;
	width: 100%;
	height: 15px;
	line-height: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}

.svg_block .svg_list .svg_box .vip {
	color: #8c601c;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 0 6px;
	background: linear-gradient(to right, #f9e0b0, #fbd58b);
	border-radius: 3px;
	position: absolute;
	top: 6px;
	right: 6px;
}

.svg_block .svg_list .svg_box .svg_content {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.svg_block .svg_list .svg_box .svg_content img{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
}
.svg_block .svg_list .svg_box .svg_content .gif{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.svg_block .svg_list .svg_box .svg_content .cover:hover{
	opacity: 0;
	transition: all .4s;
}

.svg_block .svg_list .svg_box .explain {
	color: #4f5d69;
	font-size: 13px;
	width: 100%;
	margin: 15px 0;
	overflow: hidden;
}

.svg_block .svg_list .svg_box .info {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.svg_block .svg_list .svg_box .info .l {
	color: #627280;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.svg_block .svg_list .svg_box .info .l span {
	margin-right: 15px;
}

.svg_block .svg_list .svg_box .info .l a {
	color: #627280;
}

.svg_block .svg_list .svg_box .info .l .price {
	color: #ff0000;
	font-size: 14px;
}

.svg_block .svg_list .svg_box .info .l .price em {
	font-size: 20px;
	font-style: normal;
}

.svg_block .svg_list .svg_box .info .l .collect {
	cursor: pointer;
}

.svg_block .svg_list .svg_box .info .l .collected {
	color: #ff8124;
}

.svg_block .svg_list .svg_box .info .Qr {
	width: 75px;
	height: 75px;
	flex-shrink: 0;
}

.svg_block .svg_list .svg_box .info .Qr img {
	width: 100%;
	height: 100%;
}

.svg_block .page_list {
	width: 100%;
	margin: 50px 0;
	display: flex;
	justify-content: center;
}

.svg_block .help_block {
	width: 100%;
	margin-bottom: 40px;
}

.svg_block .help_block h3 {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.svg_block .help_block>ul {
	width: 100%;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.svg_block .help_block>ul>li {
	width: 48.5%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.svg_block .help_block>ul>li::after {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background: #333;
	position: absolute;
	left: 0;
}

.svg_block .help_block>ul>li a {
	font-size: 15px;
	width: 80%;
	height: 36px;
	line-height: 36px;
	padding-left: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.svg_block .help_block>ul>li span {
	color: #777;
	font-size: 14px;
}

.svg_pop_cover{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	display: none;
}
.svg_pop_cover .pop_box{
	width: 369px;
	height: 427px;
	padding-left: 20px;
	background: url(../../plugins/activity/24_endofyear/pop_bg3.png) center no-repeat;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-55%);
}
.svg_pop_cover .pop_box .close{
	width: 31px;
	height: 31px;
	background: url(../images/SVG/pop_close.png) no-repeat;
	position: absolute;
	right: -20px;
	top: 10px;
	cursor: pointer;
}
.svg_pop_cover .pop_box .time{
	color: #fff;
	width: 100%;
	margin-top: 540px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.svg_pop_cover .pop_box .time>span{
	color: #ed1145;
	font-size: 16px;
	text-align: center;
	width: 35px;
	height: 24px;
	line-height: 24px;
	background: #fff;
	margin: 0 5px;
	border-radius: 5px;
}
.svg_pop_cover .pop_box .btn{
	width: 100%;
	margin-top: 345px;
	display: flex;
	justify-content: center;
}
.svg_pop_cover .pop_box .btn>span{
	color: #c11d00;
	font-size: 22px;
	text-align: center;
	width: 231px;
	height: 60px;
	line-height: 60px;
	background: url(../../plugins/activity/24_endofyear/btn_02.png) center no-repeat;
	border-radius: 60px;
	cursor: pointer;
}
.svg_pop_cover .pop_box .btn>span:hover{
	opacity: 0.9;
}
.svg_pop_cover .pop_box .nomore{
	color: #fff;
	width: 100%;
	display: flex;
	justify-content: center;
	position: absolute;
	left: 0;
	bottom: -25px;
}
.svg_pop_cover .pop_box .nomore>span{
	text-decoration: underline;
	cursor: pointer;
}




/* 运营日历 */
.calendar_title {
	width: 100%;
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.calendar_title .left{
	display: flex;
	align-items: center;
}
.calendar_title  strong{
	font-size: 20px;
	font-weight: bold;
}

.calendar_title a {
	font-size: 14px;
	font-weight: normal;
}
.calendar_title .ai_notice{
	color: #666;
	font-size: 13px;
	width: 550px;
	height: 46px;
	background: #fff url(../images/AI_ico01.png) 25px no-repeat ;
	border-radius: 46px;
	padding: 5px 5px 5px 190px;
	box-sizing: border-box;
	margin-left: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.calendar_title .ai_notice a{
	color: #fff;
	width: 86px;
	height: 36px;
	line-height: 36px;
	border-radius: 36px;
	padding: 0 10px;
	box-sizing: border-box;
	background: #07c15e url(../images/AI_ico02.png) 85% no-repeat;
}
.calendar_title .ai_notice a:hover{
	opacity: 0.8;
}

.calendar_block {
	width: 100%;
	margin-top: 15px;
	display: flex;
	align-items: center;
	position: relative;
}

.calendar_block .calendar_list {
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.calendar_block .arrow {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: #fff url(../images/arrow_ico.png) center no-repeat;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 9;
}

.calendar_block .arrow.left {
	left: -20px;
	transform: translate(0, -50%) rotate(180deg);
	display: none;
}

.calendar_block .arrow.right {
	right: -20px;
}

.calendar_block .arrow:hover {
	cursor: pointer;
	opacity: 0.95;
}

.calendar_block .calendar_box {
	width: 240px;
	height: 180px;
	background: #fff;
	border-radius: 4px;
	margin-right: 25px;
	flex-shrink: 0;
}

.calendar_block .calendar_box img {
	width: 100%;
	height: 100px;
	border-radius: 4px 4px 0 0;
	object-fit: cover;
}

.calendar_block .calendar_box .info {
	width: 100%;
	height: 80px;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.calendar_block .calendar_box .left strong {
	color: #1b2337;
	font-size: 16px;
	font-weight: bold;
}

.calendar_block .calendar_box .left p {
	color: #8693ab;
	font-size: 12px;
	line-height: 24px;
}

.calendar_block .calendar_box .date {
	color: #5fb878;
	font-size: 12px;
	width: 45px;
	height: 45px;
	border: 1px solid #bfe3c9;
	background: #f4fff7;
	border-radius: 4px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.calendar_block .today .date {
	border: 1px solid #ffe0d6;
	background: #fff4f0;
}

.calendar_block .calendar_box .date strong {
	font-size: 17px;
	text-align: center;
	width: 100%;
	font-weight: bold;
}

.calendar_block .calendar_box .date span {
	color: #ff5722;
	font-size: 14px;
	font-weight: bold;
}

.calendar_list_block {
	width: 100%;
	padding: 20px 25px;
	box-sizing: border-box;
	background: #fff;
}

.calendar_list_block * {
	box-sizing: border-box;
}

.calendar_list_block .info {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.calendar_list_block .info strong {
	color: #333;
	font-size: 26px;
}

.calendar_list_block .info .calendar_info {
	width: 255px;
	height: 75px;
	border: 1px solid #ebeef5;
	border-radius: 4px;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.calendar_list_block .info .calendar_info .day {
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	width: 50px;
	margin-right: 10px;
	flex-shrink: 0;
}

.calendar_list_block .info .calendar_info .date {
	width: 100%;
	line-height: 23px;
}

.calendar_list_block .info .calendar_info .date strong {
	font-size: 14px;
}

.calendar_list_block .info .calendar_info .date p {
	color: #8693ab;
	font-size: 12px;
}

.calendar_list_block .info .calendar_info .time {
	width: 45px;
	height: 45px;
	background: #f4fff7;
	border: 1px solid #bfe3c9;
	padding: 5px 0;
	border-radius: 3px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.calendar_list_block .info .calendar_info .time.today {
	background: #fff4f0;
	border: 1px solid #ffe0d6;
}

.calendar_list_block .info .calendar_info .time.today span {
	color: #ff5722;
	font-weight: bold;
}

.calendar_list_block .info .calendar_info .time strong {
	color: #5fb878;
	font-size: 17px;
	text-align: center;
	width: 100%;
	line-height: 18px;
}

.calendar_list_block .info .calendar_info .time p {
	color: #5fb878;
	font-size: 12px;
}

.calendar_list {
	width: 100%;
	margin-top: 15px;
	position: relative;
}

.calendar_list .list {
	width: 100%;
	padding: 5px 0;
	white-space: nowrap;
	display: flex;
	overflow: hidden;
}

.calendar_list .arrow {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: #fff url(../images/arrow_ico.png) center no-repeat;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 9;
}

.calendar_list .arrow.left {
	left: -20px;
	transform: translate(0, -50%) rotate(180deg);
	display: none;
}

.calendar_list .arrow.right {
	right: -20px;
}

.calendar_list .arrow:hover {
	cursor: pointer;
	opacity: 0.95;
}

.calendar_list li {
	width: 240px;
	height: 75px;
	border: 1px solid #ebeef5;
	border-radius: 4px;
	margin-right: 20px;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	flex-shrink: 0;
	cursor: pointer;
}

.calendar_list li.active {
	border: 1px solid #07c15e;
	box-shadow: 0px 0px 5px 5px rgba(230, 249, 239, 1);
}

.calendar_list li .date {
	line-height: 23px;
}

.calendar_list li .date strong {
	font-size: 16px;
}

.calendar_list li .date p {
	color: #8693ab;
	font-size: 12px;
}

.calendar_list li .time {
	width: 45px;
	height: 45px;
	background: #f4fff7;
	border: 1px solid #bfe3c9;
	padding: 5px 0;
	border-radius: 3px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.calendar_list .today .time {
	background: #fff4f0;
	border: 1px solid #ffe0d6;
}

.calendar_list .today .time span {
	color: #ff5722;
	font-weight: bold;
}

.calendar_list li .time strong {
	color: #5fb878;
	font-size: 17px;
	text-align: center;
	width: 100%;
	line-height: 18px;
}

.calendar_list li .time p {
	color: #5fb878;
	font-size: 12px;
}

.calendar_type_slt {
	color: #666;
	font-size: 14px;
	width: 100%;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
}

.calendar_type_slt .type_list {
	display: flex;
	align-content: center;
}

.calendar_type_slt li {
	text-align: center;
	width: 70px;
	height: 30px;
	line-height: 30px;
	background: #f3f4f9;
	border-radius: 3px;
	margin-right: 20px;
	cursor: pointer;
}

.calendar_type_slt .slt {
	color: #fff;
	background: #07c15e;
}

.calendar_list_box {
	width: 100%;
	min-height: 500px;
}

.activity_float {
	font-size: 0;
	width: 134px;
	height: 110px;
	background: url(../../plugins/activity/24_summer/float_bg.png) no-repeat;
	display: flex;
	position: fixed;
	top: 33%;
	right: 25px;
}

.activity_float .close {
	width: 18px;
	height: 18px;
	background: url(../../plugins/activity/23_1111/float_close.png) no-repeat;
	position: absolute;
	top: -5px;
	right: -15px;
	cursor: pointer;
}

.filter_block {
	width: 100%;
	padding: 10px 30px;
	box-sizing: border-box;
}

.filter_block .filter_list li {
	width: 100%;
	line-height: 30px;
	margin: 10px 0;
	display: flex;
	align-items: center;
}

.filter_block .filter_list li span {
	margin-right: 5px;
	flex-shrink: 0;
}

.filter_block .filter_list li a {
	color: #444;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	display: inline-block;
}

.filter_block .filter_list li .slt {
	color: #5fb878;
	background: #eff8f1;
	border-radius: 4px;
}

.filter_block .filter_slt {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.filter_block .filter_slt .left {
	display: flex;
}

.filter_block .filter_slt .type_slt {
	margin-right: 25px;
	position: relative;
}

.filter_block .filter_slt .type_slt span {
	color: #666;
	text-align: center;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-right: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
}

.filter_block .filter_slt .type_slt span::after {
	content: '';
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 4px solid #333;
	position: absolute;
	right: 0px;
	top: 19px;
}

.filter_block .filter_slt .type_slt dl {
	width: 90px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0, 0, 0, .1);
	position: absolute;
	left: 60%;
	top: 40px;
	transform: translate(-50%, 0);
	z-index: 9;
	display: none;
}

.filter_block .filter_slt .type_slt dd {
	text-align: center;
	width: 100%;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
}

.filter_block .filter_slt .type_slt .slt a {
	color: #00bc66;
}

.filter_block .filter_slt .search_box {
	width: 290px;
	display: flex;
}

.filter_block .filter_slt .search_box input {
	width: 215px;
	height: 40px;
	border: 1px solid #e7e7eb;
	border-radius: 4px 0 0 4px;
	border-right: none;
}

.filter_block .filter_slt .search_box button {
	color: #fff;
	width: 75px;
	height: 40px;
	border: none;
	background: #5fb878;
	border-radius: 0 4px 4px 0;
}

.picture_list {
	width: calc(100% + 15px);
	margin: 30px 0;
	display: flex;
	flex-wrap: wrap;
}

.picture_list li {
	flex-grow: 1;
	margin: 0 15px 15px 0;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.picture_list li img {
	width: auto;
	min-width: 100%;
	height: 217px;
	border-radius: 4px;
	object-fit: cover;
}

.picture_list li:hover img {
	transform: scale(1.05);
	transition: all .4s ease-out;
}

.picture_list li .company {
	color: #7d5211;
	font-size: 12px;
	text-align: center;
	width: 60px;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	background: linear-gradient(to bottom, #f8d99a, #fdecc5);
	position: absolute;
	left: 5px;
	top: 5px;
}

.picture_list li .vip {
	color: #fff;
	font-size: 12px;
	text-align: center;
	width: 40px;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .58);
	position: absolute;
	left: 5px;
	top: 5px;
}

.picture_list li .business {
	color: #f5d993;
	font-size: 12px;
	text-align: center;
	width: 28px;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	background-color: #333;
	position: absolute;
	left: 5px;
	top: 5px;
}

.picture_list li .info {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1);
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: none;
}

.picture_list li .link {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.picture_list li .info .btn {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	display: flex;
}

.picture_list li .info .btn .download {
	color: #333;
	text-align: center;
	width: 70px;
	height: 28px;
	line-height: 28px;
	padding: 0;
	background: #fff;
	border-radius: 4px;
	margin-right: 10px;
}

.picture_list li .info .btn .collect {
	color: #333;
	width: 28px;
	height: 28px;
	background: #fff;
	border-radius: 4px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.picture_list li .info .btn .collected {
	color: #0772fc;
	width: 28px;
	height: 28px;
	background: #fff;
	border-radius: 4px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.picture_list li .info .btn i {
	margin: 0;
}

.picture_list li .info .title {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: absolute;
	left: 0;
	bottom: 0px;
}

.picture_list li:hover .info {
	display: block;
}

/* 企业插件单页 */
.plugin_block * {
	box-sizing: border-box;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.mt80 {
	margin-top: 80px;
}

.plugin_banner {
	width: 100%;
	height: 350px;
	background: url(../images/plugin/banner_01.png) center no-repeat;
}

.plugin_title {
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
}

.plugin_title strong {
	color: #323747;
	font-size: 32px;
	padding-top: 25px;
	position: relative;
	z-index: 2;
}

.plugin_title span {
	color: #e6e8ed;
	font-size: 45px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1;
}

.plugin_box {
	width: 100%;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.plugin_box .text {
	width: 480px;
	display: flex;
	flex-direction: column;
}

.plugin_box .text h3 {
	color: #306bff;
	font-size: 24px;
	font-weight: bold;
}

.plugin_box .text strong {
	color: #323747;
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
}

.plugin_box .text p {
	color: #555;
	font-size: 15px;
	line-height: 26px;
}

.plugin_box .text .btn_box {
	margin-top: 20px;
	display: flex;
}

.plugin_box .text .btn_box a {
	font-size: 16px;
	width: 160px;
	height: 48px;
	border: 1px solid #306bff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.plugin_box .text .btn_box .b1 {
	color: #fff;
	background-color: #306bff;
}

.plugin_box .text .btn_box .b2 {
	color: #306bff;
	background-color: #fff;
}

.plugin_box2 {
	color: #000;
	font-size: 16px;
	width: 100%;
	line-height: 36px;
	padding: 50px 45px;
	border: 2px solid #fff;
	border-radius: 4px;
	background: linear-gradient(to bottom, #f4f7fc, #fff);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
	margin-top: 40px;
}

.plugin_box2 .btn_box {
	width: 100%;
	display: flex;
	justify-content: center;
}

.plugin_box2 .btn_box .b1 {
	color: #fff;
	font-size: 16px;
	width: 240px;
	height: 50px;
	border: 1px solid #306bff;
	background-color: #306bff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.plugin_edit_block {
	width: 100%;
	padding: 50px 150px;
}

.plugin_edit_title li {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.plugin_edit_title li span {
	font-size: 16px;
	width: 50px;
}

.plugin_edit_box {
	width: 100%;
	min-height: 200px;
	border: 1px solid #ececec;
	border-radius: 5px;
}

.plugin_edit_block .btn_box {
	width: 100%;
	display: flex;
	justify-content: center;
}

.plugin_edit_block .btn_box .b1 {
	color: #fff;
	font-size: 16px;
	width: 240px;
	height: 50px;
	border: 1px solid #306bff;
	background-color: #306bff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.foot_banner {
	width: 100%;
	height: 179px;
	background: url(../images/plugin/bg_01.png) center no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}

.foot_banner .b1 {
	color: #fff;
	font-size: 22px;
	width: 250px;
	height: 50px;
	border: 1px solid #fff;
	background-color: transparent;
	margin: 0 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service_pop {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	display: none;
}

.service_pop .service_box {
	text-align: center;
	width: 360px;
	height: 425px;
	background: url(../images/plugin/bg_02.png) no-repeat;
	padding-top: 150px;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50.1%);
}

.service_pop .service_box .close {
	width: 14px;
	height: 14px;
	background: url(../images/plugin/close.png);
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

.service_pop .service_box img {
	width: 200px;
	height: 200px;
	box-shadow: 0px 0px 5px rgba(79, 130, 237, .5);
}

.service_pop .service_box p {
	font-size: 16px;
	width: 100%;
	margin-top: 20px;
}

.preview_pop {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	display: none;
}

.preview_pop .preview_box {
	width: 780px;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50.1%);
}

.preview_pop .preview_box .close {
	width: 14px;
	height: 14px;
	background: url(../images/plugin/close_02.png);
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

.preview_pop .preview_box .title {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #dee2e6;
}

.preview_pop .preview_box .preview_content {
	width: 100%;
	max-height: 400px;
	box-sizing: border-box;
	padding: 25px 25px 40px 25px;
	overflow-y: auto;
}

.preview_pop .preview_box .preview_content li {
	line-height: 36px;
	display: flex;
}

.preview_pop .preview_box .preview_content li strong {
	font-size: 16px;
	width: 70px;
	box-sizing: border-box;
	padding-left: 15px;
	position: relative;
	flex-shrink: 0;
}

.preview_pop .preview_box .preview_content li strong::before {
	content: '';
	width: 4px;
	height: 18px;
	background: #306bff;
	position: absolute;
	left: 0px;
	top: 8px;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px
}

::-webkit-scrollbar-track {
	background: #fff
}

::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background: #bfc1c4
}

::-webkit-scrollbar-thumb:hover {
	background: #909090
}

::-webkit-scrollbar-thumb:active {
	background: #909090
}

/* 定制设计 */
.customized_block {
	padding-bottom: 50px;
}

.customized_block * {
	box-sizing: border-box;
}

.customized_banner {
	width: 100%;
	height: 510px;
	background: url(../images/customized/customized_banner.png) center no-repeat;
	padding-top: 275px;
}

.customized_banner .advisory_btn {
	font-size: 18px;
	width: 220px;
	height: 54px;
	background: #306bff;
	border-radius: 6px;
}

.customized_block .info_list {
	width: 100%;
	margin-top: -40px;
	display: flex;
	justify-content: space-between;
}

.customized_block .info_list li {
	width: 280px;
	height: 150px;
	background: url(../images/customized/bg_02.png);
	box-shadow: 0px 3px 4px rgba(48, 107, 255, .2);
	border-radius: 13px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.customized_block .info_list li span {
	color: #222;
	font-size: 20px;
	font-weight: bold;
}

.customized_block .info_list li strong {
	color: #306bff;
	font-size: 26px;
	font-weight: bold;
	margin: 15px 0;
}

.customized_block .info_list li p {
	color: #333;
	font-size: 15px;
}

.customized_title {
	text-align: center;
	width: 100%;
	position: relative;
}

.customized_title strong {
	color: #1f2431;
	font-size: 32px;
	position: relative;
	z-index: 2;
}

.customized_title p {
	color: #e6e8ed;
	font-size: 40px;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	top: -20px;
	transform: translate(-50%, 0);
	z-index: 1;
}

.info_list2>ul {
	width: 100%;
	display: flex;
	justify-content: center;
}

.info_list2>ul>li {
	width: 370px;
	height: 60px;
	border-radius: 60px;
	padding: 0 15px;
	margin: 15px;
	display: flex;
	align-items: center;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, .2);
}

.info_list2>ul>li img {
	margin-right: 20px;
}

.customized_bg {
	width: 100%;
	background: #f7fafd;
	padding: 40px 0;
}

.silder_list {
	box-shadow: 0px 0px 15px rgba(77, 90, 108, .1);
}

.silder_list.layui-carousel {
	background-color: #fff;
}

.layui-carousel[lay-arrow=always].silder_list .layui-carousel-arrow {
	left: -60px;
}

.layui-carousel[lay-arrow=always].silder_list .layui-carousel-arrow[lay-type=add] {
	right: -60px;
}

.customized_block .silder_list .silder_box>div {
	width: 100%;
	height: 100%;
	padding: 35px;
	background: #fff;
	display: flex;
	justify-content: space-between;
}

.customized_block .silder_list .silder_box>div .l {
	width: 320px;
	padding-top: 110px;
	position: relative;
}

.customized_block .silder_list .silder_box>div .l strong {
	color: #1f2431;
	font-size: 26px;
}

.customized_block .silder_list .silder_box>div .l p {
	color: #606982;
	font-size: 16px;
	line-height: 30px;
	margin-top: 30px;
}

.customized_block .silder_list .silder_box>div .l a {
	color: #306bff;
	font-size: 16px;
	position: absolute;
	right: 0;
	bottom: 50px;
}

.customized_block .silder_list_title {
	width: 100%;
	display: flex;
	justify-content: center;
}

.customized_block .silder_list_title>ul {
	height: 56px;
	background: #ecf1f9;
	border-radius: 56px;
	display: flex;
}

.customized_block .silder_list_title>ul>li {
	color: #8e95a8;
	height: 56px;
	line-height: 56px;
	font-size: 18px;
	padding: 0 30px;
	cursor: pointer;
}

.customized_block .silder_list_title>ul>li.slt {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: #306bff;
	border-radius: 56px;
	transition: all 0.5s;
}

.customized_box {
	width: 100%;
	height: 300px;
	border: 2px solid #fff;
	background: linear-gradient(to bottom, #f4f7fc, #fff);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
}

.customized_box .info {
	width: 100%;
	height: 100%;
	padding-left: 430px;
	background: url(../images/customized/ico_02.png) 125px no-repeat;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
}

.customized_box .info .title {
	width: 100%;
	position: relative;
}

.customized_box .info .title strong {
	color: #1f2431;
	font-size: 32px;
	position: relative;
	z-index: 2;
}

.customized_box .info .title span {
	color: #e6e8ed;
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: -20px;
	z-index: 1;
}

.customized_box .info p {
	color: #606982;
	font-size: 16px;
	width: 550px;
	line-height: 34px;
	margin-top: 20px;
}

.customized_list {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.customized_list li {
	width: 380px;
	height: 195px;
	padding: 25px 20px;
	border-radius: 18px 60px 18px 18px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .13);
	background: url(../images/customized/ico_03.png) 95% 90% no-repeat;
	display: flex;
	flex-direction: column;
}

.customized_list li:last-child {
	background: url(../images/customized/ico_04.png) 95% 90% no-repeat;
}

.customized_list li span {
	color: #e1e2ed;
	font-size: 24px;
	font-weight: bold;
	font-style: oblique;
}

.customized_list li strong {
	color: #424866;
	font-size: 22px;
	margin-top: -12px;
}

.customized_list li p {
	color: #596088;
	font-size: 16px;
	margin-top: 35px;
}

.customized_bg2 {
	width: 100%;
	height: 240px;
	background: url(../images/customized/bg_01.png);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.customized_bg2 strong {
	color: #424866;
	font-size: 36px;
}

.customized_bg2 button {
	color: #fff;
	font-size: 18px;
	width: 220px;
	height: 52px;
	background: #306bff;
	border-radius: 8px;
	margin-top: 40px;
}

.customized_list2 {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.customized_list2 li {
	width: 285px;
	height: 140px;
	border-radius: 8px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .15);
	padding: 20px 0 0 85px;
}

.customized_list2 li strong {
	font-size: 20px;
	margin-bottom: 15px;
	display: block;
}

.customized_list2 li p {
	color: #4e5969;
	font-size: 13px;
	line-height: 22px;
	padding-left: 13px;
	position: relative;
}

.customized_list2 li p::before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #666;
	position: absolute;
	left: 0;
	top: 9px;
}

.customized_list2 li:nth-child(1) {
	background: url(../images/customized/ico_05.png) 25px 25px no-repeat;
}

.customized_list2 li:nth-child(2) {
	background: url(../images/customized/ico_06.png) 25px 25px no-repeat;
}

.customized_list2 li:nth-child(3) {
	background: url(../images/customized/ico_07.png) 25px 25px no-repeat;
}

.customized_list2 li:nth-child(4) {
	background: url(../images/customized/ico_08.png) 25px 25px no-repeat;
}

.customized_box2 {
	width: 100%;
	height: 510px;
	background: url(../images/customized/img_12.png) center no-repeat;
}

.customized_submit * {
	box-sizing: border-box;
}

.customized_submit {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	display: none;
}

.customized_submit .submit_box {
	width: 710px;
	height: 480px;
	background: #fff url(../images/customized/title_01.png) top no-repeat;
	border-radius: 14px;
	padding: 90px 55px 0 55px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.customized_submit .submit_box .close {
	width: 15px;
	height: 15px;
	background: url(../images/customized/close.png) no-repeat;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.customized_submit .submit_box .title {
	color: #306bff;
	font-size: 16px;
	text-align: center;
	width: 230px;
	height: 34px;
	line-height: 34px;
	background: #eaf4ff;
	border-radius: 34px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}

.customized_submit .submit_box .input_list {
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 8px rgba(48, 107, 255, .2);
	padding: 25px 50px;
	border-radius: 10px;
	margin-top: 20px;
}

.customized_submit .submit_box .input_list li {
	width: 100%;
	margin: 10px 0;
	display: flex;
}

.customized_submit .submit_box .input_list li p {
	font-size: 15px;
	width: 85px;
	line-height: 35px;
	flex-shrink: 0;
}

.customized_submit .submit_box .input_list li p>em {
	color: #ff0000;
	vertical-align: middle;
	margin-right: 5px;
}

.customized_submit .submit_box .input_list li input {
	width: 100%;
	height: 35px;
	border: 1px solid #e0e3e7;
	border-radius: 4px;
}

.customized_submit .submit_box .input_list li textarea {
	width: 100%;
	border: 1px solid #e0e3e7;
	border-radius: 4px;
}

.customized_submit .submit_box .btn_box {
	text-align: center;
	width: 100%;
	margin-top: 30px;
}

.customized_submit .submit_box .btn_box button {
	font-size: 18px;
	width: 180px;
	height: 45px;
	background: #306bff;
	border-radius: 10px;
}

.customized_qr * {
	box-sizing: border-box;
}

.customized_qr {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .25);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	display: none;
}

.customized_qr .qr_box {
	width: 300px;
	height: 420px;
	background:  url(../images/customized/pop_bg.png) no-repeat;
	border-radius: 14px;
	padding-top: 135px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.customized_qr .qr_box .close {
	width: 20px;
	height: 20px;
	background: url(../images/customized/pop_close.png) no-repeat;
	position: absolute;
	top: 20px;
	right: 0px;
	cursor: pointer;
}

.customized_qr .qr_box strong {
	color: #4c70ff;
	font-size: 20px;
}

.customized_qr .qr_box p {
	font-size: 15px;
	margin-top: 20px;
}

.customized_qr .qr_box .qr {
	width: 195px;
	height: 195px;
	background: url(../images/customized/pop_qr.png?t=1) center no-repeat;
	background-size: cover;
}
.customized_list3{
	width: 100%;
	background: transparent;
	position: relative;
}
.customized_list3 .layui-this{
	background: transparent;
}
.layui-carousel[lay-arrow=always].customized_list3 .layui-carousel-arrow{
	left: -60px;
 }
.layui-carousel[lay-arrow=always].customized_list3 .layui-carousel-arrow[lay-type=add]{
	right: -60px;
}
.layui-carousel>[carousel-item]:before{
	display: none;
}

.customized_list3 ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.customized_list3 li{
	width: 280px;
	padding-top: 590px;
	display: flex;
	justify-content: center;
}
.customized_list3 li span{
	color: #8e95a8;
	font-size: 18px;
	text-align: center;
	width: 116px;
	height: 38px;
	line-height: 38px;
	background: #ecf1f9;
	border-radius: 5px;
}
.customized_list3 li.i1{
	background: url(../images/customized/img_13.png) no-repeat top;
}
.customized_list3 li.i2{
	background: url(../images/customized/img_14.png) no-repeat top;
}
.customized_list3 li.i3{
	background: url(../images/customized/img_15.png) no-repeat top;
}
.customized_list3 li.i4{
	background: url(../images/customized/img_16.png) no-repeat top;
}
.customized_list3 li.i5{
	background: url(../images/customized/img_17.png) no-repeat top;
}
.customized_list3 li.i6{
	background: url(../images/customized/img_18.png) no-repeat top;
}
.customized_list3 li.i7{
	background: url(../images/customized/img_19.png) no-repeat top;
}
.customized_list3 li.i8{
	background: url(../images/customized/img_20.png) no-repeat top;
}


/* 高清图库 20240423 */

html{
	min-height: 100%;
}
.HDImage{
	min-height: 100%;
	background: #f0f0f0;
}
.HDImage *{
	box-sizing: border-box;
}
.HDImage .top_search{
	width: 100%;
	height: 250px;
	background: url(../images/HDImage/top_bg.png) no-repeat;
	padding-top: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.HDImage .top_search .search_box{
	width: 610px;
	background: #fff;
	border-radius: 48px;
	display: flex;
	align-items: center;
}
.HDImage .top_search .search_box .search_input{
	color: #666;
	font-size: 16px;
	width: 500px;
	height: 48px;
	line-height: 48px;
	padding: 0 30px;
	border-radius: 48px;
	border: none;
}
.HDImage .top_search .search_box .search_btn{
	color: #fff;
	font-size: 16px;
	width: 150px;
	height: 48px;
	background: #00bc66;
	border-radius: 48px;
}
.HDImage .top_search .search_box .search_btn i{
	font-size: 20px;
	margin-right: 10px;
}
.HDImage .top_search .hot_search{
	color: #fff;
	width: 100%;
	margin-top: 15px;
	display: flex;
	justify-content: center;
}
.HDImage .top_search .hot_search a{
	color: #fff;
	margin-right: 10px;
}
.HDImage .hd_title{
	width: 100%;
	display: flex;
	align-items: center;
}
.HDImage .hd_title strong{
	color: #333;
	font-size: 26px;
	height: 36px;
	line-height: 36px;
	margin-right: 15px;
}
.HDImage .hd_title>p>a{
	color: #00bc66;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	background: #fff;
	border-radius: 8px;
	padding: 0 15px;
	display: inline-block;
}
.HDImage .hd_title .type_list{
	font-size: 16px;
	display: flex;
	align-items: center;
}
.HDImage .hd_title .type_list a{
	color: #696e81;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border-radius: 40px;
	padding: 0 25px;
	margin-right: 10px;
}
.HDImage .hd_title .type_list .active,
.HDImage .hd_title .type_list a:hover{
	color: #fff;
	background: #00bc66;
}
.HDImage .hdimg_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.HDImage .hdimg_list li{
	width: 285px;
	height: 200px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #f8f8f8;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}
.HDImage .hdimg_list li:hover img{
	transform: scale(1.1);
	transition: .5s;
}
.HDImage .hdimg_list li:nth-child(4n){
	margin-right: 0px;
}
.HDImage .hdimg_list li p{
	color: #fff;
	font-size: 16px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.5));
	border-radius: 0 0 8px 8px;
	padding: 0 20px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
.HDImage .hdimg_list li img{
	width: 100%;
	height: 100%;
	border-radius: 8px;
	object-fit: cover;
}
.HDImage .hdimg_list.big{
	padding-left: 610px;
}
.HDImage .hdimg_list.big li:nth-child(4n){
	margin-right: auto;
}
.HDImage .hdimg_list.big li:nth-child(3),
.HDImage .hdimg_list.big li:nth-child(5){
	margin-right: 0;
}
.HDImage .hdimg_list.big li:first-child{
	width: 590px;
	height: 420px;
	position: absolute;
	left: 0;
	top: 0;
}

.HDImage .hdimg_list2{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.HDImage .hdimg_list2 li{
	width: 285px;
	margin-bottom: 20px;
	background: #f8f8f8;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}
.HDImage .hdimg_list2 li:hover img{
	transform: scale(1.1);
	transition: .5s;
}
.HDImage .hdimg_list2 li:nth-child(4n){
	margin-right: 0px;
}
.HDImage .hdimg_list2 li p{
	color: #fff;
	font-size: 16px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.5));
	border-radius: 0 0 8px 8px;
	padding: 0 20px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
}
.HDImage .hdimg_list2 li:hover p{
	display: block;
}
.HDImage  .hdimg_list2 li img{
	width: 100%;
	height: 100%;
	border-radius: 8px;
	object-fit: cover;
}


.HDImage .HDtype_block{
	width: 100%;
	position: relative;
}
.HDImage .HDtype_menu{
	width: 100%;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.HDImage .HDtype_menu li{
	width: 185px;
	height: 80px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
	flex-shrink: 0;
	cursor: pointer;
	border-radius: 8px;
}
.HDImage .HDtype_menu li.active p{
	color: #fff;
	background: #00bc66;
}
.HDImage .HDtype_menu li:hover{
	opacity: 0.9;
}
.HDImage .HDtype_menu li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}
.HDImage .HDtype_menu li p{
	color: #fff;
	font-size: 18px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	padding: 0 20px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.HDImage .HDtype_block .arrow {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: #fff url(../images/arrow_ico.png) center no-repeat;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 9;
}

.HDImage .HDtype_block .arrow.left {
	left: -20px;
	transform: translate(0, -50%) rotate(180deg);
	display: none;
}

.HDImage .HDtype_block .arrow.right {
	right: -20px;
}

.HDImage .HDtype_block .arrow:hover {
	cursor: pointer;
	opacity: 0.95;
}

.HDImage .page_change{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.HDImage .page_change>a{
	font-size: 16px;
	width: 160px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	margin: 0 13px;
	border: 1px solid #00bc66;
}
.HDImage .page_change .prev{
	color: #00bc66;
	background: none;
}
.HDImage .page_change .next{
	color: #fff;
	background: #00bc66;
}

.HDImage .hd_location {
  color: #333;
  font-size: 14px;
  width: 100%;
  height: 54px;
  line-height: 54px;
  display: inline-block;
}
.HDImage .hd_location a {
  color: #333;
}

.HDImage .hd_title2{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.HDImage .hd_title2 strong{
	color: #333;
	font-size: 30px;
	height: 36px;
	line-height: 36px;
}

.HDImage .hd_title_slt{
	width: 100%;
	display: flex;
	align-items: center;
}
.HDImage .hd_title_slt a{
	color: #444;
	font-size: 15px;
	width: 110px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	border-radius: 10px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.HDImage .hd_title_slt a:hover{
	opacity: 0.8;
}
.HDImage .hd_title_slt .active{
	color: #fff;
	background: #00bc66;
}
#HD_page_list{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 海报频道 */
.material_page{
	min-height: 100%;
	background: #f0f0f0;
}
.material_page *{
	box-sizing: border-box;
}

.material_page .top_search{
	width: 100%;
	height: 250px;
	background: url(../images/material/top_bg.png) no-repeat;
	padding-top: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.material_page .top_search .search_box{
	width: 610px;
	background: #fff;
	border-radius: 48px;
	display: flex;
	align-items: center;
}
.material_page .top_search .search_box .search_input{
	color: #666;
	font-size: 16px;
	width: 500px;
	height: 48px;
	line-height: 48px;
	padding: 0 30px;
	border-radius: 48px;
	border: none;
}
.material_page .top_search .search_box .search_btn{
	color: #fff;
	font-size: 16px;
	width: 150px;
	height: 48px;
	background: #00bc66;
	border-radius: 48px;
}
.material_page .top_search .search_box .search_btn i{
	font-size: 20px;
	margin-right: 10px;
}
.material_page .top_search .hot_search{
	color: #fff;
	width: 100%;
	margin-top: 15px;
	display: flex;
	justify-content: center;
}
.material_page .top_search .hot_search a{
	color: #fff;
	margin-right: 10px;
}

.material_page .material_title{
	width: 100%;
	display: flex;
	align-items: center;
}
.material_page .material_title strong{
	color: #333;
	font-size: 26px;
	height: 36px;
	line-height: 36px;
	margin-right: 15px;
}
.material_page .material_title>p>a{
	color: #00bc66;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	background: #fff;
	border-radius: 8px;
	padding: 0 15px;
	display: inline-block;
}
.material_page .material_title .type_list{
	font-size: 16px;
	display: flex;
	align-items: center;
}
.material_page .material_title .type_list a{
	color: #696e81;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border-radius: 40px;
	padding: 0 25px;
	margin-right: 10px;
}
.material_page .material_title .type_list .active,
.material_page .material_title .type_list a:hover{
	color: #fff;
	background: #00bc66;
}

.material_page .material_calendar_slt{
	width: 100%;
	display: flex;
	align-items: center;
}
.material_page .material_calendar_slt .slt{
	color: #28953b;
	background: #ebf6ed;
}

.material_page .material_calendar_slt li{
	width: 225px;
	height: 80px;
	background: #fafafa;
	margin-right: calc(75px / 4);
	border-radius: 8px;
	display: flex;
}
.material_page .material_calendar_slt li:last-child{
	margin-right: 0px;
}
.material_page .material_calendar_slt li a{
	width: 100%;
	height: 100%;
	display: flex;
	padding: 0 20px;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.material_page .material_calendar_slt li a>span{
	font-size: 16px;
	width: 100%;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}
.material_page .material_calendar_slt li a>p{
	font-size: 12px;
	color: #888;
	margin-top: 10px;
}
.material_page .material_calendar_slt li .time{
	color: #666;
	font-size: 12px;
	text-align: center;
	width: 60px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #fff;
	background: #fff;
	border-radius: 8px;
	position: absolute;
	right: 20px;
	bottom: 10px;
}
.material_page .material_calendar_slt .slt p,
.material_page .material_calendar_slt .slt span,
.material_page .material_calendar_slt li .time{
	color: #28953b;
}

.material_page .material_calendar_block{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.material_page .material_calendar_block .list_left,
.material_page .material_calendar_block .list_right{
	width: 920px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	flex-shrink: 0;
}
.material_page .material_calendar_block .list_right{
	width: 260px;
	flex-direction: column;
}
.material_page .material_calendar_block .list_left li{
	width: 215px;
	height: 380px;
	margin-right: 20px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}
.material_page .material_calendar_block .list_right li{
	width:100%;
	height: 115px;
	margin-bottom: 17px;
	background: #f8f8f8;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}
.material_page .material_calendar_block .list_left li:hover img,
.material_page .material_calendar_block .list_right li:hover img{
	transform: scale(1.1);
	transition: .5s;
}
.material_page .material_calendar_block .list_left li:last-child,
.material_page .material_calendar_block .list_right li:last-child{
	margin-right: 0px;
	margin-bottom: 0px;
}
.material_page .material_calendar_block .list_left li p,
.material_page .material_calendar_block .list_right li p{
	color: #fff;
	font-size: 16px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.5));
	border-radius: 0 0 8px 8px;
	padding: 0 20px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
.material_page .material_calendar_block .list_left li img,
.material_page .material_calendar_block .list_right li img{
	width: 100%;
	height: 100%;
	border-radius: 8px;
	object-fit: cover;
}

.material_page .material_list{
	width: 100%;
	/*height: 660px;*/
	height: 540px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	position: relative;
}
.material_page .material_list li{
	width: 285px;
	height: 500px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}
/*.material_page .material_list li:nth-child(2),
.material_page .material_list li:nth-child(3),
.material_page .material_list li:nth-child(6),
.material_page .material_list li:nth-child(7){
	height: 120px;
}*/
.material_page .material_list li:hover img{
	transform: scale(1.1);
	transition: .5s;
}
.material_page .material_list li:nth-child(4n){
	margin-right: 0px;
}
.material_page .material_list li p{
	color: #fff;
	font-size: 16px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.5));
	border-radius: 0 0 8px 8px;
	padding: 0 20px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
.material_page .material_list li img{
	width: 100%;
	height: 100%;
	border-radius: 8px;
	object-fit: cover;
}

.material_page .material_list2{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.material_page .material_list2 li{
	width: 285px;
	margin-bottom: 20px;
	margin-left: 4px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
	border-radius: 8px;
	position: relative;
	overflow: hidden;

}
.material_page .material_list2 li:hover img{
	transform: scale(1.1);
	transition: .5s;
}
.material_page .material_list2 li:nth-child(4n){
	margin-right: 0px;
}
.material_page .material_list2 li p{
	color: #fff;
	font-size: 16px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.5));
	border-radius: 0 0 8px 8px;
	padding: 0 20px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
.material_page  .material_list2 li img{
	width: 100%;
	height: 100%;
	border-radius: 8px;
	/*object-fit: cover;*/
	object-fit: fill;
}

.material_page .page_change{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.material_page .page_change>a{
	font-size: 16px;
	width: 160px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	margin: 0 13px;
	border: 1px solid #00bc66;
}
.material_page .page_change .prev{
	color: #00bc66;
	background: none;
}
.material_page .page_change .next{
	color: #fff;
	background: #00bc66;
}

.material_page .hd_title_slt{
	width: 100%;
	display: flex;
	align-items: center;
}
.material_page .hd_title_slt a{
	color: #444;
	font-size: 15px;
	/*width: 110px;*/
	min-width: 100px;
	padding: 0 4px;

	height: 50px;
	line-height: 50px;
	background: #fff;
	border-radius: 10px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.material_page .hd_title_slt a:hover{
	opacity: 0.8;
}
.material_page .hd_title_slt .active{
	color: #fff;
	background: #00bc66;
}
.material_page .hd_title2{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.material_page .hd_title2 strong{
	color: #333;
	font-size: 30px;
	height: 36px;
	line-height: 36px;
}

#material_page_list{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.company_cover{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	display: none;
}
.company_cover .company_pop{
	width: 840px;
	background: #fff;
	border-radius: 10px;
	padding: 20px 30px 30px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.company_cover .company_pop .close{
	width: 25px;
	height: 25px;
	background: url(../images/close.png) no-repeat;
	position: absolute;
	right: -40px;
	top: 0;
	cursor: pointer;
}
.company_cover .company_pop h2{
	color: #000;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.company_cover .company_pop .main{
	width: 100%;
	height: 345px;
	background: url(../images/company_pop_img.png) top no-repeat;
	margin: 20px 0;
}
.company_cover .company_pop .qr_box{
	padding-top: 190px;
	background: url(../images/company_pop_qr.png) top no-repeat;
	margin-top: 10px;
}
.company_cover .company_pop>a{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	width: 150px;
	height: 40px;
	background: #29c976;
	border-radius: 5px;
	margin-top: 20px;
}

/* 企业会员专区 */
.team_menu_block{
	width: 100%;
	padding: 25px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.team_menu_block *{
	box-sizing: border-box;
}
.team_menu_block .first_menu{
	width: 100%;
	display: flex;
	align-items: center;
}
.team_menu_block .first_menu li{
	margin-right: 20px;
}
.team_menu_block .first_menu li a{
	font-size: 18px;
	font-weight: bold;
	width: 230px;
	height: 70px;
	background: #f9fafb;
	border-radius: 5px;
	padding-left: 35px;
	display: flex;
	align-items: center;
	position: relative;
}
.team_menu_block .first_menu li a>em{
	display: none;
}
.team_menu_block .first_menu li a>i{
	font-size: 30px;
	margin-right: 15px;
	font-weight: normal;
}
.team_menu_block .first_menu .party.active a{
	color: #fff;
	background: #b12a2a;
	box-shadow: 0px 3px 5px 1px rgba(177, 42, 42, .4);
	border-radius: 5px 5px 5px 20px;
}
.team_menu_block .first_menu .party.active a i{
	color: #b12a2a;
}
.team_menu_block .first_menu .party.active a>em{
	width: 62px;
	height: 59px;
	background: url(../../v3/images/teamtpl/ico_01.png) no-repeat;
	position: absolute;
	left: -10px;
	bottom: -2px;
	display: block;
}
.team_menu_block .first_menu .system.active a{
	color: #fff;
	background: #1e6cc8;
	box-shadow: 0px 3px 5px 1px rgba(30, 108, 200, .4);
	border-radius: 5px 5px 5px 20px;
}
.team_menu_block .first_menu .system.active a i{
	color: #1e6cc8;
}
.team_menu_block .first_menu .system.active a>em{
	width: 50px;
	height: 56px;
	background: url(../../v3/images/teamtpl/ico_02.png) no-repeat;
	position: absolute;
	left: -2px;
	bottom: -2px;
	display: block;
}
.team_menu_block .first_menu .educate.active a{
	color: #fff;
	background: #28b280;
	box-shadow: 0px 3px 5px 1px rgba(40, 178, 128, .4);
	border-radius: 5px 5px 5px 20px;
}
.team_menu_block .first_menu .educate.active a i{
	color: #28b280;
}
.team_menu_block .first_menu .educate.active a>em{
	width: 52px;
	height: 49px;
	background: url(../../v3/images/teamtpl/ico_04.png) no-repeat;
	position: absolute;
	left: -5px;
	bottom: -4px;
	display: block;
}
.team_menu_block .first_menu .medical.active a{
	color: #fff;
	background: #ed7d41;
	box-shadow: 0px 3px 5px 1px rgba(237, 125, 65, .4);
	border-radius: 5px 5px 5px 20px;
}
.team_menu_block .first_menu .medical.active a i{
	color: #ed7d41;
}
.team_menu_block .first_menu .medical.active a>em{
	width: 52px;
	height: 49px;
	background: url(../../v3/images/teamtpl/ico_04.png) no-repeat;
	position: absolute;
	left: -5px;
	bottom: -4px;
	display: block;
}
.team_menu_block .second_menu{
	width: 100%;
	margin-top: 25px;
	display: flex;
	align-items: center;
}
.team_menu_block .second_menu li{
	width: 100%;
	border-bottom: 1px solid #f3f4f9;
	display: none;
}
.team_menu_block .second_menu li.party{
	display: flex;
}
.team_menu_block .second_menu li a{
	color: #7f8792;
	font-size: 16px;
	margin-right: 60px;
	padding-bottom: 10px;
	bottom: -1px;
	position: relative;
}
.team_menu_block .second_menu li a.active{
	color: #000;
	font-weight: bold;
	border-bottom: 2px solid #000;
}
.team_menu_block .third_menu{
	width: 100%;
	margin-top: 20px;
	display: flex;
}
.team_menu_block .third_menu li{
	width: 100%;
	display: none;
}
.team_menu_block .third_menu li.party{
	display: flex;
	align-items: center;
}
.team_menu_block .third_menu li .third_box{
	width: 185px;
	height: 60px;
	background: #f7f8fa;
	padding-left: 12px;
	border-radius: 10px;
	margin-right: 20px;
	display: flex;
	align-items: center;
}
.team_menu_block .third_menu li .third_box>i{
	color: #696e81;
	font-size: 35px;
	margin-right: 8px;
}
.team_menu_block .third_menu li .third_box span{
	color: #696e81;
	font-size: 16px;
	font-weight: bold;
}
.team_menu_block .third_menu li .third_box p{
	color: #adadad;
	font-size: 12px;
	text-transform: uppercase;
}

.team_menu_block .third_menu li.party .active{
	background: #fef5f5;
}
.team_menu_block .third_menu li.party .active>i{
	color: #ba4040;
}
.team_menu_block .third_menu li.party .active span{
	color: #784d4d;
}
.team_menu_block .third_menu li.party .active p{
	color: #c1a6a6;
}

.team_menu_block .third_menu li.system .active{
	background: #f1faff;
}
.team_menu_block .third_menu li.system .active>i{
	color: #226ec9;
}
.team_menu_block .third_menu li.system .active span{
	color: #45597d;
}
.team_menu_block .third_menu li.system .active p{
	color: #a5b7cb;
}

.team_menu_block .third_menu li.educate .active{
	background: #ecf9f5;
}
.team_menu_block .third_menu li.educate .active>i{
	color: #2ab381;
}
.team_menu_block .third_menu li.educate .active span{
	color: #218865;
}
.team_menu_block .third_menu li.educate .active p{
	color: #8fc8b4;
}

.team_menu_block .third_menu li.medical .active{
	background: #fffaf1;
}
.team_menu_block .third_menu li.medical .active>i{
	color: #ed7e43;
}
.team_menu_block .third_menu li.medical .active span{
	color: #664d30;
}
.team_menu_block .third_menu li.medical .active p{
	color: #c2b39d;
}

.material_gif2{
	width: 100%;
	margin-top: 8px;
	display: flex;
	flex-wrap: wrap;
}
.material_gif2 .gif-item {
	width: calc((100% - 20px) / 3);
	margin: 0 10px 10px 0;
	box-sizing: border-box;
	background: #fff;
	box-sizing: border-box;
	border-radius: 2px;
	position: relative;
}
.material_gif2 .gif-item:nth-child(3n) {
	margin-right: 0px;	
}
.material_gif2 .item-content {
	width: 100%;
	height: 150px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.material_gif2 .item-content img{
	max-width: 100%;
	max-height: 100%;
}
.material_gif2 .item-tools {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #f4f4f4;
	padding: 0 20px;
	box-sizing: border-box;
}
.material_gif2 .item-tools h2 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0px;
	float: left;
	overflow: hidden;
}