@charset "UTF-8";
	.t-h {
	display:block
}
:root {
	--yz24-theme-c:#0076fe;
	--yz24-text-c1:#333;
	--yz24-text-c2:#475467;
	--yz24-text-c3:#8d96a4;
	--yz24-head-h:64px;
	--yz24-mobile-head-h:44px;
	--yz24-basic-head-h:40px;
	--yz24-nav-text-c:#333;
	--yz24-nav-text-s:16px;
	--yz24-active-text-c:#0076fe;
	--yz24-active-bg-c:transparent
}
.yz24-head-logo {
	height:34px;
	margin-right:24px
}
.yz24-head-logo img {
	width:116px
}
.yz24-head-logo-2 {
	display:none
}
.yz24-head-box {
	height:var(--yz24-head-h)
}
.yz24-head-box a:active,.yz24-head-box a:focus {
	outline:none
}
.yz-show-opacity-header .yz24-head-box {
	height:auto
}
.yz-show-opacity-header .yz24-head-box div.yz24-head {
	transition:all .3s ease-in
}
.yz-show-opacity-header:not(.yz24-body-is-scroll) .yz24-head-box div.yz24-head {
	background-color:transparent;
	box-shadow:none
}
.yz-show-opacity-header:not(.yz24-body-is-scroll) {
	--yz24-nav-text-c:#fff
}
.yz-show-opacity-header .yz24-head .yz24-head-primary-btn,.yz-show-opacity-header .yz24-head .yz24-head-sec-btn {
	transition:all .3s ease-in
}
.yz-show-opacity-header:not(.yz24-body-is-scroll) .yz24-head .yz24-head-sec-btn {
	background:transparent!important;
	border:1px solid #fff;
	box-shadow:0 1px 2px #1018280d;
	color:#fff
}
.yz-show-opacity-header:not(.yz24-body-is-scroll) .yz24-head .yz24-head-primary-btn {
	background:#fff!important;
	color:#0076fe;
	cursor:pointer
}
.yz-show-opacity-header:not(.yz24-body-is-scroll) .yz24-head-logo-1 {
	display:none
}
.yz-show-opacity-header:not(.yz24-body-is-scroll) .yz24-head-logo-2 {
	display:block
}
.yz24-basic-header {
	--yz24-head-h:40px;
	--yz24-nav-text-c:hsla(0,0%,100%,.8);
	--yz24-nav-text-s:14px;
	--yz24-active-text-c:hsla(0,0%,100%,.8);
	--yz24-active-bg-c:hsla(0,0%,63%,.5)
}
.yz24-basic-header #yz24-head-avatar-trigger {
	height:32px;
	width:32px
}
.yz24-basic-header .yz24-head-box div.yz24-head {
	background-color:#000;
	position:relative
}
.yz24-basic-header .yz24-head .yz24-head-sec-btn {
	background:transparent;
	border:none;
	box-shadow:0 1px 2px #1018280d;
	color:var(--yz24-nav-text-c);
	font-size:14px;
	font-weight:400;
	height:32px;
	padding:0 6px
}
.yz24-basic-header .yz24-head .yz24-head-sec-btn:hover {
	background:#292929
}
.yz24-basic-header .yz24-head .yz24-head-primary-btn {
	cursor:pointer;
	font-size:14px;
	height:32px;
	padding:0 12px
}
.yz24-basic-header .yz24-head-logo-1 {
	display:none
}
.yz24-basic-header .yz24-head-logo-2 {
	display:block
}
.yz24-basic-header .yz24-head-search-form {
	height:36px
}
.yz24-basic-header #yz24-head-avatar-trigger {
	border:none
}
.yz24-basic-header .yz24-head-search-form .yz24-head-search-icon {
	padding:6px 11px
}
div.yz24-head {
	background-color:#fff;
	box-shadow:0 2px 8px #33394014;
	height:var(--yz24-head-h);
	left:0;
	padding-left:40px;
	position:fixed;
	right:0;
	top:0;
	z-index:999
}
.yz24-head-wrap {
	align-items:center;
	display:flex;
	height:100%;
	position:relative;
	width:100%
}
.yz24-head a {
	color:inherit;
	text-decoration:none
}
.yz24-head-nav a:hover {
	background-color:var(--yz24-active-bg-c);
	color:var(--yz24-active-text-c)
}
.yz24-head ul {
	margin:0;
	overflow-wrap:break-word;
	padding:0
}
.yz24-head .yz24-head-nav {
	display:flex;
	position:relative
}
.yz24-head li {
	cursor:pointer;
	list-style:none;
	position:static
}
.yz24-head .yz24-head-nav-item {
	align-items:center;
	color:var(--yz24-nav-text-c);
	display:inline-flex;
	font-size:var(--yz24-nav-text-s);
	justify-content:center;
	line-height:var(--yz24-head-h);
	padding:0 16px
}
.yz24-head .yz24-head-nav-item-active {
	color:var(--yz24-theme-c)!important
}
.yz24-head .yz24-head-nav-item span {
	margin-right:4px
}
.yz24-head .yz24-head-submenu-trigger:hover .yz24-head-nav-item {
	background-color:var(--yz24-active-bg-c);
	color:var(--yz24-active-text-c)
}
.yz24-head-submenu-wrap {
	background:#fff;
	border:1px solid #eaecf0;
	border-radius:6px;
	box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;
	display:flex;
	inset:100% auto auto 0;
	padding:20px;
	position:absolute;
	visibility:hidden;
	z-index:1
}
.yz24-head-submenu-groups {
	display:flex;
	flex-wrap:wrap;
	gap:24px;
	margin-right:12px
}
.yz24-head-submenu-active,.yz24-head-submenu-wrap.yz24-head-submenu-clickshow {
	visibility:visible
}
.yz24-head-submenu-group .yz24-head-submenu-group-title {
	border-bottom:1px solid #f1f1f1;
	color:#333940;
	font-size:14px;
	font-weight:700;
	height:36px;
	line-height:36px;
	margin-bottom:8px;
	padding:0 8px
}
.yz24-col-submenu-group .yz24-col-submenu-group-title a:hover,.yz24-head-submenu-group .yz24-head-submenu-group-title a:hover {
	color:var(--yz24-theme-c);
	text-decoration:underline
}
.yz24-head-submenu-group .yz24-head-submenu-list {
	display:flex;
	flex-wrap:wrap
}
.yz24-head-submenu-list li a {
	align-items:center;
	border-radius:4px;
	color:var(--yz24-text-c2);
	display:inline-flex;
	font-size:14px;
	height:32px;
	margin:0 8px 8px 0;
	padding:0 8px
}
.yz24-head-submenu-list li a:hover {
	background:#e9f1fc;
	color:var(--yz24-theme-c)
}
.yz24-head-product-nav .yz24-head-submenu-wrap {
	width:734px
}
.yz24-head-product-nav .yz24-head-submenu-groups {
	flex-wrap:nowrap
}
.yz24-head-product-nav .yz24-head-submenu-group {
	width:192px
}
.yz24-head-submenu-intro {
	background:linear-gradient(180deg,#f6faffd4 66.83%,#eff5ff00 109.41%),#ecf3ff;
	border-radius:8px;
	cursor:pointer;
	padding:32px;
	width:280px
}
.yz24-head-submenu-intro:hover .yz24-head-microp-btn {
	text-decoration:underline
}
.yz24-head-submenu-intro .yz24-head-microp-name {
	color:var(--yz24-text-c1);
	font-size:16px;
	line-height:24px;
	margin-bottom:12px
}
.yz24-head-submenu-intro .yz24-head-microp-desc {
	color:var(--yz24-text-c3);
	font-size:13px;
	font-weight:400;
	line-height:24px;
	margin-bottom:12px
}
.yz24-head-submenu-intro .yz24-head-microp-img {
	margin-bottom:20px;
	width:100%
}
.yz24-head-submenu-intro .yz24-head-microp-btn {
	color:var(--yz24-theme-c);
	font-size:14px;
	font-weight:400;
	line-height:24px
}
.yz24-head-source-nav .yz24-head-submenu-wrap {
	box-sizing:border-box;
	inset:calc(100% - 8px) 0 auto auto;
	left:150px;
	min-height:418px;
	width:734px
}
.yz24-head-source-nav .yz24-head-submenu-groups {
	flex-wrap:nowrap;
	width:calc(100% - 304px)
}
.yz24-head-source-nav .yz24-head-submenu-group {
	width:33%
}
.yz24-head-scource-desc-img {
	margin-top:12px
}
.yz24-head-submenu-solution-intro .yz24-head-source-btn {
	color:var(--yz24-theme-c);
	font-size:14px;
	position:relative
}
.yz24-head-source-btn:hover {
	text-decoration:underline
}
.yz24-head-right {
	align-items:center;
	bottom:0;
	display:flex;
	position:absolute;
	right:40px;
	top:0
}
.yz24-head-right .yz24-head-login-box {
	display:none
}
.yz24-head-search {
	min-width:46px;
	position:relative
}
.yz24-head-search-trigger {
	align-items:center;
	color:var(--yz24-nav-text-c);
	cursor:pointer;
	display:flex;
	font-size:0;
	height:100%;
	justify-content:center;
	padding:0 10px;
	position:absolute;
	right:0;
	top:0
}
.yz24-head-search-trigger:hover {
	background-color:var(--yz24-active-bg-c);
	color:var(--yz24-active-text-c)
}
.yz24-head-search-form {
	box-sizing:border-box;
	color:var(--yz24-text-c1);
	height:46px;
	opacity:0;
	overflow:hidden;
	transition:all .3s ease-out;
	visibility:hidden;
	width:0
}
.yz24-head-search-form.yz24-head-search-isExplore {
	transition:none;
	visibility:visible;
	width:350px
}
.yz24-head-search-form.yz24-head-search-active {
	opacity:1;
	visibility:visible;
	width:350px
}
input.yz24-head-search-input {
	border:1px solid #eee;
	border-radius:4px;
	box-shadow:0 1px 2px #1018280d;
	box-sizing:border-box;
	font-size:14px;
	height:100%;
	padding:0 42px 0 82px;
	width:100%
}
input.yz24-head-mobile-search-input:focus,input.yz24-head-search-input:focus {
	border-color:var(--yz24-theme-c);
	outline:none
}
.yz24-head-search-form .yz24-head-search-icon {
	background-color:#fff;
	border-radius:4px;
	bottom:1px;
	cursor:pointer;
	padding:10px 11px;
	position:absolute;
	right:2px;
	top:1px
}
.yz24-head-search-form .yz24-head-search-icon:hover {
	color:var(--yz24-theme-c)
}
.yz24-head-submenu-trigger.yz24-search-menu-trigger {
	align-items:center;
	border-right:1px solid #eee;
	bottom:1px;
	box-sizing:border-box;
	cursor:pointer;
	display:flex;
	font-size:14px;
	left:1px;
	padding:0 14px;
	position:absolute;
	top:1px;
	width:78px
}
.yz24-head-submenu-trigger.yz24-search-menu-trigger svg {
	vertical-align:bottom
}
.yz24-head-submenu-wrap.yz24-head-submenu-search-wrap {
	display:block;
	padding:6px 4px;
	top:calc(100% + 4px)
}
.yz24-head-search-item {
	align-items:center;
	border-radius:4px;
	display:flex;
	height:32px;
	padding:0 6px;
	width:60px
}
.yz24-head-search-item.yz24-head-search-active,.yz24-head-search-item:hover {
	background:#e9f1fc;
	color:var(--yz24-theme-c)
}
.yz24-head .yz24-head-sec-btn {
	align-items:center;
	background:#fff;
	border:1px solid #0076fe;
	border-radius:8px;
	box-shadow:0 1px 2px #1018280d;
	box-sizing:border-box;
	color:#0076fe;
	cursor:pointer;
	display:flex;
	flex-shrink:0;
	font-size:16px;
	font-weight:700;
	gap:4px;
	height:40px;
	justify-content:center;
	padding:0 18px
}
.yz24-head .yz24-head-sec-btn:hover {
	background:#f3f8ff
}
.yz24-head .yz24-head-primary-btn {
	align-items:center;
	background:#0076fe;
	border-radius:8px;
	box-shadow:0 1px 2px #1018280d;
	color:#fff;
	cursor:pointer;
	display:flex;
	flex-shrink:0;
	font-size:16px;
	font-weight:700;
	gap:4px;
	height:40px;
	justify-content:center;
	padding:0 18px
}
.yz24-head .yz24-head-primary-btn:hover {
	background:#3391fe
}
.yz24-head .yz24-head-primary-btn:active {
	background:var(--yz24-theme-c)
}
.yz24-head .yz24-head-do-login,.yz24-head .yz24-head-donot-login {
	align-items:center;
	display:none
}
.yz24-head .yz24-head-create-btn {
	margin-left:20px
}
#yz24-head-avatar-trigger {
	border:1px solid #f4f4f4;
	border-radius:50%;
	box-sizing:border-box;
	flex-shrink:0;
	font-size:0;
	height:40px;
	line-height:0;
	margin-left:20px;
	position:relative;
	width:40px
}
#yz24-head-avatar-trigger img {
	border-radius:50%;
	width:100%
}
.yz24-head-files-btn,.yz24-head-login-btn,.yz24-head-welcome-btn {
	margin-left:20px
}
.yz24-head-submenu-wrap.yz24-head-blog-wrap {
	box-sizing:border-box;
	left:180px;
	max-width:1098px;
	position:fixed;
	top:calc(var(--yz24-head-h) - 4px);
	width:calc(100% - 280px)
}
.yz24-head-blog-wrap .yz24-head-submenu-groups {
	width:calc(100% - 278px)
}
.yz24-head-blog-wrap .yz24-head-submenu-group {
	width:calc(24% - 12px)
}
.yz24-head-submenu-solution-intro {
	background-image:url(//www.yunzhan365.com/resourceFiles/head/blog-menu-bg.webp);
	background-size:contain;
	bottom:20px;
	box-sizing:border-box;
	position:relative;
	position:absolute;
	right:20px;
	top:20px
}
.yz24-head-submenu-solution-intro .yz24-head-microp-desc {
	margin-bottom:20px
}
.yz24-head-submenu-solution-intro .yz24-head-solution-btn {
	color:var(--yz24-theme-c);
	font-size:14px;
	position:relative
}
.yz24-head-submenu-solution-intro .yz24-head-solution-btn:hover .yz24-head-solution-qrcode {
	visibility:visible
}
.yz24-head-solution-qrcode {
	background:#fff;
	border-radius:8px;
	box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;
	left:-50px;
	padding:12px;
	position:absolute;
	text-align:center;
	top:100%;
	visibility:hidden;
	width:184px
}
.yz24-head-solution-qrcode img {
	margin-bottom:4px;
	width:100%
}
.yz24-head-solution-qrcode-text {
	color:#666;
	font-size:14px;
	line-height:24px;
	text-align:center
}
.yz24-head-solution-qrcode-text .yz24-head-orange-text {
	color:#ff6e04
}
.yz24-head-blog-privacy-svg {
	bottom:16px;
	position:absolute;
	right:16px
}
a.yz24-head-support-link {
	color:var(--yz24-nav-text-c);
	cursor:pointer;
	display:block;
	font-size:0;
	margin-left:8px;
	padding:20px 10px
}
.yz24-head-support:hover a.yz24-head-support-link {
	color:var(--yz24-theme-c)
}
.yz24-head-submenu-wrap.yz24-head-submenu-support {
	box-sizing:border-box;
	font-size:14px;
	left:auto;
	padding:12px;
	position:fixed;
	right:40px;
	top:calc(var(--yz24-head-h) - 2px);
	width:484px
}
.yz24-head-submenu-wrap.yz24-head-submenu-support .yz24-head-questions {
	border-top:1px solid #f2f4f7;
	padding-top:16px;
	width:100%
}
.yz24-head-questions .yz24-head-questions-title {
	color:#333940;
	font-size:14px;
	font-weight:700;
	line-height:20px;
	margin-bottom:6px;
	padding:0 12px
}
.yz24-head-questions .yz24-head-questions-item a {
	border-radius:4px;
	color:#475467;
	cursor:pointer;
	display:block;
	font-size:14px;
	line-height:20px;
	padding:10px 12px
}
.yz24-head-questions .yz24-head-questions-item a:hover {
	background:#e9f1fc
}
.yz24-collapsible-menu-trigger {
	color:var(--yz24-nav-text-c);
	cursor:pointer;
	display:none;
	margin-right:12px;
	padding:8px 4px
}
.yz24-collapsible-menu-trigger:hover {
	background-color:var(--yz24-active-bg-c);
	color:var(--yz24-active-text-c)
}
.yz24-collapsible-icon-close,.yz24-collapsible-icon-show {
	align-items:center;
	display:flex
}
.yz24-collapsible-icon-close {
	display:none
}
.yz24-collapsible-menu-trigger.yz24-head-menu-isshow .yz24-collapsible-icon-close {
	display:flex
}
.yz24-collapsible-menu-trigger.yz24-head-menu-isshow .yz24-collapsible-icon-show {
	display:none
}
#yz24-head-collapsible-menu {
	background-color:#fff;
	border-radius:6px;
	box-shadow:0 4px 16px -6px #10182814,0 4px 6px -2px #10182808;
	box-sizing:border-box;
	left:0;
	max-height:0;
	overflow:hidden;
	overflow-y:auto;
	position:absolute;
	right:0;
	top:100%;
	transition:max-height .3s linear
}
.yz24-head-collapsible-box {
	padding:8px 10px
}
#yz24-head-collapsible-menu.yz24-open {
	display:none;
	max-height:600px;
	overflow-y:auto
}
#yz24-head-collapsible-menu::-webkit-scrollbar {
	height:3px;
	width:3px
}
#yz24-head-collapsible-menu::-webkit-scrollbar-thumb {
	background:#ccc;
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.1)
}
#yz24-head-collapsible-menu::-webkit-scrollbar-track {
	background:#f7f7f7;
	border-radius:10px;
	-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.1)
}
.yz24-colmenu-box {
	border-bottom:1px solid #f2f4f7
}
.yz24-colmenu-box:last-child {
	border-bottom:none
}
.yz24-head .yz24-colmenu-item {
	box-sizing:border-box;
	cursor:pointer;
	height:56px;
	padding:6px
}
.yz24-colmenu-item .yz24-colmenu-btn {
	align-items:center;
	border-radius:4px;
	color:var(--yz24-text-c1);
	display:flex;
	font-size:14px;
	font-weight:700;
	height:100%;
	justify-content:space-between;
	padding:0 10px
}
.yz24-colmenu-item .yz24-colmenu-btn:hover,.yz24-colmenu-item.yz24-colmenu-active .yz24-colmenu-btn {
	background:#e9f1fc;
	color:var(--yz24-theme-c)
}
.yz24-colmenu-item .yz24-colmenu-arrow {
	transition:transform .3s
}
.yz24-colmenu-item.yz24-colmenu-active .yz24-colmenu-arrow {
	transform:rotate(180deg)
}
.yz24-colmenu-box {
	display:none
}
.yz24-col-submenu {
	padding:0 6px 0 20px
}
.yz24-col-submenu-group {
	padding-bottom:6px
}
.yz24-col-submenu-group-title {
	align-items:center;
	display:flex;
	font-size:14px;
	font-weight:700;
	height:44px
}
.yz24-head-blog-submenu .yz24-col-submenu-list {
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	max-width:500px
}
.yz24-head-blog-submenu .yz24-col-submenu-list li {
	margin-bottom:4px;
	width:50%
}
.yz24-head-blog-submenu .yz24-col-submenu-list li a {
	height:32px;
	min-width:140px;
	width:fit-content
}
.yz24-col-submenu-list li {
	width:100%
}
.yz24-col-submenu-list li a {
	align-items:center;
	border-radius:4px;
	box-sizing:border-box;
	color:#475467;
	display:flex;
	font-size:14px;
	height:44px;
	padding:0 10px;
	width:100%
}
.yz24-head .yz24-col-submenu {
	height:0;
	overflow:hidden
}
.yz24-head .yz24-col-submenu.yz24-sub-open {
	height:auto
}
.yz24-col-submenu .submenu-item {
	padding:10px
}
.yz24-collapsible-dots-menu {
	align-items:center;
	color:var(--yz24-nav-text-c);
	display:inline-flex;
	display:none;
	font-size:16px;
	height:100%;
	justify-content:center;
	padding:0 16px
}
.yz24-collapsible-dots-menu:hover {
	background-color:var(--yz24-active-bg-c);
	color:var(--yz24-active-text-c);
	cursor:pointer
}
.yz24-head-mobile-search-box {
	display:none
}
.yz24-head-mobile-search-content {
	background-color:#fff;
	display:flex;
	height:44px;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
.yz24-head-mobile-search-content-hidden-animiation {
	height:0;
	opacity:0;
	transition:all .15s linear
}
.yz24-head-search-active .yz24-head-mobile-search-content {
	animation:yzHeadSearchMobileDown .15s linear
}
@keyframes yzHeadSearchMobileDown {
	0% {
	height:0;
	opacity:0
}
to {
	height:44px;
	opacity:1
}
}@keyframes yzHeadSearchMobileUp {
	0% {
	height:44px;
	opacity:1
}
to {
	height:0;
	opacity:0
}
}.yz24-head-mobile-search-content svg {
	height:20px;
	width:20px
}
.yz24-head-mobile-search-content .yz24-head-mobile-search-input {
	border:1px solid #eee;
	border-radius:4px;
	flex:1;
	margin:2px 4px;
	padding:8px 32px 8px 14px;
	position:relative
}
.yz24-head-mobile-search-content .yz24-head-mobile-search-icon {
	color:#bbb;
	cursor:pointer;
	height:16px;
	position:absolute;
	right:54px;
	top:12px;
	width:16px
}
.yz24-head-mobile-search-close {
	align-items:center;
	color:#333;
	cursor:pointer;
	display:flex;
	padding:14px 8px
}
.yz24-head-mobile-search-close:hover,.yz24-head-mobile-search-content .yz24-head-mobile-search-icon:hover {
	color:var(--yz24-theme-c)
}
.yz24-head-mobile-search-mask {
	background:#000;
	height:100%;
	left:0;
	opacity:.5;
	position:fixed;
	top:0;
	width:100%
}
.yz24-head-mobile-search-content .yz24-search-menu-trigger {
	min-width:55px;
	padding:0;
	position:static;
	width:80px
}
.yz24-head-mobile-search-type-desc {
	align-items:center;
	display:flex;
	justify-content:center;
	width:100%
}
@media (max-width:1255px) {
	#yz24-head-collapsible-menu.yz24-open {
	display:block
}
.yz24-head-nav>li:nth-last-child(2) {
	display:none
}
.yz24-colmenu-box:nth-last-child(2) {
	display:block
}
.yz24-collapsible-dots-menu {
	display:flex
}
}@media (max-width:1215px) {
	.yz24-head-nav>li:nth-last-child(3) {
	display:none
}
.yz24-colmenu-box:nth-last-child(3) {
	display:block
}
}@media (max-width:1100px) {
	.yz24-head-nav>li:nth-last-child(4) {
	display:none
}
.yz24-colmenu-box:nth-last-child(4) {
	display:block
}
}@media (max-width:980px) {
	.yz24-head-nav>li:nth-last-child(5) {
	display:none
}
.yz24-col-submenu:nth-last-child(5),.yz24-colmenu-item:nth-last-child(5) {
	display:block
}
}@media (max-width:860px) {
	.yz24-head .yz24-head-files-btn {
	display:none
}
}@media (max-width:910px) {
	.yz24-head-nav>li:nth-last-child(6) {
	display:none
}
.yz24-col-submenu:nth-last-child(6),.yz24-colmenu-item:nth-last-child(6) {
	display:block
}
}@media (max-width:750px) {
	.yz24-head-nav>li:nth-last-child(7) {
	display:none
}
.yz24-col-submenu:nth-last-child(7),.yz24-colmenu-item:nth-last-child(7) {
	display:block
}
}@media (max-width:699px) {
	.yz24-head-nav>li:last-child {
	display:none
}
.yz24-col-submenu:last-child,.yz24-collapsible-menu-trigger,.yz24-colmenu-item:last-child {
	display:block
}
.yz24-collapsible-dots-menu {
	display:none
}
.yz24-head-search-form.yz24-head-search-active {
	width:280px;
	width:220px
}
}@media (max-width:600px) {
	.yz24-head .yz24-head-create-btn,.yz24-head .yz24-head-welcome-btn,.yz24-head-support {
	display:none
}
.yz24-head-box,div.yz24-head {
	height:var(--yz24-mobile-head-h)
}
div.yz24-head {
	padding-left:16px
}
.yz24-head-right {
	right:16px
}
.yz24-head .yz24-head-login-btn,.yz24-head .yz24-head-sec-btn {
	font-size:14px;
	height:36px;
	padding:0 8px
}
.yz24-head-login-btn {
	margin-left:16px
}
.yz24-head-logo {
	height:27px
}
.yz24-head-logo img {
	width:95px
}
#yz24-head-avatar-trigger {
	height:28.8px;
	width:28.8px
}
.yz24-head-search-trigger>svg {
	height:20px;
	width:20px
}
.yz24-head-search-form.yz24-head-search-active {
	display:none
}
.yz24-head-mobile-search-box.yz24-head-search-active {
	display:flex
}
}.t-f {
	display:block
}
.yz24-footer {
	background:#121212;
	color:#adadad;
	overflow:hidden;
	padding:22px 20px 28px
}
.yz24-footer a {
	color:inherit;
	text-decoration:none
}
.yz24-footer a:hover {
	text-decoration:underline
}
.yz24-footer ul {
	margin:0;
	padding:0
}
.yz24-footer li {
	list-style:none
}
.yz24-footer .yz24-footer-ctitle {
	color:#d3d3d3;
	font-size:18px;
	line-height:24px;
	min-width:162px
}
.yz24-footer-wrap {
	margin:auto;
	max-width:1220px;
	width:100%
}
.yz24-footer-main-box {
	display:flex;
	flex-wrap:wrap;
	gap:16px;
	justify-content:space-between;
	margin:auto auto 64px;
	width:100%
}
.yz24-footer-cate {
	margin-top:20px;
	min-width:140px
}
.yz24-footer-catelist li {
	font-size:14px;
	padding:8px 0
}
.yz24-footer-cate .yz24-footer-qrcode-li-box {
	display:flex;
	flex-direction:column
}
.yz24-footer-logo-title-box {
	align-items:center;
	display:flex;
	gap:20px
}
.yz24-footer-qrcode-box {
	display:flex;
	gap:22px;
	margin:20px 20px 20px 0
}
.yz24-footer-qrcode>img {
	height:96px;
	width:96px
}
.yz24-footer-qrcode-label {
	color:#adadad;
	font-size:13px;
	margin-top:8px;
	text-align:center
}
.yz24-footer-weixin-trriger:hover .yz24-footer-weixin-img {
	display:block
}
.yz24-footer-weixin-img {
	display:none;
	position:absolute
}
.yz24-footer-rights-box {
	font-size:13px;
	line-height:24px;
	padding:20px 0;
	text-align:center
}
.yz24-footer .yz24-footer-rights {
	display:flex;
	gap:80px;
	justify-content:space-between
}
.yz24-footer-rights .yz24-footer-rights-left {
	text-align:left
}
.yz24-footer-rights .yz24-footer-rights-right {
	text-align:right
}
.yz24-footer-rights .app-info,.yz24-footer-rights .app-info p,.yz24-footer-rights .company-info {
	display:inline-block
}
.footer-wrap-container {
	display:flex
}
.yz24-footer-rights-row {
	line-height:30px
}
.yz24-footer-otherlinks {
	color:#6d6d6d;
	font-size:12px;
	margin-bottom:44px
}
.yz24-footer-otherlinks .yz24-footer-otherlink {
	line-height:22px;
	margin-bottom:16px
}
.yz24-footer-otherlinks .yz24-footer-otherlink a {
	margin:0 7px
}
.yz24-footer-otherlink-title {
	color:#d3d3d3
}
.yz24-footer-rights-row p {
	margin:0
}
.yz24-footer-logo img {
	height:33px;
	width:116px
}
.yz24-footer-collapsible-box,.yz24-footer-collapsible-logo {
	display:none
}
.yz24-footer-collapsible-colmenu-btn {
	align-items:center;
	color:#d3d3d3;
	cursor:pointer;
	display:flex;
	font-size:16px;
	height:48px;
	justify-content:space-between;
	padding:0 16px
}
.yz24-footer-collapsible-col-submenu-list {
	height:0;
	overflow:hidden
}
ul.yz24-footer-collapsible-col-submenu-list li {
	color:#adadad;
	height:48px;
	line-height:48px;
	width:100%
}
.yz24-footer-collapsible-col-submenu-list li a {
	align-items:center;
	display:flex;
	font-size:14px;
	height:100%;
	padding:0 0 0 36px;
	width:100%
}
.yz24-col-submenu-list li a:hover {
	background:#e9f1fc;
	color:var(--yz24-theme-c)
}
.yz24-footer-collapsible-colmenu-box .yz24-footer-colmenu-arrow {
	transition:transform .3s
}
.yz24-footer-collapsible-colmenu-btn.yz24-footer-col-active .yz24-footer-colmenu-arrow {
	transform:rotate(180deg)
}
.yz24-footer-collapsible-col-submenu-list.yz24-footer-sub-open {
	height:auto
}
.yz24-footer-collapsible-otherlinks {
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	padding:0 36px
}
.yz24-footer-collapsible-otherlinks a {
	font-size:12px
}
.yz24-footer-collapsible-logo {
	margin:36px 0
}
@media (max-width:1080px) {
	.yz24-footer-cate .yz24-footer-qrcode-li-box {
	align-items:center;
	flex-direction:row;
	width:100%
}
}@media (max-width:770px) {
	.yz24-footer-main-box,.yz24-footer-otherlinks {
	display:none
}
.yz24-footer-collapsible-box,.yz24-footer-collapsible-logo {
	display:block
}
}@media (max-width:680px) {
	.yz24-footer .yz24-footer-rights {
	display:block
}
.yz24-footer-rights .yz24-footer-rights-left,.yz24-footer-rights .yz24-footer-rights-right {
	text-align:center
}
}body,html,span,ul,li,img,p {
	padding:0;
	margin:0;
	list-style:none;
	font-family:Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,微软雅黑,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif
}
button,input,select,textarea {
	font-family:inherit;
	font-size:inherit;
	line-height:inherit
}
img {
	padding:0;
	margin:0;
	border:none
}
.ie6 body,.ie7 body,.ie8 body {
	min-width:960px
}
.marquee-content {
	position:absolute;
	width:100%;
	z-index:40
}
.marquee-content-inner {
	position:relative;
	width:100%
}
.marquee-content-inner>.marquee-tag {
	display:block;
	padding-top:4px
}
.marquee-text {
	color:#fff;
	line-height:24px
}
.marquee-text>a {
	color:#fff
}
body.body-hidden {
	overflow:hidden
}
.af-w-max {
	position:relative;
	margin:0 auto;
	min-width:1060px;
	padding:0 20px
}
.af-w-max {
	max-width:1220px;
	min-width:1060px
}
.af-w-max.large {
	max-width:1260px
}
.af-w-max.p-15 {
	padding:0 10px
}
.af-center {
	text-align:center
}
.af-center:before {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-.25em
}
.af-center-content {
	display:inline-block;
	vertical-align:middle
}
.af-highlight-color {
	background-color:#ff0
}
.b-color {
	background-color:#f1f1f1
}
.scroll-y {
	overflow-y:scroll
}
.af-bold {
	font-weight:700
}
.af-overflow {
	overflow:hidden
}
.af-inline-block {
	display:inline-block
}
.af-loading-gif {
	position:relative;
	display:inline-block;
	margin-top:50px
}
.af-loading-gif.center {
	display:block;
	text-align:center
}
.af-main {
	position:relative;
	width:100%
}
.af-icon-bg {
	background-image:url(/images/icon.png)
}
.af-spin-loading {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background-color:#ffffffbf;
	text-align:center;
	color:#666;
	font-size:25px;
	z-index:1040;
	background-image:url(https://www.yunzhan365.com/images/loading.gif);
	background-repeat:no-repeat;
	background-position:center center
}
.af-spin-loading2 {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background-color:#ffffffbf;
	text-align:center;
	color:#666;
	font-size:25px;
	z-index:1040;
	background-image:url(/images/common/progress.gif);
	background-repeat:no-repeat;
	background-position:center center
}
.af-img-loading {
	background:url(https://www.yunzhan365.com/images/loading.gif) no-repeat 50% 50%
}
.af-img-loading2 {
	background:url(/images/common/progress.gif) no-repeat 50% 50%
}
.af-save-loading {
	background:url(/images/common/saving.gif);
	width:16px;
	height:16px;
	margin:3px 2px 0;
	display:inline-block;
	position:relative;
	top:1px
}
.af-spin-loading.top-30 {
	background-position:50% 30%
}
.af-validate-fail {
	border-color:#e67070!important;
	background:#fdd!important
}
.af-main-color {
	color:#4997ee
}
.af-error,.af-error-color {
	color:#b94a48
}
.af-error,.af-success {
	font-size:12px!important
}
.af-success,.af-success-color {
	color:#468847
}
.af-free-color {
	color:#bbb
}
.af-pro-color {
	color:#d1b681
}
.af-gold-color {
	color:#c39e57
}
.af-platinum-color {
	color:#b3852d
}
.af-height-100 {
	position:relative;
	height:100%;
	min-height:100%
}
.af-remove-btn {
	width:24px;
	height:24px;
	background-image:url(/images/icon.png);
	background-position:-379px -303px;
	display:block
}
.padding-left-0 {
	padding-left:0!important
}
.af-align-r {
	text-align:right
}
.af-align-l {
	text-align:left
}
.af-align-c {
	text-align:center
}
.af-form-group {
	position:relative;
	overflow:hidden;
	padding:6px 0
}
.af-label {
	width:90px
}
.hf-checkbox>.check-icon {
	width:20px;
	height:20px;
	background:url(/images/common/blue2.png) no-repeat;
	background-position:-1px -2px;
	cursor:pointer
}
.hf-radio>.check-icon {
	width:20px;
	height:20px;
	background:url(/images/common/blue2.png) no-repeat;
	background-position:-99px -2px;
	cursor:pointer
}
.hf-switch {
	display:inline-block;
	height:22px;
	position:relative;
	overflow:hidden;
	width:40px
}
.hf-switch-toggle {
	position:absolute;
	margin-left:-9999px!important;
	visibility:hidden
}
.hf-switch-toggle+label {
	display:block;
	position:relative;
	cursor:pointer;
	outline:none;
	-webkit-user-select:none;
	user-select:none
}
.hf-switch-toggle+label {
	padding:2px;
	width:100%;
	height:100%;
	background-color:#ddd;
	border-radius:20px
}
.hf-switch-toggle+label:before,.hf-switch-toggle+label:after {
	display:block;
	position:absolute;
	top:1px;
	left:1px;
	bottom:1px;
	content:""
}
.hf-switch-toggle+label:before {
	right:2px;
	background-color:#f2f2f2;
	border-radius:20px;
	transition:background .4s
}
.hf-switch-toggle+label:after {
	background-color:#fff;
	border-radius:100%;
	box-shadow:0 2px 5px #0000004d;
	transition:margin .4s;
	top:2px;
	bottom:2px;
	left:2px;
	width:18px
}
.hf-switch-toggle.checked+label:before {
	background-color:#5eba5e
}
.hf-switch-toggle.checked+label:after {
	margin-left:18px
}
.ss-hover-effect-third {
	position:relative
}
.ss-hover-effect-third .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#0003;
	-moz-opacity:0;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter:alpha(opacity=0);
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease
}
.ss-hover-effect-third .inner-mask {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	max-width:100px;
	max-height:100px;
	overflow:hidden
}
.ss-hover-effect-third .mask .mask-quarter-top-left {
	left:0;
	top:0;
	border-radius:90px 0 0;
	-moz-border-radius:90px 0 0 0;
	-webkit-border-radius:90px 0 0 0;
	-moz-opacity:0;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter:alpha(opacity=0)
}
.ss-hover-effect-third .mask .mask-quarter-top-right {
	left:80px;
	top:0;
	border-radius:0 90px 0 0;
	-moz-border-radius:0 90px 0 0;
	-webkit-border-radius:0 90px 0 0;
	-moz-opacity:0;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter:alpha(opacity=0)
}
.ss-hover-effect-third .mask .mask-quarter-bottom-left {
	left:0;
	top:80px;
	border-radius:0 0 0 90px;
	-moz-border-radius:0 0 0 90px;
	-webkit-border-radius:0 0 0 90px;
	-moz-opacity:0;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter:alpha(opacity=0)
}
.ss-hover-effect-third .mask .mask-quarter-bottom-right {
	left:80px;
	top:80px;
	border-radius:0 0 90px;
	-moz-border-radius:0 0 90px 0;
	-webkit-border-radius:0 0 90px 0;
	-moz-opacity:0;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter:alpha(opacity=0)
}
.ss-hover-effect-third .mask .mask-quarter {
	background-color:#d78e0d;
	position:absolute;
	width:20px;
	height:20px;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
	cursor:pointer
}
.ss-hover-effect-third .mask .icon {
	background:url(/images/hoverico.png) center no-repeat;
	display:inline-block;
	text-decoration:none;
	padding:0;
	text-indent:-9999px;
	width:20px;
	height:20px;
	position:relative;
	top:-10px;
	left:-10px;
	opacity:0;
	-moz-transform:scale(0,0);
	-webkit-transform:scale(0,0);
	-o-transform:scale(0,0);
	-ms-transform:scale(0,0);
	transform:scale(0);
	-webkit-transition:-webkit-transform .2s .1s ease-in,opacity .1s ease-in-out;
	-moz-transition:-moz-transform .2s .1s ease-in,opacity .1s ease-in-out;
	-o-transition:-o-transform .2s .1s ease-in,opacity .1s ease-in-out;
	-ms-transition:-ms-transform .2s .1s ease-in,opacity .1s ease-in-out;
	transition:transform .2s .1s ease-in,opacity .1s ease-in-out
}
.ss-hover-effect-third .mask .view-icon {
	background-position:0px 0px;
	position:absolute;
	width:30px;
	height:30px;
	left:50%;
	margin-left:-15px;
	top:50%;
	margin-top:-15px
}
.ss-hover-effect-third:hover .mask {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter:alpha(opacity=100);
	border:4px solid #d78e0d
}
.ss-hover-effect-third:hover .mask-quarter-top-left {
	top:30px;
	left:50%;
	margin-left:-20px;
	-moz-opacity:1;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter:alpha(opacity=100)
}
.ss-hover-effect-third:hover .mask-quarter-top-right {
	left:50%;
	top:30px;
	-moz-opacity:1;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter:alpha(opacity=100)
}
.ss-hover-effect-third:hover .mask-quarter-bottom-left {
	left:50%;
	margin-left:-20px;
	top:50px;
	-moz-opacity:1;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter:alpha(opacity=100)
}
.ss-hover-effect-third:hover .mask-quarter-bottom-right {
	left:50%;
	top:50px;
	-moz-opacity:1;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter:alpha(opacity=100)
}
.ss-hover-effect-third:hover .icon {
	opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1);
	-moz-transition-delay:.3s;
	-webkit-transition-delay:.3s;
	-o-transition-delay:.3s;
	-ms-transition-delay:.3s;
	transition-delay:.3s
}
.af-bookinfo-help-text {
	margin-left:4px;
	padding:1px 8px;
	background-position:-403px -687px
}
.af-bookinfo-help-text:hover {
	background-position:-424px -687px
}
.af-top-breadcrumb {
	height:50px;
	line-height:50px;
	color:#42566e;
	padding-left:4px;
	overflow:hidden;
	font-size:13px
}
.af-top-breadcrumb>a {
	color:#42566e;
	float:left
}
.af-top-breadcrumb>a:hover {
	text-decoration:underline
}
.af-top-breadcrumb>span {
	background-image:url(/images/common/help_icon.png);
	width:20px;
	height:24px;
	line-height:0;
	float:left;
	background-position:-76px -6px;
	margin-top:13px
}
input.af-input-check[type=radio],input.af-input-check[type=checkbox] {
	border:1px solid #b4b9be;
	background:#fff;
	color:#555;
	clear:none;
	cursor:pointer;
	display:inline-block;
	line-height:0;
	height:16px;
	margin:-4px 4px 0 0;
	outline:0;
	padding:0!important;
	text-align:center;
	vertical-align:middle;
	width:16px;
	min-width:16px;
	-webkit-appearance:none;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 2px #0000001a;
	-webkit-transition:.05s border-color ease-in-out;
	transition:.05s border-color ease-in-out
}
input.af-input-check[type=radio]:checked:before,input.af-input-check[type=checkbox]:checked:before {
	float:left;
	display:inline-block;
	vertical-align:middle;
	width:14px;
	height:14px;
	font:700 15px/1 dashicons;
	speak:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
input.af-input-check[type=checkbox]:checked:before {
	content:"✓";
	margin:0;
	color:#1e8cbe
}
input.af-input-check[type=radio]:checked:before {
	content:"•";
	text-indent:-9999px;
	-webkit-border-radius:50px;
	border-radius:50px;
	font-size:24px;
	font-size:2.4rem;
	width:8px;
	height:8px;
	margin:3px;
	line-height:16px;
	background-color:#1e8cbe
}
input.af-input-check[type=radio] {
	-webkit-border-radius:50%;
	border-radius:50%;
	margin-right:4px;
	line-height:10px
}
.login-panel {
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:830px;
	background:#fff;
	border-radius:10px;
	box-shadow:0 3px 10px #00000014
}
.login-main {
	background:#f8f8f8;
	min-height:520px;
	padding-top:50px;
	padding-bottom:60px
}
.active-news-panel {
	position:relative;
	height:116px;
	overflow:hidden;
	width:100%
}
.active-news-item {
	display:none
}
.active-news-item.active {
	display:block
}
.active-news-img {
	height:116px;
	text-align:center;
	overflow:hidden;
	width:100%
}
.active-news-item img {
	margin:0;
	padding:0;
	border:0;
	display:inline-block;
	height:100%;
	max-width:100%;
	object-fit:cover
}
.active-news-control {
	position:absolute;
	width:100px;
	margin-left:-50px;
	height:28px;
	z-index:3;
	bottom:0;
	left:50%;
	text-align:center;
	padding-top:6px
}
.active-news-tabs {
	position:relative;
	display:inline-block;
	overflow:hidden
}
.active-news-tabs>li {
	position:relative;
	width:14px;
	height:14px;
	background-color:transparent;
	cursor:pointer;
	border-radius:50%;
	border:2px solid #fff;
	float:left;
	margin:0 5px
}
.active-news-tabs>li.active {
	background-color:#fff
}
.active-news-animation {
	-webkit-animation:waveRaidus 1s ease-out 0s infinite;
	animation:waveRaidus 1s ease-out 0s infinite
}
@-webkit-keyframes waveRaidus {
	0% {
	width:100%;
	height:100%;
	opacity:1
}
to {
	width:130%;
	height:130%;
	opacity:0
}
}.browser-panel {
	position:relative;
	text-align:left;
	padding:10px 15px
}
.browser-header {
	font-size:16px;
	color:#333;
	font-weight:700;
	padding-bottom:13px
}
.browser-box {
	font-weight:700;
	color:#555;
	font-size:13px;
	line-height:22px;
	padding-bottom:11px
}
.browser-box a:hover {
	text-decoration:underline
}
.browser-footer {
	text-align:right;
	padding-bottom:0
}
.browser-close {
	width:26px;
	height:26px;
	background-image:url(/images/icon.png);
	background-position:-377px -301px;
	position:absolute;
	top:4px;
	cursor:pointer;
	right:4px
}
.sensorsWeb-remove {
	position:absolute;
	top:4px;
	right:4px;
	color:#fff;
	background:#0006;
	cursor:pointer;
	border-radius:2px;
	line-height:20px;
	text-align:center;
	height:20px;
	width:20px;
	font-size:20px
}
.button-pure {
	background-color:#f8f8f8;
	border:1px solid rgb(211,211,211);
	color:#333;
	border-radius:2px;
	box-shadow:0 1px #0000000d;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	font-weight:700;
	padding:4px 10px;
	-webkit-user-select:none;
	-moz-user-select:-moz-none;
	-o-user-select:none;
	user-select:none;
	position:relative
}
.button-pure.disabled {
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,.1);
	box-shadow:0 1px 2px #0000001a;
	background:#eee;
	border:1px solid #DDD;
	text-shadow:0 1px 1px white;
	color:#ccc;
	cursor:default
}
.button-pure:not(.disabled):hover {
	background-color:#f0f0f0
}
.button-pure:not(.disabled):active {
	box-shadow:inset 0 3px 5px #00000020
}
.button-pure-no-shadow {
	box-shadow:none
}
.button-pure-large {
	padding:8px 60px
}
.button-pure-blue {
	background:#1b7fcc;
	border-color:#1a79c2;
	color:#fff
}
.button-pure-blue:not(.disabled):hover {
	background:#1c79c0;
	border-color:#1970b2
}
.button-pure-deep-pink {
	background-color:#f36;
	border-color:#f22f5f;
	color:#fff
}
.button-pure-deep-pink:not(.disabled):hover {
	background-color:#e36!important;
	border-color:#e43766!important
}
.button-pure-green {
	background-color:#5cb85c;
	border-color:#4cae4c;
	color:#fff
}
.button-pure-green:not(.disabled):hover {
	background-color:#57ad57;
	border-color:#4da04d
}
.button-pure-red {
	background-color:#d9534f;
	border-color:#d43f3a;
	color:#fff
}
.button-pure-red:not(.disabled):hover {
	background-color:#cc4c48;
	border-color:#c54a46
}
.button-pure-orange {
	background-color:#ff9300;
	border-color:#ec8800;
	color:#fff
}
.button-pure-orange:not(.disabled):hover {
	background-color:#f18d05;
	border-color:#e78500
}
.button-pure-teal {
	background-color:#36bdbd;
	border-color:#33b4b4;
	color:#fff
}
.button-pure-teal:not(.disabled):hover {
	background-color:#33b4b4;
	border-color:#2fa7a7
}
.button-pure-sky-blue {
	background-color:#00a1cb;
	border-color:#0092b8;
	color:#fff
}
.button-pure-sky-blue:not(.disabled):hover {
	background-color:#0097be;
	border-color:#007e9e
}
.button-pure-purple {
	background-color:#b10dc9;
	border-color:#9a0caf;
	color:#fff
}
.button-pure-purple:not(.disabled):hover {
	background-color:#9f0eb4;
	border-color:#930fa7
}
.button-pure-black {
	background-color:#444;
	border-color:#222;
	color:#fff
}
.button-pure-black:not(.disabled):hover {
	background-color:#222;
	border-color:#000
}
.button-pure-gold {
	background-color:#ebc80d;
	border-color:#d9aa06;
	color:#fff
}
.button-pure-gold:not(.disabled):hover {
	background-color:#dbbb0e;
	border-color:#b99413
}
.button-pure-gray {
	background:#f1f2f7;
	border-color:#999;
	color:#666;
	font-weight:400
}
.button-pure-gray:not(.disabled):hover {
	background:#fff;
	border-color:#999
}
*,:after,:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
html {
	font-size:10px;
	-webkit-tap-highlight-color:transparent;
	height:100%
}
body {
	font-size:14px;
	line-height:1.42857143;
	color:#333;
	background-color:#f2f2f2;
	width:100%;
	height:100%
}
body,html,img,li,p,span,ul,input,textarea {
	font-family:Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,微软雅黑,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;
	padding:0;
	margin:0;
	border:none;
	list-style:none
}
body {
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%
}
body.w-bg,.w-bg .m-main {
	background-color:#fff
}
.clearfix:before,.clearfix:after {
	display:table;
	content:" "
}
.clearfix:after {
	clear:both
}
.m-file-input {
	position:absolute;
	right:-10%;
	top:-10%;
	width:200%;
	height:200%;
	opacity:0;
	-ms-filter:"alpha(opacity=0)";
	cursor:pointer
}
.form-control {
	display:block;
	width:100%;
	height:32px;
	padding:4px 6px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:2px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px #00000013;
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px #00000013,0 0 8px #66afe999
}
.form-control::-moz-placeholder {
	color:#999;
	opacity:1
}
.form-control:-ms-input-placeholder {
	color:#999
}
.form-control::-webkit-input-placeholder {
	color:#999
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
	cursor:not-allowed;
	background-color:#eee;
	opacity:1
}
textarea.form-control {
	height:auto;
	resize:vertical
}
input[type=search] {
	-webkit-appearance:none
}
input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
	line-height:34px;
	line-height:1.42857143 �
}
input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm {
	line-height:30px
}
input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg {
	line-height:46px
}
.m-error-input,.af-validate-fail {
	border-color:#e67070!important
}
.m-icon {
	background-image:url(/mobile/images/icon.png);
	background-repeat:no-repeat;
	background-size:304px 209px
}
.m-new-i {
	background-image:url(/mobile/images/icon2.png);
	background-repeat:no-repeat
}
.m-main {
	position:relative;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
	background-color:#f2f2f2;
	min-height:100%
}
.m-panel {
	padding-bottom:44px
}
.n-panel {
	padding-top:0;
	padding-bottom:0;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:44px;
	overflow-y:auto;
	overflow-x:hidden
}
.n-new-panel {
	padding-top:0;
	padding-bottom:0;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow-y:auto;
	overflow-x:hidden
}
.af-hide {
	display:none
}
.af-left {
	float:left
}
.af-right {
	float:right
}
.af-table {
	display:table;
	width:100%;
	height:100%
}
.af-table-centered {
	display:table-cell;
	text-align:center;
	vertical-align:middle
}
.af-error-color,.af-error {
	font-size:12px;
	color:#b94a48!important
}
.af-success-color,.af-success {
	font-size:12px;
	color:#468847!important
}
.af-hidden-input {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	-ms-filter:"alpha(opacity=0)";
	cursor:pointer
}
.m-loading {
	position:relative;
	padding-top:13px;
	text-align:center
}
.m-loading>img {
	display:inline-block
}
.af-spin-loading {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background-color:#ffffffbf;
	text-align:center;
	color:#666;
	font-size:25px;
	z-index:4;
	background-image:url(/images/loading.gif);
	background-repeat:no-repeat;
	background-position:center center
}
.hf-radio {
	cursor:pointer
}
.hf-radio>.check-icon {
	width:20px;
	height:20px;
	background:url(/images/common/blue2.png) -99px -2px no-repeat;
	cursor:pointer
}
.hf-radio.checked>.check-icon {
	background-position:-139px -2px
}
.hf-radio:not(.checked):hover .check-icon {
	background-position:-119px -2px
}
.hf-radio>.check-text {
	cursor:pointer
}
.hf-radio.disabled:not(.checked):hover .check-icon,.hf-radio.disabled>.check-icon {
	background-position:-159px -2px;
	cursor:no-drop
}
.hf-radio.checked.disabled>.check-icon {
	background-position:-179px -2px
}
.hf-radio.disabled>.check-text {
	color:#ddd;
	cursor:no-drop
}
.hf-checkbox {
	cursor:pointer
}
.hf-checkbox>.check-icon {
	width:20px;
	height:20px;
	background:url(/images/common/blue2.png) no-repeat;
	background-position:-1px -2px;
	cursor:pointer
}
.hf-checkbox.checked>.check-icon {
	background-position:-41px -2px
}
.hf-checkbox:not(.checked):hover .check-icon {
	background-position:-21px -2px
}
.hf-checkbox>.check-text {
	cursor:pointer
}
.hf-checkbox.disabled,.hf-checkbox.disabled>.check-icon,.hf-checkbox.disabled>.check-text {
	cursor:no-drop
}
.hf-checkbox.checked.disabled>.check-icon {
	background-position:-80px -2px
}
.hf-checkbox.disabled:not(.checked):hover .check-icon,.hf-checkbox.disabled>.check-icon {
	background-position:-60px -2px;
	background-color:#ebebe4
}

