html {
	scrollbar-width: thin;
	scrollbar-color: #bfc1c4 #fff;
}

body {
	height: 100vh;
	display: flex;
	flex-direction: column;
	background-color: #f5f7f9;
	overflow: hidden;
	min-width: 1260px;
}

.layui-layer-page .layui-layer-content {
	scrollbar-width: thin;
	scrollbar-color: #bfc1c4 #fff;
}

.layui-layer-title .desc {
	font-size: 12px;
	display: inline-block;
	padding-left: 10px;
	color: #aaa;
}

.layui-layer-title .desc a {
	color: #07c15e;
}

/* 色彩模块 **/
.material-color {
	height: 16px;
	padding: 0 10px;
}

.material-color .selete-title {
	width: 16px;
	height: 16px;
	background-image: url(../images/icon_color.png);
	background-size: 16px;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
}

.material-color .selete-child {
	width: 210px;
	padding-left: 10px;
	padding-bottom: 10px;
	animation-name: none;
	left: 0;
	transform: translate(0, 0);
}

.material-color ul {
	flex-wrap: wrap;
}

.material-color ul li {
	width: 18px;
	height: 18px;
	margin-right: 10px;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	line-height: 18px;
	margin-top: 10px;
}

.material-color-default {
	background: url(../images/icon_color_all.png);
	background-size: 100%;
}

.material-color .material-color-fff {
	border: 1px solid #ccd5db;
}

.material-color ul li .iconfont {
	margin-right: 0;
	color: #fff;
	font-size: 14px;
}

.material-color ul li.material-color-fff {
	line-height: 16px;
}

.material-color ul li.material-color-fff .iconfont {
	color: #2ab4e2;
}

.material-color-cancel {
	font-size: 20px;
	font-weight: 600;
	width: 20px;
	display: inline-block;
	line-height: 19px;
}

/* loading */
.style-initialization {
	font-size: 14px;
	text-align: center;
}

.style-initialization svg {
	margin-top: 30px;
}

.style-initialization span {
	width: 100%;
	display: block;
	line-height: 30px;
}

.style-initialization p {
	text-align: left;
	border-bottom: 1px solid #ebebeb;
	margin: 6px 3%;
	padding: 0 3% 6px;
	line-height: 21px;
}

.style-initialization p:last-child {
	border-bottom: none;
}

/* 内容 */
.content-box {
	flex-grow: 1;
	width: 100%;
	min-height: 550px;
	display: flex;
	justify-content: space-between;
	background-color: #f5f7f9;
	z-index: 1;
}

.content-box.index_bg {
	background: url(../images/index_bg.png) bottom right repeat-x;
}

/* 左侧菜单 */
.content-tab {
	width: 115px;
	border-right: 1px solid #eaedef;
	background: #fff;
	position: relative;
	overflow-y: auto;
	flex-shrink: 0;
	z-index: 3;
	scrollbar-width: thin;
	scrollbar-color: #bfc1c4 #fff;
}

.content-tab ul {
	padding: 0 8px 0 4px;
}

.content-tab ul li {
	color: #5c4e61;
	font-size: 14px;
	line-height: 28px;
	box-sizing: border-box;
	cursor: pointer;
	margin-top: 7px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	position: relative;
	user-select: none;
}

.content-tab ul li:hover {
	background-color: #f6f7f9;
}

.content-tab ul li.active {
	background-color: #07c15e;
	color: #fff;
}

.content-tab ul li::before {
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: 0 1px 0 4px;
	background: url(../images/leftNav-ico.png?250910);
}

.content-tab .nav_1::before {
	background-position: 0 0;
}

.content-tab .nav_2::before {
	background-position: 0 -20px;
}

.content-tab .nav_3::before {
	background-position: 0 -40px;
}

.content-tab .nav_4::before {
	background-position: 0 -60px;
}

.content-tab .nav_5::before {
	background-position: 0 -80px;
}

.content-tab .nav_6::before {
	background-position: 0 -100px;
}

.content-tab .nav_7::before {
	background-position: 0 -120px;
}

.content-tab .nav_8::before {
	background-position: 0 -140px;
}

.content-tab .nav_9::before {
	background-position: 0 0;
}

.content-tab .nav_10::before {
	background-position: 0 -160px;
}
.content-tab .nav_11::before {
	background-position: 0 -181px;
}

.content-tab .nav_1.active::before {
	background-position: -20px 0;
}

.content-tab .nav_2.active::before {
	background-position: -20px -20px;
}

.content-tab .nav_3.active::before {
	background-position: -20px -40px;
}

.content-tab .nav_4.active::before {
	background-position: -20px -60px;
}

.content-tab .nav_5.active::before {
	background-position: -20px -80px;
}

.content-tab .nav_6.active::before {
	background-position: -20px -100px;
}

.content-tab .nav_7.active::before {
	background-position: -20px -120px;
}

.content-tab .nav_8.active::before {
	background-position: -20px -140px;
}

.content-tab .nav_9.active::before {
	background-position: -20px 0;
}

.content-tab .nav_10.active::before {
	background-position: -20px -160px;
}

.content-tab .nav_9::before {
	background-position: 0 0px;
}

.content-tab .nav_9.active::before {
	background-position: -20px 0px;
}
.content-tab .nav_11.active::before {
	background-position: -20px -181px;
}

.content-tab ul li.active::after {
	content: "";
	border-width: 4px;
	display: inline-block;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #07c15e;
	position: absolute;
	top: 50%;
	right: -8px;
	transform: translate(0, -50%);
}

.content-tab ol {
	width: 100%;
	font-size: 13px;
	padding-top: 10px;
	margin-top: 10px;
	position: relative;
}

.content-tab ol li {
	line-height: 32px;
	padding-left: 25px;
}

.content-tab ol li>* {
	display: block;
	cursor: pointer;
	color: #5c4e61;
}

.content-tab ol li:hover>* {
	color: #07c15e;
}

.content-tab .linker_list li:nth-child(1) {
	background: url(../images/link_ico01.png) 6px no-repeat;
}

.content-tab .linker_list li:nth-child(2) {
	background: url(../images/link_ico05.png) 6px no-repeat;
}

.content-tab .linker_list li:nth-child(3) {
	background: url(../images/link_ico03.png) 6px no-repeat;
}

.content-tab .linker_list li:nth-child(4) {
	background: url(../images/link_ico13.png) 6px no-repeat;
}

.content-tab .linker_list li:nth-child(6) {
	background: url(../images/link_ico06.png) 6px no-repeat;
}

.content-tab .linker_list li:nth-child(5) {
	background: url(../images/link_ico05.png) 6px no-repeat;
}

.content-tab .linker_list li:nth-child(7) {
	background: url(../images/link_ico10.png) 6px no-repeat;
}

.content-tab .linker_list li:nth-child(8) {
	background: url(../images/link_ico07.png) 6px no-repeat;
}

.content-tab ol .short_video {
	background: url(../images/link_ico08.png) 6px no-repeat;
}

.content-tab ol .short_gzh {
	background: url(../images/link_ico09.png) 6px no-repeat;
}

.content-tab ol .wx_edit {
	background: url(../images/link_ico10.png) 6px no-repeat;
}
.content-tab ol .extraction {
	background: url(../images/link_ico03.png) 6px no-repeat!important;
	cursor: pointer;
}
.content-tab ol .extraction:hover{
	color: #00bc67;
}

.content-tab ol::before {
	content: "";
	width: 80%;
	height: 1px;
	display: inline-block;
	background-color: #ebebeb;
	position: absolute;
	left: 10%;
	top: 0;
}

/* 左侧素材 */
.content-l {
	width: 385px;
	border-right: 1px solid #eaedef;
	box-shadow: 3px -1px 3px 0 rgba(0, 0, 0, 0.03);
	background: #fff;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2;
	transition: 0.3s;
}

.content-l-shrink {
	flex-shrink: 0;
}

.content-l-grow {
	height: 100%;
	flex-grow: 1;
}

.content-l-grow.layout {
	overflow-y: auto;
}

.content-style,
.content-tpl,
.content-format,
.content-format-style-list,
.content-styleFestival,
.content-tplFestival {
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
	scrollbar-width: thin;
	scrollbar-color: #bfc1c4 #fff;
}

.content-l-top {
	padding: 5px;
	border-bottom: 1px solid #f0f0f0;
}

.content-l-top .cFestival {
	width: 60px;
	white-space: nowrap;
	text-align: center;
}

.content-l-top .cFestival span {
	line-height: 30px;
	font-size: 13px;
	color: #f00;
	font-weight: bold;
	cursor: pointer;
}

.content-l-top>ul .selete-child .column2 {
	width: 150px;
}

.content-l-top>ul .selete-child .column2 span {
	width: 50%;
}

.content-l-top>ul .selete-child .column3 {
	width: 260px;
}

.content-l-top>ul .selete-child .column3 span {
	width: 33.33%;
}

.content-l-top>ul .selete-child .column5 {
	width: 348px;
}

.content-l-top>ul .selete-child .column5 span {
	width: 25%;
}

.content-l-top .search {
	margin-right: 1px;
}

.content-l-top-screen {
	line-height: 24px;
	height: 24px;
	margin-top: 5px;
}

/*--样式--*/
.content-l-top .tab-style-screen .selete-child {
	padding: 5px;
	min-width: 60px;
	text-align: center;
}

.content-l-top .tab-style-screen .selete-child .active>a {
	color: #07c15e;
}

/*--模板--*/
.content-l-top .tab-tpl-screen .selete-child {
	padding: 5px;
	min-width: 60px;
	text-align: center;
}

.content-l-top .tab-tpl-screen .selete-child .active>a {
	color: #07c15e;
}

.content-l-top-screen .screen li {
	font-size: 12px;
	cursor: pointer;
	margin-right: 6px;
}

.content-l-top-screen .screen li.active>.selete-title-style {
	color: #07c15e;
}

.content-l-top-screen .screen li.active>span {
	color: #07c15e;
}

.content-l-top-screen .screen li.active>.selete-title-tpl {
	color: #07c15e;
}

.content-l-top-screen .screen li#style_replace em {
	border: 1px solid #ddd;
	border-radius: 24px;
	font-style: normal;
	padding: 3px 6px;
}

.content-l-top-screen .screen li#style_replace:hover {
	color: #fd8f01
}

.content-l-top-screen .screen-collect .selete-child {
	padding: 8px 0;
	line-height: 30px;
	font-size: 12px;
	animation-name: none;
	left: 0;
	transform: translate(0, 0);
	user-select: none;
}

.content-l-top-screen .screen-collect .selete-child span {
	display: block;
	padding: 0 8px;
}

.content-l-top-screen .screen-collect .selete-child span:hover {
	background-color: #f6f7f9;
}

.content-l-top-screen .screen-collect .selete-child span.active {
	color: #07c15e;
}

/* 搜索结果 */
.style_search_block,
.tpl_search_block {
	color: #8693ab;
	font-size: 12px;
	white-space: nowrap;
	width: calc(100% - 20px);
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	margin: 10px;
	padding: 0 10px;
	border: 1px solid #ebebeb;
	border-radius: 3px;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
}

.style_search_block .close,
.tpl_search_block .close {
	width: 15px;
	height: 15px;
	background: url(../images/icon_close.png) no-repeat;
	position: absolute;
	cursor: pointer;
	top: -5px;
	right: -5px;
}

.style_search_block span::after,
.style_search_block .search_box::after,
.tpl_search_block span::after,
.tpl_search_block .search_box::after {
	content: ">";
	padding-left: 6px;
	color: #8693ab;
	margin-right: 6px;
}

.style_search_block .search_box,
.tpl_search_block .search_box {
	display: inline-block;
}

.style_search_block .search_box div,
.tpl_search_block .search_box div {
	height: 26px;
	line-height: 26px;
	padding: 0 8px;
	border-radius: 5px;
	background: #f8f8fb;
	display: inline-block;
	position: relative;
}

.style_search_block .search_box em,
.tpl_search_block .search_box em {
	width: 12px;
	height: 12px;
	background: url(../images/icon_close.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	cursor: pointer;
	top: -5px;
	right: -5px;
}

.style_search_block .search_text,
.tpl_search_block .search_text {
	display: inline-block;
}

.style_search_block .search_text em,
.tpl_search_block .search_text em {
	color: #333;
	max-width: 70px;
	font-style: normal;
	text-overflow: ellipsis;
	word-break: break-all;
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
}

/* 新增提示 */
.content-l .week-new {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #5c4e61;
	font-size: 13px;
	border-bottom: 1px solid #eee;
	position: relative;
}

.content-l .week-new p {
	margin: 0 auto;
	padding-left: 25px;
	background: url(../images/week_newicon.png) left no-repeat;
	cursor: pointer;
}

.content-l .week-new p span {
	color: #ff0000;
	font-size: 16px;
	padding: 0 3px;
	display: inline-block;
}

.content-l .week-new .close {
	font-size: 16px;
	margin-right: 20px;
	color: #bbb;
	cursor: pointer;
}

.content-l .week-new .close:hover {
	color: #999;
}

.content-l .template_notice {
	color: #666;
	font-size: 12px;
	text-align: center;
	width: 100%;
	padding: 15px 0 5px 0;
}

/* 优惠券到期提醒 */
.content-l .coupons_time{
	color: #fff;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, .35);
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: relative;
	display: none;
}
.content-l .coupons_time a{
	color: #ff3838;
}
.content-l .coupons_time .close{
	cursor: pointer;
}

/* 会员升级提醒 */
.content-l .upgrade_message{
	color: #fff;
	width: 100%;
	line-height: 22px;
	background: rgba(0, 0, 0, .4);
	padding: 5px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	display: none;
}
.content-l .upgrade_message a{
	color: #ff3838;
}
.content-l .upgrade_message .close{
	position: absolute;
	right: 10px;
	top: 5px;
	cursor: pointer;
}
/* 排版筛选 */
.tab-format {
	padding: 5px 10px;
	font-size: 12px;
	color: #999;
}

.tab-format-intro {
	line-height: 20px;
}

.tab-format-intro p {
	display: flex;
	align-items: center;
}

.tab-format-intro p .iconfont {
	margin-left: 5px;
	font-size: 14px;
	color: #999;
}

.tab-format-search {
	padding-top: 6px;
}

.tab-format-search #format-title {
	width: 40px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	background-color: #f5f7f9;
	border: none;
	margin-right: 10px;
	text-align: center;
}

.tab-format-search .search {
	margin-right: 0;
}

.tab-format-status {
	padding-top: 5px;
	user-select: none;
	justify-content: space-between;
}

.tab-format-status li {
	line-height: 30px;
	font-size: 13px;
	cursor: pointer;
	color: #333;
}

.tab-format-status li.active {
	color: #07c15e;
}


/* 关闭按钮 */
.content-l-btn,
.content-r-btn {
	font-size: 36px;
	color: #bbb;
	user-select: none;
	cursor: pointer;
	position: absolute;
	top: 50%;
}

.content-l-btn {
	right: -38px;
	transform: translate(0, -50%) rotate(-180deg);
}

.content-l-btn.open {
	transform: translate(0, -50%) rotate(0);
}

.content-r-btn {
	left: -86px;
	transform: translate(0, -50%);
}

.content-r-btn.open {
	transform: translate(0, -50%) rotate(-180deg);
}

.content-l-btn:hover,
.content-r-btn:hover {
	color: #999;
}

/* 二级菜单 */
.content-l-top--tab .tab {
	user-select: none;
	position: relative;
}

.tab-save .tab {
	padding-bottom: 35px;
}

.content-l-top--tab .tab>li {
	line-height: 34px;
	font-size: 15px;
	flex-grow: 1;
	text-align: center;
	cursor: pointer;
	border-bottom: 1px solid #eaedef;
	width: 100%;
}

.content-l-top--tab .tab>li+li {
	border-left: 1px solid #eaedef;
}

.content-l-top--tab .tab>li.active {
	color: #07c15e;
	border-bottom-color: #fff;
}

.content-l-top--tab .content-l-tab {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
}

.content-l-top--tab .tab>li.active .content-l-tab {
	display: flex;
}

.content-l-top--tab .content-l-tab li {
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	width: 100%;
	white-space: nowrap;
	color: #333;
}

.content-l-top--tab .content-l-tab li.active {
	color: #07c15e;
}

/* 收藏、vip */
.content-l li i.cursor-fav {
	position: absolute;
	right: 2px;
	top: 2px;
	color: #ffb800;
	font-size: 16px;
	width: 32px;
	height: 32px;
	line-height: 34px;
	text-align: center;
	display: none;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 100%;
	z-index: 99;
	cursor: pointer;
}

.content-l .rich_media_content.style i.cursor-fav {
	background-color: transparent;
	top: initial;
	bottom: 0px;
}

.content-l li:hover i.cursor-fav,
.content-l li i.icon-xin-full.cursor-fav {
	display: block;
}

.content-l li i.cursor-vip {
	position: absolute;
	right: 0;
	top: 0;
	width: 53px;
	height: 18px;
	line-height: 18px;
	max-width: 100%;
	word-wrap: break-word;
	opacity: 0.8;
	z-index: 4;
	padding: 0 5px 0 26px;
	font-size: 12px;
	font-style: normal;
	color: #aa6c23;
	background: #ffedd5;
	border-radius: 5px;
	margin-top: 5px;
	margin-right: 5px;
	box-sizing: border-box;
}

.content-l li i.cursor-vip.v1 {
	display: none;
}

.content-l li i.cursor-vip.v2 {
	background: url(../images/vipz.png) #ffedd5;
	background-repeat: no-repeat;
	background-position: 5px 2px;
}

.content-l li i.cursor-vip.v3 {
	background: url(../images/viph.png) #ffedd5;
	background-repeat: no-repeat;
	background-position: 5px 1px;
}

.content-l li .company {
	color: #7d5211;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	width: 52px;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	background: linear-gradient(to right, #fee9c7, #fed48d);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 4;
}

.content-l li .company i {
	width: 14px;
	height: 12px;
	background: url(../images/icon_company.png) no-repeat;
	margin-right: 3px;
	display: inline-block;
}

/* section样式 */
.rich_media_content * {
	max-width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	word-wrap: break-word;
	list-style: revert;
}

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

.rich_media_content em {
	font-style: italic;
}

.rich_media_content fieldset {
	min-width: 0;
}

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

.rich_media_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;
}

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

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

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

.rich_media_content img {
	height: auto;
	vertical-align: middle
}

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

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

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

.rich_media_content iframe.qqmusic_iframe {
	margin: 10px 0;
}

/* 加载、更多、暂无内容 */
.content-more {
	margin: 15px 0;
	text-align: center;
}

.content-more a {
	color: #07c15e;
}

.no_more_block {
	color: #5c4e61;
	font-size: 14px;
	text-align: center;
	width: 100%;
	margin-top: 50px;
	padding-top: 145px;
	background: url(../images/no_more_img.png) top no-repeat;
	display: inline-block;
}

.no_more_block p {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
}

.no_more_block .b1 {
	color: #fff;
	text-align: center;
	width: 94px;
	height: 32px;
	line-height: 32px;
	background: #5fb878;
	margin: 10px 0;
	border-radius: 5px;
	display: inline-block;
}

.no_more_block .b2 {
	text-decoration: underline;
}

.float-recent,
.float-brush,
.float-color {
	border: none !important;
	border-right: 1px solid #eaedef !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.float-recent iframe,
.float-color iframe {
	background-color: #fff;
}

/* 模板、排版 ------------------ */
/* 模板筛选 */
.tab-tpl .search {
	max-width: 160px;
}

.content-tpl .tpl_search_block {
	width: 100%;
}

/* 模板列表 */
.content-tpl-list li i.cursor-vip.v1,
.content-tplFestival-list li i.cursor-vip.v1 {
	background: #000;
	opacity: 0.6;
	color: #fff;
	display: none;
}

.content-tpl-list li i.cursor-vip.v1 {
	padding: 0;
	text-align: center;
	display: block;
}

.content-tpl-list li .release_official,
.content-tplFestival-list li .release_official {
	color: #fff;
	font-size: 12px;
	text-align: center;
	width: 60px;
	height: 20px;
	line-height: 20px;
	background: #fd8f01;
	border-radius: 4px 0 0 0;
	opacity: 0.9;
	position: absolute;
	right: 0px;
	bottom: 34px;
	z-index: 9;
}

.content-tpl-list li .release_user,
.content-tplFestival-list li .release_user {
	color: #fff;
	font-size: 12px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	background: #000;
	border-radius: 4px 0 0 0;
	padding: 0 10px;
	opacity: 0.7;
	position: absolute;
	right: 0px;
	bottom: 34px;
	z-index: 9;
}

/* 节日关键词 ------------------ */
.festival-tab .festival-all {
	margin-left: auto;
	font-size: 13px;
}

/* 切换 */
.content-l-tab {
	border-bottom: 1px solid #e2e2e2;
	display: flex;
	align-items: center;
	user-select: none;
	padding-left: 10px;
}

.content-l-tab li {
	padding: 0 10px;
	margin-right: 10px;
	font-size: 15px;
	line-height: 34px;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
}

.content-l-tab li.active {
	color: #07c15e;
}

.content-l-tab li.active:after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #07c15e;
	position: absolute;
	left: 0;
	bottom: -1px;
}

/* 排版筛选 */
.tab-format {
	font-size: 12px;
	color: #999;
}

.tab-format-intro {
	line-height: 20px;
}

.tab-format-intro p {
	display: flex;
	align-items: center;
}

.tab-format-intro p .iconfont {
	margin-left: 3px;
	font-size: 14px;
	color: #999;
}

.tab-format-search {
	padding-top: 6px;
}

.tab-format-search #format-title {
	width: 50px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	background-color: #f5f7f9;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	margin-right: 10px;
	text-align: center;
}

.tab-format-search .search {
	margin-right: 0;
}

.tab-format-status {
	padding-top: 5px;
	user-select: none;
	justify-content: space-between;
}

.tab-format-status li {
	line-height: 30px;
	font-size: 14px;
	cursor: pointer;
	color: #333;
}

.tab-format-status li.active {
	color: #07c15e;
}

/* 排版列表 */
.content-format-list li p {
	text-align: center;
	vertical-align: bottom;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}

.content-format-list li p a {
	color: #1e9fff;
}

/* 排版秒刷样式 */
.content-format-style-title {
	padding: 10px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content-format-style-title .title {
	font-size: 15px;
}

.content-format-style-title .close {
	color: #bbb;
	cursor: pointer;
}

.content-format-style-title .close:hover {
	color: #999;
}

.content-format-style-title .intro {
	width: 100%;
	padding-top: 5px;
	color: #f22836;
	font-size: 12px;
}

.content-format-style-list {
	padding: 10px;
	width: 100%;
}

.code_list_box {
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

.code_list_box * {
	max-width: 100%;
}

.code_list_box img {
	height: auto;
}

.code_list_ele {
	color: #5c4e61;
	font-size: 15px;
	margin: 15px 0;
	cursor: pointer;
}

.code_list_ele > em {
	width: 4px;
	height: 10px;
	background: #5c4e61;
	margin: 5px 5px 0 -1px;
	float: left;
}

.code_list_ele:nth-child(even) {
	padding: 0 10px;
}

/* 模板秒刷弹窗 */
.float-brush .rich_media_content {
	color: #3e3e3e;
	line-height: 1.6;
	font-size: 17px;
	text-align: justify;
	margin: 9px;
	overflow: visible;
}

.float-brush section._editor {
	position: relative;
	cursor: pointer;
	max-width: 350px;
	overflow: visible;
}

.float-brush section._editor .tool-border {
	z-index: 100;
	position: static;
}

.float-brush section._editor .tool-border section {
	max-width: none;
	position: absolute;
}

.float-brush section._editor .tool-border section:nth-child(1) {
	border-top: 1px dashed rgba(255, 0, 0, 0.8);
	width: calc(100% + 12px);
	top: -6px;
	left: -6px;
}

.float-brush section._editor .tool-border section:nth-child(2) {
	border-bottom: 1px dashed rgba(255, 0, 0, 0.8);
	width: calc(100% + 12px);
	bottom: -6px;
	left: -6px;
}

.float-brush section._editor .tool-border section:nth-child(3) {
	border-left: 1px dashed rgba(255, 0, 0, 0.8);
	height: calc(100% + 6px);
	top: -3px;
	left: -6px;
}

.float-brush section._editor .tool-border section:nth-child(4) {
	border-right: 1px dashed rgba(255, 0, 0, 0.8);
	height: calc(100% + 6px);
	top: -3px;
	right: -6px;
}

.float-brush section._editor section._editor .tool-border section:nth-child(1) {
	border-top: 1px dashed rgba(255, 0, 0, 0.8);
	width: calc(100% + 6px);
	top: -3px;
	left: -3px;
}

.float-brush section._editor section._editor .tool-border section:nth-child(2) {
	border-bottom: 1px dashed rgba(255, 0, 0, 0.8);
	width: calc(100% + 6px);
	bottom: -3px;
	left: -3px;
}

.float-brush section._editor section._editor .tool-border section:nth-child(3) {
	border-left: 1px dashed rgba(255, 0, 0, 0.8);
	height: calc(100% + 2px);
	top: -1px;
	left: -3px;
}

.float-brush section._editor section._editor .tool-border section:nth-child(4) {
	border-right: 1px dashed rgba(255, 0, 0, 0.8);
	height: calc(100% + 2px);
	top: -1px;
	right: -3px;
}

.edui-dialog .edui-default *,
.edui-popup .edui-default * {
	box-sizing: content-box;
}

/* iframe */
.content-iframe iframe {
	width: 100%;
	height: 100%;
	background-color: #fff;
}

/* 编辑器区域 */
.content-editor {
	width: 500px;
	flex-grow: 1;
	position: relative;
	z-index: 0;
	transform: translate(0, 0);
}

/*编辑器相关*/
.editor_content {
	height: 100%;
}

.edui-editor {
	width: 100% !important;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: none !important;
}

.editor_initialization,
.edui-editor-iframeholder,
.wbar .edui-editor-toolbarbox {
	border-right: 1px solid #eaedef;
	border-left: 1px solid #eaedef;
	box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.02);
}

.edui-editor-iframeholder {
	height: 100% !important;
	position: relative;
	display: inline-block;
	z-index: 0;
	overflow: visible !important;
}

.content-editor.w380 .edui-editor-iframeholder,
.content-editor.wbar.w380 .edui-editor-toolbarbox {
	width: 380px !important;
}

.content-editor.w440 .edui-editor-iframeholder,
.content-editor.wbar.w440 .edui-editor-toolbarbox {
	width: 440px !important;
}

.content-editor .edui-editor-iframeholder,
.content-editor.wbar .edui-editor-toolbarbox {
	width: 500px !important;
}

.content-editor.w560 .edui-editor-iframeholder,
.content-editor.wbar.w560 .edui-editor-toolbarbox {
	width: 560px !important;
}

.content-editor.w620 .edui-editor-iframeholder,
.content-editor.wbar.w620 .edui-editor-toolbarbox {
	width: 620px !important;
}

.content-editor.simplify .edui-editor-iframeholder,
.content-editor.wbar.simplify .edui-editor-toolbarbox {
	width: 660px !important;
}

.content-editor.wbar .edui-toolbar {
	text-align: left;
}

/* 加载提示 */
.editor_initialization {
	width: 500px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}


/* 左侧功能 ------------ */
.editor-set {
	order: 0;
	position: absolute;
	width: 29px !important;
	left: -29px;
	top: 5px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.editor-set li {
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	color: #bdbdbd;
	cursor: pointer;
	display: flex;
	align-items: center;
	user-select: none;
	position: relative;
}

.editor-set li:hover .iconfont {
	color: #07c15e;
}

.editor-set li .set-li-con {
	padding-right: 5px;
	min-width: 28px;
	border-radius: 4px 0 0 4px;
	box-shadow: -2px 0 1px 1px rgb(0, 0, 0, 0.03);
	background-color: rgba(255, 255, 255, 0.5);
	text-align: right;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.editor-set .layui-form-select .layui-edge {
	display: none;
}

.editor-set .layui-form-select .layui-input {
	height: 28px;
	background-color: transparent;
	border: none;
	width: 28px;
	padding: 0;
	color: transparent;
	margin: 0;
	position: absolute;
	top: -14px;
	right: -21px;
}

.editor-set .layui-form-select dl {
	right: -21px;
	top: 14px;
	left: initial;
	z-index: 1000;
}

.editor-set .layui-disabled,
.settings .layui-disabled {
	display: none;
}

.editor-tab {
	order: 0;
	position: absolute;
	width: 90px !important;
	left: -90px;
	top: 15%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.editor-tab * {
	box-sizing: border-box;
}

.editor-tab li {
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	color: #bdbdbd;
	cursor: pointer;
	display: flex;
	align-items: center;
	user-select: none;
	position: relative;
}

.editor-tab li.tab-add {}

.editor-tab li.tab-close {
	margin-top: 24px;
	order: 99;
}

.editor-tab li.tab-none * {
	display: none !important;
}

.editor-tab li.tab-item {
	margin-top: 24px;
}

.editor-tab li.tab-item+.tab-item {
	margin-top: 8px;
}

.editor-tab li .name {
	margin-right: 5px;
	white-space: nowrap;
	max-width: 5em;
	overflow: hidden;
}

.editor-tab li .tab-li-con {
	padding-right: 5px;
	min-width: 28px;
	border-radius: 4px 0 0 4px;
	box-shadow: -2px 0 1px 1px rgb(0, 0, 0, 0.03);
	background-color: rgba(255, 255, 255, 0.5);
	text-align: right;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.editor-tab li .iconfont {
	font-size: 18px;
}

.editor-tab li.active,
.editor-tab li:hover {
	color: #07c15e;
}

.editor-tab li.active .tab-li-con,
.editor-tab li:hover .tab-li-con {
	background-color: #fff;
}

.editor-tab li.tab-item .item-close {
	position: absolute;
	line-height: 1;
	left: -8px;
	top: -8px;
	font-size: 14px;
	color: #666;
	display: none;
}

.editor-tab li.tab-item:not(.no-close):hover .item-close {
	display: inline-block;
}

.editor-tab li.tab-item.edit:hover .item-close {
	display: none;
}

.editor-tab li.tab-item .item-close:hover {
	color: #f60;
}

.editor-tab li .edit-input {
	width: 100%;
	line-height: 28px;
	height: 28px;
	margin: 0 10px;
	border: none;
	display: none;
}

.editor-tab li.tab-item.active {
	z-index: 999;
}

.editor-tab li.tab-item.active:not(.edit)::after {
	content: "";
	display: inline-block;
	width: 1px;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 1px;
	bottom: 1px;
}

.editor-tab li.tab-item.edit .name {
	display: none;
}

.editor-tab li.tab-item.edit .tab-li-con {
	width: 160px;
}

.editor-tab li.tab-item.edit .edit-input {
	display: inline-block;
}

/* 右侧功能 ------------ */
.editor-fun {
	position: absolute;
	order: 2;
	width: 76px !important;
	right: -80px;
	top: 0;
	bottom: 0;
	user-select: none;
}

.wbar .editor-fun,
.wbar.w560 .editor-fun,
.wbar.w620 .editor-fun {
	top: -91px;
}

.wbar.w380 .editor-fun,
.wbar.w440 .editor-fun {
	top: -111px;
}

.editor-fun * {
	box-sizing: border-box;
}

/* 右侧颜色 ------------ */
.fun-color {
	position: relative;
}

.fun-color-title {
	width: 3em;
	display: inline-block;
	background: url(../images/icon_color_change.png) no-repeat center 0;
	font-size: 12px;
	color: #666;
	padding-top: 30px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
}

.fun-color-title:hover {
	color: #333;
}

.fun-color-con {
	background-color: #fff;
	box-shadow: 0 0 2px 2px rgb(0, 0, 0, 0.03);
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 99;
	display: none;
}

.fun-color-con .pickr {
	width: calc(100% - 8px);
	border: 0;
	margin: 4px;
	overflow: hidden;
	cursor: pointer;
	padding: 4px;
	display: inline-block;
	background: #eeeeee;
}

.fun-color-con .pickr .pcr-button {
	width: 42px;
	height: 20px;
	margin: 0;
	border: solid 1px #666;
	vertical-align: bottom;
}

.fun-color-con .palette-icon {
	position: absolute;
	right: 7px;
	top: 10px;
}

.fun-color .layui-input {
	height: 20px;
	line-height: 20px;
	border: 0;
	padding: 0 4px;
	font-size: 12px;
	border-radius: 0;
	margin-left: 5px;
	background: none;
}

.fun-color .layui-input+.layui-edge {
	border-width: 5px;
	right: 7px;
}

.fun-color .layui-form-select dl {
	top: 20px;
	border: 0;
	border-radius: 0;
}

.fun-color .layui-form-select dd {
	line-height: 30px;
	font-size: 12px;
}

.fun-color .layui-form-select dd.layui-this {
	background-color: rgba(0, 0, 0, 0.4);
}

.fun-color .color-title {
	text-align: center;
	display: block;
	font-size: 12px;
	line-height: 20px;
}

.fun-color .color-plan {
	color: #999;
	transition: 0.3s;
}

.fun-color .color-plan:hover {
	cursor: pointer;
	color: #07c15e;
}

.fun-color .color-list {
	align-items: center;
	padding: 0 2px;
	flex-wrap: wrap;
}

.fun-color .color-list li {
	cursor: pointer;
	width: 14px;
	height: 14px;
	margin: 2px;
}

/* 右侧操作 ------------ */
.fun-list {
	width: 100%;
	position: absolute;
	bottom: initial;
	top: 50%;
	transform: translate(0, -45%);
	user-select: none;
}

.fun-list li {
	width: 100%;
	font-size: 13px;
	box-shadow: 0 0 2px 2px rgb(0, 0, 0, 0.02);
	background-color: #fff;
	color: #898989;
	border-radius: 0 4px 4px 0;
	line-height: 30px;
	text-align: center;
	margin-top: 7px;
	cursor: pointer;
	position: relative;
	transition: 0.3s;
}

.fun-list li:hover {
	color: #07c15e;
}

.fun-list li>span {
	display: block;
}

.fun-list-son {
	width: 80px !important;
	padding: 4px;
	position: absolute;
	left: calc(100% + 3px);
	top: 50%;
	transform: translate(0, -50%);
	box-shadow: 0 0 2px 2px rgb(0, 0, 0, 0.02);
	transition: 0.3s;
	background-color: #fff;
	display: none;
}

.fun-list-son:before {
	content: "";
	width: 5px;
	height: 100%;
	position: absolute;
	left: -5px;
	top: 0;
}

.fun-list li:hover .fun-list-son {
	display: inline-block;
}

.fun-list-son a {
	height: 30px;
	display: block;
	line-height: 30px;
	color: #898989;
	text-align: center;
	font-size: 13px;
}

.fun-list-son a:not(:last-child) {
	border-bottom: 1px solid #eaedef;
}

.fun-list-son a:hover {
	color: #07c15e;
}

.float-remoteart .layui-form,
.float-saveart .layui-form,
.float-feedback .layui-form {
	padding: 25px 25px 0;
}

/* 保存文章 */
.float-saveart .layui-layer-content {
	overflow: inherit !important;
}

.float-saveart .layui-form-mid {
	padding-bottom: 0px;
	margin-left: 1px;
}

.float-saveart .layui-form-label .layui-form-checkbox {
	margin: 1px 0;
	float: left;
}

.float-saveart .layui-form-label .layui-form-checkbox span {
	text-indent: 18px;
}

.float-saveart .layui-form .layui-btn-primary {
	border: 1px solid #e6e6e6;
}

.float-saveart .layui-form .layui-btn-primary:hover {
	border-color: #d2d2d2;
}

.float-saveart .save-cover-original {
	display: inline-block;
}

.float-saveart .save-cover-original .layui-form-checkbox[lay-skin="primary"] {
	margin-top: 8px;
}

.float-saveart #imgManager {
	width: 100%;
	background: #fff;
	padding: 10px 0 10px 20px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.float-saveart #imgManager #myList {
	width: 100%;
	overflow: hidden;
	height: 545px;
	margin-left: -1px;
	position: relative;
	width: calc(100% + 1px);
	box-sizing: border-box;
}

.float-saveart #imgManager ul {
	float: left;
	list-style: none;
	height: 468px;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #bfc1c4 #fff;
}

.float-saveart #imgManager li {
	float: left;
	list-style: none;
	padding: 0;
	width: 142px;
	height: 142px;
	margin: 9px 9px 0 0;
	background-color: #eee;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.float-saveart #imgManager li .cover {
	width: 142px;
	height: 142px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.float-saveart #imgManager li img {
	cursor: pointer;
	max-width: 142px;
	max-height: 142px;
}

.float-saveart #imgManager li .icon {
	cursor: pointer;
	width: 142px;
	height: 142px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	border: 0;
	background-repeat: no-repeat;
}

.float-saveart #imgManager li .icon:hover {
	border: 3px solid #1094fa;
	box-sizing: border-box;
}

.float-saveart #imgManager li .delimg {
	width: 24px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	top: 5px;
	right: 5px;
	z-index: 3;
	display: none;
}

.float-saveart #imgManager li:hover .delimg {
	display: block;
}

.float-saveart #imgManager li .delimg i {
	font-size: 17px;
	color: #fff;
}

.float-saveart #imgManager .layui-layer-ico {
	color: #444;
	font-size: 15px;
	position: absolute;
	right: 20px;
	top: 10px;
	height: 30px;
	line-height: 30px;
	padding-left: 25px;
	background: url(../images/2021_ico43.png) left no-repeat;
	z-index: 1;
}

.float-saveart #imgManager .piclist {
	width: 90%;
	height: 40px;
	line-height: 40px;
	float: left;
}

.float-saveart #imgManager .piclist .active {
	color: #5fb878;
}

.float-saveart .page {
	padding-left: 1px;
	display: inline-block;
	width: 99%;
	vertical-align: middle;
}

.float-saveart .page a,
.float-saveart .page i {
	padding: 0 10px;
	height: 26px;
	line-height: 26px;
	margin-right: -1px;
	color: #333;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	display: inline-block;
	vertical-align: middle;
}

.float-saveart .page a.active {
	background-color: #1e9fff;
	color: #fff;
	border: 1px solid #1e9fff;
}

.float-saveart .page a.active+a {
	border-left: 1px solid #1e9fff;
}

.float-saveart .page i {
	color: #999;
}

.float-saveart .layui-form-item .layui-inline {
	margin-bottom: 0;
}

.float-saveart .layui-form-select dl {
	top: auto;
	bottom: 42px;
}

.msg_fast_save{
	color: #fd8f01;
	cursor: pointer;
}

/* 导入文章 */
.float-remoteart .layui-form .layui-form-item {
	margin-bottom: 0;
}

.float-remoteart .layui-layer-btn0 {
	color: #fff;
	font-size: 15px;
	width: 125px;
	height: 40px;
	line-height: 40px;
	background-color: #5fb878 !important;
	border: 1px solid #5fb878 !important;
	margin-bottom: 10px;
}

.float-remoteart .layui-layer-btn1 {
	color: #5fb878;
	font-size: 15px;
	width: 125px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	background-color: #fff;
	border: 1px solid #5fb878;
	margin-bottom: 10px;
}

#uploadWord,
#uploadPdf,
#uploadExcel {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	cursor: pointer;
}