.m-404-panel {
	position:relative;
	padding:0 8px
}
.m-404-content {
	padding:33px 0 100px;
	text-align:center
}
.m-404-logo {
	position:relative;
	margin:0 auto;
	text-align:center
}
.m-404-logo>img {
	max-width:100%;
	margin:0;
	padding:0;
	border:none
}
.m-404-text {
	font-size:15px;
	color:#333;
	padding:6px 0 40px
}
.m-404-btn {
	color:#fff;
	position:relative;
	display:inline-block;
	max-width:200px;
	line-height:50px;
	font-size:17px;
	cursor:pointer;
	width:100%;
	border-radius:2px;
	background-color:#4ea2e0
}
.af-hidden {
	visibility:hidden
}
.af-mask-apnel {
	z-index:4
}
.af-mask-apnel,.af-mask-bg {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:#ffffff5c
}
.af-mask-content {
	position:relative;
	text-align:center
}
.af-save-loading {
	background:url(/images/common/saving.gif);
	width:16px;
	height:16px;
	margin:3px 2px 0;
	display:inline-block;
	position:relative;
	top:1px
}
.af-mask-text {
	font-size:30px;
	font-weight:400;
	color:inherit;
	font-family:helvetica,arial,sans-serif;
	display:inline-block
}
.af-user-select-none {
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	-ms-user-select:none
}
.alert {
	padding:8px 35px 8px 14px;
	margin-bottom:20px;
	text-shadow:0 1px 0 rgba(255,255,255,.5);
	background-color:#fcf8e3;
	border:1px solid #fbeed5;
	border-radius:3px
}
.alert-danger,.alert-error {
	background-color:#f2dede;
	border:1px solid #eed3d7;
	color:#b94a48
}
.af-server-error {
	font-size:18px;
	position:absolute;
	padding:20px 90px!important;
	box-shadow:0 1px 1px #80808080,0 1px 1px #80808080;
	color:#cf2222
}
.af-remove-mask-btn {
	position:absolute;
	top:5px;
	right:5px;
	font-size:13px;
	cursor:pointer;
	color:#c02121
}
.af-remove-btn {
	background-color:#f8f8f8;
	border:1px solid #d3d3d3;
	color:#333;
	border-radius:2px;
	box-shadow:0 1px #0000000d;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	font-weight:700;
	padding:4px 10px;
	-webkit-user-select:none;
	-moz-user-select:-moz-none;
	-o-user-select:none;
	user-select:none;
	position:relative;
	width:24px;
	height:24px;
	background-image:url(/images/icon.png);
	background-position:-379px -303px;
	display:block
}
.af-alter-tip {
	position:fixed;
	top:0;
	width:100%;
	color:#fff;
	left:0;
	-webkit-transform:translate(0px,-100%);
	-moz-transform:translate(0px,-100%);
	-ms-transform:translate(0px,-100%);
	transform:translateY(-100%);
	-webkit-transition:-webkit-transform .25s ease-out;
	-moz-transition:-moz-transform .25s ease-out;
	-ms-transition:-ms-transform .25s ease-out;
	transition:transform .25s ease-out;
	z-index:9999;
	text-align:center
}
.af-alter-tip.show {
	-webkit-transform:translate(0px,50px);
	-moz-transform:translate(0px,50px);
	-ms-transform:translate(0px,50px);
	transform:translateY(50px)
}
.af-alter-tip>span {
	background-color:#5cb85c;
	display:inline-block;
	padding:10px 15px;
	font-size:17px;
	line-height:20px;
	color:#fff;
	border-radius:4px;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.af-alter-tip.success>span {
	background-color:#5cb85c
}
.af-alter-tip.error>span {
	background-color:#d9534f
}
.load-error {
	text-align:center;
	color:#666;
	padding-top:20px
}
.input-check[type=radio],.input-check[type=checkbox] {
	border:1px solid #b4b9be;
	background:#fff;
	color:#555;
	clear:none;
	cursor:pointer;
	display:inline-block;
	line-height:0;
	height:16px;
	margin:-4px 4px 0 0;
	outline:0;
	padding:0!important;
	text-align:center;
	vertical-align:middle;
	width:16px;
	min-width:16px;
	-webkit-appearance:none;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 2px #0000001a;
	-webkit-transition:.05s border-color ease-in-out;
	transition:.05s border-color ease-in-out
}
.input-check[type=radio]:focus,.input-check[type=checkbox]:focus {
	outline:none
}
.input-check[type=radio]:checked:before,.input-check[type=checkbox]:checked:before {
	float:left;
	display:inline-block;
	vertical-align:middle;
	width:14px;
	height:14px;
	font:700 15px/1 dashicons;
	speak:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.input-check[type=checkbox]:checked:before {
	content:"✓";
	margin:0;
	color:#1e8cbe
}
.input-check[type=radio]:checked:before {
	content:"•";
	text-indent:-9999px;
	-webkit-border-radius:50px;
	border-radius:50px;
	font-size:24px;
	font-size:2.4rem;
	width:8px;
	height:8px;
	margin:3px;
	line-height:16px;
	background-color:#1e8cbe
}
.input-check[type=radio] {
	-webkit-border-radius:50%;
	border-radius:50%;
	margin-right:4px;
	line-height:10px
}
@-webkit-keyframes progress-bar-stripes {
	0% {
	background-position:0 0
}
to {
	background-position:40px 0
}
}@-moz-keyframes progress-bar-stripes {
	0% {
	background-position:0 0
}
to {
	background-position:40px 0
}
}@-ms-keyframes progress-bar-stripes {
	0% {
	background-position:0 0
}
to {
	background-position:40px 0
}
}@-o-keyframes progress-bar-stripes {
	0% {
	background-position:0 0
}
to {
	background-position:40px 0
}
}@keyframes progress-bar-stripes {
	0% {
	background-position:0 0
}
to {
	background-position:40px 0
}
}.progress {
	overflow:hidden;
	height:20px;
	margin-bottom:20px;
	background-color:#f7f7f7;
	background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
	background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
	background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);
	background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5",endColorstr="#fff9f9f9",GradientType=0);
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 2px #0000001a;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.progress .bar {
	width:100%;
	height:100%;
	color:#fff;
	float:left;
	font-size:12px;
	text-align:center;
	text-shadow:0 -1px 0 rgba(0,0,0,.25);
	background-color:#0e90d2;
	background-image:-moz-linear-gradient(top,#149bdf,#0480be);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
	background-image:-webkit-linear-gradient(top,#149bdf,#0480be);
	background-image:-o-linear-gradient(top,#149bdf,#0480be);
	background-image:linear-gradient(to bottom,#149bdf,#0480be);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff149bdf",endColorstr="#ff0480be",GradientType=0);
	-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
	-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
	box-shadow:inset 0 -1px #00000026;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:width .6s ease;
	-moz-transition:width .6s ease;
	-o-transition:width .6s ease;
	-ms-transition:width .6s ease;
	transition:width .6s ease
}
.progress .bar+.bar {
	-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);
	-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);
	box-shadow:inset 1px 0 #00000026,inset 0 -1px #00000026
}
.progress-striped .bar {
	background-color:#149bdf;
	background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	-webkit-background-size:40px 40px;
	-moz-background-size:40px 40px;
	-o-background-size:40px 40px;
	background-size:40px 40px
}
.progress.active .bar {
	-webkit-animation:progress-bar-stripes 2s linear infinite;
	-moz-animation:progress-bar-stripes 2s linear infinite;
	-ms-animation:progress-bar-stripes 2s linear infinite;
	-o-animation:progress-bar-stripes 2s linear infinite;
	animation:progress-bar-stripes 2s linear infinite
}
.progress-danger .bar,.progress .bar-danger {
	background-color:#dd514c;
	background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));
	background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);
	background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);
	background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffee5f5b",endColorstr="#ffc43c35",GradientType=0)
}
.progress-danger.progress-striped .bar,.progress-striped .bar-danger {
	background-color:#ee5f5b;
	background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-success .bar,.progress .bar-success {
	background-color:#5eb95e;
	background-image:-moz-linear-gradient(top,#62c462,#57a957);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));
	background-image:-webkit-linear-gradient(top,#62c462,#57a957);
	background-image:-o-linear-gradient(top,#62c462,#57a957);
	background-image:linear-gradient(to bottom,#62c462,#57a957);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff62c462",endColorstr="#ff57a957",GradientType=0)
}
.progress-success.progress-striped .bar,.progress-striped .bar-success {
	background-color:#62c462;
	background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-info .bar,.progress .bar-info {
	background-color:#4bb1cf;
	background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));
	background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);
	background-image:-o-linear-gradient(top,#5bc0de,#339bb9);
	background-image:linear-gradient(to bottom,#5bc0de,#339bb9);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5bc0de",endColorstr="#ff339bb9",GradientType=0)
}
.progress-info.progress-striped .bar,.progress-striped .bar-info {
	background-color:#5bc0de;
	background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-warning .bar,.progress .bar-warning {
	background-color:#faa732;
	background-image:-moz-linear-gradient(top,#fbb450,#f89406);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
	background-image:-webkit-linear-gradient(top,#fbb450,#f89406);
	background-image:-o-linear-gradient(top,#fbb450,#f89406);
	background-image:linear-gradient(to bottom,#fbb450,#f89406);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffbb450",endColorstr="#fff89406",GradientType=0)
}
.progress-warning.progress-striped .bar,.progress-striped .bar-warning {
	background-color:#fbb450;
	background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.jvr-code-panel {
	position:relative;
	margin:0 auto;
	width:270px
}
.jvr-code-panel>.tncode_div {
	border:none;
	filter:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none
}
.signup-third {
	padding-top:6px
}
.signup-third.p-10 {
	padding-top:10px
}
.signup-third>h5 {
	margin:0;
	height:18px;
	color:#666;
	overflow:hidden;
	font-size:13px
}
.signup-third>ul {
	overflow:hidden
}
.signup-third>ul>li {
	width:50%;
	padding-top:8px
}
.signup-third-login {
	display:block;
	height:36px;
	border-radius:4px;
	color:#fff;
	font-size:18px;
	line-height:36px;
	text-align:center;
	transition:background .3s;
	text-decoration:none
}
.signup-third-login.qq-sign {
	color:#449bf2;
	border:1px solid #449bf2
}
.hf-imgError-panel {
	padding:15px;
	text-align:left
}
.hf-imgError-title {
	font-size:17px;
	color:#333;
	font-weight:700;
	line-height:30px;
	padding-bottom:4px
}
.hf-imgError-content {
	line-height:24px;
	font-size:13px;
	color:#666
}
.hf-imgError-tip {
	color:#888;
	font-size:12px;
	padding-top:6px
}
.hf-imgError-btns {
	text-align:right;
	padding-top:6px
}
.hf-imgError-btns>.button-pure {
	background-color:#f8f8f8;
	border:1px solid rgb(211,211,211);
	color:#333;
	border-radius:2px;
	box-shadow:0 1px #0000000d;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	font-weight:700;
	-webkit-user-select:none;
	-moz-user-select:-moz-none;
	-o-user-select:none;
	user-select:none;
	position:relative;
	padding:4px 24px
}
.sub-menu-item-title {
	margin-bottom:4px
}
.sub-menu-item-title img {
	width:24px;
	vertical-align:middle;
	margin-right:6px
}
.sub-menu-item-title span {
	color:#394b63;
	font-size:14px;
	font-weight:400;
	line-height:normal
}
.sub-menu-item-desc {
	color:#363f5799;
	font-size:12px;
	font-weight:400;
	line-height:166%
}
.menu-dropdown>li>a.sub-menu-item-target {
	color:#394b63;
	text-decoration:none;
	font-size:14px;
	display:block;
	line-height:normal;
	width:100%;
	padding:8px 12px;
	border-radius:8px
}
.sub-menu-item-target:active {
	background:#f6f8fc
}
.m-box-panel,.m-box-bg {
	position:fixed;
	width:100%;
	height:100%;
	z-index:9998;
	top:0;
	left:0
}
.m-box-bg {
	background-color:#0000;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	transition:all .3s ease-out;
	background-position:50%;
	background-repeat:no-repeat;
	z-index:1
}
.m-box-content {
	position:fixed;
	z-index:2;
	width:100%;
	bottom:0;
	left:0;
	background-color:#fff;
	-webkit-transform:translate(0px,100%);
	-moz-transform:translate(0px,100%);
	-ms-transform:translate(0px,100%);
	transform:translateY(100%);
	-webkit-transition:-webkit-transform .3s ease-out;
	-moz-transition:-moz-transform .3s ease-out;
	-ms-transition:-ms-transform .3s ease-out;
	transition:transform .3s ease-out
}
.m-box-panel.show .m-box-bg,.m-box-panel.loading .m-box-bg {
	background:#0006
}
.m-box-panel.loading .m-box-bg {
	background-image:url(/images/common/progress.gif);
	background-position:50%;
	background-repeat:no-repeat
}
.m-box-panel.show .m-box-content {
	-webkit-transform:translate(0px,0%);
	-moz-transform:translate(0px,0%);
	-ms-transform:translate(0px,0%);
	transform:translate(0)
}
.m-box-panel.hide .m-box-content {
	-webkit-transition:-webkit-transform .2s ease-out;
	-moz-transition:-moz-transform .2s ease-out;
	-ms-transition:-ms-transform .2s ease-out;
	transition:transform .2s ease-out
}
.m-box-header {
	position:relative;
	padding:0 20px
}
.m-box-title {
	font-size:19px;
	color:#000;
	border-bottom:1px solid #efefef;
	padding:12px 6px
}
.m-box-swipe {
	position:relative;
	overflow-y:auto
}
.m-box-footer {
	overflow:hidden;
	border-top:1px solid #efefef
}
.m-box-footer.mode-2 {
	border-top:1px solid #5b9ee2
}
.m-box-btn {
	width:50%;
	text-align:center;
	float:left;
	height:50px;
	line-height:50px;
	color:#333;
	font-size:18px
}
.m-box-btn.w-100 {
	width:100%;
	float:none
}
.m-box-btn.cancel-btn {
	color:#5b9ee2;
	background:#fff
}
.m-box-btn.save-btn {
	color:#fff;
	background:#5b9ee2
}
:root {
	--safe-area-inset-bottom:env(safe-area-inset-bottom)
}
* {
	box-sizing:border-box
}
body,html,img,li,p,span,ul {
	padding:0;
	margin:0;
	list-style:none
}
body {
	background:#fafafa
}
textarea,input {
	outline:none
}
textarea::-webkit-input-placeholder,input::-webkit-input-placeholder {
	color:#b5bbbe
}
textarea::-webkit-input-placeholder,input:-moz-placeholder {
	color:#b5bbbe
}
textarea::-webkit-input-placeholder,input::-moz-placeholder {
	color:#b5bbbe
}
textarea::-webkit-input-placeholder,input:-ms-input-placeholder {
	color:#b5bbbe
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance:none;
	margin:0
}
input[type=number] {
	-moz-appearance:textfield
}
button {
	border:none
}
a {
	text-decoration:none;
	color:#999
}
a:link,a:visited,a:hover,a:active {
	text-decoration:none
}
html {
	margin:0;
	padding:0;
	width:100%;
	height:100%
}
body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#fff
}
.yz24-basic-header {
	--yz24-mobile-head-h:40px
}
.book-read-page::-webkit-scrollbar {
	display:none
}
.scrollBar {
	overflow:auto
}
.scrollBar::-webkit-scrollbar {
	width:6px;
	height:6px
}
.scrollBar::-webkit-scrollbar-thumb {
	background-color:#ccc;
	background-clip:padding-box;
	min-height:28px;
	-webkit-border-radius:2em;
	-moz-border-radius:2em;
	border-radius:2em;
	position:absolute;
	right:4px;
	top:20px
}
.scrollBar::-webkit-scrollbar-thumb:hover {
	background-color:#aaa;
	cursor:pointer
}
.book-read-page {
	position:relative;
	height:100vh;
	width:100vw;
	overflow-y:scroll;
	font-family:PingFang SC;
	background-color:#fff
}
.book-read-page .basic_icon {
	background-image:url(/template/pc/default/home/images/basic_icon.png);
	display:inline-block
}
.book-read-page .basic-icon {
	background-image:url(/template/pc/default/home/images/basic-icon.png);
	display:inline-block;
	background-repeat:no-repeat;
}

.book-read-page .basic-iconed {
	background-image:url(/template/pc/default/home/images/xed.png);
	display:inline-block;
	background-position: 0 0!important;
	background-size:100% auto;
	background-repeat:no-repeat
}

.book-read-page>.basic-book-content {
	height:calc(100% - 100px);
	position:relative;
	background-color:#323232
}
.book-read-page>.basic-book-content iframe {
	border:0;
	overflow:hidden
}
.book-read-page>.basic-book-content .fullIframe {
	position:fixed;
	top:0;
	z-index:99999;
	height:100%!important
}
.book-read-page>.basic-book-content.is-app {
	height:calc(100% - 60px)
}
.book-read-page .basic-bottom-box {
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:60px;
	background:#0b0b0b;
	color:#b3b3b3
}
.book-read-page .basic-bottom-box .basic-bottom-left {
	flex:1;
	padding-left:40px;
	font-size:18px;
	font-weight:700;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.book-read-page .basic-bottom-box .basic-bottom-left:hover {
	color:#0076fe
}
.book-read-page .basic-bottom-box .basic-bottom-right {
	display:flex;
	align-items:center;
	gap:24px;
	font-size:14px;
	height:100%;
	overflow-x:auto;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 20px 10px;
    z-index: 1;
}
.swiper .item {
    padding: 0;
    vertical-align: middle;
    font-size: 12px;
    position: relative;
    display: inline-block;
    width: 20%;
    margin-bottom: 15px;
    margin-left: 4%;
    text-align: center;
}
.swiper.logo_contain {
    height: 64px !important;
    width: 64px !important;
    display: flex;
    background: rgb(255, 255, 255);
    margin: 0px auto;
    align-items: center;
    border-radius: 16px !important;
}


.logo_contain img.logo {
    width: 24px;
    height: auto !important;
    object-fit: contain;
}
.swiper .item .logo {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    float: none;
}
.swiper .logo_title {
    color: rgb(129, 135, 146) !important;
    font-size: 12px !important;
}

/* 整个滚动条的样式 */
::-webkit-scrollbar {
    width: 2px; /* 滚动条宽度 */
    height: 2px;
} 
/* 滚动轨道的样式 */
::-webkit-scrollbar-track {
    background: rgba(255,255,255,0); /* 轨道背景颜色 */
} 
/* 滚动滑块的样式 */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(255,255,255,0); /* 滑块背景颜色 */
}
/* 滑块悬停状态 */
::-webkit-scrollbar-thumb:hover {
  background: #666; 
}

/* 滚动条按钮（上下箭头） */
::-webkit-scrollbar-button {
  display: none; /* 隐藏默认箭头 */
}
@media(max-width:800px)
{
    .sharebox{width:100%!important;background:#fff!important;top:auto!important;left:0!important;bottom:120px;margin-left:auto!important;transform:none!important;}
    #qrcode img{display:none;}
    .rbtnbox{display:none;}
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item {
	display:flex;
	flex-shrink:0;
	align-items:center;
	gap:5px;
	padding:8px;
	border-radius:4px;
	cursor:pointer;
	flex-direction: column;
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item:hover {
	background-color:#a0a0a080;
	color:#eee;
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item>svg {
	width:26px;
	height:26px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item .basic-text-btn {
	display:none
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item .basic-more-text-btn {
	display:block
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item>span.is-hide {
	display:none
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item>span {
	-webkit-user-select:none;
	user-select:none
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item>i {
	-webkit-user-select:none;
	user-select:none
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-collect>i {
	background-position:-70px -1024px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-collect .collected {
	background-position:-18px -1024px
}
.book-read-page .basic-bottom-box .basic-bottom-right i {
	width:24px;
	height:24px;
	vertical-align:middle;
	cursor:pointer
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn {
	position:relative
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn:hover .basic-share-pop {
	visibility:visible;
	opacity:1
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .share {
	background-position:-89px -963px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop {
	opacity:0;
	visibility:hidden;
	position:absolute;
	top:-85px;
	left:-60px;
	padding-bottom:30px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop:hover {
	visibility:visible;
	opacity:1;
	cursor:pointer
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip {
	display:inline-block;
	background:#fff;
	box-shadow:0 3px 6px #00000014;
	border-radius:4px;
	padding:5px;
	-webkit-user-select:none;
	user-select:none
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip:after {
	display:inline-block;
	content:"";
	border:8px solid transparent;
	border-top:8px solid #fff;
	position:absolute;
	top:67px;
	left:70px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip .share-tip-content {
	display:flex;
	justify-content:space-between
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip .share-tip-content .share-tip-item {
	padding:10px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip .share-tip-content .share-tip-item:hover {
	background-color:#e4edfb;
	border-radius:4px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip .share-tip-content .share-tip-item:hover .WeChat {
	background-position:-423px -793px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip .share-tip-content .share-tip-item:hover .qq {
	background-position:-390px -793px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip .share-tip-content .share-tip-item:hover .microblog {
	background-position:-228px -219px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip .share-tip-content .share-tip-item:hover .qqSpace {
	background-position:-282px -219px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip .share-tip-content .share-tip-item i {
	width:20px;
	height:20px;
	vertical-align:middle;
	cursor:pointer
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip .share-tip-content .share-tip-item .WeChat {
	background-position:-423px -793px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip .share-tip-content .share-tip-item .qq {
	background-position:-390px -793px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip .share-tip-content .share-tip-item .microblog {
	background-position:-228px -219px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip .share-tip-content .share-tip-item .qqSpace {
	background-position:-282px -219px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop .share-tip p {
	color:#333940;
	padding-left:8px
}
.book-read-page .basic-bottom-box .basic-bottom-right .qrcode-box {

}
.book-read-page .basic-bottom-box .basic-bottom-right .qrcode-box:hover .qrcode-tip {
	transition:.4s;
	visibility:visible;
	opacity:1
}
.book-read-page .basic-bottom-box .basic-bottom-right .qrcode-box .prCode {
	background-position:-122px -964px
}
.book-read-page .basic-bottom-box .basic-bottom-right .qrcode-box .qrcode-tip {
	opacity:1;
	visibility:hidden;
	position:absolute;
	top: 50%; left: 50%; transform: translate(-50%,-50%);
	width:200px;
	padding:15px;
	z-index:99999;
	background-color:#f7f7f8;
	border-radius:6px
}
.book-read-page .basic-bottom-box .basic-bottom-right .download {
	background-position:-154px -963px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-upload-button {
	-webkit-user-select:none;
	user-select:none;
	display:flex;
	flex-shrink:0;
	align-items:center;
	gap:4px;
	padding:8px 10px;
	cursor:pointer;
	background-color:#0076fe;
	border-radius:28px;
	color:#fff
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-upload-button:hover {
	background:#3391fe
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-more-button {
	-webkit-user-select:none;
	user-select:none;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:8px;
	padding:0 12px;
	height:100%;
	background:#29292c;
	cursor:pointer;
	color:#b3b3b3
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-more-button .basic-more-button-text {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	flex-direction:column
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-more-button .basic-more-button-text>span {
	white-space:nowrap
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-more-button:hover {
	background:#37373b
}
.book-read-page .basic-popup-box {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999
}
.book-read-page .basic-popup-box .basic-popup-row {
	display:flex;
	flex-direction:row
}
.book-read-page .basic-popup-box .basic-popup-content {
	z-index:2;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display:flex;
	flex-direction:column;
	flex-shrink:0;
	border-radius:8px;
	background-color:#fff
}
.book-read-page .basic-popup-box .basic-popup-content .basic-popup-column {
	flex-direction:column
}
.book-read-page .basic-popup-box .basic-popup-content .basic-popup-header {
	position:relative;
	display:flex;
	padding:16px 20px 16px 32px
}
.book-read-page .basic-popup-box .basic-popup-content .basic-popup-header .basic-popup-header-tips {
	color:#999;
	font-size:14px
}
.book-read-page .basic-popup-box .basic-popup-content .basic-popup-header .basic-popup-close-btn {
	position:absolute;
	top:16px;
	right:16px;
	cursor:pointer;
	flex-shrink:0;
	z-index:99
}
.book-read-page .basic-popup-box .basic-popup-content .basic-popup-header .basic-popup-close-btn:hover path {
	fill:#0076fe
}
.book-read-page .basic-popup-box .basic-text-version-content {
	max-height:90%;
	min-height:200px;
	height:100%;
	max-width:1200px;
	min-width:500px;
	width:100%
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-preview-btn {
	position:absolute;
	top:50%;
	left:-100px;
	transform:translateY(-50%)
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-preview-btn:hover {
	cursor:pointer;
	opacity:.8
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-next-btn {
	position:absolute;
	top:50%;
	right:-100px;
	transform:translateY(-50%)
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-next-btn:hover {
	cursor:pointer;
	opacity:.8
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-header {
	border-bottom:1px solid #f5f7fa
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-header h2 {
	margin:0;
	color:#333940;
	font-size:18px;
	max-width:90%;
	font-weight:700;
	line-height:26px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body {
	position:relative;
	flex:1;
	padding:8px 20px 0;
	overflow:hidden;
	display:flex;
	align-items:center;
	gap:16px;
	transition:height .3s ease-in-out
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-toc-toggle {
	z-index:7;
	position:absolute;
	top:20px;
	left:190px;
	width:20px;
	height:20px;
	border-radius:3.333px;
	border:.833px solid #ddd;
	background:#fff;
	cursor:pointer;
	transition:all .2s ease-in-out;
	transform-origin:center center;
	display:flex;
	justify-content:center;
	align-items:center
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-toc-toggle:hover {
	background:#ededed
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-toc-toggle.is-float {
	left:185px;
	top:15px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-toc-toggle.inactive {
	transform:rotate(180deg);
	left:30px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left {
	position:relative;
	transition:all .2s ease-in-out;
	display:flex;
	height:100%;
	width:220px;
	flex-direction:column;
	gap:24px;
	background:#fafafa;
	color:#333;
	overflow:hidden
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left .basic-toc-content {
	padding:20px 0;
	height:100%;
	display:flex;
	flex-direction:column
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left .basic-toc-content .basic-toc-title {
	-webkit-user-select:none;
	user-select:none;
	margin-bottom:18px;
	padding:0 16px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left .basic-toc-content .basic-toc-list {
	overflow:auto;
	flex:1
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left .basic-toc-content .basic-toc-list .basic-ols-menu {
	display:flex;
	flex-direction:column;
	gap:18px;
	padding:0 12px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left .basic-toc-content .basic-toc-list .basic-ols-item {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	cursor:pointer;
	padding:4px;
	word-break:break-all
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left .basic-toc-content .basic-toc-list .basic-ols-item:hover {
	border-radius:4px;
	background:#f1f1f1
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left .basic-toc-content .basic-toc-list .basic-sub-menu {
	display:none;
	padding-left:20px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left .basic-toc-content .basic-toc-list .basic-sub-menu>li {
	margin-top:12px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left .basic-toc-content .basic-toc-list .basic-toggle-arrow {
	transition:transform .3s ease;
	cursor:pointer;
	padding:5px;
	border-radius:50%
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left .basic-toc-content .basic-toc-list .basic-toggle-arrow:hover {
	background:#ededed
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left .basic-toc-content .basic-toc-list .basic-toggle-arrow.open {
	transform:rotate(90deg)
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left.is-hidden {
	display:none
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left.is-float {
	position:absolute;
	top:0;
	left:0;
	z-index:6
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell {
	display:flex;
	flex:1;
	width:100%;
	height:100%;
	gap:12px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle {
	position:relative;
	display:flex;
	flex-direction:column;
	flex:0 3 auto;
	padding:10px 20px 0;
	height:100%;
	min-width:200px;
	background:#f1f1f1
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .popup-middle-title {
	-webkit-user-select:none;
	user-select:none;
	display:flex;
	gap:4px;
	color:#999;
	font-size:11px;
	padding-bottom:6px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .popup-middle-title.pl-20 {
	padding-left:20px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .popup-middle-title.is-hidden {
	display:none
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image {
	-webkit-user-select:none;
	user-select:none;
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	background-color:#fff
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .popup-middle-img {
	height:100%;
	max-width:386px;
	min-width:386px;
	width:100%;
	cursor:zoom-in;
	display:none
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .popup-middle-img>img {
	max-width:100%;
	max-height:100%;
	object-fit:contain;
	-webkit-user-select:auto;
	user-select:auto;
	opacity:0;
	transition:opacity .5s ease-in-out
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .popup-middle-img.active {
	display:flex
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .popup-middle-img.fadeIn>img {
	opacity:1
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .popup-thumb-empty {
	display:none;
	flex-direction:column;
	gap:12px;
	justify-content:center;
	align-items:center;
	height:100%;
	max-width:340px;
	min-width:340px;
	background-color:#fff;
	color:#666;
	font-size:12px;
	opacity:0;
	transition:opacity .5s ease-in-out
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .popup-thumb-empty.is-show {
	display:flex
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .popup-thumb-empty.fadeIn {
	opacity:1
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .popup-img-flip-btn,.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .basic-popup-fullscreen-btn,.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .basic-popup-fullscreen-btn.is-hide {
	display:none
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right {
	position:relative;
	display:flex;
	flex-direction:column;
	flex:1 1 490px;
	height:100%;
	min-width:200px;
	padding:10px 20px 0;
	background:#f1f1f1
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .basic-popup-copy {
	z-index:5;
	cursor:pointer;
	position:absolute;
	top:10px;
	right:10px;
	display:flex;
	height:28px;
	padding:8px;
	justify-content:center;
	align-items:center;
	gap:4px;
	border-radius:4px;
	border:1px solid #ddd;
	background:#fff;
	color:#333940
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .basic-popup-copy:hover {
	background:#ededed
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .popup-right-title {
	display:flex;
	gap:4px;
	padding-bottom:6px;
	color:#999;
	font-size:11px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .popup-right-title.is-hidden {
	display:none
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .popup-right-content {
	position:relative;
	display:flex;
	flex-direction:column;
	gap:20px;
	flex:1;
	padding-top:20px;
	height:100%;
	flex-shrink:0;
	background:#fff;
	box-shadow:0 2px 12px 1px #00000017
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .popup-right-content .popup-text-empty {
	display:none;
	flex-direction:column;
	gap:12px;
	justify-content:center;
	align-items:center;
	height:100%;
	width:100%;
	color:#666;
	font-size:12px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .popup-right-content .popup-text-empty.is-show {
	display:flex
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .popup-right-content .book-text-content {
	position:relative;
	padding:0 36px 20px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .popup-right-content .book-text-body {
	display:none
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .popup-right-content .book-text-body.active {
	display:block
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-pt-20 {
	padding-top:20px!important
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer {
	flex-shrink:0;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	padding:12px 32px;
	justify-content:center;
	align-items:center;
	gap:10px;
	box-shadow:0 1px 4px #0000001f
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination {
	-webkit-user-select:none;
	user-select:none;
	flex:1;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:16px;
	color:#666;
	font-size:13px;
	line-height:normal
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-popup-btn,.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-popup-btn .popup-pagination-btn-box {
	display:flex;
	gap:10px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .popup-pagination-btn {
	display:flex;
	height:28px;
	padding:7px;
	align-items:center;
	justify-content:center;
	gap:10px;
	border-radius:4px;
	cursor:pointer;
	background:#fff;
	min-width:30px;
	color:#666
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .popup-pagination-btn:hover {
	background:#ededed
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .popup-pagination-quick-btn:hover {
	background:none
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .popup-pagination-btn.active {
	color:#fff;
	background:#333940
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-multi-page {
	position:relative
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-multi-page:hover.basic-dropdown-menu {
	display:flex
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-multi-page .basic-current-page {
	border-radius:4px;
	border:1px solid #DCDFE6;
	height:28px;
	line-height:28px;
	padding:0 15px;
	cursor:pointer
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-multi-page .basic-current-page:hover {
	background-color:#f1f1f1
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-multi-page .basic-dropdown-menu {
	display:none;
	position:absolute;
	top:130%;
	left:50%;
	transform:translate(-50%);
	box-shadow:0 2px 5px #0000001a;
	background-color:#fff;
	list-style:none;
	margin:0;
	z-index:9999;
	width:132px;
	padding:4px 0;
	flex-direction:column;
	align-items:flex-start;
	align-self:stretch;
	border-radius:2px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-multi-page .basic-dropdown-menu>a {
	width:100%
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-multi-page .basic-dropdown-menu .basic-dropdown-item {
	width:100%;
	height:28px;
	cursor:pointer;
	background:#fff
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-multi-page .basic-dropdown-menu .basic-dropdown-item:hover,.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-multi-page .basic-dropdown-menu .basic-dropdown-item.active {
	background-color:#f1f1f1
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-multi-page .basic-dropdown-menu.is-show {
	display:flex
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .popup-goto-page {
	display:flex;
	align-items:center;
	gap:8px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .popup-goto-page>input {
	display:flex;
	width:69px;
	height:28px;
	padding:3px 0;
	justify-content:center;
	align-items:center;
	border-radius:4px;
	border:1px solid #a8abb2;
	color:#666;
	text-align:center
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-back {
	-webkit-user-select:none;
	user-select:none;
	cursor:pointer;
	flex-shrink:0;
	display:flex;
	padding:7px 22px;
	align-items:center;
	gap:4px;
	border-radius:6px;
	background:#333940;
	color:#fff;
	font-size:14px;
	line-height:22px
}
.book-read-page .basic-popup-box .basic-popup-img-content {
	z-index:2;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display:flex;
	align-items:center;
	justify-content:center;
	max-width:1200px;
	min-width:500px;
	width:100%;
	max-height:90%;
	min-height:200px;
	height:100%;
	padding:20px 0;
	flex-direction:column;
	flex-shrink:0;
	border-radius:8px;
	gap:10px
}
.book-read-page .basic-popup-box .basic-popup-img-content .basic-drak-popup-close {
	position:absolute;
	right:0;
	top:0;
	cursor:pointer
}
.book-read-page .basic-popup-box .basic-popup-img-content .basic-drak-popup-close:hover .svg-icon {
	stroke:#0076fe
}
.book-read-page .basic-popup-box .basic-popup-img-content .basic-popup-img {
	z-index:2;
	-webkit-user-select:none;
	user-select:none;
	max-height:95%;
	max-width:100%;
	min-height:95%;
	width:auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:relative
}
.book-read-page .basic-popup-box .basic-popup-img-content .basic-popup-img>img {
	display:none;
	max-width:100%;
	max-height:100%;
	object-fit:contain;
	opacity:0;
	transition:opacity .5s ease-in-out;
	-webkit-user-select:none;
	user-select:none;
	cursor:grab
}
.book-read-page .basic-popup-box .basic-popup-img-content .basic-popup-img>.is-show {
	z-index:2;
	display:block
}
.book-read-page .basic-popup-box .basic-popup-img-content .basic-popup-img>.fadeIn {
	opacity:1;
	border:12px solid #FFF;
	box-shadow:0 2px 12px 1px #00000017
}
.book-read-page .basic-popup-box .basic-popup-img-content .basic-popup-img>.basic-img-border {
	border:12px solid #FFF;
	box-shadow:0 2px 12px 1px #00000017
}
.book-read-page .basic-popup-box .basic-popup-img-content .popup-thumb-empty {
	display:none;
	flex-direction:column;
	gap:12px;
	justify-content:center;
	align-items:center;
	height:100%;
	max-width:500px;
	min-width:500px;
	background-color:#fff;
	color:#666;
	font-size:12px
}
.book-read-page .basic-popup-box .basic-popup-img-content .popup-thumb-empty.is-show {
	display:flex;
	cursor:grab
}
.book-read-page .basic-popup-box .basic-popup-img-content .popup-image-btns {
	border-radius:8px;
	border:1px solid rgba(255,255,255,.3);
	display:inline-flex;
	padding:4px 6px;
	justify-content:center;
	align-items:center;
	gap:4px;
	background:#00000080;
	color:#fff;
	font-size:14px;
	line-height:20px
}
.book-read-page .basic-popup-box .basic-popup-img-content .popup-image-btns .popup-image-page-num {
	-webkit-user-select:none;
	user-select:none
}
.book-read-page .basic-popup-box .basic-popup-img-content .popup-image-btns .popup-image-btns-icon {
	cursor:pointer
}
.book-read-page .basic-popup-box .basic-popup-img-content .popup-image-btns .basic-icon-disable {
	cursor:default
}
.book-read-page .basic-popup-box .basic-popup-img-content .popup-image-btns .basic-icon-disable path {
	fill:#999
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-popup-body {
	display:flex;
	gap:10px;
	padding:10px 25px 25px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:16px;
	text-align:center;
	flex:1;
	border-radius:8px;
	border:1px solid #eee;
	background:#fff;
	overflow:hidden;
	position:relative
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item:hover {
	cursor:pointer;
	border-color:#0076fe
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item:hover .mask {
	display:block
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item:hover .basic-download-tips {
	color:#0076fe
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item .mask {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:122px;
	background:#4997ee;
	opacity:.9;
	padding:20px 12px 12px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item .mask .text {
	color:#fff;
	font-size:16px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item .mask .basic_icon {
	margin-bottom:0
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item .basic-download-btn {
	position:relative;
	cursor:pointer;
	text-align:center;
	width:100%;
	min-width:122px;
	height:122px;
	background-color:#f5f7fb;
	color:#9cc8f9;
	display:inline-block;
	padding:30px 12px 12px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item .basic-download-tips {
	color:#333940;
	line-height:22px;
	padding:12px 0;
	font-size:12px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic_icon {
	width:42px;
	height:42px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic_icon.pdf {
	background-position:-82px -789px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic_icon.zip {
	background-position:-139px -789px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic_icon.exe {
	background-position:-195px -789px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic_icon.mac {
	background-position:-250px -789px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic_icon.download {
	background-position:-33px -789px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-popup-footer-download {
	display:none
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item {
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:20px 0
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .basic_icon {
	width:50px;
	height:50px;
	background-size:350px!important
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .qq {
	background-position:-12px 177px
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .qqZone {
	background-position:-85px 177px
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .weibo {
	background-position:-80px 46px
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .baidu {
	background-position:-539px 97px
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .douban {
	background-position:-300px 177px
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .copy {
	background-position:-13px 123px
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-popup-footer-share {
	display:none
}
.book-read-page .basic-popup-box .basic-popup-page-content {
	z-index:2;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	flex-direction:column;
	border-radius:12px;
	background:#fff;
	width:311px;
	height:179px;
	padding:16px;
	display:flex;
	gap:20px
}
.book-read-page .basic-popup-box .basic-popup-page-content .basic-popup-goto-page>input {
	width:100%;
	height:40px;
	background:#f4f5f7;
	border-radius:6px;
	padding-left:12px
}
.book-read-page .basic-popup-box .basic-popup-page-content .basic-popup-footer {
	display:flex;
	gap:15px;
	width:100%
}
.book-read-page .basic-popup-box .basic-popup-page-content .basic-popup-footer .basic-popup-footer-btn {
	flex:1;
	height:45px;
	border-radius:12px;
	font-size:14px;
	line-height:normal
}
.book-read-page .basic-popup-box .basic-popup-page-content .basic-popup-footer .basic-popup-cancel {
	background:#f4f5f7;
	color:#020713
}
.book-read-page .basic-popup-box .basic-popup-page-content .basic-popup-footer .basic-popup-confirm {
	background:#333940;
	color:#fff
}
.book-read-page .basic-popup-box .basic-popup-overlay {
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#00000080
}
.book-read-page .basic-popup-box.is-show {
	display:block
}
.book-read-page .basic-modal-share {
	display:none
}
.book-read-page .basic-explore-box {
	display:flex;
	flex-direction:column;
	gap:24px;
	background-color:#f5f7fa
}
.book-read-page .basic-explore-box .basic-explore-title {
	display:none;
	font-size:20px;
	color:#333;
	font-weight:700
}
.book-read-page .basic-explore-box .basic-explore-title.is-show {
	display:block
}
.book-read-page .basic-explore-box .basic-publish-time {
	display:none
}
.book-read-page .basic-explore-box .basic-user-info {
	display:flex;
	align-items:center;
	gap:15px;
	height:48px
}
.book-read-page .basic-explore-box .basic-user-img {
	display:inline-block;
	width:48px;
	height:48px;
	border:1px solid rgba(0,0,0,.09);
	border-radius:50%
}
.book-read-page .basic-explore-box .basic-user-img>img {
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:50%
}
.book-read-page .basic-explore-box .basic-user-detail {
	display:flex;
	flex-direction:column;
	gap:4px
}
.book-read-page .basic-explore-box .basic-user-name {
	font-weight:400;
	font-size:14px;
	color:#333
}
.book-read-page .basic-explore-box .basic-follow-detail {
	display:flex;
	align-items:end;
	gap:12px;
	font-size:12px;
	color:#999
}
.book-read-page .basic-explore-box .basic-follow-btn {
	width:52px;
	height:22px;
	padding:1px 4px;
	gap:8px;
	font-size:12px;
	color:#fff;
	border-radius:99px;
	background:#0076fe;
	cursor:pointer
}
.book-read-page .basic-explore-box .basic-follow-btn:hover {
	opacity:.8
}
.book-read-page .basic-explore-box .followed {
	background-color:#ccc;
	padding:0 12px;
	margin:6px 0
}
.book-read-page .basic-explore-box .unFollowed {
	background-color:#4091f7;
	padding:0 22px;
	margin:6px 0
}
.book-read-page .basic-explore-box .basic-user-desc-container {
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between
}
.book-read-page .basic-explore-box .basic-user-desc {
	line-height:150%;
	font-size:14px;
	color:#999;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition:all .3s ease
}
.book-read-page .basic-explore-box .basic-user-desc.basic-expanded {
	white-space:normal;
	overflow:visible;
	text-overflow:clip
}
.book-read-page .basic-explore-box .basic-desc-toggle-btn {
	display:none;
	color:#0076fe;
	cursor:pointer;
	flex-shrink:0;
	background:#f5f7fa
}
.book-read-page .basic-explore-box .basic-desc-toggle-btn:hover {
	background:#4091f7;
	color:#fff;
	border-radius:4px
}
.book-read-page .basic-explore-box .basic-desc-toggle-btn.is-show {
	display:inline-block
}
.book-read-page .basic-explore-box .basic-explore-tab {
	position:relative;
	display:flex;
	align-items:center;
	gap:16px;
	padding:4px 10px
}
.book-read-page .basic-explore-box .basic-explore-tab .basic-tab-item {
	padding:8px 10px;
	line-height:20px;
	cursor:pointer;
	color:#666;
	font-size:20px;
	font-weight:400;
	-webkit-user-select:none;
	user-select:none;
	position:relative
}
.book-read-page .basic-explore-box .basic-explore-tab .basic-tab-item.active {
	color:#333;
	font-weight:700
}
.book-read-page .basic-explore-box .basic-explore-tab .basic-tab-indicator {
	display:none;
	position:absolute;
	left:40px;
	bottom:-.5px;
	width:20px;
	height:3px;
	border-radius:15px;
	background:#0076fe
}
.book-read-page .basic-explore-box .basic-explore-tab .basic-tab-indicator.active {
	display:block
}
.book-read-page .basic-explore-box .basic-tab-content-area {
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:20px;
	border-radius:8px;
	background:#fff
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-tab-content {
	position:relative;
	padding:32px;
	width:100%;
	display:none
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-tab-content.active {
	display:flex;
	flex-direction:column
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-more-book {
	align-items:center
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-devide {
	width:100%;
	height:1px;
	background:#0000000f;
	margin:20px 0
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-info {
	display:flex;
	gap:24px
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-info .basic-book-thumb {
	display:flex;
	width:145px;
	height:203px;
	padding:15px 11px 14px 10px;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	flex-shrink:0;
	background:#f5f7fa
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-info .basic-book-thumb .basic-thumb-image {
	-webkit-user-select:none;
	user-select:none;
	max-width:100%;
	max-height:100%;
	box-shadow:0 4px 8px 2px #0000001f
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-info .basic-book-thumb .basic-thumb-image>img {
	width:100%;
	height:100%
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-info .basic-book-detail {
	display:flex;
	gap:16px;
	flex-direction:column
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-info .basic-book-detail .basic-detail-item {
	display:flex;
	gap:16px;
	color:#333;
	font-size:13px;
	line-height:150%
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-info .basic-book-detail .basic-detail-item>p {
	flex-shrink:0;
	font-weight:700
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-keywords {
	display:flex;
	gap:8px;
	width:100%;
	flex-wrap:wrap
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-keywords .book-keywords-item {
	display:flex;
	padding:4px 10px;
	justify-content:center;
	align-items:center;
	gap:8px;
	border-radius:2px;
	background:#f1f3f7;
	color:#666;
	text-align:center;
	font-size:12px;
	line-height:20px
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-more-book {
	padding:32px 28px;
	width:100%
}
.book-read-page .basic-bread-crumb {
	font-size:14px;
	color:#999
}
.book-read-page .basic-explore-button {
	position:absolute;
	bottom:32px;
	left:50%;
	transform:translate(-50%);
	width:184px;
	height:44px;
	flex-shrink:0;
	border-radius:4px;
	border:1px solid #0076FE;
	background:#fff;
	color:#0076fe;
	text-align:center;
	font-size:14px;
	line-height:44px
}
.book-read-page .basic-explore-button:hover {
	background:#e8f2ff
}
.basic-img-loading {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:40px;
	height:40px;
	border:4px solid #f3f3f3;
	border-top:4px solid #0076FE;
	border-radius:50%;
	animation:spin 1s linear infinite
}
@keyframes spin {
	0% {
	transform:translate(-50%,-50%) rotate(0)
}
to {
	transform:translate(-50%,-50%) rotate(360deg)
}
}.basic-back-top {
	z-index:99;
	position:fixed;
	right:12px;
	bottom:100px;
	display:none;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border-radius:8px;
	border:1px solid #eaecf0;
	background-color:#fff;
	box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;
	cursor:pointer
}
.basic-back-top:hover svg {
	color:#0076fe
}
.basic-back-top.show {
	display:flex
}
@media (max-width:900px) {
	.book-read-page {
	padding-bottom:60px
}
.book-read-page>.basic-book-content {
	height:calc(100% - 100px - env(safe-area-inset-bottom))
}
.book-read-page .basic-explore-box {
	padding:0 16px;
	gap:20px
}
.book-read-page .basic-explore-box .basic-explore-title {
	display:block;
	font-size:16px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-top:10px
}
.book-read-page .basic-explore-box .basic-publish-time {
	display:flex;
	color:#666;
	font-size:12px;
	margin-top:-16px
}
.book-read-page .basic-bottom-box {
	z-index:999;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	padding-bottom:env(safe-area-inset-bottom);
	height:calc(60px + env(safe-area-inset-bottom));
	border-top:1px solid #4B4B4B;
	justify-content:end
}
.book-read-page .basic-bottom-box .basic-bottom-left {
	display:none
}
.book-read-page .basic-bottom-box .basic-bottom-right {
	gap:12px
}
}@media (max-width:820px) {
	.book-read-page .basic-bottom-box .basic-bottom-right {
	gap:18px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle,.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-right {
	padding:26px
}
}@media (max-width:770px) {
	.book-read-page .basic-bottom-box .basic-bottom-right {
	gap:12px
}
.book-read-page .basic_icon {
	background-size:400px 500px!important
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-info {
	flex-direction:column
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-info .basic-book-thumb {
	width:100%;
	padding:15px 0
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-info .basic-book-thumb .basic-thumb-image {
	max-width:100%
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-info .basic-book-detail {
	display:flex;
	gap:16px;
	flex-direction:column
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-info .basic-book-detail .basic-detail-item {
	display:flex;
	gap:16px;
	color:#333;
	font-size:13px;
	line-height:150%
}
.book-read-page .basic-explore-box .basic-tab-content-area .basic-book-info .basic-book-detail .basic-detail-item>p {
	flex-shrink:0;
	font-weight:700
}
.book-read-page .basic-popup-box .basic-popup-body,.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body,.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell {
	flex-direction:column
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle {
	display:none
}
.book-read-page .basic-popup-box .basic-popup-center {
	display:flex;
	justify-content:center!important
}
.book-read-page .basic-popup-box .basic-popup-content .basic-popup-header .basic-popup-header-tips {
	display:none
}
.book-read-page .basic-popup-left,.book-read-page .basic-popup-middle,.book-read-page .basic-popup-right {
	width:100%
}
}@media (max-width:650px) {
	.book-read-page {
	padding-bottom:60px
}
.book-read-page>.basic-book-content {
	height:calc(100% - 100px - env(safe-area-inset-bottom))
}
.book-read-page>.basic-book-content.is-app {
	height:calc(100% - 60px - env(safe-area-inset-bottom))
}
.book-read-page .basic-bottom-box {
	z-index:999;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	padding-bottom:env(safe-area-inset-bottom);
	height:calc(60px + env(safe-area-inset-bottom));
	border-top:1px solid #4B4B4B
}
.book-read-page .basic-bottom-box .basic-bottom-left {
	display:none
}
.book-read-page .basic-bottom-box .basic-bottom-right {
	font-size:14px;
	justify-content:space-around;
	width:100%
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item {
	padding:0;
	gap:2px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item:hover {
	background-color:none
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item .basic-more-text-btn {
	display:none
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item .basic-text-btn {
	display:block
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item>span {
	display:block;
	white-space:nowrap;
}
.book-read-page .basic-bottom-box .basic-bottom-right .qrcode-box,.book-read-page .basic-bottom-box .basic-bottom-right .basic-share-btn .basic-share-pop,.book-read-page .basic-bottom-box .basic-bottom-right .basic-more-button {
	display:none
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-more-button>svg {
	display:none
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-more-button.hide {
	display:none
}
.book-read-page .basic-bottom-box .basic-flex-end {
	justify-content:flex-end
}
.book-read-page .basic-popup-box .basic-popup-row {
	display:flex;
	flex-direction:row
}
.book-read-page .basic-popup-box .basic-popup-content {
	top:initial;
	bottom:0;
	left:0;
	transform:translateY(100%);
	transition:all .3s ease-in-out;
	max-width:100%;
	min-width:100%;
	border-radius:8px 8px 0 0
}
.book-read-page .basic-popup-box .basic-popup-content .basic-popup-header {
	padding:16px 20px
}
.book-read-page .basic-popup-box .basic-popup-content .basic-popup-header .basic-popup-title {
	font-size:18px;
	font-weight:700;
	text-align:center;
	line-height:normal
}
.book-read-page .basic-popup-box .basic-popup-content .basic-popup-footer .basic-popup-close-btn {
	height:50px;
	line-height:50px;
	padding-bottom:env(safe-area-inset-bottom);
	color:#333;
	font-size:16px;
	text-align:center
}
.book-read-page .basic-popup-box .basic-popup-content.is-show {
	transform:translateY(0)
}
.book-read-page .basic-popup-box .basic-text-version-content {
	height:90%;
	max-height:100%;
	padding-bottom:env(safe-area-inset-bottom)
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body {
	overflow:hidden;
	padding:26px 26px 0;
	background:#f1f1f1;
	gap:0
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-toc-toggle,.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-toc-toggle.is-float {
	left:35px;
	top:35px;
	transform:rotate(180deg)
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-toc-toggle.inactive {
	transform:rotate(0);
	left:initial;
	top:20px;
	right:15px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left {
	bottom:0;
	transform:translate(-100%);
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	transition:all .3s ease-in-out
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-left.is-hidden {
	display:flex!important;
	transform:translate(0);
	overflow:hidden;
	width:100%
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell {
	overflow:auto;
	gap:initial;
	width:100%;
	background-color:#fff
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle {
	display:none;
	padding:12px;
	background-color:#fff
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .popup-middle-title {
	position:initial;
	transform:none;
	border:none
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image {
	background:#f1f1f1;
	padding:8px 0
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .popup-middle-img {
	width:170px;
	height:234px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .popup-thumb-empty {
	height:234px;
	background-color:#f1f1f1
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .popup-img-flip-btn {
	display:block;
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .popup-img-flip-btn.left-btn {
	left:24px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .popup-img-flip-btn.right-btn {
	right:24px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-cell .basic-popup-middle .basic-popup-image .basic-popup-fullscreen-btn {
	display:block;
	position:absolute;
	bottom:12px;
	right:12px;
	width:20px;
	height:20px
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right {
	background-color:#fff
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .basic-popup-copy,.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .popup-right-title {
	display:none
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .popup-right-content {
	box-shadow:none;
	padding-top:0
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-body .basic-popup-right .popup-right-content .book-text-content {
	padding:0
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer {
	padding:12px 3vw;
	gap:0
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination {
	gap:2vw;
	justify-content:flex-start;
	font-size:3.2vw;
	flex-shrink:0
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-popup-btn {
	display:none
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .basic-multi-page .basic-current-page {
	padding:0 3vw
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .popup-goto-page {
	gap:2vw
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-pagination .popup-goto-page>input {
	width:12vw
}
.book-read-page .basic-popup-box .basic-text-version-content .basic-popup-footer .basic-popup-back {
	flex-shrink:1;
	padding:2vw 3vw;
	font-size:3vw
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-popup-header {
	justify-content:center
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-popup-body {
	padding:10px 25px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item {
	flex-direction:row-reverse;
	justify-content:space-between;
	border:none
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item .basic-download-btn {
	position:relative;
	cursor:pointer;
	text-align:center;
	width:initial;
	height:initial;
	border-radius:24px;
	background-color:#4091f7;
	color:#fff;
	padding:10px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item .basic-download-btn .basic-download-icon,.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item .basic-download-btn .mask {
	display:none
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-download-item .basic-download-tips {
	color:#333;
	font-size:16px
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-close-btn-download {
	display:none
}
.book-read-page .basic-popup-box .basic-popup-download-content .basic-popup-footer-download {
	display:block
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item {
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:20px 0
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .basic_icon {
	width:50px;
	height:50px;
	background-size:350px!important
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .qq {
	background-position:-12px 177px
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .qqZone {
	background-position:-85px 177px
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .weibo {
	background-position:-80px 46px
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .baidu {
	background-position:-539px 97px
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .douban {
	background-position:-300px 177px
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-share-item .copy {
	background-position:-13px 123px
}
.book-read-page .basic-popup-box .basic-popup-share-content .basic-popup-footer-share {
	display:block
}
.book-read-page .basic-popup-box .basic-popup-img-content {
	padding:90px 20px;
	min-width:100%;
	height:100%;
	max-height:100%;
	max-width:100%
}
.book-read-page .basic-popup-box .basic-popup-column-border {
	border-top:1px solid #f4f4f4;
	border-bottom:1px solid #f4f4f4
}
.book-read-page .basic-modal-share.is-show {
	display:flex
}
.book-read-page .basic-explore-box {
	padding:0 16px;
	gap:20px
}
.book-read-page .basic-explore-box .basic-explore-title {
	display:block;
	font-size:16px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-top:10px
}
.book-read-page .basic-explore-box .basic-publish-time {
	display:flex;
	color:#666;
	font-size:12px;
	margin-top:-16px
}
.book-read-page .basic-bread-crumb {
	font-size:12px;
	color:#666
}
.book-read-page .basic-back-top {
	bottom:calc(70px + env(safe-area-inset-bottom));
	height:44px;
	width:44px
}
.basic-waterfall-container .basic-water-cell .basic-img-box {
	min-height:initial
}
}@media (max-width:375px) {
	.book-read-page .basic-bottom-box .basic-bottom-right>i {
	width:22px;
	height:22px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item>svg {
	width:24px;
	height:24px
}
.book-read-page .basic-bottom-box .basic-bottom-right .basic-upload-button {
	padding:5px 8px
}
}@media (max-width:320px) {
	.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item span,.book-read-page .basic-bottom-box .basic-bottom-right .basic-bottom-item .basic-text-btn {
	display:none
}
}*,*:before,*:after {
	margin:0;
	padding:0;
	box-sizing:border-box
}
.icon {
	background-image:url(/mobile/images/basic_icon.png);
	display:inline-block;
	background-size:326px 382px
}
.basic-waterfall-container {
	position:relative;
	margin-bottom:85px;
	width:100%
}
.basic-water-cell {
	cursor:pointer;
	max-width:200px;
	min-height:100px;
	overflow:hidden;
	position:absolute;
	border-radius:8px;
	border:1px solid #EEE;
	background:#fff;
	box-shadow:0 0 4px #0000000a;
	transition:all .3s ease-in-out
}
.basic-water-cell:hover {
	transform:translateY(-10px)
}
.basic-water-cell .basic-img-box {
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	min-height:265px
}
.basic-water-cell .basic-img-box>img {
	max-height:270px;
	height:100%
}
.basic-water-cell .basic-qrurl-code {
	position:absolute;
	left:0;
	top:0;
	width:47px;
	height:47px;
	z-index:15;
	background-image:url(/template/pc/default/home/images/basic-icon.png);
	background-repeat:no-repeat;
	background-position:-284px -933px
}
.basic-water-cell .basic-qrurl-code:hover {
	background-position:-221px -933px
}
.basic-water-cell .basic-book-title {
	margin:10px;
	font-size:14px;
	color:#333940;
	font-weight:700;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.basic-water-cell .basic-qrurl-panel {
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#000c;
	visibility:hidden;
	opacity:0;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	z-index:14
}
.basic-water-cell .basic-qrurl-panel .water-qrurl-img {
	padding:10px;
	width:100%
}
.basic-water-cell .basic-qrurl-panel.is-show {
	visibility:visible;
	opacity:1
}
.basic-loading-circular {
	display:inline;
	height:42px;
	width:42px;
	animation:loading-rotate 2s linear infinite
}
@keyframes loading-rotate {
	to {
	transform:rotate(1turn)
}
}.md-content {
	display:flex;
	flex-direction:column;
	gap:16px;
	max-width:100%;
	font-size:14px;
	color:#333940;
	line-height:1.5;
	word-spacing:0px;
	letter-spacing:0px;
	word-break:break-word;
	word-wrap:break-word;
	text-align:left;
	font-family:Fira Code,微软雅黑,PingFang SC,Microsoft YaHei,sans-serif
}
.md-content p,.md-content blockquote p {
	font-size:14px;
	padding-top:.5em;
	padding-bottom:.5em;
	margin:0;
	line-height:1.5;
	color:#333940;
	text-indent:2em
}
.md-content div[mdtype=toc] {
	font-size:12px
}
.md-content h1,.md-content h2,.md-content h3,.md-content h4,.md-content h5,.md-content h6 {
	margin:1.2em 0 1em;
	padding:0;
	font-weight:700;
	color:#222
}
.md-content h1 {
	font-size:18px
}
.md-content h2 {
	font-size:16px;
	border-bottom:2px solid rgb(239,112,96)
}
.md-content h2 span {
	display:inline-block;
	font-weight:700;
	background:#ef7060;
	color:#fff;
	padding:3px 10px 1px;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	margin-right:3px
}
.md-content h2:after {
	display:inline-block;
	content:"";
	vertical-align:bottom;
	border-bottom:1.25rem solid #efebe9;
	border-right:1.25rem solid transparent
}
.md-content h3,.md-content h4,.md-content h5,.md-content h6 {
	font-size:14px
}
.md-content ul,.md-content ol {
	margin-top:8px;
	margin-bottom:8px;
	padding-left:25px;
	color:#333940
}
.md-content ul {
	list-style-type:disc
}
.md-content ul ul {
	list-style-type:square
}
.md-content ol {
	list-style-type:decimal
}
.md-content li section {
	margin-top:5px;
	margin-bottom:5px;
	line-height:1.7rem;
	text-align:left;
	color:#010101;
	font-weight:500
}
.md-content blockquote {
	display:block;
	font-size:12px;
	overflow:auto;
	border-left:3px solid rgb(239,112,96);
	color:#6a737d;
	padding:10px 10px 10px 20px;
	margin-bottom:20px;
	margin-top:20px;
	background:#fff9f9
}
.md-content a {
	text-decoration:none;
	word-wrap:break-word;
	font-weight:700;
	border-bottom:1px solid #1e6bb8;
	color:#ef7060;
	border-bottom:1px solid rgb(239,112,96)
}
.md-content .md-anchor {
	text-decoration:none;
	word-wrap:break-word;
	font-weight:700;
	font-size:10px;
	color:#d1d0d1;
	border-bottom:.1px solid #f4f4f4
}
.md-content p code,.md-content li code {
	font-size:12px;
	word-wrap:break-word;
	padding:2px 4px;
	border-radius:4px;
	margin:0 2px;
	color:#ef7060;
	background-color:#1b1f230d;
	font-family:Operator Mono,Consolas,Monaco,Menlo,monospace;
	word-break:break-all
}
.md-content img {
	max-width:100%;
	height:auto;
	width:auto;
	object-fit:contain;
	max-height:400px
}
.md-content span img {
	display:inline-block;
	max-width:100%;
	height:auto;
	width:auto;
	object-fit:contain;
	max-height:400px
}
.md-content table {
	display:table;
	text-align:left
}
.md-content tbody {
	border:0
}
.md-content table tr {
	border:0;
	border-top:1px solid #ccc;
	background-color:#fff
}
.md-content table tr:nth-child(2n) {
	background-color:#f8f8f8
}
.md-content table tr th,.md-content table tr td {
	font-size:12px;
	border:1px solid #ccc;
	padding:5px 10px;
	text-align:left
}
.md-content table tr th {
	font-weight:700;
	background-color:#f0f0f0
}
.md-page {
	display:flex;
	flex-direction:column;
	gap:16px
}
.md-image {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center
}
.md-image img {
	-webkit-user-select:none;
	user-select:none;
	max-width:100%;
	height:auto;
	width:auto;
	object-fit:contain;
	max-height:400px
}
.md-image img:hover {
	cursor:zoom-in
}
.md-image.tips .md-caption {
	text-align:center;
	font-size:10px
}
.md-content span code,.md-content li code {
	color:#ef7060
}
.md-content .md-footnote {
	font-size:14px;
	padding-top:.5em;
	padding-bottom:.5em;
	margin:0;
	line-height:1.5;
	color:#333940;
	text-indent:2em
}
.md-content .md-footnote>.md-text:before {
	content:"["
}
.md-content .md-footnote>.md-text:after {
	content:"]"
}
.md-content .md-def-name {
	padding-right:1.8ch
}
.md-content .md-def-name:before {
	content:"[";
	color:#000
}
.md-content .md-def-name:after {
	color:#000
}
.md-fences:before {
	content:" ";
	display:block;
	width:100%;
	background-size:40px;
	background-repeat:no-repeat;
	background-color:#282c34;
	margin-bottom:-7px;
	border-radius:5px;
	background-position:10px 10px
}
.CodeMirror-wrap .CodeMirror-scroll {
	overflow-x:auto
}
.cm-s-inner.CodeMirror {
	padding:.5rem;
	background-color:#292d3e;
	color:#a6accd;
	font-family:Consolas;
	border-radius:4px
}
.cm-s-inner .cm-keyword {
	color:#c792ea!important
}
.cm-s-inner .cm-operator {
	color:#89ddff!important
}
.cm-s-inner .cm-variable-2 {
	color:#eff!important
}
.cm-s-inner .cm-variable-3,.cm-s-inner .cm-type {
	color:#f07178!important
}
.cm-s-inner .cm-builtin {
	color:#ffcb6b!important
}
.cm-s-inner .cm-atom {
	color:#f78c6c!important
}
.cm-s-inner .cm-number {
	color:#ff5370!important
}
.cm-s-inner .cm-def {
	color:#82aaff!important
}
.cm-s-inner .cm-string {
	color:#c3e88d!important
}
.cm-s-inner .cm-string-2 {
	color:#f07178!important
}
.cm-s-inner .cm-comment {
	color:#676e95!important
}
.cm-s-inner .cm-variable {
	color:#f07178!important
}
.cm-s-inner .cm-tag {
	color:#ff5370!important
}
.cm-s-inner .cm-meta {
	color:#ffcb6b!important
}
.cm-s-inner .cm-attribute,.cm-s-inner .cm-property {
	color:#c792ea!important
}
.cm-s-inner .cm-qualifier,.cm-s-inner .cm-variable-3,.cm-s-inner .cm-type {
	color:#decb6b!important
}
.cm-s-inner .cm-error {
	color:#fff!important;
	background-color:#ff5370!important
}
.cm-s-inner .CodeMirror-matchingbracket {
	text-decoration:underline;
	color:#fff!important
}
.CodeMirror div.CodeMirror-cursor {
	border-left:1px solid rgb(239,112,96);
	z-index:3
}
.cm-s-inner div.CodeMirror-selected,.cm-s-inner.CodeMirror-focused div.CodeMirror-selected {
	background:#a7b2bd33!important
}
.cm-s-inner .CodeMirror-selected,.cm-s-inner .CodeMirror-selectedtext {
	background-color:#a7b2bd00!important
}
.cm-s-inner .CodeMirror-line::-moz-selection,.cm-s-inner .CodeMirror-line>span::-moz-selection,.cm-s-inner .CodeMirror-line>span>span::-moz-selection {
	background-color:#a7b2bd33
}
.cm-s-inner .CodeMirror-line::selection,.cm-s-inner .CodeMirror-line>span::selection,.cm-s-inner .CodeMirror-line>span>span::selection {
	background-color:#a7b2bd33
}



/*分享*/

.thickness div:nth-child(1) {
	background-color:#B5B3B3;
	height:100%
}
.thickness div:nth-child(2) {
	background-color:#E3E2E2;
	height:calc(100% - 1px);
	top:-1px
}
.thickness div:nth-child(3) {
	background-color:#B5B3B3;
	height:calc(100% - 4px);
	top:-2px
}
.thickness div:nth-child(4) {
	background-color:#E3E2E2;
	height:calc(100% - 6px);
	top:-3px
}
.thickness div:nth-child(5) {
	background-color:#B5B3B3;
	height:calc(100% - 8px);
	top:-4px
}
.thickness div:nth-child(6) {
	background-color:#E3E2E2;
	height:calc(100% - 10px);
	top:-5px
}
.openbox .b .l {
	float:left;
	width:280px;
	height:280px
}
.openbox .b .r {
	float:right;
	width:290px;
	height:280px;
	overflow:hidden;
	font-weight:400;
	position:relative
}
.openbox .b .r h3 {
	font-weight:bold
}
.openbox .b .r .publisher {
	font-size:14px;
	color:#999;
	padding:5px 0
}
.openbox .b .r .introduce {
	color:#6C757D;
	height:100px;
	overflow-y:scroll;
	margin-top:20px;
	font-size:14px;
	padding-right:10px
}
.openbox .openclick {
	position:absolute;
	bottom:20px;
	width:100%
}
.openbox .openclick>.abtn {
	display:block;
	line-height:40px;
	text-align:center;
	background-color:#28A745;
	color:#fff;
	border-radius:3px
}
.openbox .openclick>.abtn.abtn:hover {
	background-color:#218838;
	color:#fff
}
.openbox .abtn[name=url] {
	background-color:#28A745
}
.openbox .abtn[name=url]:hover {
	background-color:#218838
}
.openbox .abtn[name=wxb] {
	background-color:#007BFF
}
.openbox .abtn[name=wxb]:hover {
	background-color:#0069D9
}
.openbox .abtn[name=xcx] {
	background-color:#6C757D
}
.openbox .abtn[name=xcx]:hover {
	background-color:#5A6268
}
.openbox .abtn[name=pdf] {
	background-color:#17A2B8
}
.openbox .abtn[name=pdf]:hover {
	background-color:#138496
}
.openbox .abtn[name=exe] {
	background-color:#343A40
}
.openbox .abtn[name=exe]:hover {
	background-color:#23272B
}
.openbox-mb {
	width:90%;
	max-width:500px;
	overflow:hidden;
	height:345px
}
.openbox-mb .h {
	background-color:#EBEBEB;
	line-height:50px;
	padding-left:20px;
	font-weight:bold;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis
}
.openbox-mb .h .abtn[name=close] {
	position:static;
	float:right;
	color:#000;
	background:0;
	border-radius:0;
	width:50px;
	height:50px;
	text-align:center
}
.openbox-mb .h .abtn[name=close]>i {
	line-height:50px;
	margin-top:0;
	font-size:12px
}
.openbox-mb .b {
	padding:20px
}
.openbox-mb .b h3 {
	font-weight:bold;
	margin-bottom:10px
}
.openbox-mb .b .publisher {
	margin-bottom:10px;
	color:#999
}
.openbox-mb .b .introduce {
	margin-bottom:20px;
	color:#666;
	height:80px;
	overflow-y:auto;
	font-size:14px
}
.openbox-mb .b .openclick a {
	display:block;
	padding:10px 0;
	color:#fff;
	background-color:#1B7FCC;
	text-align:center;
	border-radius:4px
}
.openbox-mb .b .openclick a:active {
	background-color:#0F6CB7
}
.openbox-mb .f {
	padding:10px 20px;
	text-align:center;
	color:#999;
	font-size:12px;
	position:absolute;
	bottom:0;
	width:100%
}
.openbox-mb .f em {
	margin-right:10px
}
.pop>.abtn[name=close] {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -50px;
    right: 10px;
    color: #717785;
    background-color: #fff;
	z-index:9999;
    border-radius: 50%;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
}
.sharebox {
	width:580px;
	min-height:100px;
	font-size:14px;
	height:auto;
	z-index:99999999;
	background: rgb(246, 247, 251) !important;
    border-radius: 16px 16px 0px 0px !important;
	position:absolute;
	bottom: 120px;
    left: 50%;
    margin-left: -290px;
}
.sharebox .h {
	height:100px;
	background:url("/template/pc/default/home/images/fxbg.jpg") no-repeat;
	background-size:100%;
	color:#fff;
	padding:20px;
	border-top-left-radius:20px;
	border-top-right-radius:20px
}
.sharebox .b {
	height:auto;
	width:100%;
	background:#fff;
}
.sharebox .h h1 {
	font-size:28px
}
.sharebox .h p {
	margin:5px 0 0 0
}
.sharebox .b>.l,.sharebox .b>.r {
	height:100%
}
.sharebox .b>.l {
	width:272px;
	border-right:1px solid #DEE2E6;
	float:left
}
.sharebox .b>.r {
	float:right;
	width:200px;
	margin-top:-10px;
	position:relative
}
.sharebox .b>.l .lbtnbox>a {
	width:50px;
	height:50px;
	display:inline-block;
	border-radius:50%;
	line-height:50px;
	text-align:center;
	margin:0 10px 10px 0
}
.sharebox .b>.l .lbtnbox>a>i {
	font-size:28px;
	color:#fff
}
.fx-wx {
	background:#51C332
}
.fx-er {
	background:#76BD30
}
.fx-lj {
	background:#29B6F6
}
.fx-qq {
	background:#64D5FC
}
.fx-kj {
	background:#F7AE32
}
.fx-wb {
	background:#EB452F
}
.fx-tb {
	background:#268FFA
}
.fx-db {
	background:#499A19
}
.fx-ly {
	background:#207CC6
}
.fx-yy {
	background:#05A57C
}
.fx-hb {
	background:#7EAA17
}
.fx-wx:hover {
	background:#31B212
}
.fx-er:hover {
	background:#4CAF50
}
.fx-lj:hover {
	background:#00A2EA
}
.fx-qq:hover {
	background:#51CBF8
}
.fx-kj:hover {
	background:#F09E30
}
.fx-wb:hover {
	background:#E3422D
}
.fx-tb:hover {
	background:#0F83F7
}
.fx-db:hover {
	background:#408919
}
.fx-ly:hover {
	background:#086CBC
}
.fx-yy:hover {
	background:#088B6A
}
.fx-hb:hover {
	background:#6A8E15
}
.sharebox .lfzkbox {
	margin-top:20px
}
.sharebox .lfzkbox .ljfz {
	margin-bottom:10px
}
.sharebox .lfzkbox input,.sharebox .lfzkbox button {
	height:32px;
	border:1px solid #E2E2E2;
	background:#fff;
	width:114px;
	color:#808080
}
.sharebox .lfzkbox input {
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	padding:0 5px 0 20px
}
.sharebox .lfzkbox button {
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	padding-right:20px;
	border-left:none
}
.sharebox .lfzkbox input:hover {
	border:1px solid #FF7E0C
}
.sharebox .lfzkbox button:hover {
	background:#FF7E0C;
	color:#fff;
	border:0
}
.sharebox .r {
	text-align:center
}
.sharebox .rbtnbox {
	margin-top:5px
}
.sharebox .rbtnbox button {
	display:inline-block;
	width:94px;
	background:#fff;
	color:#808080;
	border:1px solid #E2E2E2;
	height:30px
}
.sharebox .rbtnbox .wxb {
	border-right:0;
	border-radius:30px;
}
.sharebox .rbtnbox .xcxb {
	border-top-right-radius:30px;
	border-bottom-right-radius:30px
}
.sharebox .rbtnbox .activ {
	background:#FF7E0C;
	color:#fff;
	border:0
}
.sharebox .rwmbox img,.sharebox .rwmbox canvas {
	width:188px;
	height:188px
}
.sharebox-mb .rwmbox img,.sharebox-mb .rwmbox canvas {
	width:188px;
	height:188px
}
.sharebox-mb .b .ewmbox {
	text-align:center
}
.sharebox-mb .rbtnbox button {
	display:inline-block;
	width:94px;
	background:#fff;
	color:#808080;
	border:1px solid #E2E2E2;
	height:30px
}
.sharebox-mb .rbtnbox .wxb {
	border-right:0;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px
}
.sharebox-mb .rbtnbox .xcxb {
	border-top-right-radius:30px;
	border-bottom-right-radius:30px
}
.sharebox-mb .rbtnbox .activ {
	background:#FF7E0C;
	color:#fff;
	border:0
}
#qrcode {
	position:relative
}
a.beautify {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:36px;
	height:36px;
	text-align:center;
	line-height:28px;
	background-color:#268FFA;
	border-radius:50%;
	color:#fff;
	border:4px solid #fff;
	display:none
}
.openbox .box>a.beautify {
	left:calc(50% - 10px);
	top:calc(50% - 10px)
}
#qrcode:hover>a.beautify,.openbox .box:hover>a.beautify {
	display:block
}
a.beautify:hover {
	background-color:#0F83F7;
	color:#fff;
	border:4px solid #fff
}
.mailbox {
	padding:60px 40px;
	text-align:center;
	position:relative
}
.mailbox a[name=mailbox-back] {
	position:absolute;
	left:20px;
	top:20px;
	color:#808080
}
.mailbox a[name=mailbox-back]:hover {
	color:#333
}
.mailbox .tt {
	font-size:22px
}
.mailbox input,#sjmailbox input {
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	border:1px solid #E2E2E2;
	background:#fff;
	width:80%;
	max-width:300px;
	color:#808080;
	padding:12px;
	font-size:16px;
	text-align:center;
	margin:20px
}
.mailbox .ft a {
	display:block;
	margin:0 auto;
	margin-bottom:10px
}
.mailbox a[name=postmail] {
	width:150px;
	height:40px;
	line-height:40px;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	text-align:center;
	background:#FF7E0C;
	color:#fff
}
.mailbox a[name=postmail]:hover {
	background:#E5710A
}
.ft .er {
	color:red;
	margin-top:20px
}
.ft .er i,.ft .ok i {
	margin-right:5px
}
.ft .ok {
	color:green;
	margin-top:20px
}
.sharebox-mb .h,.sharebox-mb .f {
	padding:0 20px;
	line-height:50px;
	color:rgba(0,0,0,0.8)
}
.sharebox-mb .h .btnbox,.sharebox-mb .f {
	text-align:center
}
.sharebox-mb .h .r {
	float:right;
	font-size:12px
}
.sharebox-mb .h .ewmbox {
	color:#A9A9A9
}
.sharebox-mb .h .ewmbox>a {
	padding:0 10px;
	margin-left:-10px
}
.sharebox-mb .h .mailbox {
	text-align:center;
	position:relative
}
.sharebox-mb .mailbox {
	padding:0
}
.sharebox-mb .h .mailbox>a {
	padding:0 10px;
	position:absolute;
	left:-10px;
	top:0
}
.sharebox-mb .h {
	border-bottom:1px solid rgba(0,0,0,0.05)
}
.sharebox-mb .b {
	padding:20px
}
.sharebox-mb .f {
	border-top:1px solid rgba(0,0,0,0.05)
}
.sharebox-mb table {
	width:100%
}
.sharebox-mb td {
	text-align:center;
	height:90px;
	vertical-align:top
}
.sharebox-mb td a {
	width:50px;
	height:50px;
	display:inline-block;
	border-radius:50%;
	line-height:50px;
	text-align:center;
	margin-bottom:5px;
	font-size:12px
}
.sharebox-mb td a>i {
	font-size:28px;
	color:#fff
}
.sharebox-mb td a>p {
	line-height:20px;
	margin:0
}
.sharetips {
	position:fixed;
	left:0;
	top:0;
	z-index:1111;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8) url("/template/pc/default/home/images/sharetips.png") no-repeat center top;
	background-size:100%;
	display:none
}
#jtbox {
	width:480px;
	height:787px;
	background:url('/template/pc/default/home/images/fxtbg.jpg') no-repeat 100% 100%;
	border-radius:5px;
	overflow:hidden;
	position:fixed;
	left:-2000px;
	top:0
}
#jtbox table {
	width:357px;
	height:357px;
	margin:0 auto;
	border-collapse:collapse;
	border-spacing:2px
}
#jtbox table td {
	text-align:center;
	vertical-align:bottom;
	display:table-cell
}
#jtbox table td img {
	max-height:250px;
	max-width:250px
}
#jtbox h3 {
	font-size:27px;
	font-weight:400
}
#jtbox .nrbox {
	text-align:center
}
#jtbox .nrbox h3 {
	margin-top:50px;
	color:#000;
	padding:10px 40px 10px 40px;
	margin-bottom:0
}
#jtbox .nrbox p {
	color:#6A6A6A;
	padding:10px 40px 10px 40px
}
#jtbox .nrbox div {
	margin-top:30px;
	padding:10px 40px 10px 40px
}
#jtbox .nrbox div>img {
	margin-right:8px;
	height:16px;
	vertical-align:middle
}
#jtbox .footbox {
	position:absolute;
	bottom:50px;
	left:30px
}
#jtbox .footbox h3 {
	margin-top:0
}
#jtbox .footbox p {
	color:#A7A7A7;
	margin-bottom:2px
}
#jtbox .ewm {
	width:128px;
	height:128px;
	position:absolute;
	right:30px;
	bottom:30px
}
.bill {
	width:480px;
	height:787px;
	z-index:1002000;
	margin-top:20px;
	background:#000
}
.bill .canvasbox {
	width:100%;
	height:100%;
	background:url("/template/pc/default/home/images/jz-s1.gif") #000 center center no-repeat;
	position:absolute;
	left:0;
	top:0;
	border-radius:5px;
	overflow:hidden
}
.bill .canvasbox>div {
	background-color:rgba(0,0,0,0.6);
	width:100%;
	height:50px;
	line-height:50px;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	text-align:center;
	-webkit-transition:opacity .2s;
	-o-transition:opacity .2s;
	transition:opacity .2s;
	color:#fff
}
.bill .canvasbox>div a {
	padding:5px 10px 5px 10px;
	border-radius:3px;
	background-color:#FF7E0C;
	line-height:30px;
	margin-top:5px
}
.bill .canvasbox:hover div {
	opacity:1
}
.bill .canvasbox>div span {
	float:left;
	margin-left:10px;
	font-size:14px
}
.bill .canvasbox>div a[name=close] {
	float:right;
	padding:0;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	margin-right:10px;
	margin-top:10px;
	font-size:18px;
	position:static;
	background-color:#FF7E0C;
	color:#fff;
	border-radius:4px
}
.bill .canvasbox>div a[name=close]>i {
	font-size:16px;
	line-height:30px
}
.bill .canvasbox>a {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	text-shadow:0 0 10px rgba(0,0,0,0.5);
	color:#fff
}
.bill .canvasbox>a:hover {
	text-shadow:0 0 10px rgba(0,0,0,0.7)
}
.bill .canvasbox>a>i {
	font-size:36px
}
.bill .canvasbox>a.disabled {
	opacity:.3;
	cursor:not-allowed
}
.bill .canvasbox>a[name="PrevPoster"] {
	left:10px
}
.bill .canvasbox>a[name="NextPoster"] {
	right:10px
}