/* 生成图片 */
.float-artimage .layui-layer-content {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
	padding: 10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.float-artimage .rich_media_artimage {
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #bfc1c4 #fff;
}

.float-artimage .rich_media_artimage {
	width: 508px;
	height: 542px;
	margin: 0;
	padding: 10px 10px 0;
	border: 1px solid #dadde1;
}

.float-artimage .rich_media_artimage .rich_media_content {
	min-height: 402px;
	padding: 5px;
}

.float-artimage .layui-form {
	width: 365px;
}

.float-artimage .layui-form .layui-form-item {
	margin-bottom: 12px !important;
}

.float-artimage .layui-form .layui-form-item:last-child {
	margin-bottom: 0 !important;
}

.float-artimage .layui-form-select dd.layui-this {
	background: #fff;
	color: #1593ff;
}

.float-artimage .layui-form-mid {
	margin-right: 0;
}

.float-artimage .layui-btn {
	width: 100%;
	background-color: #5fb878;
}

.float-artimage .layui-form-radio>i {
	margin-right: 3px;
	font-size: 20px;
}

.float-artimage .layui-form-switch {
	box-sizing: initial;
}

.float-artimage .layui-form-pane .layui-form-radio {
	margin: 6px 0 0;
	padding-right: 8px;
}

.float-artimage .layui-form-pane .layui-form-label {
	width: 60px;
	border: none;
	background: #fff;
	padding: 8px 0;
	text-align: left;
}

.float-artimage .layui-form-pane .layui-input-block {
	margin-left: 70px;
}

.float-artimage-title {
	font-size: 15px;
	color: #333;
	margin-bottom: 10px;
	font-weight: bold;
}

.ultraClearWrap {
	display: inline-block;
	position: relative;
}

.phoneRecommendIcon {
	position: absolute;
	width: 45px;
	height: 20px;
	top: -5px;
	left: 20px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAUCAYAAAAZb7T/AAAEX0lEQVRIS9WWf0yUdRzHX0+Nq8AiDjjKAQESCBgXGAIhdCbIsBwNddUYLYNha3PYD2b6D+pGSzKCzBkNNaXUDCpkViRoLEcmCzwMIUBQukIOODSExg972sP38DkOytVf1+ev7/P+vj/vez2fe+77nCQfXatB83shyJnAnThuDQFljLvmSvLnSUVAjuOy2pHJ7JDkisRBQPuvocM2QMuuW7fZ+oIy4ddToIuC7k9m92q04OILQ+fEnv/TYG6AkS5br0WSy5fLU4pbBOizZwfd4w1Odwm9IlHdX10jru37euqg68jcvvjtcDIHHi+GxvfBdFz4Ap4BZx04e4JHMPScFrrvUhj4GUb7YdR8M1eSjy4T0MpduoWrH+aXBBMj0PjGzBvxMoBODwtToa1ShC1YCca9oPQo1+eLYd4C8H9S9bn6gUcQXDOBqzdM/AGjg2AsAbdgK7TOCv2dFTreCm0WuRcPT+mSfMQgoJW6z6AC+q8Q6+5vVM1yHrQPgbLnGwutlTBiBj8D1GZD+EbhbS4S0AGrICQVeo1wvx6aD8FQBzyWB3XbhFfJ9EkGFx04uUBgoshV6l4/GOkXwzOfgyvfWqEPJajQSaUqoLO7WCvTmK7GPTD4IwSmQ1Q21L8N48OwKB1OZIH+FeE0Fqo9z9ZBZ42AuVwvIEJT4YIVrOsYeEWDixf4xcPVHrh6We2fXpmboPeUFbosXoW2tUZYAZpsAKb3k0vBM0h8xe3VoAuF6iyw73FfDCnvwKgFnLVwSYE2Q9hT0PKFSOs8BsOdEJQOi9ZC435Y+ups6I8SbmqSfCBOQMfkgdsDNpP2sE56YGaA8WOIzQEXLdTkwd3zIWAZfPUCRL4mvI07Yf5y1fflRoh6CUwNMNgOidtEr1KDRvBLgej10N8ucqZLyfNPgO+L4bdaG+h9sQLaMwo0rmrDg8li3VE9E1qBVCr2Rdj/KDySCxoXqN8q1tN1vQ/aDsK6euF74kPQOMP4KOiCwNwunGd3w8ProO8n8FkiNGXfvhT/8eenVEkujZ778YjbDuMj0LBjdoCiZJ6BvTGQVg6tVdB6AKI2Ce88HVi6wfie6lt1EJrKwHRC1WyTvZMgIgOqnlNV2x4brySXRM2ETikBnwhhOVkAneVzQ2efhYYy0K+Bw2tgrB8iNkDoSnByhtO7wD0Q9GnwwRJILQOv4NlZxs/ghzfBZwVEZkBlBkS/LnwhKVCbD7/YnGBTk96z+L+9EWO2wPAVGBuGzk9VGOX4GrsGY0MQshoGOsR+Qj60VYH5zNxDcA0G7zho2QdKtlLj16HxXXu/RZJ3RxaB/P/574FcIMlbwzRonZRzLQu4Y+4xOIQ6BHIZlslcyRFw5KLwCiDNjqWVCQxSbrPZntExoAvDt4CcbwPXjjRpkF5u7Z1rqI4BvTNMeSl8bQW8yI3bDdKmZtPfPQWOAf1WuA4m+wATk3/GS5vbLv3TY+sQ0AqgXLCwlhu3rZc2X+i81e/sL1Mqg/pP0JmvAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.ultraClearVipIcon {
	display: inline-block;
	width: 15px;
	height: 13px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAB0UlEQVQ4T3WST2sTURTFf+fNjKYKCm4mLYKi6MKNFPwEEl21CC6Ci1oUpQpKFyKoIJKFSBVBQaE1m5KYgi66EtQvIBU/gUVwo/aPQor4p7bJvCsznYRq9cHjPc49597DvVfkxwwlj+MBQ3cFvcAPQIABPUATuBK8X5hWBZ/K0mB2WvX4MOYmJNvXwTa8xhyOkWBo4bmEZeLVWl+/k68Ch/4r7DiEt3h3Njo190o21bsr8b6K6WhuMbXp/pEktZoWS+9MgM6oXSs+RZRz8k/gGRABx7sJxAvMmqBBYFuOv1SrXpwV7O+IJS671XYjiaJpsCPAmyBJjiUuLCF7CGzPuR/UqsUlSRPA3hQ0mMVrJDR9TkJ/1Sd6gOQD2aRhB9eE9gnjQtawdi0eQBoHdmYh0zsL/PCmocXX1ige8J6GQX9esYk0Gp6cn+qOql2PT4DuAcWcNCPsieEGwUo5tiTTNTc8X+2OKqtWwSV74tOgO8COnLwCbM7/34Rdd8uL4zpH648lyRI8IvKF+LxJN9d1NVsFYRVXiO6r/HG5M4Wu7Q5gk7sLPvg1anAD2Jq2xLDbYcGPqfzl+/r5bxCvOejb4nvskmEXDWphYeWWyktf/16c3/Yap/k8WdH3AAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: relative;
	top: 6px;
	left: -10px;
}

.flex_end {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.watermarkText {
	margin: 4px 0 0 8px;
}

.float-artimage-hint {
	display: flex;
	background: #f8f8f8;
	width: 100%;
	height: auto;
	line-height: 26px;
	padding: 10px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 13px;
	color: #333;
	margin-bottom: 10px;
}

.float-artimage-hintTitle {
	width: 80px;
}

.float-artimage-hint p {
	margin-bottom: 5px;
}

.radioListHelp {
	display: inline-block;
	position: relative;
}

.radioListHelpTips {
	display: none;
	width: 100px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	background: #2f3232;
	border-radius: 3px;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translate(-50%);
	font-size: 12px;
}

.radioListHelpTips:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 22px;
	transform: translate(-50%);
	display: block;
	content: "";
	width: 0;
	height: 0;
	border: 8px solid rgba(0, 0, 0, 0);
	border-top-color: #2f3232;
}

.radioListHelp:hover .radioListHelpTips {
	display: block;
}

.font_warning {
	color: #ff0000;
	font-size: 12px;
	padding-left: 70px
}

#ImportWord,
#ImportPdf,
#ImportPpt,
#ImportExcel {
	width: 100%;
	height: 150px;
	box-sizing: border-box;
}

#ImportWord .upload_ico,
#ImportPdf .upload_ico,
#ImportPpt .upload_ico,
#ImportExcel .upload_ico {
	width: 100%;
	height: 36px;
	background: url(../images/icon_upload.png) center no-repeat;
	margin: 10px 0;
	display: inline-block;
}

#ImportWord .layui-form-mid,
#ImportPdf .layui-form-mid,
#ImportPpt .layui-form-mid,
#ImportExcel .layui-form-mid {
	line-height: 24px;
	padding: 15px 0 !important;
}

/* 生成长图生成成功 */
.generateSuccessWrap {
	width: 440px;
	height: 450px;
	position: relative;
}

.generateSuccessTitle {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.generateSuccessTitle i {
	width: 20px;
	height: 20px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAADIElEQVRIS62WXWhUVxDHf7O7SZYkmOZBFAt9KFQUSfeuSggILbWEQnxoSR7Er9q02b2CGqUFFZJAWgohUJtGtO3mxsRWRUyokNKHvrQVKWpEk92NgmiCD4F+iAgxtonN7p1yt25Y9yO7TZyXC3f+Z35z5pwz5wgL2IlblBfH8GNTo4IPWAOUKcy4hHFVogrXiDFsbmQqVyjJ5ghdp1Q8vIXyHsJmoHyBXOYELgGnZmb5vrmGR+naDMjJEVbZQqsKQcC90EwzfMo59dBmVjGR6nsG0hfl5bhNj8Kb/yt4iliE6zaYpo+R5O95yIlbrCye48xSACmsMVec+qYNjDv/EpD+e3hjU3QqNC92BhnrIAzOzNDkrFECYo1Sp8J3gPd5QQAbCAR89Mu3EcpmlW+AhucISIa6rDHeFitCjSo/AhVLgDwW6EKZVuGTlIoowjtijXJQha4lAP4SpTXg54unZT8DVKbE65SeML3AB4uETCkcNg1CVoTNqnwFrE6LddGB/ApsSnPMAj8BLwJGjgQeAB8GDU6HRtkiQuipPl1+24FEgao0z58ao5oSiiTOALA+zX9flX2mn0ErwjZVuoHlOZIZdyDDQHWa4IkKx0wfh3rCrAPOQ+KLwqRL2R/wM2SFaVT4HHhhgXLfcXbXWVW2ZxHFge6gwUdWlA22zYCAW6HRNPilJ8IBlE/zNE8n7LCEwhwR6MiRiQP6LGhwxBrjVYnjbTK4FgrTJtAClBSwYY47W7hWhR+A4hwD/lGlI2jwcdcVvOWltDsLDngKADj13SlfRqksshnM0xj/Bk4rlAnsSPa8AiBjItSJKtIbZZcq/YCrgIEFS1Q5XHmXo4kGeewqy0q89AvUFxwhv/DyXBENe9fxx/x9Yt1grboZAl7JPz6v4jeFraaROOj/3SdJ+zrKay47cXKdB8Ni7XeBfQGDC8kAGXd8bxi/DZ1A7SIow7bQsseXaEnzlvW10jfC8pib3SjvZmk5mWxlAuGsx03v+1VMpguyQhxRu+JaEeYlt/MkUl5H8CNUoBQpxASmgZsqXPTAz5MPmWh/g1i22f8LN7MJEOYOrwoAAAAASUVORK5CYII=") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	margin-right: 10px;
}

.generateSuccessListTitle {
	width: 100%;
	height: 20px;
	padding: 0 10px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	border-left: 5px solid #1593ff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.downloadBtn {
	display: block;
	width: 250px;
	height: 44px;
	background: #1593ff;
	text-align: center;
	line-height: 44px;
	margin: 20px auto;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}

.downBtn,
.editorBtn {
	display: inline-block;
	width: 40%;
	height: 44px;
	background: #1593ff;
	text-align: center;
	line-height: 44px;
	margin: 20px 5%;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}

.editorBtn {
	background: #00bc67;
}

.downloadBtn:hover {
	color: #fff;
}

.generateSuccessEwm {
	width: 230px;
	height: 230px;
	padding: 15px;
	border: 1px solid #dadde1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 20px auto;
}

.generateSuccessText {
	text-align: center;
}

.generateSuccessCloseBtn {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 12px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA6klEQVQoU32SQUoDQRBF/79SVx1IBDdKoqJoQAVdBIkoCZJsAi5ce5XqXooXyXZKqpmRyZikl0W931WvmyLyDeAz5zzDgSMiYwBnFJEJgGeSt2b2sosRkVMAK3efMhpU9cbdZ+5+WUpZ9KGU0gnJtbs/llKeKhAnpXRBcg7gOuf8FrUumeS9mU2j9ge0DVcAXgGMSW7c/aNL7oK3gBYaAXhvGyZDGf8AVT2O5Ho9OTKzZX+n4UjVRhhrmmZDcjm01196y8Y+exXYZWOfvXi4cwCLoY3+3CJS7YXeAH4AfOWcHw59DVW9c/ejX3OPgiQWcP3fAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	cursor: pointer;
}

/*保存图片列表*/
#limglist {
	width: 755px;
	background: #fff;
	padding: 10px 0 10px 10px;
	border: 1px dashed #d2d2d2;
	position: absolute;
	top: 0px;
	left: 4px;
	display: none;
}

#limglist #lmyList {
	width: 100%;
	overflow-x: hidden;
	height: 530px;
	margin-left: -1px;
	position: relative;
	width: calc(100% + 1px);
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: #bfc1c4 #fff;
}

#limglist ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#limglist li {
	float: left;
	list-style: none;
	padding: 0;
	width: 142px;
	height: 162px;
	margin: 9px 35px 0 0;
	background-color: #eee;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

#limglist li .cover {
	width: 142px;
	height: 162px;
	text-align: center;
	display: table-cell;
}

#limglist li img {
	cursor: pointer;
	max-width: 142px;
	max-height: 142px;
}

#limglist li .icon {
	cursor: pointer;
	width: 142px;
	height: 142px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	border: 0;
	background-repeat: no-repeat;
}

#limglist li .icon:hover {
	border: 3px solid #1094fa;
	box-sizing: border-box;
}

#limglist li .delimg {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 3;
}

#limglist li .delimg i {
	font-size: 25px;
	color: #ff5722;
}

#limglist .layui-layer-ico {
	background-position: -149px -31px;
	position: absolute;
	right: -1px;
	top: -1px;
	width: 30px;
	height: 30px;
	z-index: 1;
}

#lmyList .page {
	padding-left: 1px;
	display: inline-block;
	width: 99%;
	vertical-align: middle;
}

#lmyList .page a,
#lmyList .page i {
	padding: 0 10px;
	height: 26px;
	line-height: 26px;
	margin-right: -1px;
	color: #333;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	display: inline-block;
	vertical-align: middle;
}

#lmyList .page a.active {
	background-color: #1e9fff;
	color: #fff;
	border: 1px solid #1e9fff;
}

#lmyList .page a.active+a {
	border-left: 1px solid #1e9fff;
}

#lmyList .page i {
	color: #999;
}

/* 清空内容 */
.empty_editor_tips .layui-layer-content {
	color: #333;
	font-size: 16px !important;
	text-align: center;
	height: 100px !important;
	line-height: 60px !important;
}

.empty_editor_tips .layui-layer-btn {
	position: relative;
}

.empty_editor_tips .layui-layer-btn0 {
	color: #fff !important;
	font-size: 15px;
	text-decoration: underline;
	border: none;
	background: transparent !important;
	position: absolute;
	left: 50%;
	bottom: -50px;
	transform: translate(-50%, 0);
}

.empty_editor_tips .layui-layer-btn1 {
	color: #fff;
	font-size: 15px;
	width: 125px;
	height: 40px;
	line-height: 40px;
	background-color: #5fb878 !important;
	border: 1px solid #5fb878 !important;
	margin-bottom: 10px;
}

.empty_editor_tips .layui-layer-btn2 {
	color: #5fb878;
	font-size: 15px;
	width: 125px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	background-color: #fff;
	border: 1px solid #5fb878;
	margin-bottom: 10px;
}

/* 底部功能 ------------ */
.editor-bottom,
.edui-editor-bottomContainer {
	position: absolute;
	bottom: -30px;
	display: none;
}

.edui-editor-bottomContainer {
	right: 0px;
	bottom: 3px;
	z-index: 999;
}

.edui-editor .edui-default .edui-editor-bottomContainer td {
	line-height: 16px;
}

.editor-bottom {
	left: 0px;
	user-select: none;
	/*	z-index: 999;
	background-color: #eff0f1;
	width: 100% !important;
	min-width: 498px;
	margin-left: 50px;*/
}

.editor-bottom * {
	box-sizing: border-box;
}

.editor-bottom-box .item {
	height: 30px;
	display: flex;
	align-items: center;
	margin-right: 15px;
	font-size: 13px;
	margin-left: 3px;
	cursor: pointer;
	transition: 0.3s;
}

.editor-bottom-box .item.editor-bottom-shortcuts {
	position: absolute;
	left: -78px;
}

.editor-bottom-box .item:hover {
	color: #07c15e;
}

.editor-bottom-box .item .iconfont {
	margin-right: 2px;
	margin-top: 1px;
}

.desktop_add {
	width: 170px;
	height: 105px;
	background: #fff url(../images/logo_img.png) center 15px no-repeat;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(7, 193, 94, 0.4);
	padding-top: 65px;
	position: absolute;
	bottom: 36px;
	right: 200%;
	display: flex;
	justify-content: center;
}

.desktop_add::before {
	content: '';
	width: 2px;
	height: 30px;
	background: #07c15e;
	position: absolute;
	left: 50%;
	bottom: -30px;
}

.desktop_add::after {
	content: '';
	width: 6px;
	height: 6px;
	background: #07c15e;
	border-radius: 3px;
	position: absolute;
	left: 49%;
	bottom: -36px;
}

.desktop_add .close {
	color: #777a83;
	font-size: 23px;
	position: absolute;
	right: -30px;
	top: 0;
	cursor: pointer;
}

.desktop_add a {
	color: #fff;
	font-size: 13px;
	text-align: center;
	width: 146px;
	height: 26px;
	line-height: 26px;
	background: #07c15e;
	border-radius: 13px;
}


.shortcuts-box {
	width: 135px !important;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
	position: absolute;
	bottom: 30px;
	left: -137px;
	display: none;
	z-index: 9;
}

.shortcuts-box .title {
	color: #222;
	font-size: 14px;
	width: 100%;
	height: 40px;
	padding: 0 20px;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	align-items: center;
}

.shortcuts-box .close {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 8px;
	top: 12px;
	cursor: pointer;
}

.shortcuts-box .shortcuts-list {
	color: #444;
	font-size: 13px;
	width: 100%;
	padding: 5px 20px;
}

.shortcuts-box .shortcuts-list dd {
	width: 100%;
	height: 28px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.shortcuts-box .shortcuts-list dd em {
	font-style: normal;
}

/* 检查弹窗 */
.tort-content {
	margin: 20px 20px;
	height: 350px;
}

.tort-content h3 {
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
	letter-spacing: 3px;
	font-weight: 500;
}

.tort-content .status {
	margin-top: 10px;
	color: #999;
}

.tort-content .fail {
	background: #fff1f0;
	border: 1px solid #ffa39e;
	color: #f90;
	margin-right: 10px;
	padding: 0px 5px;
}

.result-wrap-box .result-wrap>p {
	color: #333;
	font-size: 14px;
	margin: 14px 0;
}

.tort-content .tort-result-detail {
	cursor: pointer;
}

.tort-content .success {
	color: #52c41a;
	background: #f6ffed;
	border: 1px solid #b7eb8f;
	margin-right: 10px;
	padding: 0px 5px;
}

.tort-content i {
	margin-left: 5px;
}

.tort-content .btn.primary {
	background: #24be48;
	color: #fff;
	border-color: #24be48;
}

.tort-content .btn {
	color: #666;
	background: #fff;
	border: 1px solid #d9d9d9;
}

.tort-content .btn-wrap {
	text-align: right;
	margin-top: 52px;
}

.tort-content .btn .primary {
	background: #24be48;
	color: #fff;
	border-color: #24be48;
}

.tort-content .btn-wrap button {
	min-width: 70px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	cursor: pointer;
}

.tort-content .vertical {
	width: 3px;
	background-color: #24be48;
	display: inline-block;
	height: 12px;
	margin-right: 5px;
}

.result-wrap-box .result-cate {
	text-align: left;
	margin-left: 20px;
}

.result-wrap-box .result-wrap .detection-result-li {
	margin-top: 12px;
}

.result-wrap-box .left-box {
	line-height: 30px;
	display: inline-block;
}

.result-wrap-box .right-box {
	color: #999;
	float: right;
}

.result-word {
	margin: 10px 20px;
	display: none;
}

.result-word span {
	margin-right: 10px;
}

.result-wrap-box .detection-result-inner .left-box img {
	width: 14px;
	height: 14px;
	margin-right: 4px;
	vertical-align: middle;
}

/* 签名 */
.editor-bottom-autograph .selete-child {
	width: 150px;
	text-align: center;
	top: auto;
	bottom: 100%;
	cursor: pointer;
}

.editor-bottom-autograph .selete-child .signature {
	display: block;
	color: #5c4e61;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
	line-height: 40px;
	font-size: 12px;
}

.editor-bottom-autograph .selete-child .signature_prefix,
.editor-bottom-autograph .selete-child .signature_suffix {
	display: none;
}

.editor-bottom-autograph .selete-child .signature:hover {
	background-color: #fafafa;
}

.editor-bottom-autograph .selete-child .signature.active {
	color: #07c15e;
}

.editor-bottom-autograph .selete-child p {
	border-top: 1px solid #eaedef;
}

.editor-bottom-autograph .selete-child p>* {
	width: 50%;
	text-align: center;
	line-height: 36px;
	color: #999;
	background: #f9f9f9;
}

.editor-bottom-autograph .selete-child p>*:hover {
	color: #07c15e;
}

.editor-bottom-autograph .selete-child p>*:not(:first-child) {
	border-left: 1px solid #eaedef;
}

/* 一键排版样式预览 */
#content_view {
	width: 500px;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1000;
	display: none;
}

#content_view * {
	box-sizing: border-box;
}

#code_view_title {
	width: 100%;
	line-height: 24px;
	padding: 10px;
	display: inline-block;
}

#code_view_title span {
	color: #222;
	font-size: 16px;
	font-weight: bold;
	float: left;
}

#content_view_title_post {
	color: #fff;
	font-size: 13px;
	text-align: center;
	width: 46px;
	height: 24px;
	line-height: 26px;
	background: #5c4e61;
	border-radius: 4px;
	margin-right: 25px;
	cursor: pointer;
	float: right;
}

#content_view_title_post:hover {
	opacity: 0.8;
}

#content_view_title_close {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width: 18px;
	height: 18px;
	line-height: 18px;
	background: #5c4e61;
	border-radius: 18px;
	float: right;
	cursor: pointer;
}

#content_view_controller {
	width: 100%;
	padding: 0 15px 5px;
	border-bottom: 1px solid #ccc;
	color: #5c4e61;
	font-size: 13px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.content_view_input {
	width: 30% !important;
	display: flex;
}

.content_view_input span {
	margin-right: 13px;
}

.content_view_input .slider_box {
	position: relative;
	height: 25px;
	flex-grow: 1;
}

.content_view_input .slider_box input {
	display: none;
}

.content_view_input .layui-slider {
	height: 4px !important;
}

.content_view_input .layui-slider-bar {
	background: #aaa !important;
	height: 100% !important;
}

.content_view_input .layui-slider-wrap {
	width: 36px !important;
	height: 36px !important;
}

.content_view_input .layui-slider-wrap-btn {
	width: 14px !important;
	height: 14px !important;
	border: 2px solid #747474 !important;
}

.content_view_input .slider {
	margin: 0 !important;
	top: 8px;
}

.content_view_input_third {
	font-size: 14px;
	width: 22% !important;
	text-align: center;
	margin-bottom: 0 !important;
}

.content_view_input_third .layui-form-checkbox[lay-skin="primary"] {
	margin-top: 0 !important;
	padding-left: 20px;
}

.content_view_input_third .layui-form-checkbox[lay-skin="primary"] i {
	width: 14px;
	margin-top: 2px;
	height: 14px;
	line-height: 14px;
	border: 1px solid #b2b2b2;
}

.content_view_input_third .layui-form-checked[lay-skin="primary"] i {
	color: #5c4e61;
	background: #fff;
	border: 1px solid #b2b2b2 !important;
}

.content_view_input_third .layui-form-checkbox[lay-skin="primary"] span {
	color: #5c4e61;
	font-size: 13px;
	line-height: 20px;
	padding-right: 0px;
}

.content_view_input_third .layui-form-switch i {
	top: 4px !important;
	width: 14px !important;
	height: 14px !important;
}

#content_view_content {
	width: 100%;
	height: calc(100% - 102px);
}







/* 右侧功能 */
.content-r {
	width: 215px;
	background-color: #fff;
	box-shadow: 0 0 2px 3px rgb(0, 0, 0, 0.02);
	flex-shrink: 0;
	position: relative;
	z-index: 2;
	transition: .3s;
}
.content-r .ai_slide_open{
	color: #fff;
	font-size: 13px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background: #07c15e;
	box-shadow: 0 0 2px 3px rgb(0, 0, 0, 0.10);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, 255px);
	cursor: pointer;
	z-index: 2;
	display: none;
}
/* 菜单 ------------------ */
.content-r-menu {
	width: 46px;
	box-shadow: 0 0 2px 3px rgb(0, 0, 0, 0.02);
	position: absolute;
	border-radius: 6px 0 0 6px;
	background-color: #fff;
	top: 50%;
	left: -48px;
	transform: translate(0, -50%);
	user-select: none;
}

.content-r-menu .item {
	height: 60px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	line-height: 14px;
	font-size: 13px;
	color: #888;
	cursor: pointer;
	transition: .3s;
	position: relative;
}

.content-r-menu .item:hover {
	color: #07c15e;
}

.content-r-menu .item .iconfont {
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 1;
}

.content-r-menu .item.shoutu {
	border-top-left-radius: 6px;
	flex-grow: 1;
	color: #fff;
	height: 66px;
	background: #ff9649;
	background: -moz-linear-gradient(top, #fe9e59 0%, #fe8831 100%);
	background: -webkit-linear-gradient(top, #fe9e59 0%, #fe8831 100%);
	background: linear-gradient(top bottom, #fe9e59 0%, #fe8831 100%);
}

.content-r-menu .item::after {
	content: '';
	width: 60%;
	height: 1px;
	display: inline-block;
	background-color: #e0e0e1;
	position: absolute;
	bottom: 0;
	left: 20%;
}

.content-r-menu .item.shoutu::after,
.content-r-menu .item:last-child::after {
	display: none;
}

.content-r-menu .item .item-child {
	display: none;
}

.content-r-menu .item .item-child::after {
	content: '';
	width: 10px;
	height: 100%;
	position: absolute;
	right: -10px;
	top: 0;
}

.content-r-menu .item:hover .item-child {
	display: inline-block;
}

.content-r-menu .item .activity-list {
	position: absolute;
	right: 110%;
	top: 50%;
	transform: translate(0, -50%);
}

.content-r-menu .item .activity-list a {
	width: 100px;
	height: 72px;
	font-size: 0;
}

.content-r-menu .item .activity-list a:not(:last-child) {
	margin-bottom: 10px;
}

.content-r-menu .item .activity-list .activity-reward {
	background: url(../images/activity_reward.png);
}

.content-r-menu .item .activity-list .activity-vip {
	background: url(../images/activity_vip.png);
}

.content-r-menu .settings ul {
	border-radius: 2px;
	position: absolute;
	right: 110%;
	top: 50%;
	transform: translate(0, -50%);
	color: #666;
	font-size: 13px;
	width: 194px;
	background: #fff;
	padding: 10px 10px 10px 15px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
}

.content-r-menu .settings li {
	height: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.content-r-menu .settings .layui-form-select .layui-input {
	width: 70px;
	height: 22px;
	padding-right: 20px;
}

.content-r-menu .settings .layui-form-select .layui-edge {
	right: 5px;
}

.content-r-menu .settings .layui-form-select dl {
	top: 26px;
}

.content-r-menu .settings .layui-form-select dl dd {
	line-height: 26px;
}

.content-r-menu .settings .layui-form-switch {
	width: 32px;
	min-width: 32px;
	height: 16px;
	line-height: 16px;
	margin-top: 0;
}

.content-r-menu .settings .layui-form-switch i {
	width: 12px;
	height: 12px;
	left: 2px;
	top: 1px;
}

.content-r-menu .settings .layui-form-onswitch {
	border-color: #07c15e;
	background-color: #07c15e;
}

.content-r-menu .settings .layui-form-onswitch i {
	left: 100%;
	margin-left: -13px;
	background-color: #fff;
}

/* 反馈 */
.float-feedback .layui-elem-quote {
	border: none;
	margin-bottom: 20px;
}

.float-feedback .layui-elem-quote a {
	color: #01aaed;
}

.float-feedback .layui-form-label {
	width: 70px !important;
}

.float-feedback .layui-form-label em {
	color: #ff0000;
}

.float-feedback .slt_box span {
	color: #5fb878;
	text-align: center;
	width: 90px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #5fb878;
	border-radius: 3px;
	margin-right: 15px;
	display: inline-block;
	cursor: pointer;
}

.float-feedback .slt_box .slt {
	color: #fff;
	background: #5fb878;
}

.float-feedback .img_upload {
	color: #a2a2a2;
	width: 60px;
	height: 60px;
	background: #fff;
	border: 1px solid #dadde1;
	border-radius: 3px;
	display: inline-block;
}

.float-feedback .img_list {
	display: inline-block;
}

.float-feedback .img_show {
	color: #a2a2a2;
	width: 60px;
	height: 60px;
	background: #fff;
	border: 1px solid #dadde1;
	box-sizing: border-box;
	border-radius: 3px;
	vertical-align: middle;
	margin-left: 10px;
	display: inline-block;
	position: relative;
}

.float-feedback .img_show img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.float-feedback .img_show .close {
	width: 25px;
	height: 25px;
	background: url(../images/twoforone_close.png) no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	position: absolute;
	top: -10px;
	right: -10px;
}

.float-feedback .layui-layedit iframe {
	height: 200px !important;
	min-height: 200px !important;
}

.float-feedback .layui-layer-content {
	height: 486px !important;
	overflow: hidden;
}

.float-feedback .layui-layer-btn {
	padding-left: 100px;
	text-align: left;
}

.float-feedback .layui-layer-btn0 {
	text-align: center;
	width: 126px;
	height: 40px;
	line-height: 40px;
	border: none;
	background: #5fb878 !important;
}

.float-feedback .layui-layer-btn1 {
	color: #5fb878;
	text-align: center;
	width: 126px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border: 1px solid #5fb878;
}

.float-phoneimage .layui-layer-content {
	overflow-y: hidden;
}

.float-phoneimage .layui-layer-btn {
	text-align: center;
}

.float-phoneimage #myList {
	width: 479px;
	height: 452px;
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: #bfc1c4 #fff;
}

.float-phoneimage #myList ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.float-phoneimage #myList li {
	float: left;
	list-style: none;
	padding: 0;
	width: 142px;
	height: 142px;
	margin: 9px 0 0 9px;
	background-color: #eee;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.float-phoneimage #myList li .cover {
	width: 142px;
	height: 142px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.float-phoneimage #myList li img {
	cursor: pointer;
	max-width: 142px;
	max-height: 142px;
}

.float-phoneimage .phone-upload-qrcode {
	position: absolute;
	right: 10px;
	top: 170px;
}

.float-phoneimage .phone-upload-qrcode p {
	line-height: 29px;
	text-align: center;
}

/* 素材 ----------------- */
.content-r-material {
	user-select: none;
	display: flex;
	height: 100%;
	flex-direction: column;
}

/* 功能 */
.content-r-material-fun {
	justify-content: space-evenly;
	border-bottom: 1px solid #eaedef;
	flex-shrink: 0;
}

.content-r-material-fun li {
	line-height: 35px;
	font-size: 15px;
	cursor: pointer;
}

.content-r-material-fun li:hover,
.content-r-material-fun li:hover a {
	color: #07c15e;
}

/* 选项卡 */
.content-r-material .tab-title {
	flex-shrink: 0;
}

.content-r-material .tab-title li {
	line-height: 30px;
	width: 50%;
	text-align: center;
	cursor: pointer;
	border-bottom: 1px solid #eaedef;
}

.content-r-material .tab-title li.active {
	border-color: #07c15e;
	background-color: #07c15e;
	color: #fff;
}

.content-r-material .tab-con {
	flex-grow: 1;
	height: 0;
}

.content-r-material .tab-con-item {
	height: 100%;
}

.content-r-material .tab-con-item:not(.active) {
	display: none;
}

/* 找图 */
#content-r-zhaotu {
	flex-direction: column;
	overflow-y: auto;
}

#content-r-zhaotu .zhaotu_AI {
	width: 100%;
	padding: 5px 10px 0 10px;
}

#content-r-zhaotu .zhaotu_AI strong {
	font-size: 14px;
	font-weight: bold;
	width: 100%;
}

#content-r-zhaotu .zhaotu_AI ul {
	width: 100%;
	margin-top: 5px;
	display: flex;
	justify-content: space-between;
}

#content-r-zhaotu .zhaotu_AI li {
	font-size: 12px;
	width: 90px;
	height: 95px;
	border-radius: 14px;
	padding-top: 70px;
	display: flex;
	justify-content: center;
	cursor: pointer;
}

#content-r-zhaotu .zhaotu_AI .first {
	background: #f6f7f9 url(../images/AI_img1.png) center 12px no-repeat;
	background-size: auto 48px;
}

#content-r-zhaotu .zhaotu_AI .second {
	background: #f6f7f9 url(../images/AI_img2.png) center 12px no-repeat;
	background-size: auto 48px;
}

#content-r-zhaotu .search {
	width: 100%;
	padding: 10px;
	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .02);
}

#content-r-zhaotu .search-span {
	height: 24px;
	background-color: #f3f3f3;
	border-radius: 4px;
}

#content-r-zhaotu .search-span input {
	font-size: 12px;
	line-height: 24px;
}

#content-r-zhaotu-group {
	scrollbar-width: thin;
	scrollbar-color: #bfc1c4 #fff;
	height: calc(100% - 40px);
	padding: 4px 8px;
}

#content-r-zhaotu-group .item-title {
	text-align: center;
	position: relative;
	line-height: 30px;
}

#content-r-zhaotu-group .item-title h2 {
	font-size: 12px;
}

#content-r-zhaotu-group .item-title .more {
	position: absolute;
	right: 0;
	top: 0;
	color: #999;
}

#content-r-zhaotu-group .item-title .more:hover {
	color: #07c15e;
}

#content-r-zhaotu-group li {
	cursor: pointer;
	position: relative;
}

#content-r-zhaotu-group img {
	max-width: 100%;
}

#content-r-zhaotu-group li .cursor-vip {
	position: absolute;
	left: -5px;
	top: 0px;
	width: 53px;
	height: 18px;
	line-height: 18px;
	max-width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	word-wrap: break-word;
	opacity: 0.8;
	z-index: 9;
	padding: 0 5px 0 26px;
	font-size: 12px;
	font-style: normal;
	color: #aa6c23;
	background: url(../images/viph.png) #ffedd5;
	background-repeat: no-repeat;
	background-position: 5px 1px;
	border-radius: 10px;
	transform: scale(0.75);
}

#content-r-zhaotu-group .zhaotu-type3 li:not(:last-child) {
	margin-bottom: 10px;
}

#content-r-zhaotu-group .zhaotu-type6 {
	padding-top: 4px;
}

#content-r-zhaotu-group .zhaotu-type6 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#content-r-zhaotu-group .zhaotu-type6 li {
	width: calc((100% - 8px)/ 3);
	margin-bottom: 4px;
}

#content-r-zhaotu-group .zhaotu-type4 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#content-r-zhaotu-group .zhaotu-type4 li {
	width: calc((100% - 8px)/ 2);
	margin-bottom: 4px;
}



/* 预览 */
.float-preview {
	margin: 0;
	padding: 0;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-height: 1.6;
	-webkit-touch-callout: none;
	font-family: "Microsoft YaHei", -apple-system-font, "Helvetica Neue",
		"PingFang SC", "Hiragino Sans GB", sans-serif;
	background-color: #f3f3f3;
	line-height: inherit;
}

.float-preview a {
	color: #607fa6;
	text-decoration: none;
}

.float-preview img,
.float-artimage img {
	height: auto !important;
}

.float-preview .layui-layer-setwin {
	right: 33px;
	top: 119px;
	opacity: 0.3;
}

.float-preview .layui-layer-close {
	right: -385px !important;
	top: -120px !important;
}

.rich_media_inner {
	font-size: 16px;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	width: 100%;
	height: 100%;
	padding: 10px 32px;
	box-sizing: border-box;
	text-align: initial;
	scrollbar-width: thin;
	scrollbar-color: #bfc1c4 #fff;
}

.rich_media_inner.preview::-webkit-scrollbar-track-piece {
	background-color: rgb(242, 242, 242) !important;
}

.rich_media_inner::-webkit-scrollbar {
	position: absolute;
	width: 6px;
}

.rich_media_inner::-webkit-scrollbar-button {
	background-color: #fff;
	height: 6px;
}

.rich_media_inner::-webkit-scrollbar-track {
	background-color: #fff;
}

.rich_media_inner::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.rich_media_area_primary {
	position: relative;
	background-color: #fff;
	height: 100%;
}

#content_view_content .rich_media_area_primary {
	height: calc(100% - 10px);
}

.rich_media_title {
	overflow: hidden;
	margin-bottom: 10px;
	line-height: 1.4;
	height: 35px;
	font-weight: 400;
	font-size: 24px;
}

.rich_media_meta_list {
	margin-bottom: 18px;
	line-height: 20px;
	font-size: 0;
	border-bottom: 1px solid #eee;
}

.rich_media_meta_list em {
	font-style: normal;
}

.rich_media_meta {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 10px;
	font-size: 16px;
}

.rich_media_meta_text {
	color: #8c8c8c;
}

.rich_media_meta_nickname {
	color: #607fa6;
}

li.rich_media_content {
	color: #3e3e3e;
	line-height: 1.6;
	font-size: 17px;
	text-align: justify;
}

.float-preview .rich_media_content {
	color: #3e3e3e;
	line-height: 1.6;
	font-size: 17px;
	width: calc(100% - 6px);
	height: 100%;
	text-align: justify;
	padding: 0 6px;
	background: #fff;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: content-box;
	scrollbar-width: thin;
	scrollbar-color: #bfc1c4 #fff;
}

.float-preview.more .rich_media_content {
	height: calc(100% - 60px);
}

.rich_media_tool {
	overflow: hidden;
	padding-top: 15px;
	line-height: 32px;
	color: #8c8c8c;
}

.rich_media_tool .meta_primary {
	float: left;
	margin-right: 10px;
}

.rich_media_tool .fa,
.rich_media_tool a {
	color: #607fa6;
}

.rich_media_tool .fa {
	font-size: 13px;
	position: relative;
	top: -1px;
	margin-right: 3px;
}

.rich_media_tool .meta_extra {
	float: right;
}

.float-preview #qrcode {
	position: absolute;
	top: 0;
	right: -240px;
	width: 225px;
	height: 225px;
	text-align: center;
	background: #fff url(../images/Qr_preview.png) center no-repeat;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.float-preview #qrcode #wx_preview_button {
	color: #fff;
	font-size: 16px;
	width: 100%;
	height: 40px;
	background: #5fb878;
	position: absolute;
	left: 0px;
	bottom: -60px;
}

.float-preview #qrcode .title {
	font-size: 15px;
	margin: 10px 5px;
	letter-spacing: 1px;
	color: #c0a8a8;
}

.float-preview #qrcode .wx_preview_img {
	width: 100%;
	height: 100%;
}

.float-preview .layui-layer-content {
	overflow: inherit !important;
}

.float-preview .more {
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

.float-preview .more a {
	color: #fff;
	width: 120px;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	background: #07c15e;
}

.float-preview .preview_info_block {
	width: 340px;
	max-height: 100%;
	overflow-y: auto;
	padding: 10px 20px;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	top: 0;
	right: -350px;
}

.float-preview .preview_info_block .title {
	font-size: 20px;
	width: 100%;
	line-height: 24px;
	font-weight: bold;
}


.float-preview .rich_media_content ol,
.float-preview .rich_media_content ul {
	margin: 0;
	padding: 0;
	width: 95%
}

.float-preview .rich_media_content li {
	clear: both;
}

.float-preview .rich_media_content .list-paddingleft-1 {
	padding-left: 0
}

.float-preview .rich_media_content .list-paddingleft-2 {
	padding-left: 30px
}

.float-preview .rich_media_content .list-paddingleft-3 {
	padding-left: 60px
}

.float-preview .preview_info_block .info_list {
	width: 100%;
	line-height: 28px;
	margin-top: 15px;
	border-bottom: 1px solid #e6ebed;
	padding-bottom: 10px;
}

.float-preview .preview_info_block .info_list span {
	color: #636c78;
}

.float-preview .preview_info_block .tab {
	width: 100%;
	margin-top: 15px;
	display: flex;
	display: none;
}

.float-preview .preview_info_block .tab span {
	color: #7f8792;
	font-size: 15px;
	padding-bottom: 5px;
	margin-right: 15px;
	cursor: pointer;
}

.float-preview .preview_info_block .tab .active {
	color: #33363a;
	border-bottom: 2px solid #000;
}

.float-preview .preview_info_block .QR_box {
	font-size: 14px;
	width: 100%;
	padding: 15px 0;
}

.float-preview .preview_info_block .QR_box .QR_top {
	display: flex;
	justify-content: space-between;
}

.float-preview .preview_info_block .QR_box .QR_top .collect {
	color: #6c6d6f;
	display: flex;
	align-items: center;
}

.float-preview .preview_info_block .QR_box .QR_top .collect i {
	color: #797a7b;
	font-size: 18px;
	margin-right: 2px;
}

.float-preview .preview_info_block .QR_box .QR_top .collected {
	color: #6c6d6f;
	display: flex;
	align-items: center;
}

.float-preview .preview_info_block .QR_box .QR_top .collected i {
	color: #fd8f01;
	font-size: 18px;
	margin-right: 2px;
}

.float-preview .preview_info_block .QR_box .QR_img {
	width: 100%;
	height: 145px;
	margin: 20px 0 30px 0;
	display: flex;
	justify-content: center;
}

.float-preview .preview_info_block .QR_box .QR_img .img {
	width: 145px;
	height: 145px;
	background: url(../images/preview_bg02.png) no-repeat;
}

.float-preview .preview_info_block .QR_box .QR_img img {
	width: 145px;
	height: 145px !important;
	background: #ececec;
	display: none;
}

.float-preview .preview_info_block .QR_box .link {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.float-preview .preview_info_block .QR_box .link a {
	width: 45%;
	height: 34px;
	line-height: 34px;
}

.float-preview .preview_info_block .QR_box .link .b1 {
	color: #07c15e;
	border: 1px solid #07c15e;
	background: #fff;
	border-radius: 3px;
}

.float-preview .preview_info_block .QR_box .link .b2 {
	color: #fff;
	border: 1px solid #07c15e;
	background: #07c15e;
	border-radius: 3px;
}

.float-preview .preview_info_block .QR_box .link_login {
	width: 100%;
	display: flex;
	justify-content: center;
}

.float-preview .preview_info_block .QR_box .link_login .login {
	color: #fff;
	width: 210px;
	border: 1px solid #07c15e;
	background: #07c15e;
	border-radius: 3px;
}

.float-preview .preview_info_block .bj96_block {
	width: 100%;
	margin-top: 10px;
}

.float-preview .preview_info_block .bj96_block .bj96_edit {
	display: flex;
	align-items: center;
}

.float-preview .preview_info_block .bj96_block .bj96_edit span {
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	background: url(../images/logo_img.png) left no-repeat;
	background-size: 30px auto;
	margin-right: 30px;
}

.float-preview .preview_info_block .bj96_block .bj96_edit a {
	color: #666;
	text-align: center;
	font-size: 12px;
	width: 64px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #ccd5db;
	border-radius: 3px;
	display: inline-block;
}

.float-preview .preview_info_block .bj96_block .svg {
	color: #fff;
	font-size: 17px;
	width: 300px;
	height: 40px;
	background: url(../images/preview_bg03.png) no-repeat;
	padding: 0 25px 0 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

.float-preview .preview_info_block .bj96_block .svg a {
	color: #fff;
	font-size: 13px;
	text-align: center;
	width: 77px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #fff;
	border-radius: 22px;
}

.float-preview .preview_info_block .bj96_block .customized {
	color: #fff;
	font-size: 17px;
	width: 300px;
	height: 100px;
	background: url(../images/preview_bg03.png) no-repeat;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.float-preview .preview_info_block .bj96_block .ai {
	width: 300px;
	height: 100px;
	background: url(../images/preview_bg04.png) no-repeat;
	margin-top: 20px;
	display: flex;
}

.float-preview .preview_info_block .bj96_block .ai_write{
	width: 100%;
	height: 285px;
	background: url(../../images/detail/ai_bg.png) no-repeat;
	padding: 50px 20px 0 15px;
	margin-top: 5px;
}
.float-preview .preview_info_block .bj96_block .ai_write p{
	font-size: 12px;
	line-height: 24px;
}
.float-preview .preview_info_block .bj96_block .ai_write ul{
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
}
.float-preview .preview_info_block .bj96_block .ai_write li{
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	background: #fff;
	border-radius: 22px;
	padding: 0 15px;
	margin: 0 10px 10px 0;
	cursor: pointer;
}
.float-preview .preview_info_block .bj96_block .ai_write .write_box{
	width: 100%;
	height: 60px;
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	display: flex;
	align-items: center;
}
.float-preview .preview_info_block .bj96_block .ai_write .write_box textarea{
	color: #555;
	font-size: 12px;
	min-height: 60px;
	line-height: 22px;
	border: none;
	resize: none;
	margin-right: 10px;
}
.float-preview .preview_info_block .bj96_block .ai_write .write_box button{
	width: 86px;
	height: 34px;
	line-height: 34px;
	background: #07c15e;
	border-radius: 34px;
}

.float-preview .preview_info_block .bj96_block .agreement {
	text-align: right;
	width: 100%;
	margin-top: 10px;
}

.float-preview .preview_info_block .bj96_block .agreement a {
	color: #666;
	font-size: 13px;
}

.float-preview .preview_info_block .share_box {
	font-size: 14px;
	margin-top: 20px;
	display: none;
}

.float-preview .preview_info_block .share_box .info {
	text-align: center;
	width: 100%;
	line-height: 22px;
	/*display: none;*/
}

.float-preview .preview_info_block .approveing {
	display: none;
}

.float-preview .preview_info_block .share_box .info .i2 {
	font-size: 13px;
	height: 76px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.float-preview .preview_info_block .share_box .share_qr {
	text-align: center;
	width: 100%;
	display: none;
}

.float-preview .preview_info_block .share_box .approved {
	display: none;
}

.float-preview .preview_info_block .share_box .share_qr .share_qr_img {
	width: 145px;
	height: 145px !important;
	background: #ececec;
}

.float-preview .preview_info_block .share_box .share_qr p {
	color: #666;
	margin: 10px 0;
}

.float-preview .preview_info_block .share_box .share_qr .link {
	width: 100%;
	line-height: 30px;
	display: flex;
	align-items: center;
}

.float-preview .preview_info_block .share_box .share_qr .warn {
	color: #ff0000;
	text-align: center;
	width: 100%;
	line-height: 30px;
}

.float-preview .preview_info_block .share_box .share_qr .link span {
	width: 70px;
	flex-shrink: 0;
}

.float-preview .preview_info_block .share_box .share_qr .link input {
	width: 100%;
	height: 30px;
	background: #f6f6f6;
}

.float-preview .preview_info_block .share_box .share_qr .link button {
	color: #333;
	font-size: 13px;
	width: 70px;
	height: 32px;
	line-height: 30px;
	padding: 0;
	background: #fff;
	border: 1px solid #ececec;
	flex-shrink: 0;
}

.float-preview .preview_info_block .share_box .text {
	text-align: center;
	width: 100%;
	line-height: 22px;
}

.float-preview .preview_info_block .share_box .btn_box {
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

.float-preview .preview_info_block .share_box .btn_box .b1 {
	font-size: 15px;
	width: 120px;
	height: 40px;
	background: #5fb878;
}

.float-preview .preview_info_block .share_box .btn_box .b2 {
	font-size: 15px;
	width: 120px;
	height: 40px;
	background: #fe8b36;
}

.float-preview .preview_info_block .share_box .btn_box .disabled {
	color: #999;
	background: #e5e5e5;
}

.float-preview .preview_info_block .share_box .notice {
	color: #ff0000;
	font-size: 12px;
	margin-top: 20px;
}

.float-preview .preview_info_block .share_box .notice i {
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
}

.article_title_emoji {
	position: absolute;
	top: 2px;
	right: 8px;
	display: inline-block;
	font-size: 25px;
	margin-left: 11px;
	vertical-align: 24px;
	color: #ccc;
}

.article_title_emoji_content {
	position: absolute;
	z-index: 999;
	display: none;
	top: 44px;
	right: 0px;
	z-index: 10;
	width: 275px;
	height: 302px;
	padding: 10px 0 10px 10px;
	font-size: 12px;
	line-height: 26px;
	color: #666;
	letter-spacing: 3px;
	border-radius: 5px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #fff;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
	scrollbar-width: thin;
	scrollbar-color: #bfc1c4 #fff;
}

.article_title_emoji:hover {
	color: red;
}

.article_title_emoji_content li {
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 21px;
	padding: 3px;
	margin: 0px 1px;
	cursor: pointer;
	border: 1px solid #fff;
	box-sizing: initial;
}

.article_title_emoji_content ul {
	height: 27px;
	font-size: 0px;
	text-align: left;
	margin: 2px 0px;
}

.article_title_emoji_content ul p {
	width: 20px;
	height: 20px;
}

.article_title_emoji_content::-webkit-scrollbar {
	width: 300px;
}

.article_title_emoji_content::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #f1f1f1;
}

.article_title_emoji_content::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
}

.article_title_emoji_content::-webkit-scrollbar-track {
	background-color: #e5e5e5;
}

.float-saveart {
	border-radius: 4px !important;
}

.float-saveart .layui-layer-title {
	color: #333;
	font-size: 15px;
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	border-radius: 4px 4px 0 0;
}

.float-saveart .layui-form-label {
	background: none;
	border: none
}

.float-saveart .layui-form-pane .layui-input {
	border-radius: 2px;
	height: 40px;
	line-height: 40px;
}

.float-saveart .image_choose_web {
	margin-top: 15px;
}
.float-saveart .image_choose_webnone {
	display: none;
}

.float-saveart .layui-form-label {
	width: 80px;
	padding-left: 0px;
	padding-right: 0px;
}

.float-saveart .layui-input-block {
	margin-left: 80px;
}

.float-saveart .layer_btn01 {
	color: #444;
	font-size: 13px;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	background-color: #f1f5f8;
}

.float-saveart .layer_btn02 {
	color: #fff;
	font-size: 15px;
	height: 46px;
	line-height: 46px;
	padding: 0 15px;
	background-color: #5fb878;
}

.design_web_choose ul {
	width: 100%;
	z-index: 5000;
	position: absolute;
	left: 0;
	top: 30px;
	border: 1px solid #C9C9C9;
	box-sizing: border-box
}

.design_web_choose li {
	background: #FFFFFF;
	color: #5C5C5C;
}

.image_choose_web .design_web_choose:hover {
	opacity: 1 !important;
}

.design_web_choose li:hover {
	background: #F2F2F2;
}

/* 智能标题 */
.ai_title_block{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.ai_title_block .ai_title_btn{
	display: flex;
}
.ai_title_block .ai_title_btn>div{
	color: #5fb878;
	height: 32px;
	line-height: 32px;
	background: #fff;
	border: none;
	border-radius: 5px;
	padding: 0 10px;
	box-shadow: 0 0 4px 3px rgb(0, 0, 0, 0.07);
}
.ai_title_block .ai_title_btn>div i{
	font-size: 17px;
	margin-right: 5px;	
}
.ai_title_block .ai_title_btn .creat_btn i{
	transform: rotate(-1deg);
}
.ai_title_block .ai_title_btn .reset_btn{
	display: none;
}
.ai_title_block .ai_title_count{
	display: none;
}
.ai_title_block .ai_title_count i{
 font-style: normal;
}
.ai_title_block .ai_title_count a{
	color: #5fb878;
}
.ai_title_block .ai_title_float{
	width: 100%;
	background: #fff;
	border-radius: 5px;
	padding:20px 15px 15px 15px;
	box-shadow: 0 0 4px 3px rgb(0, 0, 0, 0.07);
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 9;
	display: none;
}
.ai_title_block .ai_title_float .close{
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
.ai_title_block .ai_title_float li{
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
	display: flex;
	align-items: center;
}
.ai_title_block .ai_title_float li:last-child{
	border-bottom: none;
}
.ai_title_block .ai_title_float li p{
	max-width: calc(100% - 80px);
	height: 32px;
	line-height: 32px;
	margin-right: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ai_title_block .ai_title_float li span{
	color: #4190ff;
	font-size: 13px;
	cursor: pointer;
}


/* 首页底部 */
.footer {
	width: 100%;
	height: 30px;
	flex-shrink: 0;
	line-height: 29px;
	background: #eff0f1;
	border-top: 1px solid #eaedef;
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #666;
	user-select: none;
}

.footer-copyright {
	padding-left: 10px;
}

.footer-copyright a {
	color: #666;
}

.footer-copyright a:hover {
	color: #333;
}

.footer-link {
	margin-left: 10px;
}

.footer-link .selete-title {
	cursor: pointer;
	/*padding-right: 10px;*/
}

.footer-link .selete-title .iconfont {
	font-size: 13px;
	margin-right: 2px;
}

.footer-link .selete-child {
	top: auto;
	bottom: 100%;
}

.footer-link .selete-child a {
	padding: 0 20px;
	line-height: 34px;
}

.footer-link .selete-child a:hover {
	background-color: #fafafa;
}

.footer-version {
	position: absolute;
	right: 10px;
	color: #999;
	font-size: 12px;
	cursor: pointer;
}

/* 重复登陆提示弹窗 */
.account-offline {
	border-radius: 6px !important;
}

.account-offline .offline_msg {
	color: #111;
	font-size: 17px;
	text-align: center;
	padding-top: 60px !important;
	background: #fff;
	border-radius: 6px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.account-offline .offline_msg i {
	color: #ff0000;
	font-size: 22px;
	margin-right: 10px;
}

.account-offline .layui-layer-btn {
	display: flex;
	justify-content: center;
	padding: 40px !important;
}

.account-offline .layui-layer-btn .layui-layer-btn0 {
	color: #fff;
	text-align: center;
	font-size: 16px;
	width: 110px;
	height: 40px;
	line-height: 40px;
	background: #5fb878;
	border-radius: 3px;
	border: none;
}

@media screen and (min-width: 1600px) and (max-width: 1644px) {
	.fun-list-son {
		width: 76px !important;
		padding: 0;
		left: 0;
		top: 30px;
		transform: none;
		box-shadow: 0 0 3px 3px rgb(0, 0, 0, 0.03);
		z-index: 1;
	}
}

@media screen and (max-width: 1413px) {
	.fun-list-son {
		width: 76px !important;
		padding: 0;
		left: 0;
		top: 30px;
		transform: none;
		box-shadow: 0 0 3px 3px rgb(0, 0, 0, 0.03);
		z-index: 1;
	}
}

@media screen and (min-width: 1440px) {
	.edui-editor {
		align-items: initial;
	}

	.editor_initialization {
		left: 478px;
	}

	.edui-default .edui-editor-iframeholder,
	.content-editor.wbar .edui-editor-toolbarbox {
		margin-left: 228px;
	}

	.simplify .edui-editor {
		align-items: center;
	}

	.simplify .editor_initialization {
		left: 50%;
	}

	.simplify .edui-default .edui-editor-iframeholder,
	.simplify.wbar .edui-default .edui-editor-toolbarbox {
		margin-left: 0;
	}

}

@media screen and (max-width: 1599px) {
	.content-r {
		margin-right: -2px !important;
		width: 0;
	}

	.content-r-btn {
		display: none !important;
	}

	.content-r-material {
		display: none !important;
	}
}


@media screen and (max-width: 1360px) {
	.editor-tab li.tab-item.edit .tab-li-con {
		width: 150px;
	}
}

@media screen and (max-width: 1280px) {
	.editor-tab li.tab-item.edit .tab-li-con {
		width: 130px;
	}
}

@media screen and (max-height: 624px) {
	body {
		overflow-y: auto;
		scrollbar-width: thin;
		scrollbar-color: #bfc1c4 #fff;
	}
}

@media screen and (min-height: 848px) {

	.fun-color-con,
	.fun-list {
		display: inline !important
	}

	.fun-list {
		transform: none;
		top: initial;
		bottom: 7px;
	}

	.fun-color-con {
		margin-top: 3px;
	}

	.fun-color-title {
		display: none
	}
}

#dom-to-image {
	height: auto;
	width: 480px;
	position: fixed;
	background-color: transparent;
	color: #3e3e3e;
	line-height: 1.6;
	font-size: 17px;
	box-sizing: border-box;
	text-align: initial;
	font-family: "Microsoft YaHei", -apple-system-font, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", sans-serif;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* vip无权限提醒 20220630 xubing */
.vip_tips_cover {
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0, 0.1);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	display: none;
}

.vip_tips_cover .vip_tips_box {
	width: 345px;
	height: 415px;
	padding: 165px 50px 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50.1%, -50.1%);
	display: none;
}

.vip_tips_cover .vip_tips_box.styles {
	background: url(../images/vip_tips_style.png) no-repeat;
}

.vip_tips_cover .vip_tips_box.template {
	background: url(../images/vip_tips_template.png) no-repeat;
}

.vip_tips_cover .vip_tips_box.com_styles {
	background: url(../images/com_tips_style.png) no-repeat;
}

.vip_tips_cover .vip_tips_box.com_template {
	background: url(../images/com_tips_template.png) no-repeat;
}

.vip_tips_cover .vip_tips_box.com_styles,
.vip_tips_cover .vip_tips_box.com_template {
	width: 350px;
	height: 417px;
	padding: 175px 50px 0px;
}

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

.vip_tips_cover .vip_tips_box.com_styles .close,
.vip_tips_cover .vip_tips_box.com_template .close {
	top: 10px;
	right: -20px;
}

.vip_tips_cover .vip_tips_box li {
	color: #6c272d;
	width: 100%;
	line-height: 38px;
}

.vip_tips_cover .vip_tips_box .btn_box {
	text-align: center;
	width: 100%;
	padding: 0 38px;
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: 0;
	bottom: 30px;
}

.vip_tips_cover .vip_tips_box .btn_box span {
	font-size: 18px;
	width: 124px;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	cursor: pointer;
}

.vip_tips_cover .vip_tips_box .btn_box span:hover {
	opacity: 0.9;
}

.vip_tips_cover .vip_tips_box .btn_box .kf {
	color: #af6400;
	background: #fff;
}

.vip_tips_cover .vip_tips_box .btn_box .vip_pop {
	color: #fff;
	background: #b88450;
}

.vip_tips_cover .vip_tips_Qr {
	width: 300px;
	height: 390px;
	padding: 140px 50px 50px;
	background: url(../images/vip_tips_kf.png);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.vip_tips_cover .vip_tips_Qr .close {
	width: 19px;
	height: 20px;
	background: url(../images/vip_tips_close2.png) no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.vip_tips_cover .vip_tips_Qr .qr {
	width: 200px;
	height: 200px;
	background: url(../images/vip_tips_Qr2_2.png?t=20240921);
	background-size: 100%;
}

.vip_tips_cover .vip_tips_Qr p {
	text-align: center;
	width: 100%;
	line-height: 30px;
}

/* 违规检测 */
.detection_block,
.correction_block {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
}

.detection_block .detection_title,
.correction_block .correction_title {
	color: #333;
	font-size: 14px;
	width: 100%;
	height: 48px;
	padding: 0 10px;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.detection_block .detection_title i,
.correction_block .correction_title i {
	cursor: pointer;
}

.detection_block .detection_box,
.correction_block .correction_box {
	width: 100%;
	padding: 15px 10px;
	height: calc(100% - 48px);
	overflow: auto;
}

.detection_block .detection_box .result-wrap-box,
.correction_block .correction_box .result-wrap-box {
	margin-top: 12px;
}

.detection_block .detection_box .title {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.detection_block .detection_box .title span {
	padding-left: 10px;
	position: relative;
}

.detection_block .detection_box .title span::after {
	content: '';
	width: 3px;
	height: 15px;
	background: #07c15e;
	position: absolute;
	left: 0px;
	top: 3px;
}

.detection_block .detection_box .title .upload_word {
	color: #07c15e;
	font-size: 13px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #07c15e;
	background: #fff;
	border-radius: 4px;
	margin-right: 10px;
	padding: 0px 10px;
	position: relative;
}

.detection_block .detection_box .title .upload_word:after {
	content: '企业';
	color: #8c601c;
	font-size: 12px;
	text-align: center;
	width: 32px;
	height: 18px;
	line-height: 18px;
	background: linear-gradient(to right, #f9e0af, #fbd58c);
	border-radius: 3px;
	position: absolute;
	top: -11px;
	right: -16px;
}

.detection_block .detection_box .slt_btn,
.correction_block .correction_box .slt_btn {
	width: 100%;
	margin: 12px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.detection_block .detection_box .slt_btn button,
.correction_block .correction_box .slt_btn button {
	color: #444;
	font-size: 12px;
	width: 54px;
	height: 24px;
	line-height: 24px;
	line-height: 24px;
	padding: 0;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	margin: 0 25px;
}

.detection_block .detection_box .slt_btn .disabled,
.correction_block .correction_box .slt_btn .disabled {
	color: #999;
	cursor: no-drop;
}

.detection_block .detection_box .slt_btn .retry,
.correction_block .correction_box .slt_btn .retry {
	width: 76px;
	height: 30px;
	line-height: 30px;
}

.detection_block .detection_box .result-wrap-box .iconfont {
	color: #07c15e;
}

.detection_block .detection_box .word_list,
.correction_block .correction_box .word_list {
	width: 100%;
}

.detection_block .detection_box .word_list td,
.correction_block .correction_box .word_list td {
	font-size: 13px !important;
}

.detection_block .detection_box .word_list td i,
.correction_block .correction_box .word_list td i {
	color: #ff3838;
	margin-right: 3px;
}

.detection_block .detection_box .word_list td.active,
.correction_block .correction_box .word_list td.active {
	color: #07c15e;
}

.detection_block .detection_box .word_list thead td,
.correction_block .correction_box .word_list thead td {
	text-align: center;
}

.correction_block .correct-replace {
	color: #ff3838;
	text-decoration: underline;
	padding: 0 3px;
}

.correction_block .correct-insert {
	color: #07c15e;
	font-weight: bold;
	padding: 0 3px;
}

.correction_block .correct-delete {
	color: #ccc;
	padding: 0 3px;
	text-decoration: line-through;
}


.detection_word_upload {
	width: 100%;
	padding: 20px;
	display: none;
}

.detection_word_upload .upload_box {
	text-align: center;
	width: 100%;
}

.detection_word_upload .upload_box .upload_btn {
	font-size: 15px;
	width: 165px;
	height: 40px;
	line-height: 40px;
	background: #5fb878;
	border-radius: 5px;
	position: relative;
}

.detection_word_upload .upload_box p {
	font-size: 13px;
	text-align: center;
	color: #666;
	width: 100%;
	line-height: 40px;
}

.detection_word_upload .upload_box a {
	color: #2c7dfa;
}

.detection_word_upload .upload_textarea {
	width: 100%;
	height: 190px;
	border: 1px solid #ddd;
	margin-top: 20px;
	resize: none;
}

.detection_word_upload .save_btn {
	color: #5fb878;
	font-size: 15px;
	width: 80px;
	height: 35px;
	line-height: 35px;
	background: #fff;
	border: 1px solid #5fb878;
	border-radius: 5px;
	margin-top: 20px;
	float: right;
}

.detection_word_succes {
	text-align: center;
	width: 100%;
	padding: 30px;
}

.detection_word_succes .succes {
	color: #333;
	font-size: 15px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background: url(../images/succes.png) left no-repeat;
	padding-left: 45px;
	display: inline-block;
}

.detection_word_succes .succes span {
	color: #fd8f01;
}

.detection_word_succes a {
	font-size: 15px;
	width: 165px;
	height: 40px;
	line-height: 40px;
	background: #5fb878;
	border-radius: 3px;
	margin-top: 35px;
}

embed .video_swf,
iframe.video_iframe {
	background-color: #000;
	max-width: 100%;
	position: static;
	width: 100%
}

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

iframe.qqmusic_iframe {
	margin: 10px 0
}

mpvoice,
mp-common-mpaudio,
qqmusic,
mp-miniprogram,
mppoi,
mpsearch,
mpvideosnap,
mp-common-profile,
mpprofile {
	width: 100%;
	margin-top: 0 !important
}

.weui-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.weui-flex_align-center {
	-ms-flex-align: center;
	align-items: center
}

.weui-flex__item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0
}

.weui-audio-btn {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 10px;
	width: 4em;
	height: 4em;
	background: #FFFFFF;
	border-radius: 50%
}

.weui-audio-btn:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 2.4em;
	height: 2.4em;
	color: rgba(0, 0, 0, .9);
	-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%2307C160' d='M14.9 2A14.17 14.17 0 0 1 19 12a14.17 14.17 0 0 1-4.1 10l-1.485-1.5A12.036 12.036 0 0 0 16.9 12c0-3.233-1.267-6.259-3.485-8.5L14.899 2zm-3.465 3.5A9.21 9.21 0 0 1 14.1 12a9.21 9.21 0 0 1-2.665 6.5L9.95 17A7.077 7.077 0 0 0 12 12a7.077 7.077 0 0 0-2.05-5l1.485-1.5zM7.97 9a4.251 4.251 0 0 1 1.23 3 4.25 4.25 0 0 1-1.23 3L5 12l2.97-3z'/%3E%3C/svg%3E") no-repeat 50% 50%;
	mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%2307C160' d='M14.9 2A14.17 14.17 0 0 1 19 12a14.17 14.17 0 0 1-4.1 10l-1.485-1.5A12.036 12.036 0 0 0 16.9 12c0-3.233-1.267-6.259-3.485-8.5L14.899 2zm-3.465 3.5A9.21 9.21 0 0 1 14.1 12a9.21 9.21 0 0 1-2.665 6.5L9.95 17A7.077 7.077 0 0 0 12 12a7.077 7.077 0 0 0-2.05-5l1.485-1.5zM7.97 9a4.251 4.251 0 0 1 1.23 3 4.25 4.25 0 0 1-1.23 3L5 12l2.97-3z'/%3E%3C/svg%3E") no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: currentColor
}

.weui-play-btn {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: rgba(237, 237, 237, .9);
	border-radius: 50%;
	font-size: 0
}

.weui-play-btn:before {
	content: "";
	display: inline-block;
	width: 60%;
	height: 60%;
	vertical-align: middle;
	background-size: cover;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23151515' fill-rule='evenodd' d='M9.524 4.938l10.092 6.21a1 1 0 0 1 0 1.704l-10.092 6.21A1 1 0 0 1 8 18.21V5.79a1 1 0 0 1 1.524-.852z'/%3E%3C/svg%3E")
}

.playing.weui-play-btn:before {
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Crect width='8' height='8' fill='%23000' fill-rule='nonzero' rx='.8' transform='translate(8 8)'/%3E %3Cpath d='M0 0h24v24H0z'/%3E %3C/g%3E%3C/svg%3E")
}

.weui-icon-arrow {
	background: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
	height: 24px;
	width: 12px;
	display: block;
	margin-right: 4px
}

.weui-wa-hotarea {
	position: relative
}

.weui-wa-hotarea:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 44px;
	min-height: 44px;
	width: 100%;
	height: 100%
}

.audio_area,
.music_area {
	margin: 16px 0;
	color: #222;
	line-height: 1.6;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	text-indent: 0;
	letter-spacing: normal;
	text-align: left;
	text-decoration: none;
	white-space: normal;
	display: block
}

.music_card {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 8px 8px 8px 20px;
	line-height: 1.4;
	position: relative;
	background-color: #f7f7f7;
	border-radius: 8px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.music_card_bd {
	display: block;
	padding-right: 12px;
	-ms-flex: 1;
	flex: 1;
	min-width: 0
}

.music_card_title {
	font-size: 17px;
	font-weight: 700;
	color: rgba(0, 0, 0, .9);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.music_card_desc {
	color: rgba(0, 0, 0, .5);
	font-weight: 400;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	padding-top: 8px;
	padding-right: 1.33333333em
}

.music_card_source {
	position: absolute;
	right: 92px;
	bottom: 8px;
	font-size: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 1.2em;
	height: 1.2em;
	-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12.794' viewBox='0 0 12 12.794'%3E %3Cpath fill-rule='evenodd' d='M7.377 6.682L4.433 2.75s-.517-.885.074-1.397C5.514.479 6.766 1.187 7.92 0c.384.626.209 1.93-.51 2.249-.719.318-1.588.348-1.588.348l3.028 5.45-.084-.073c.097.234.15.486.15.748 0 1.231-1.152 2.229-2.572 2.229-1.42 0-2.572-.998-2.572-2.229 0-1.23 1.152-2.228 2.572-2.228.368 0 .718.067 1.034.188zM3.43 1.372v.77a5.314 5.314 0 1 0 5.486.207v-.8a6 6 0 1 1-5.486-.177z' /%3E%3C/svg%3E") no-repeat 50% 50%;
	mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12.794' viewBox='0 0 12 12.794'%3E %3Cpath fill-rule='evenodd' d='M7.377 6.682L4.433 2.75s-.517-.885.074-1.397C5.514.479 6.766 1.187 7.92 0c.384.626.209 1.93-.51 2.249-.719.318-1.588.348-1.588.348l3.028 5.45-.084-.073c.097.234.15.486.15.748 0 1.231-1.152 2.229-2.572 2.229-1.42 0-2.572-.998-2.572-2.229 0-1.23 1.152-2.228 2.572-2.228.368 0 .718.067 1.034.188zM3.43 1.372v.77a5.314 5.314 0 1 0 5.486.207v-.8a6 6 0 1 1-5.486-.177z' /%3E%3C/svg%3E") no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: currentColor;
	color: rgba(0, 0, 0, .3)
}

.music_card_ft {
	position: relative;
	font-size: 0;
	cursor: pointer
}

.music_card_ft .weui-play-btn {
	font-size: 10px;
	width: 2.4em;
	height: 2.4em;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -1.2em;
	margin-top: -1.2em;
	z-index: 1
}

.music_card_thumb {
	width: 72px;
	height: 72px !important;
	border-radius: 2px;
	display: block
}

.audio_area_tag {
	position: relative;
	overflow: hidden
}

.audio_card {
	position: relative;
	background-color: #f7f7f7;
	border-radius: 8px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 20px 16px 24px;
	overflow: hidden;
	line-height: 1.4;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	display: block
}

.audio_area_tag .audio_card {
	padding: 0
}

.audio_card_title {
	display: block;
	font-weight: 700;
	font-size: 17px;
	color: rgba(0, 0, 0, .9);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

.audio_card_bd,
.audio_card_ft {
	display: block
}

.audio_area_tag .audio_card_bd {
	padding: 20px 16px 24px 20px
}

.audio_card_opr {
	display: block;
	padding-top: 30px
}

.audio_card_progress_wrp {
	position: relative;
	display: block;
	outline: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.audio_card_progress {
	display: block;
	height: 1.2px;
	background: rgba(0, 0, 0, .1);
	position: relative;
	overflow: hidden;
	border-radius: 2px
}

.audio_card_tips {
	display: block;
	font-size: 12px;
	color: rgba(0, 0, 0, .3);
	padding-top: 8px;
	line-height: 1.2;
	overflow: hidden
}

.audio_card_tips em {
	font-style: normal
}

.audio_card_length_current {
	float: left
}

.audio_card_length_current:before {
	position: absolute;
	left: -9999em;
	content: ""
}

.audio_card_length_total {
	float: right
}

.audio_card_length_total:before {
	position: absolute;
	left: -9999em;
	content: ""
}

.audio_card_switch {
	padding-left: 24px
}

.audio_card .weui-audio-btn {
	margin-top: 8px
}

.audio__tag {
	position: relative;
	padding: 12px 20px;
	display: -ms-flexbox;
	display: flex;
	font-size: 15px;
	line-height: 1.4;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden
}

.audio__tag:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	-ms-transform: scaleY(.5);
	transform: scaleY(.5);
	left: 20px;
	right: 20px
}

.audio__tag-title {
	color: rgba(0, 0, 0, .5);
	margin-right: 4px
}

.audio__tag-name {
	display: block;
	color: #576b95;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.weapp_text_link {
	font-size: 17px
}

.weapp_text_link:before {
	content: "\5c0f\7a0b\5e8f\ff0c";
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAB4RJREFUWAm1WUuMFGUQnn7szL5mdvbh7GwgEQUlS1weiagxxpigiUZeJgY1cMMDcDCGG8GLCWZvxHjh4BWUeDEsejBBEzWYKBBEiHAABBfCMOwsuzvszrvb+v6Zb7amt1ce0Up6qv6q+qq+/rv778dYkUeUqamp5dFodJPv++ts205blpX2PG8I5cTOiLol44zYZ8vl8vFkMnnlUVpZDwPK5/MpIbWrVqttFlLD0jwiBEHIaNbCGKJjQvai+I9Xq9VD8Xg8y9z76QcimM1mu3t6ej4UYh84jtOFxhBNJGxskhp5xIielZ37bHp6+tNUKnWPOYvp+xKcm5t7S4gclKIpFNGzsmjRkBnUOwNbZjQrtfZ2dnZ+vVgd+O1/CVqlUukjIXZYCqZADBuEJIllc4xh61zmaB9s7LDkHkYPwJgX1KEEx8fHO2TmjkjyPgLQmERIAjHajGnyjDGPOfQ3xvvQCz3ZS+sw5hYAsodbWBhNw4SNGCMBnR/MYS60jskhPyaHe7u4W5otmEGZ8v0gx2YsyDE0bc4Wx8glOe2Dn2No2hqPnuiNXC0tM9i4IA5LcksjNm0BNs417aMNAsRom3HoMD8wsu3QF06TIJaSRCJxXrDmamUBrVEYRejDmDY0JEgsLE4f8mkTj6tb1tsRLkEukiBY56Q4rizThI2okaNtjFlUx+Cr1vzIyTMz7uW/ik4mV7Yd24oMDrR5q1Z01Nav6a5yVsLwcvRS4CI1D5ge+MEdQhbgC1yECSQhjMNsYCGMQ2dzFeuLYxOxibuVBec3cpekY7XtWwZK8a75sMajj2yzcsd5BnccM4PCeg/JoQjJwAY4TFgUMeRjXK54kS/H6uR6e1xvw4vJyuNLYh5yrt8s2d//MtV2M1Nyvvo2F9u5LVUSJEJNPPtKrS7XdXdL6GOzG+LYqIJNUiShYyRDjRw2OXnmnntnsmInE663e3u6uHZVZy2ZsH1sa4Y7ant2DBURu3aj6Jz9c9YBVuNRhz6pvwlju1gsPikzaG78CKIxNgh1sAj91MhFztXrRQf2C+vi1Y721tMC/vZYPQb78rWCE8Tr/uCEJyZbrprNAAST4QOAIGj6qBnDGPjZgmeS0gNRc1jD8D1xx+y978/XJh4awl54nHOl8Do6STKoDarxg5gmxpj2yTEwbtZhDvSlKwUzy+lU1NPxFvz8EcSzpnnYXDCD3AtqFtOFGNM+kMBYx+DzPD/y86m8e+7SnBON2v7qlR01ncP6Gg9uriSlGSSAYyTDhl/7bmTK9tXxkj3ydFetL4lTqT5jyIdgTB/0qT9m3R9/zbvT+Yottfw3XuktJxP1Q61rh/QfcuUcHBKmzcIwdCILQE/crVpHj9+JZe7U17hSyau89lJPxYDVD3KJm5qpWWMnJqMIY+nZvKGv/NQT7ebwcicI5RhYiHBLYx30WQxObWNMyQm5Q0cy7ULK6up0/PUj3dWXn48bckEMGrGZkPJ3bhssunLmLR2qXzyIacxitvT2XZm9jABWMEmD6QPJYzILILdyeWf13Y39ZTSEMAeaQpuxZUujHn26fhCPmI6Dmy0OvIE1AyyqfYWiH7n6d9GJxWz/7df7FpBjLjQETag1Me1HPKxXwJfByXeLRViUYGiI3F/NSYr1raPdNoXh594S75nVT1Z/mUz6kAfhGJp2EI887gRy5Bw0M/g7ndQI0gZISJkpyU6WbTm7m8RYELnFkh+ZnK4/qCTiWF4XXtk6X5NkLjX7iz4rh9keAxBODaKNWKrf9Qd627yC3Cm++2m6DbHWYpHI2Im7UfFZqf6oN9DrmAsPWIquH8QjR8dRG2O88JszW56kTwvRYSayOYtD37xdsT8/ejtWq/nWsqXttdXDHdW+RNTHY9Vv5/IuTgPHtfxd7w0V04/V1ziND5IiCeTofsyTw3tRnqyfNY9b8qg1JkktXwo0EKAlg23eO2/2l7/5YaoNTyPYNIFEt6xxr/aVQQ75QTxJkEBYnDFocEKOqYQHVnn+uiCBLji1IBnCBiVZ+U6fv+dmshV7cqpq9fY4/tBg1HtudXe1zeyuRs9fHMRrEvQBQT9smb1Z+YphHljr3cWJF2gB7NOENAhAjrWGP9iIPuZhDOFYa/hD8KOxWOyAweAHEnxpqnvrvyyofbQZg4boZsEcjrUO4mX2Wl6a6jdhQeAtSoJ70YDNoIMFwmJoqImF5Wgf8jHGRhx0Y9vLNzrkNQligPdRuZpHgyDEKIixMPMQow82/dC04YdgzFwdg0+2Uf1OjPzmOYhBQ6xCoYCX9626WDOo9pqNqHUO7IfBy0XxYJ8+UHdiYuJ9AHQT2GGiycHmmLNDkmFY+JCPXrlcbqcMW28/iCNpEcHnt/3SwHzhQiEIG5JAGDYsN8yHGjil5Ir9BKVDa4U5ta/xveagNDCfRBhDQ5JczEaujhHb0FlclMFzLpDTepEEgxijAL6VSCNcPLPw6aa0oSEgTZsx+GFjwyIsenRmZmbkfuQMDj8PKrjjyCHZIw02im7eGokHAQhnFjZ8GAux/+8jOhoFhX9DCIG1EsPfD9jMC5j4/rO/If4BCiyOk7IAfLMAAAAASUVORK5CYII=);
	background-position: center;
	vertical-align: middle;
	font-size: 10px;
	margin-right: 4px;
	margin-top: -3px;
	height: 2em;
	width: 2em;
	line-height: 999em;
	overflow: hidden
}

.weapp_image_link {
	line-height: 0;
	font-size: 0;
	display: inline-block;
	position: relative;
	vertical-align: bottom;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.weapp_image_link:after {
	content: " ";
	width: 26px;
	height: 26px;
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAB/hJREFUaAXNWW2IFVUYvjP3c9e7q/u9rq61gu0WlhmiYEkQUW6iiNAfM8j+FBFEEBH0RymyIoIk+qlFBP3IChbdEgpSAltKEYoWsdbSdN2766qr171fM73P7H3GM2dn7sfu6nrg7Pue97wfzzPnzJnZuUZo7poxy1T2LOOd8NmCqCRe96kEeCU+vvz1Yr5OPsagON2uj5lKB6yPg/xoD5RBBYMC/PxVG3VK5uFYB84xJfxVnfF+Ns55JAt5jD4DPz/aVKnqSMOxnpIAVanq8OdYjfWzqfOBBVUnHRTHkLruZ1NzUQcwgqNOCR9dZxzn1LFHJyCPURno8xwTOKUpMY4+MDDQ1dPT0xuPx1eZptmObhhGO3Latj1sWZbTM5nMycHBwf61a9cOYarYLUWnTUwueehomKu6ESwlQIelR6RHpcekJ6TXHDx48K6JiYm3CoXCbwL6ejUdMYhFDuQq5kRu1EAt1HQvmOjEI2rljUGUOpm4pKrZu3dvi4DZLVc9VQ0JP1/kQC7kRG7pqFE1KQDWm24jKUheKXNkZGRzc3Pz+7KdAGDOmpBNjY6Ovt7a2tonSbkFKdVtyJqe7QeApZpOxuzo6AjLlXyjpaVl/1yTARDkRG7UQC0xASMvJPHAtaLGAK4G7xnnftm1a1ej3Mxf+m2ZW2FDLdQU5LhXgSHonnLJAbjaOKbklXFWZmhoaF8sFtusBtxqPZvN9nV1dT1//vz5gtTi1oNE43ajdJ8jmCQJ6hhzuU1sgWQy+Romb3e7du3aB3V1de9KXRBh1+8nhxQA6w1E1O4cAPNFBuBQG4eQqNwxKj64uI2E4KA32Ew5RpM4zfTJ2z0GBmABJulBeN0JOkCyI9A50eZqdQqyWY4MXI6c+isdHh7NyEuEEWpviVn3dycL61bX5wlC6vo2Zeup95O69WzmUCV0h4w8vdt6e3t/laO01rdCFcaRsZzx2VcX4qlLWe4KT/TSxYnCc08vztQvwMHq3+QkTff396/ZtGnTRfHQSSHIIUQyMJAMV+dNWZ1XMTGblsvboY/2nU2MjGXNxkVR64kNTbm7lyack+rMuUnz8NGx6KXLOXP5strCC9s7MoaKSCssq/ShHBDviJmEkMc95dSrhTSeXltb26vlm9Hwp18uR0CmYWHUemVn5+RDK5OFxkURGx06bJj7+990+PjvE8FLJNUF01M6zuLYwaYScgzFPwbemmWT96jGmeqnh9IOyEfWLMrXJKaXhA1zyH+q6BtUC5iATeZ911HPzhUK4V+AoKTV2q/fsJzibc0xZ5v5xdfXhZ1tYwV63IxSsLl4OasTot3A/zMczFbKzTyVwveaTk39eXpqFRe3xctSKmLzzYZ3IzY6OKzxjxknbqUE1yNyjx3/YyIci5n26vuSuNlLtiI2B2fREbpz1UiIZNxEMyF09kLGPP3PDfMBea40NUSKy+KmnKYcO3E18sPP45ErEzlTHg32lsdbsg0Ly8cFYHNIkRCLucSkQMUrlLqUM774djh+/mLG2cKZjJXb+Ghjjkn95PiVvPH1dyN4gw7hKN/2ZGv2nuU1Zbcb/DVs7upgTicEG1vZKwzHsfG8sffTswkhYSQXROx1q+rzjz3cUJIM4rASLz6zdDIaMUKdHeXvG8QoLRCbTsh1lBv5olyJ5UoSX/WAXGWQuXdFMr9ja1sWACtty5dNPVwr9acfsFEX6WKGjaecx4gJfJ2BLNVuTFqh02fS4UQibG/fUh2ZUnnLzQVgcziQEHKQFKQdEOSpNZyaei9rl+dLPBa8Mny2yLvonLQiNgdnMSGxuyukF7Lx3Uw36uPamqmHIV443Yya02TGCo1dzjlU6uvKn2BauO+wiM23pLpCCHZZ4yOgbzbF2NYctVsaY9b1dME49OMYPjl5Gp4xB/pTMdnzRltz3GptivqC8ARVMFCwuXgZhivHjUAdJNHD8hHwqJz5Jd/n8Oz55PNz8ULBNro6awqrV9blG+uj9uh4zjx24kpkOJUxwxHDfvnZzskl7bFZE5LtNhgOhzcIPv1t28mtnnIsRtZ2Op0+JP8+lCTUuThu7djanv3m+1R06OyNMLoUc1t9MmJt29ianQsySApMIlyMio5pz+pwjJVyVqiaf/AyWTs0cPJq5L/hjDk2njOaGqL2kva4te7B+nwsyk2AEjNvsnUr+gcPFViR284lNZ9fe3TqlfwLHnQouEu6f//+j+XKpPTkt3sMDMAidV1siu7C4crAQH3aKuETEj7PulHzoKRSqZ3F7908DFRiQISx73NIdYRuIRGWGwHz0VBb+3ivYvRAUrecw1CZZRDegK3u7u738FlWmb8tKmqiNjAUO3Gp9V3sniNWPLjt4OzR5XAIRSKRw+vXr18hz4FuNdut0kFmz549L/X19WWlBokQPGXZ8tPuIYnA88r5BUJ+4qgVcrvlJq3ql7pq/VEDtaRuolgbGLAA2FUqRhnebOoq0Krb1GAmu2N/8CIJXaokoIMIrg6uEt7Z7tifJAVbYCtHytmCEs0fjd++E340BuhSTZ/n2I+sY5vvn/UJcDakEKsTVG1+uXliYY46pWqjDslW8nSrhBAS+fnRpkpVD4qDnaBUqeqqD3Q2+nA8TRLAtIkAg5+/aqNOyTQc64A4poS/qjPez8Y5j2Qhj7GCQVCcbtfHTK0D1MdBfrQHyqCCgQHaRCXxuk8QeDV1JT6qv6vrxdyJGSizzTVjEirW/wHMVuaHDWfcmwAAAABJRU5ErkJggg==) no-repeat center;
	background-size: contain
}

.weapp_image_link img {
	width: 100%;
	height: auto;
	display: initial;
	visibility: visible !important
}

.weapp_card {
	color: #222;
	line-height: 1.6;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	text-indent: 0;
	letter-spacing: normal;
	text-align: left;
	text-decoration: none;
	white-space: normal;
	position: relative;
	background-color: #f7f7f7;
	border-radius: 8px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	overflow: visible;
	padding-top: 12px;
	display: block
}

.weapp_card_bd {
	padding: 0 12px 8px;
	display: block
}

.weapp_card_ft {
	padding: 0 12px 8px;
	line-height: 1.3;
	display: block
}

.weapp_card_logo {
	color: rgba(0, 0, 0, .5);
	font-size: 14px
}

.weapp_card_logo:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	margin-top: -.2em;
	margin-right: 4px;
	background-size: cover;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E %3Cpath fill='%236467F0' fill-rule='evenodd' d='M12.753 9.743l-.177.003c-.535 0-.846-.393-.645-.845a1.16 1.16 0 0 1 .816-.651c.981-.237 1.648-1.004 1.648-1.897 0-1.081-1.032-1.963-2.322-1.963s-2.322.882-2.322 1.963v5.392c0 1.899-1.698 3.428-3.788 3.428s-3.788-1.53-3.788-3.428c0-1.665 1.314-3.087 3.105-3.357h.144c.405 0 .697.243.697.589a.64.64 0 0 1-.008.122.464.464 0 0 1-.044.134c-.13.301-.46.562-.816.651-.974.236-1.648.998-1.648 1.86 0 1.082 1.032 1.964 2.322 1.964s2.322-.882 2.322-1.963V6.353c0-1.899 1.698-3.428 3.788-3.428s3.788 1.53 3.788 3.428c0 1.674-1.283 3.079-3.072 3.39z'/%3E%3C/svg%3E")
}

.weapp_card_profile {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: rgba(0, 0, 0, .5)
}

.weapp_card_avatar {
	display: inline-block;
	background-color: #fff;
	overflow: hidden;
	vertical-align: middle;
	padding: 0;
	font-size: 10px;
	width: 2em;
	height: 2em;
	margin-right: 6px
}

.weapp_card_avatar img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #eee
}

.weapp_card_nickname_wrp {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.weapp_card_nickname {
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	font-weight: 400;
	display: block
}

.weapp_card_info {
	display: block
}

.weapp_card_title {
	padding: 8px 0 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: 400
}

.weapp_card_thumb_wrp {
	position: relative;
	display: block;
	padding-bottom: 80%;
	overflow: hidden;
	border: none;
	border-radius: 2px;
	-ms-transform: scale(1);
	transform: scale(1)
}

.weapp_card_thumb_img {
	position: absolute;
	width: 100%
}

.location_title {
	font-size: 17px;
	line-height: 1.3;
	padding: 0 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.location_detail {
	font-size: 14px;
	color: rgba(0, 0, 0, .5);
	line-height: 1.3;
	padding: 4px 4px 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.location_img_wrp {
	width: 100%;
	padding-top: 37.88%;
	border-radius: 2px;
	overflow: hidden;
	background-size: 200%;
	background-position: center
}

.ct_geography_loc_card {
	background-color: #f7f7f7;
	border-radius: 8px;
	padding: 12px 8px;
	width: 100%;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	overflow: visible
}

.ct_geography_loc_tip {
	text-align: center;
	padding: 0 5px;
	margin: 16px auto
}

.ct_geography_loc_tip:before {
	content: "";
	display: inline-block;
	position: relative;
	top: -2px;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	background-size: cover;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Ccircle cx='10' cy='10' r='10' fill='%23F1F2F1'/%3E %3Cpath fill='%23576B95' d='M10 4c2.761 0 5 2.106 5 4.703 0 3.538-4.539 7.134-4.539 7.134a.735.735 0 0 1-.922 0S5 12.241 5 8.703C5 6.106 7.239 4 10 4zm0 2.94c-1.036 0-1.875.79-1.875 1.763 0 .974.84 1.764 1.875 1.764 1.036 0 1.875-.79 1.875-1.764S11.035 6.94 10 6.94z'/%3E %3C/g%3E%3C/svg%3E")
}

.appmsg_search_card {
	position: relative;
	background-color: #f7f7f7;
	border-radius: 8px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	margin: 16px 0;
	padding: 12px;
	font-size: 14px;
	line-height: 1.4
}

.appmsg_search_bd {
	display: block;
	margin-top: 12px
}

.appmsg_search_keywords_area {
	background: #FFFFFF;
	border-radius: 4px;
	text-align: center;
	padding: 10px 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.appmsg_search_keywords_area .weui-icon-search {
	margin-right: 4px;
	font-size: 10px;
	width: 2em;
	height: 2em;
	display: inline-block;
	vertical-align: middle;
	-position: 50% 50%;
	mask-position: 50% 50%;
	-webkit-mask-position: 50% 50%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	mask-size: 100%;
	background-color: currentColor;
	color: rgba(0, 0, 0, .5);
	-webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.31%2015.561l4.114%204.115-.848.848-4.123-4.123a7%207%200%2011.857-.84zM16.8%2011a5.8%205.8%200%2010-11.6%200%205.8%205.8%200%200011.6%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
	mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.31%2015.561l4.114%204.115-.848.848-4.123-4.123a7%207%200%2011.857-.84zM16.8%2011a5.8%205.8%200%2010-11.6%200%205.8%205.8%200%200011.6%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)
}

.appmsg_search_keywords_list {
	color: rgba(0, 0, 0, .9);
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	display: block;
	font-size: 0
}

.appmsg_search_keywords {
	display: inline;
	font-size: 14px
}

.appmsg_search_keywords:before {
	content: " | ";
	position: relative;
	top: -1px
}

.appmsg_search_keywords:first-child:before {
	display: none
}

.wx_profile_card {
	position: relative;
	background-color: #f7f7f7;
	border-radius: 8px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 16px 0;
	line-height: 1.4;
	text-align: left;
	text-decoration: none;
	clear: both;
	position: relative
}

.wx_profile {
	padding: 20px 16px;
	display: flex
}

.wx_profile_hd {
	display: flex;
	padding-right: 10px
}

.wx_profile_hd .wx_profile_avatar {
	width: 44px;
	height: 44px !important;
	border-radius: 100%
}

.wx_profile_bd {
	align-items: center
}

.wx_profile_bd>.weui-flex__item {
	padding-right: 16px
}

.wx_profile .weui-icon-arrow {
	width: 1em;
	height: 2em;
	color: rgba(0, 0, 0, 0.3);
	font-size: 10px
}

.wx_profile_nickname {
	display: block;
	color: rgba(0, 0, 0, 0.9);
	font-size: 17px;
	font-weight: 500;
	line-height: 1.2
}

.wx_profile_desc,
.wx_profile_nickname {
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.wx_profile_desc,
.wx_profile_tips {
	color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	margin-top: 4px
}

.wx_profile_tips {
	display: flex
}

.wx_profile_card_ft {
	padding: 8px 16px;
	align-items: center;
	position: relative;
	color: rgba(0, 0, 0, 0.3);
	font-size: 14px
}

.wx_profile_card_ft:before {
	content: "";
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.1);
	transform-origin: 0 0;
	transform: scaleY(.5);
	left: 16px;
	right: 16px
}

.wxw_wechannel_card {
	margin: 16px auto;
	font-size: 14px;
	text-align: left;
	line-height: 1.4;
	letter-spacing: normal;
	overflow: hidden;
	width: 66.5%;
	max-width: 300px;
	position: relative
}

.wxw_wechannel_card.appmsg_card_channel {
	background-color: transparent;
	border-radius: 4px;
	position: relative;
	width: 440px
}

.wxw_wechannel_card.appmsg_card_channel .wxw_wechannel_card_bd {
	border-radius: 0 0 4px 4px;
	overflow: hidden
}

.wxw_wechannel_video_context {
	background-color: #f7f7f7;
	padding-bottom: 100%;
	position: relative;
	background-size: cover;
	padding-bottom: 0;
	background-position: 50%
}

.wxw_wechannel_card_ft {
	padding: 8px 12px;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	color: rgba(0, 0, 0, .5)
}

.wxw_wechannel_card_ft:before {
	content: "";
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	-ms-transform: scaleY(.5);
	transform: scaleY(.5);
	left: 12px;
	right: 12px
}

.wxw_wechannel_card.appmsg_card_channel .wxw_wechannel_card_ft {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 0 12px;
	height: 72px;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	line-height: 20px
}

.wxw_wechannel_card.appmsg_card_channel .wxw_wechannel_card_ft .wxw_wechannel_profile {
	flex-wrap: wrap;
	padding: 0;
	position: absolute;
	align-items: center;
	bottom: 8px
}

.wxw_wechannel_desc {
	width: 100%;
	color: #f7f7f7;
	padding-right: 12px;
	max-height: 40px;
	overflow: hidden
}

.wxw_wechannel_logo {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px !important;
	background-size: cover;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath d='M0 0h18v18H0z'/%3E %3Cpath stroke='%23FA9D3B' stroke-width='.9' d='M9 9.878S6.512 15 5.161 15 1.556 6.027 2.457 3.753C3.827.293 9 9.878 9 9.878zm0 0S11.488 15 12.839 15c1.352 0 3.605-8.973 2.704-11.247C14.173.293 9 9.878 9 9.878z'/%3E %3C/g%3E%3C/svg%3E")
}

.wxw_wechannel_card .wxw_wechannel_logo {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px !important;
	background-size: cover;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath d='M0 0h16v16H0z'/%3E %3Cpath fill='%23FA9D3B' fill-rule='nonzero' d='M14.163 3.198c.144.364.208.898.207 1.535l-.002.194-.014.37-.026.388-.03.32-.017.163-.04.333-.046.338-.053.343-.06.347-.064.35-.09.437-.096.437-.083.348-.088.344-.092.34-.096.334-.15.487-.104.314-.108.304-.11.293-.055.141-.113.273c-.457 1.063-.958 1.776-1.42 1.776-.508 0-1.024-.432-1.625-1.208a14.532 14.532 0 0 1-.85-1.246c-.234-.38-.464-.778-.686-1.182L8 9.6l-.118.225c-.218.406-.444.807-.674 1.189l-.23.375-.096.15-.187.288-.183.269c-.722 1.035-1.342 1.61-1.923 1.61-.44 0-.916-.646-1.355-1.626l-.066-.149-.169-.414-.11-.293-.08-.227-.08-.232-.102-.319-.1-.327-.095-.334-.092-.34-.088-.344-.083-.348-.097-.437-.122-.613-.062-.348-.056-.345-.05-.341-.043-.335-.037-.329-.03-.32-.025-.388-.014-.37c-.015-.723.046-1.328.205-1.729.32-.806.927-1.084 1.641-.792.523.213 1.104.726 1.753 1.495a19.92 19.92 0 0 1 1.209 1.612c.37.541.733 1.112 1.08 1.69l.368.62.112.194.221-.38c.425-.724.877-1.448 1.34-2.124.416-.61.821-1.154 1.208-1.612.65-.77 1.23-1.282 1.753-1.495.714-.292 1.322-.014 1.641.792zM3.1 3.332c-.156-.064-.202-.066-.28.108l-.053.127c-.086.216-.138.626-.138 1.159l.002.163.013.34.024.365.027.3.034.312.041.318.048.325.053.33.059.329.117.591.094.422.08.333.083.33.088.325.091.32.095.31.098.304.074.22.075.21.1.266.158.39.062.143c.17.377.335.677.482.88l.061.082.017.02a1.12 1.12 0 0 0 .09-.068l.108-.097.125-.127c.067-.071.14-.154.219-.249l.164-.207c.058-.074.117-.154.18-.24l.094-.133.171-.252.18-.277.089-.138.225-.367c.161-.268.324-.551.485-.843l.16-.295.297-.568-.265-.461-.362-.613a34.847 34.847 0 0 0-1.051-1.642 19.053 19.053 0 0 0-1.147-1.531c-.575-.68-1.04-1.081-1.367-1.214zm10.133.235l-.052-.127c-.08-.174-.125-.172-.281-.108-.327.133-.792.533-1.367 1.214-.355.421-.74.934-1.147 1.53a34.805 34.805 0 0 0-1.04 1.627l-.26.435-.383.66.426.793c.221.402.442.784.66 1.137.282.456.546.844.79 1.159.095.122.183.23.263.322l.15.166c.094.098.174.173.239.225l.066.05.036-.044c.154-.198.327-.504.501-.889l.075-.17.107-.256.05-.126.102-.273.102-.287.097-.293.145-.469.092-.319.088-.325.084-.33.08-.333.093-.42.086-.42.062-.335.057-.332.05-.327.045-.32.038-.32.016-.148.027-.297.025-.357.013-.345.002-.184c.001-.544-.052-.952-.137-1.164z'/%3E %3C/g%3E%3C/svg%3E")
}

.wxw_wechannel_nickname {
	color: rgba(0, 0, 0, .9);
	font-weight: 500;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	line-height: 1.2
}

.wxw_wechannel_card.appmsg_card_channel .wxw_wechannel_card_ft .wxw_wechannel_nickname {
	line-height: 20px;
	color: #fff
}

.wxw_wechannel_card_live {
	width: auto;
	max-width: none;
	background-color: #f7f7f7;
	border-radius: 8px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.wxw_wechannel_live_context {
	font-size: 14px;
	padding: 20px 16px 16px
}

.wxw_wechannel_live_overview {
	-ms-flex-align: center;
	align-items: center
}

.wxw_wechannel_live_hd {
	display: -ms-flexbox;
	display: flex
}

.wxw_wechannel_live_hd .wxw_wechannel_live_avatar {
	width: 4.4em;
	height: 4.4em !important;
	border-radius: 100%;
	margin-right: 10px;
	font-size: 10px
}

.wxw_wechannel_live_nickname {
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	font-size: 17px;
	font-weight: 500
}

.wxw_wechannel_live_nickname,
.wxw_wechannel_live_desc {
	display: block;
	color: rgba(0, 0, 0, .9)
}

.wxw_wechannel_live_desc {
	margin-top: 2px;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

.wxw_wechannel_live_tips {
	margin-top: 16px;
	color: rgba(0, 0, 0, .5);
	line-height: 1.4;
	font-size: 14px
}

.wxw_wechannel_card_live .wxw_wechannel_card_ft {
	padding-left: 16px;
	padding-right: 16px
}

.wxw_wechannel_card_live .wxw_wechannel_card_ft:before {
	left: 16px;
	right: 16px
}

.wxw_wechannel_card.appmsg_card_channel .wxw_wechannel_card_ft:before {
	display: none
}

.wxw_wechannel_topic_avatar {
	width: 20px;
	height: 20px;
	max-height: 20px;
	border-radius: 100%;
	margin-right: 8px
}

.wxw_wechannel_topic_nickname {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.9);
	font-weight: 400;
	font-family: PingFang SC;
	opacity: .5;
	line-height: 20px
}

.wxw_wechannel_topic_desc {
	margin-top: 12px;
	font-weight: 500
}

.wxw_wechannel_live_btn {
	background: #ff6146;
	width: 66px;
	height: 32px;
	color: white;
	border-radius: 3px;
	border-color: transparent
}

.wxw_wechannel_topic_btn {
	background: #fa9d3b;
	padding: 6px 6px;
	width: 60px;
	font-size: 14px;
	height: 32px;
	line-height: 18px;
	float: right;
	margin-top: -24px
}

.vote_iframe {
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 0
}

/* 周年活动浮动图标 */
.anniversary_float {
	width: 122px;
	height: 111px;
	background: url(../../plugins/vip/images/float_img.png) no-repeat;
	position: absolute;
	left: -125px;
	top: -0px;
}

.anniversary_float a {
	width: 100%;
	height: 100%;
	display: block;
}

.anniversary_float .close {
	width: 16px;
	height: 16px;
	background: url(../../plugins/vip/images/float_close.png) no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

.ai_cover {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}

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

.ai_block {
	width: 890px;
	background: #fff;
	padding: 40px 30px;
	border-radius: 5px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

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

.ai_block .min {
	position: absolute;
	width: 16px;
	height: 16px;
	font-size: 12px;
	right: 50px;
	top: 15px;
}

.ai_block .min cite {
	position: absolute;
	width: 14px;
	height: 2px;
	left: 0;
	top: 50%;
	margin-top: -1px;
	background-color: #2E2D3C;
	cursor: pointer;
	_overflow: hidden;
}

.ai_block .introduce {
	width: 100%;
	height: 350px;
	position: relative;
}

.ai_block .introduce .ai_tips {
	position: absolute;
	right: 10px;
	top: 10px;
}

.ai_block .introduce .ai_tips button {
	position: absolute;
	right: 0;
	top: 25px;
	line-height: 20px;
	height: 26px;
	padding: 0 10px;
	background: #07c15e;
	display: none;
}

.ai_block .introduce .title {
	color: #343541;
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.ai_block .introduce .title strong {
	font-size: 30px;
}

.ai_block .introduce .title em {
	font-size: 14px;
	vertical-align: top;
	padding-left: 10px;
	color: #ff000080;
}

.ai_block .introduce .title p {
	font-size: 16px;
	margin-top: 10px;
}

.ai_block .introduce .info {
	width: 100%;
	padding: 0 30px;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.ai_block .introduce .info li {
	font-size: 14px;
	text-align: center;
	width: 240px;
	height: 65px;
	background: #f7f7f8;
	padding: 10px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.ai_block .introduce .info .example {
	width: 50px;
	font-size: 18px;
	background: url(../images/ico_01.png) center 5px no-repeat;
	padding: 30px 0 0 0;
}

.ai_block .send_box {
	width: 100%;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(229, 229, 229, 0.3);
	display: flex;
	margin-top: 15px;
}

.ai_block .send_box input {
	width: 100%;
	height: 46px;
	border: none;
}

.ai_block .send_box button {
	width: 50px;
	height: 46px;
	background: url(../images/ico_03.svg?v=1) center no-repeat #07c15e;
	flex-shrink: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.ai_block .article {
	width: 100%;
	max-height: 500px;
	padding: 0 10px;
	overflow-y: auto;
}

.ai_block .article_box {
	width: 100%;
}

.ai_block .article_box .question {
	width: 100%;
	margin-top: 15px;
	display: flex;
	align-items: center;
}

.ai_block .article_box .question span {
	color: #fff;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #ba1a57;
	border-radius: 3px;
	margin: 0 15px;
	flex-shrink: 0;
}

.ai_block .article_box .answer {
	width: 100%;
	margin-top: 15px;
	padding: 15px 75px 15px 15px;
	background: #f7f7f8;
	border-radius: 5px;
	display: flex;
	position: relative;
}

.ai_block .article_box .answer .loading {
	width: 100%;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ai_block .article_box .answer .loading i {
	font-size: 30px;
}

.ai_block .article_box .answer .add {
	display: flex;
	position: absolute;
	padding-top: 10px;
	top: 10px;
	right: 20px;
}

.ai_block .article_box .answer .add em {
	width: 16px;
	height: 16px;
	background: url(../images/ico_04.png) no-repeat;
	cursor: pointer;
}

.ai_block .article_box .answer span {
	color: #fff;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #10a37f;
	border-radius: 3px;
	margin-right: 15px;
	flex-shrink: 0;
}

.ai_block .article_box .answer .text {
	width: 100%;
	line-height: 26px;
}

.ai_block .retry {
	width: 100%;
	padding: 15px 0 0;
	display: flex;
	justify-content: center;
}

.ai_block .retry button {
	color: #333;
	width: 130px;
	height: 38px;
	text-indent: 15px;
	background: url(../images/ico_05.png) 10px no-repeat;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 0px;
}

.longPic_pop {
	width: 880px;
	background: #fff;
	padding: 0;
	display: flex;
	justify-content: space-between;
}

.longPic_pop .left {
	width: 383px;
}

.longPic_pop .right {
	width: 370px;
}

.longPic_pop .left h2,
.longPic_pop .right h2 {
	font-size: 15px;
	font-weight: bold;
	width: 100%;
	margin-bottom: 10px;
}

.longPic_pop .left .rich_block {
	width: 100%;
	height: 580px;
	border: 1px solid #dadde1;
	overflow-y: scroll;
	overflow-x: hidden;
	position: relative;
	font-size: 17px;
}

::-webkit-scrollbar-track {
	background: #f8f8f8;
}

.longPic_pop .left .rich_block .enlarge {
	width: 25px;
	height: 25px;
	background: url(../images/ico_002.png);
	position: sticky;
	top: 20px;
	left: calc(100% - 45px);
	cursor: pointer;
	z-index: 3;
}

.longPic_pop .left .rich_block .cut_block {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: none;
}

.longPic_pop .left .rich_block .cut_block .line {
	width: 100%;
	height: 5px;
	border-top: 1px dashed #00bc67;
	position: absolute;
	left: 0;
	top: 50%;
	background-color: transparent;
	max-width: none;
}

.longPic_pop .left .rich_block .cut_block .line:after {
	content: '';
	width: 0px;
	height: 0px;
	border: 8px solid transparent;
	border-right: 8px solid #00bc67;
	position: absolute;
	right: 0px;
	top: -8px;
}

.longPic_pop .left .rich_block img {
	max-width: 100%;
}

.longPic_pop .left .rich_block .content_block {
	margin-top: -25px;
}

.longPic_pop .left .rich_block .img_block {
	width: 100%;
	height: 100%;
	margin-top: -25px;
	display: none;
	justify-content: center;
	align-items: flex-start;
}

.longPic_pop .left .rich_block .img_block img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}

.longPic_pop .right .edit_list {
	width: 100%;
}

.longPic_pop .right .edit_list li {
	width: 100%;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	min-height: 32px;
}

.longPic_pop .right .edit_list li>div {
	display: flex;
	align-items: center;
}

.longPic_pop .right .edit_list li span {
	width: 80px;
	line-height: 28px;
	flex-shrink: 0;
}

.longPic_pop .right .edit_list .type em {
	font-size: 13px;
	text-align: center;
	font-style: normal;
	width: 66px;
	height: 28px;
	line-height: 30px;
	background: #f9f9f9;
	border-radius: 4px;
	margin-right: 20px;
	user-select: none;
	cursor: pointer;
}

.longPic_pop .right .edit_list .vip {
	display: inline-block;
	width: 12px;
	height: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAB0UlEQVQ4T3WST2sTURTFf+fNjKYKCm4mLYKi6MKNFPwEEl21CC6Ci1oUpQpKFyKoIJKFSBVBQaE1m5KYgi66EtQvIBU/gUVwo/aPQor4p7bJvCsznYRq9cHjPc49597DvVfkxwwlj+MBQ3cFvcAPQIABPUATuBK8X5hWBZ/K0mB2WvX4MOYmJNvXwTa8xhyOkWBo4bmEZeLVWl+/k68Ch/4r7DiEt3h3Njo190o21bsr8b6K6WhuMbXp/pEktZoWS+9MgM6oXSs+RZRz8k/gGRABx7sJxAvMmqBBYFuOv1SrXpwV7O+IJS671XYjiaJpsCPAmyBJjiUuLCF7CGzPuR/UqsUlSRPA3hQ0mMVrJDR9TkJ/1Sd6gOQD2aRhB9eE9gnjQtawdi0eQBoHdmYh0zsL/PCmocXX1ige8J6GQX9esYk0Gp6cn+qOql2PT4DuAcWcNCPsieEGwUo5tiTTNTc8X+2OKqtWwSV74tOgO8COnLwCbM7/34Rdd8uL4zpH648lyRI8IvKF+LxJN9d1NVsFYRVXiO6r/HG5M4Wu7Q5gk7sLPvg1anAD2Jq2xLDbYcGPqfzl+/r5bxCvOejb4nvskmEXDWphYeWWyktf/16c3/Yap/k8WdH3AAAAAElFTkSuQmCC) no-repeat;
	background-size: 100% 100%;
}

.longPic_pop .right .edit_list .type .slt {
	color: #fff;
	background: #00bc67;
}

.longPic_pop .right .edit_list .mode>div {
	display: flex;
}

.longPic_pop .right .edit_list .mode.pdf {
	display: none;
}

.longPic_pop .right .edit_list .mode p {
	width: 105px;
	padding-top: 85px;
	cursor: pointer;
}

.longPic_pop .right .edit_list .mode .long {
	background: url(../images/type_01.png) left top no-repeat;
}

.longPic_pop .right .edit_list .mode .section {
	background: url(../images/type_02.png) left top no-repeat;
}

.longPic_pop .right .edit_list .layui-form-radio {
	margin: 0;
	padding: 0;
}

.longPic_pop .right .edit_list .layui-form-radio>i {
	margin-right: 3px;
}

.longPic_pop .right .edit_list p {
	margin-right: 10px;
}

.longPic_pop .right .font_block {
	width: 100%;
	position: relative;
}

.longPic_pop .right .font_block .font_slt {
	width: 100%;
	height: 32px;
	border: 1px solid #dadde1;
	border-radius: 3px;
	padding: 6px;
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
}

.longPic_pop .right .font_block .font_slt:after {
	content: '';
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 6px solid #555;
	position: absolute;
	right: 10px;
	top: 13px;
}

.longPic_pop .right .font_block img {
	width: auto;
	height: 100%;
	user-select: none;
}

.longPic_pop .right .font_block .font_list {
	width: 100%;
	max-height: 200px;
	border: 1px solid #dadde1;
	background: #fff;
	border-radius: 3px;
	overflow-y: auto;
	position: absolute;
	left: 0;
	top: 38px;
	display: none;
}

.longPic_pop .right .font_block .font_list dd {
	font-size: 13px;
	width: 100%;
	height: 28px;
	padding: 5px 10px;
	margin: 3px 0;
}

.longPic_pop .right .font_block .font_list dd:hover {
	background: #f5f5f5;
	cursor: pointer;
}

.longPic_pop .right .font_block .font_list .title {
	font-size: 13px;
	width: 100%;
	height: 28px;
	line-height: 28px;
	background: #f6f7f9;
	padding: 0 10px;
}

.longPic_pop .right .font_block .font_list .title span {
	color: #fe8a34;
	font-weight: bold;
}

.longPic_pop .right .edit_list .watermark p {
	font-size: 13px;
	text-align: center;
	width: 80px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #dadde1;
	border-radius: 4px;
	margin-right: 20px;
	user-select: none;
	cursor: pointer;
}

.longPic_pop .right .edit_list .watermark .slt {
	border: 1px solid #00bc67;
	background: url(../images/ico_001.png) right bottom no-repeat;
}

.longPic_pop .right .edit_list .size {
	display: none;
}

.longPic_pop .right .edit_list .font {
	display: flex !important;
}

.longPic_pop .right .edit_list .size>div,
.longPic_pop .right .edit_list .size .layui-form-select {
	width: 100%;
}

.longPic_pop .right .edit_list .size .layui-input {
	border-color: #dadde1 !important;
	height: 32px;
}

.longPic_pop .right .edit_list .size .layui-form-select .layui-edge {
	border-top-color: #555;
}

.longPic_pop .right .edit_list .cut {
	display: none;
}

.longPic_pop .right .edit_list .cut .cut_num {
	width: 56px;
	height: 32px;
	border: 1px solid #eee;
	border-radius: 4px;
	margin-right: 10px;
	display: flex;
}

.longPic_pop .right .edit_list .cut .cut_num .layui-input {
	text-align: center;
	width: 35px;
	height: 30px;
	line-height: 30px;
	border: none;
	padding: 0;
	margin: 0;
}

.longPic_pop .right .edit_list .cut .btn {
	width: 20px;
	height: 30px;
	background: #eee;
}

.longPic_pop .right .edit_list .cut .btn>div {
	width: 20px;
	height: 15px;
	position: relative;
	cursor: pointer;
}

.longPic_pop .right .edit_list .cut .btn>div:hover {
	background: #ddd;
}

.longPic_pop .right .edit_list .cut .btn .add::after {
	content: '';
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-bottom: 4px solid #555;
	position: absolute;
	right: 6px;
	top: 2px;
}

.longPic_pop .right .edit_list .cut .btn .minus::after {
	content: '';
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 4px solid #555;
	position: absolute;
	right: 6px;
	bottom: 2px;
}

.longPic_pop .right .notice {
	width: 100%;
	margin-top: 10px;
	line-height: 20px;
}

.longPic_pop .right .notice ul {
	font-size: 13px;
	width: 100%;
	line-height: 25px;
	background: #f8f8f8;
	padding: 10px;
	border-radius: 4px;
	margin-top: 10px;
}

.longPic_pop .right .notice ul .warn {
	color: #ff0000;
}

.longPic_pop .right .btn_box {
	width: 100%;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.longPic_pop .right .btn_box .layui-btn {
	color: #fff;
	width: 100%;
	height: 46px;
	border: 1px solid #00bc67;
	background: #00bc67;
	border-radius: 4px;
	margin: 0;
}

.longPic_pop .right .btn_box .topdf {
	display: none;
}

/*调色盘*/
.sp-tab {
	display: inline-block;
}

.sp-pannel2 {
	display: none
}

.sp-container-title {
	color: #534d4d;
}

.sp-tab {
	color: #9A9A9A;
	cursor: pointer;
	margin-bottom: 5px;
}

.sp-tab-active {
	color: #534d4d;
}

/*
.sp-picker-container,
.sp-palette-container {
	padding: 10px;
	padding-bottom: 0;
	margin-bottom:0;
	width: 200px;
    border-left: solid 1px #fff;
	border-right:0
}
.sp-button-container{
	padding-bottom: 10px
}
.sp-button-container button {
	margin-left: 5px;
}
.sp-fill {
    padding-top: 70%;
}

.sp-pannel .sp-thumb-el {
	cursor: pointer;
	display: block;
	position: relative;
	float: left;
	width: 16px;
	height: 16px;
	margin: 2px 1px;
	border: solid 1px #d0d0d0;
}
*/

/*动态样式和模板*/
.content-tab .dynamic_style,
.content-tab .dynamic_tpl {
	color: #fff;
	font-size: 12px;
	width: 30px;
	height: 16px;
	background: #ff0000;
	border-radius: 5px 0 5px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -6px;
	right: 10px;
}


/* 我的图片 分组管理 */
.modifyPopup .layui-layer-content {
	padding: 0 20px;
	box-sizing: border-box;
}

.add_box {
	width: 100%;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	float: left;
}

.add_box .btn {
	color: #333;
	height: 30px;
	font-size: 14px;
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	display: inline-block;
}

.add_box .add {
	width: 100%;
	display: inline-block;
	display: none;
}

.add_box .add .add_name {
	width: 60%;
	height: 30px;
	line-height: 30px;
	float: left;
}

.add_box .add button {
	width: 15%;
	height: 30px;
	line-height: 30px;
	padding: 0;
	border-radius: 3px;
	margin-left: 5%;
	float: left;
}

.group_list {
	width: 100%;
	display: inline-block;
}

.group_list li {
	width: 100%;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	display: inline-block;
}

/* 首页微信复制弹窗 */
.wx_copy .layui-layer-content {
	width: 100%;
	height: 230px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.wx_copy .layui-layer-content>span {
	font-size: 16px;
	display: flex;
	align-items: center;
}

.wx_copy .layui-layer-content>span>i {
	color: #5fb878;
	font-size: 24px;
	margin-right: 5px;
}

.wx_copy .layui-layer-content>p {
	font-size: 14px;
	margin: 30px 0;
	display: flex;
	align-items: center;
}

.wx_copy .layui-layer-content>a {
	width: 156px;
	height: 42px;
	line-height: 42px;
	background: #5fb878;
	border-radius: 4px;
}

.wx_copy .layui-layer-content .close {
	font-size: 24px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.wx_copy .layui-layer-content .nomore{
	color: #666;
	font-size: 12px;
	width: 100%;
	margin-top: 10px;
	justify-content: center;
	cursor: pointer;
}

.content-more a.view-all {
	position: absolute;
	bottom: 10px;
	left: 50%;
	width: 120px;
	background-color: #07c15e;
	z-index: 10;
	border-radius: 3px;
	line-height: 28px;
	color: #fff;
	opacity: .8;
	text-align: center;
	transform: translate(-50%, 0);
}
.content-more a.view-all:hover {
	opacity: .95;
}

/* 文案提取弹窗 */
.vip_tips_cover .extraction{
	width: 371px;
	height: 489px;
	background: url(../images/extraction_pop.png) center no-repeat;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50.1%, -50.1%);
	z-index: 2;
	display: none;
}
.vip_tips_cover .extraction .close{
	width: 20px;
	height: 20px;
	background: url(../images/vip_tips_close1.png);
	position: absolute;
	top: 0;
	right: -20px;
	cursor: pointer;
}

/* 首页ai排版引导 */
.guide_ai_cover{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	display: none;
}
.guide_ai_cover .pop_box{
	width: 336px;
	height: 330px;
	background: url(../ai/image/dk_pop.png) no-repeat;
	position: fixed;
	left: 138px;
	top: 250px;
}
.guide_ai_cover .pop_box .close{
	width: 20px;
	height: 20px;
	background: url(../ai/image/invite/close.png) no-repeat;
	position: absolute;
	top: -10px;
	right: -20px;
	z-index: 9;
	cursor: pointer;
}
.guide_ai_cover .pop_box a{
	color: #fff;
	font-size: 17px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: url(../ai/image/dk_pop_btn.png) no-repeat;
	position: absolute;
	bottom: -20px;
	left: 75px;
}
.guide_ai_cover .pop_box::before{
	content: '';
	width: 72px;
	height: 40px;
	background: url(../ai/image/dk_arrow.png) no-repeat;
	position: absolute;
	left: -85px;
	top: 60px;
}

#iframe_svg{
	padding: 10px;
	box-sizing: border-box;
}