/*==============================
	Common styles
==============================*/
:root {
        --bg-body: #f6f8fb; /* 背景颜色 */
        --bg-sfont: #8599ab; /* 淡字体颜色 */
        --bg-afont: #fa7268; /* 链接字体淡红颜色 */
        --bg-bfont: #3796f6; /* 图标蓝色颜色 */
}
  



body {	background-color: var(--bg-body);}

@font-face{font-family:HarmonyOS_Sans_SC_Medium;font-style:normal;font-display:swap;
src:url(https://i.veimoz.com/HarmonyOS_Sans_SC_Medium.subset.woff2) format('woff2')}
*{font-family:HarmonyOS_Sans_SC_Medium}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	letter-spacing: 0;
	margin:0;
}

button {
	padding: 0;
	border: none;
	background-color: transparent;
	transition: 0.4s;
	cursor: pointer;
}

button:focus {
	outline: none;
}

a {
	transition: 0.4s;
}

a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
}

input,
textarea,
select {
	padding: 0;
	margin: 0;
	border-radius: 0;
	appearance: none;
	box-shadow: none;
	transition: 0.4s;
}

i {
	color: black;
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
}

select::-ms-expand {
	display: none;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

::-moz-selection {
	background: #2d2f32;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #2d2f32;
	color: #fff;
	text-shadow: none;
}

::-webkit-input-placeholder {
	color: var(--bg-sfont);
	opacity: 1;
}

::-moz-placeholder {
	color: var(--bg-sfont);
	opacity: 1;
}

:-moz-placeholder {
	color: var(--bg-sfont);
	opacity: 1;
}

:-ms-input-placeholder {
	color: var(--bg-sfont);
	opacity: 1;
}

.wl_100{ max-width: 100% !important; }

@media (min-width: 1310px) {
	.container {
		max-width: 1250px;
	}
}

.owl-carousel .owl-item img {
	width: auto;
	max-width: 100%;
}

.tab-content>.tab-pane {
	display: none;
}

.tab-content>.active {
	display: block;
}

.plx{
    position: absolute;
    top: 17px;
    right: 30px;
    width: 61px;
}

.fade {
	-webkit-transition: opacity 0.25s linear;
	-moz-transition: opacity 0.25s linear;
	transition: opacity 0.25s linear;
}

@media screen and (prefers-reduced-motion: reduce) {
	.fade {
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}
}

.fade:not(.show) {
	opacity: 0;
}

.collapse:not(.show) {
	display: none;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition: height 0.4s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
	.collapsing {
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}
}




.wap_on {
	display: block !important;
}

.border-theme {
	background-color: #859cad30 !important;
	left: 0;
	bottom: -2px;
	height: 1px;
	margin: 0 20px;
}

.design_server {
    background: #eff6ff;
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    align-items: center;
    position: relative;
}
.design_server_name p,.design_server_name li{
    font-size: 13px;
}
.design_server_name ul{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.design_server_name ul li{
    margin: 0 !important;
    line-height: 30px;
}
.design_server img {
    height: 120px;
}
mark {
    color: inherit;
    padding: 0;
    background: none;
    background-image: linear-gradient(120deg,rgba(255,193,7,0.4) 0%,rgba(255,193,7,0.4) 100%);
    background-repeat: no-repeat;
    background-size: 0% 0.3em;
    background-position: 0 80%;
    position: relative;
    animation-delay: 1s;
    background-size: 100% 0.3em;
}

#teepayPayPost input[type="radio"]{
        background-color: initial;
    cursor: default;
    appearance: radio;
    box-sizing: border-box;
    margin: 0px 3px 3px 0px;
    padding: initial;
    border: initial;
    vertical-align: middle;
}


.downon .d_txt {
	line-height: 100%;
	font-size: 14px;
	color: var(--bg-sfont);
}

.downon .d_plei {
	
}

.downon .d_btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 40px;
	width: calc(50% - 10px);
	border-radius: 4px;
	font-size: 14px;
	position: relative;
	overflow: hidden;
	color: #fff;
	font-weight: 600;
}

/*==============================
	tepass
==============================*/


/*==============================
	Headertips
==============================*/


@media (min-width: 768px) {
	.header__search-input {
		background: #f3f5f6;
	}
}

.header__search .ion-ios-search {
	color: var(--bg-afont);
}

.header__content .ion-ios-notifications {
	color: black;
}

.header__search-input {
	color: #000;
}

.search-icon{
    margin-left: 1px;
    margin-right: 16px;
    height: 24px;
    width: 24px;
    margin-top: 9px;
    left: 10px;
    background: url(data:image/jpeg;base64,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) no-repeat;
    background-size: cover;
    position: absolute;
}

.signin {
	color: #000000;
}

.header__btn span {
	background-color: #000;
}

.header-top {
	position: relative;
}

.header-top img {
	float: left;
	width: 45px;
	border-radius: 50%;
	margin-top: 6px;
	margin-right: 10px;
	height: 45px;
}

.header-center {
	display: flex;
	background-color: #34495e;
	border-radius: 8px;
}

.user-names {
	line-height: 30px !important;
	max-width: 100px;
	overflow: hidden;
	display: block;
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	font-size: 14px;
}

.wp-VIP {
	line-height: 30px !important;
	margin-left: 10px;
	font-style: normal;
	color: #fff;
	font-size: 12px !important;
	background-color: #fd7a25;
	padding: 2px 8px;
	border-radius: 10px;
}

.header-top .group-name {
	background: linear-gradient(90deg, #fd731f, #fe822f);
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 12px;
	margin-left: 10px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
}

.header-top p {
	font-size: 12px;
	color: #8495a0;
	cursor: pointer;
}

.header-top .logout {
	position: absolute;
	right: 0;
	top: 0;
	color: #888 !important;
	font-size: 12px;
}

.header-center .md-l {
	float: left;
	width: 50%;
	border-radius: 6px 0 0 6px;
	padding: 20px 20px 10px 30px;
	border: 2px transparent solid;
	transition: all 0.3s ease;
	position: relative;
}

.header-center .md-r {
	float: left;
	width: 50%;
	border-radius: 0 6px 6px 0;
	padding: 20px 10px 10px;
	border: 2px transparent solid;
	transition: all 0.3s ease;
	position: relative;
}

.header-center .md-tit {
	display: block;
	color: #fff;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: left;
}

.header-center .dou,
.header-center .jinbi {
	display: block;
	-webkit-line-clamp: 1;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	margin-bottom: 10px;
}

.header-box {
	color: #fff;
}

.header-bottom ul {
	padding: 1px;
	display: flex;
	text-align: center;
	margin: auto;
	list-style: none;
}

.header-bottom li {
	float: left;
	width: 33%;
	cursor: pointer;
}

.header-bottom li a {
	font-size: 12px;
}

.header-bottom li i {
	color: #364e65 !important;
	font-size: 15px;
	line-height: 0px;
}

/*==============================
	loading
==============================*/

.postpj {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 12px 0;
}

@-webkit-keyframes loading-5 {
	0% {
		transform: scale(1) rotate(0deg);
	}

	50% {
		transform: scale(0.6) rotate(180deg);
	}

	100% {
		transform: scale(1) rotate(360deg);
	}
}

.loading-5 {
	position: relative;
	width: 40px;
	height: 40px;
}

.loading-5 i {
	display: block;
	border: 2px solid rgb(84, 181, 219);
	border-radius: 50%;
	border-color: transparent rgb(84, 181, 219);
	position: absolute;
}

.loading-5 i:first-child {
	width: 35px;
	height: 35px;
	top: 0;
	left: 0;
	-webkit-animation: loading-5 1s ease-in-out 0 infinite
}

.loading-5 i:last-child {
	width: 15px;
	height: 15px;
	top: 10px;
	left: 10px;
	-webkit-animation: loading-5 1s ease-in-out .5s infinite reverse

	;
}

/*==============================
	Header
==============================*/
.header {
	display: block;
	position: fixed;
	background-color: #ffffff;
	box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	
}

.header__content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 70px;
	position: relative;
}

.header__content--end {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.header__btn {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -22px;
	width: 22px;
	height: 40px;
}

.header__btn span {
	display: block;
	position: absolute;
	height: 2px;
	width: 22px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: 0.4s ease;
	top: 13px;
	background-color: #000;
	border-radius: 2px;
}

.header__btn span:nth-child(2) {
	top: 21px;
}

.header__btn span:nth-child(3) {
	top: 29px;
}

.header__btn--active span:nth-child(1) {
	top: 21px;
	transform: rotate(45deg);
}

.header__btn--active span:nth-child(2) {
	opacity: 0;
}

.header__btn--active span:nth-child(3) {
	top: 21px;
	transform: rotate(-45deg);
}

.header__logo {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 200px;
	margin-left: 40px;
}

.header__logo img {
	width: 100%;
	display: block;
	border-radius: 10%;
}

.header__nav {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	position: fixed;
	top: 70px;
	left: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 99;
	width: 300px;
	padding: 25px 15px 0;
	transform: translate3d(-300px, 0, 0);
	transition: 0.4s ease;
	border-right: 1px solid rgba(133, 153, 171, 0.2);
	border-top: 1px solid rgba(133, 153, 171, 0.2);
}

.sxx {
	overflow-y: auto;
	overflow-x: hidden;
}

.sxx .sidebox__content {
	padding: 10px;
}

.sxx .s_ping {
	display: block !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.header__nav--active {
	transform: translate3d(0, 0, 0);
}

.header__nav-link {
	font-size: 14px;
	color: #364e65;
}

.header__nav-link:hover {
	color: var(--bg-afont);
}

.header__nav-link--active {
	color: var(--bg-afont);
}

.header__nav-item {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	position: relative;
}

.header__nav-item:last-child {
	margin-bottom: 0;
}

.header__nav-item.show .header__nav-link {
	color: var(--bg-afont);
}

.header__nav-item:nth-of-type(2) a:after {
	content: '';
	background: url(../img/icon_new.png) no-repeat;
	width: 26px;
	height: 14px;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}


.header__dropdown {
	position: relative;
	display: block;
	width: 100%;
}

.msg_remind {
	display: inline;
	width: 8px;
	height: 8px;
	background-color: #f01414;
	border-radius: 50%;
	position: absolute;
	top: 25px;
	left: 20px;
}

a:hover {
	text-decoration: none !important;
}

.dropdown-menu {
	list-style: none;
	position: absolute;
	z-index: 2;
	left: 0;
	margin: 0;
	padding: 0;
	border-right: 1px solid rgba(133, 153, 171, 0.2) !important;
	border-left: 1px solid rgba(133, 153, 171, 0.2) !important;
	border-bottom: 1px solid rgba(133, 153, 171, 0.2) !important;
	border-top: 2px solid var(--bg-bfont) !important;
	background: #FFF;
	text-align: left;
	min-width: 108px;
	display: block !important;
}

.dropdown-menu a {
	padding: 0px !important;
}

.dropdown-menu a:hover {
	background: #fff !important;
	color: var(--bg-afont) !important;
	text-decoration: none !important;
}

.aut_wl {
	min-width: 400px !important;
}

.aut_wl .header-box {
	margin: 0;
	padding: 0;
}

.header__dropdown-menu {
	position: absolute;
	background-color: #fff;
	padding: 10px !important;
	display: block;
	min-width: 180px;
	text-align: left !important;
	z-index: -1;
	opacity: 0;
	transition: 0.4s ease;
	transition-property: opacity, margin;
	margin-top: 0;
	top: 100%;
	border-right: 1px solid rgba(133, 153, 171, 0.2);
	border-left: 1px solid rgba(133, 153, 171, 0.2);
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
	border-top: 2px solid var(--bg-bfont);
	box-shadow: 0 2px 26px 0 rgba(133, 153, 171, 0.1);
	border-radius: 0 0 8px 8px;
	visibility: hidden;
}

.header__dropdown-menu li {
	padding: 0;
}

.header__dropdown-menu a {
	font-size: 14px;
	color: #364e65 !important;
	line-height: 36px;
	display: flex !important;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-weight: 400;
}

.header__dropdown-menu a i {
	font-size: 18px;
	margin-right: 10px;
	line-height: 100%;
	width: 15px;
}

.header__dropdown-menu a:hover,
.header__dropdown-menu a:hover i {
	color: var(--bg-afont);
}

.header__dropdown-menu a.header__ntf-more {
	justify-content: center;
	color: var(--bg-afont);
	font-size: 12px;
	font-weight: 600;
	line-height: 40px;
}

.header__dropdown-menu.show {
	z-index: 1000;
	pointer-events: auto;
	opacity: 1;
	margin-top: 15px;
	visibility: visible;
}

.header__dropdown-menu--right {
	left: auto;
	right: 0;
}

.header__dropdown-menu--ntf {
	padding: 0;
	min-width: 260px !important;
	padding: 0px !important;
}

.header__search {
	display: none;
}

.header__profile,
.header__notifications {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 70px;
	margin-left: 15px;
}

.signin {
	color: #000000;
	font-size: 14px;
	font-weight: 300;
}

.signin:hover {
	color: var(--bg-afont);
}

.header__profile-btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 40px;
	width: 40px;
}

.header__profile-btn span {
	display: none;
}

.header__profile-btn img {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.dropdown-toggle {
	padding-right: 0px !important;
}

.header__notifications-btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: auto;
	height: 40px;
	color: rgba(255, 255, 255, 0.3);
	font-size: 24px;
	position: relative;
}

.header__notifications-btn:hover,
.header__notifications-btn[aria-expanded="true"] {
	color: rgba(255, 255, 255, 0.5);
}

.header__notifications-btn--active:before {
	content: '';
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	
	border-radius: 50%;
	background-color: var(--bg-bfont);
	position: absolute;
	top: 10px;
	right: -2px;
	border: 1px solid #dadedf;
}

.header__messages {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: auto;
	height: 40px;
	color: rgba(255, 255, 255, 0.3);
	font-size: 24px;
	position: relative;
}

.header__messages:hover {
	color: rgba(255, 255, 255, 0.5);
}

.header__messages--active:before {
	content: '';
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	
	border-radius: 50%;
	background-color: var(--bg-afont);
	position: absolute;
	top: 10px;
	right: -2px;
	border: 1px solid #dadedf;
}

.header__ntf {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	padding: 15px;
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
}

.header__ntf-img {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin-right: 12px;
	overflow: hidden;
}

.header__ntf-img img {
	width: 100%;
	vertical-align: top;
}

.header__ntf-title {
	width: calc(100% - 48px);
	font-size: 12px;
	color: var(--bg-sfont);
	font-weight: normal;
	line-height: 35px;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header__ntf-title span {
	font-size: 14px;
	color: #364e65;
	font-weight: 600;
	display: inline;
}

.header__ntf-more {
	height: 40px;
	width: 100%;
	background-color: #fafafa;
}

.header__ntf-more:hover {
	color: var(--bg-afont) !important;
}

@media (min-width: 360px) {

	.header__profile,
	.header__notifications {}
}

@media (min-width: 576px) {

	.header__profile,
	.header__notifications {
		margin-left: 30px;
	}
}

@media (min-width: 768px) {
	.up-new {
		position: absolute;
		width: 30px;
		height: 34px;
		right: -30px;
		background: url(../../spzac/img/upiocn.png) no-repeat;
		z-index: 20;
		top: 0;
	}

	.header__search {
		position: relative;
		display: block;
	}

	.header__search ::-webkit-input-placeholder {
		color: #dadedf;
		opacity: 1;
	}

	.header__search ::-moz-placeholder {
		color: #dadedf;
		opacity: 1;
	}

	.header__search :-moz-placeholder {
		color: #dadedf;
		opacity: 1;
	}

	.header__search :-ms-input-placeholder {
		color: #dadedf;
		opacity: 1;
	}

	.header__search-input {
		width: 240px;
		height: 40px;
		border-radius: 4px;
		background: var(--bg-body);
		font-size: 14px;
		padding: 0 50px 0 44px;
		border: none;
	}

	.header__search-button {
		position: absolute;
		height: 40px;
		color: #dadedf;
		font-size: 22px;
		top: 50%;
		margin-top: -23px;
        right: 10px;
		line-height: 42px;
	}

	.header__search-button:hover {
		color: var(--bg-afont);
	}

	.header__logo {
		margin-left: 40px;
	}

}

@media (min-width: 992px) {
	.header__profile.show .header__profile-btn span {
		color: var(--bg-afont);
	}

	.header__profile-btn {
		width: auto;
	}

	.header__profile-btn span {
		display: block;
		font-size: 14px;
		font-weight: 600;
		margin-left: 10px;
		transition: 0.4s;
		color: var(--bg-sfont);
	}

	.header__profile-btn:hover span {
		color: var(--bg-afont);
	}
}

@media (min-width: 1200px) {
	.vipusr_list {
		width: 33.33333% !important;

	}

	.header__btn {
		display: none;
	}

	.header__logo {
		margin-left: 0;
	}

	.header__nav {

		transform: translate3d(0, 0, 0);
		padding: 0;
		background-color: transparent;
		width: auto;
		
		
		
		
		
		flex-direction: row;
		
		
		align-items: center;
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		border: none;
	}

	.header__nav-item {
		margin: 0 30px 0 0;
		width: auto;
	}

	.header__nav-item:last-child {
		margin: 0;
	}

	.header__nav-link {
		line-height: 70px;
		display: block;
		color: #000000;
	}

	.header__nav-link--active {
		color: var(--bg-afont);
		cursor: default;
		position: relative;
	}

	.header__nav-link--active:hover {
		color: var(--bg-afont);
	}

	.header__dropdown-menu {
		margin-top: -15px;
	}

	.header__dropdown-menu.show {
		margin-top: 0;
		visibility: visible;
	}

	.header__search-input {
		width: 200px;
	}

	.header__notifications-btn {
		height: 70px;
	}

	.header__notifications-btn--active:before {
		top: 25px;
	}

	.header__profile .header__dropdown-menu {
		margin-top: 0;
	}

	.header__profile .header__dropdown-menu.show {
		margin-top: 15px;
	}

}

@media (min-width: 1310px) {
	.header__nav-item {
		margin: 0 30px 0 0;
		width: auto;
	}

	.header__nav-item:last-child {
		margin: 0;
	}

	.header__search-input {
		width: 250px;
	}
}


.web_lis li {
	border-bottom: 1px dashed #eee;
	padding-bottom: 5px;
}

.web_lis li span {
	color: #f60;
}

.index_lis li {
	display: block !important;
}

.index_lis .post__views {
	float: right;
}

.index_lis .i_fuei {
	font-size: 12px;
	color: var(--bg-sfont);
}


/*==============================
	Breadcrumb
==============================*/
.breadcrumb__wrap {
	
	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.breadcrumb__item {
	font-size: 13px;
	color: var(--bg-sfont);
	
	
	transition: 0.4s ease;
	position: relative;
	line-height: 18px;
}

.separator {
	color: #e1e1e1;
	padding: 0 5px;
}

.breadcrumb__item:hover {
	color: var(--bg-afont);
}

.breadcrumb__item--active {
	cursor: default;
	margin-right: 0;
}

.breadcrumb__item--active:before {
	display: none;
}

.breadcrumb__item--active:hover {
	color: var(--bg-sfont);
}

.breadcrumb a {
	color: #364e65;
}

.breadcrumb a:hover {
	color: var(--bg-afont);
}

/*==============================
	Main
==============================*/

.Swiper_bl {
	background-color: white;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 5px;	
	box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);

}

.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;

}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 767px) {
	.swiper-slide img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
}

.main {
	padding-top: 100px;
	padding-bottom: 20px;
}

.main--breadcrumb {
	padding-top: 70px;
}

.main__title {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-weight: 600;
	color: #364e65;
	font-size: 18px;
	line-height: 100%;
	margin-bottom: 20px;
	margin-top: 40px;
	position: relative;
	padding-left: 20px;
}

.main__title:before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	width: 3px;
	background-color: var(--bg-bfont);
	left: 0;
	border-radius: 3px;
	box-shadow: 0 0 10px 0 rgba(55, 150, 246, 0.3);
}

.main__nav {
	position: relative;
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);
	display: flex;	
	flex-direction: row;	
	justify-content: flex-start;	
	align-items: center;
	padding: 0 0 0 20px;
}

.main__nav a {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 60px;
	width: auto;
	font-size: 14px;
	color: #364e65;
}

.main__nav a:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	display: block;
	background-color: var(--bg-bfont);
	transition: 0.4s ease;
	transform: translateY(2px);
	opacity: 0;
	box-shadow: 0 0 10px 0 rgba(55, 150, 246, 0.3);
}

.main__nav a.active:before {
	opacity: 1;
	transform: translateY(0);
}

.main__nav li {
	margin-right: 30px;
}

.main__nav li:last-child {
	margin-right: 0;
}

.author_one {
	min-height: 720px;
}

.zw_txt{ font-size: 13px !important;  line-height: 20px !important;
    color: var(--bg-sfont) !important;
    font-weight: normal; padding: 10px; }

.main__box {
	position: relative;
	padding: 20px;
	box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);
	border-radius: 5px;
	background-color: #fff;
	margin-bottom: 20px;
}

.main__box .uers_list {
	box-shadow: none;

	padding: 20px;
}

.main__box .uers_list img {
	width: 40px;
	height: 40px;
}

.mdui-table-fluid {
	margin: 5px;
	line-height: 40px;
	padding: 0 20px;
	border: none;
}

.mdui-table-fluid:nth-of-type(2n) {
	background: #fbeabd;
}

.main__box .post__tags {
	margin-bottom: -15px;
}

.main__box__ad {}

.main__box-title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	height: 40px;
	line-height: 100%;
	font-size: 16px;
	font-weight: 600;
	color: #364e65;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
	padding-top: 2px;
}

.main_line{  }

.main__box-text {
	font-size: 14px;
	line-height: 24px;
	color: #364e65;
}

.main__box-text:last-child {
	margin-bottom: 0;
}

.main__box-text span {
	color: var(--bg-sfont);
	font-size: 12px;
}

.main__box-text b {
	font-weight: 600;
}

.main__box-text a {
	color: var(--bg-afont);
}

.main__box-text a:hover {
	color: var(--bg-afont);
	text-decoration: underline;
}

.main__box-list {
	font-size: 14px;
	line-height: 24px;
	color: #364e65;
	margin-bottom: 20px;
}

.main__box-list li {
	position: relative;
	padding-left: 15px;
}

.main__box-list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--bg-afont);
	margin-top: -1px;
	box-shadow: 0 0 10px 0 rgba(55, 150, 246, 0.3);
}

.main__box-list:last-child {
	margin-bottom: 0;
}

.main__box-list b {
	font-weight: 600;
}

.main__box-list a {
	color: var(--bg-afont);
}

.main__box-list a:hover {
	color: var(--bg-afont);
	text-decoration: underline;
}

@media (min-width: 768px) {
	.main {
		padding-top: 110px;
	}

	.main--breadcrumb {
		padding-top: 100px;
	}
}

/*==============================
	User
==============================*/

.bg_color {

	margin: 0;
	width: 100%;
	height: 100vh;
	font-family: "Exo", sans-serif;
	color: #fff;
	background: linear-gradient(-45deg, #26c7fc, #cbeafe, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite;
}

@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}


.user {
	position: relative;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;	
	box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);	
}

.user__head {
	background-color: var(--bg-afont);
	position: relative;
	height: 100px;
	width: 100%;
}


.user__img {
	position: relative;
	width: 60px;
	height: 60px;
	background-color: #fff;
	border-radius: 4px;
	bottom: -70px;
	margin: auto;
}

.user__img img {
	width: 100%;
	height: auto;
	border-radius: 4px;
	cursor: pointer;
}

.user__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 20px 8px;
}

.user__title .user_out { 
    position: absolute;
    top: 5px;
    right: 10px;
    font-weight: 800;
}

.user__title .user_out i{
    color: white;
}


.down_tips {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
	border-left: 1px solid rgba(133, 153, 171, 0.2);
	border-right: 1px solid rgba(133, 153, 171, 0.2);
}

.down_tips p {
	margin-bottom: 0;
	line-height: 100%;
	font-size: 14px;
	color: var(--bg-sfont);
	font-weight: 400;
	padding: 10px;
	background-color: #f3f7ff;
	width: 100%;
	text-align: center;
}

.down_tips a {
	color: var(--bg-afont);
}

.progress {
	border: 0;
	background-image: -webkit-gradient(linear, left top, right top, from(#0084ff), to(#00e5ff));
	background-image: linear-gradient(90deg, #0084ff, #00e5ff);
	animation: progressAnimationStrike 6s;
	border-radius: 6px;
	height: 6px;
	position: absolute;
}

.progress:before {
	content: "";
	background-color: hsl(0, 0%, 100%);
	border-radius: 50%;
	width: 4px;
	height: 4px;
	position: absolute;
	right: 1px;
	top: 1px;
	z-index: 1;
}

.progress:after {
	content: "";
	width: 14px;
	height: 14px;
	background-color: inherit;
	border-radius: 50%;
	position: absolute;
	right: -4px;
	top: -4px;
	background-color: #049dff;

}

.pro_tips {
	position: absolute;
	right: -17px;
	top: -30px;
}

.user__title h2 {
	font-size: 16px;
	color: #364e65;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 100%;
}

.user__title .autlv {
	vertical-align: middle;
}

.user__title p {
	margin-bottom: 10px;
	line-height: 1.5;
	font-size: 12px;
	color: var(--bg-sfont);
}

.user__nofo {
	padding: 20px 20px 0px 20px !important;
}

.user__btns {
	
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px 20px;

}

.user__btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 40px;
	width: calc(50% - 10px);
	border-radius: 4px;
	font-size: 14px;
	position: relative;
	overflow: hidden;
	color: #fff;
	font-weight: 600;
}

.user__down {
	width: 100%;
}

.user__btn:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	transition: 0.4s;
	opacity: 1;
}

.user__btn span {
	position: relative;
	z-index: 1;
}

.user__btn--blue {
	background: #448ef6;
}

.user__btn--blue:before {
	background-color: var(--bg-bfont);
}

.user__btn--blue:hover {
	color: #fff;
}

.user__btn--blue:hover:before {
	opacity: 0;
}

.user__btn--orange {
	background: #f53628;
}

.user__btn--orange:before {
	background-color: var(--bg-afont);
}

.user__btn--orange:hover {
	color: #fff;
}

.user__btn--orange:hover:before {
	opacity: 0;
}

.user__stats {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 20px;
	border-top: 1px solid rgba(133, 153, 171, 0.2);
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
}

.user__stats li {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.user__stats li p {
	margin-bottom: 5px;
	line-height: 100%;
	font-size: 14px;
	color: var(--bg-sfont);
}

.user__stats li span {
	font-size: 20px;
	line-height: 100%;
	display: block;
	color: #364e65;
}

.user__stats:last-child {
	
	border-radius: 0 0 4px 4px;
}

.user__list {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	border-top: 1px solid rgba(133, 153, 171, 0.2);
	padding: 15px 20px;
}

.user__list li {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.user__list li span {
	font-size: 12px;
	line-height: 28px;
	color: var(--bg-sfont);
}

.user__list li span:first-child {
	color: #364e65;
}

.wxtip{background: rgba(0,0,0,0.8);text-align: center;position: fixed;left:0;top: 0;width: 100%;height: 100%;z-index: 998;/* display: none; */}
.wxtip-icon{width: 52px; height: 67px; background: url(../img/weixin-tip.png) no-repeat; display: block; position: absolute; right: 20px; top: 20px;}
.wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;}

/*==============================
	Sidebox
==============================*/
.sidebox {
	position: relative;
	margin-bottom: 20px;
	box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);
}

.bg-primary {
	content: " ";
	position: absolute;
	border-radius: 50%;
	background: #fc625d !important;
	width: 12px;
	height: 12px;
	box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
	float: right;
	right: 60px;
	top: 25px;
}

.post_top{
    border-bottom: 1px solid #e9eff4;
    width: 100%;
    margin-bottom: 20px;
}

.post_top .sidebox__title{
    padding: 0;
}
.post_no{
    height: 20px !important;
    padding-left: 1.5rem !important;
}

.main__box .sidebox__title{
    height: 24px;
    padding-left: 20px;
}
.main__box .sidebox__title span{
    font-size: 12px;
    color: var(--bg-sfont);
}
.sidebox__title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	width: 100%;
	padding: 0 20px;
	background-color: #fff;
	color: #364e65;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
	border-radius: 5px;
	padding-left: 2.5rem;
}

.sidebox__title:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 26px;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: var(--bg-bfont);
}

.sidebox__title button {
	font-size: 12px;
	font-weight: 400;
	color: var(--bg-sfont);
}

.sidebox__title button:hover {
	color: var(--bg-afont);
}

.sidebox__ad {
	background-color: #fff;
	border-radius: 5px;
}

.sidebox__ad img {
	width: 100%;
}

.navtar_list {
	padding: 10px 20px !important;
}

.sidebox__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
    border-radius: 5px;
	align-items: flex-start;
	padding: 0 20px 20px;
    background-color: #fff;
	background-color: #fff;
}

.vipusr_list {
	border: 0px solid rgba(133, 153, 171, 0.2);
	background-color: #fff;
	width: 100%;
	float: left;
}

.sidebox__more {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	

	justify-content: center;
	
	
	align-items: center;
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
	border-left: 1px solid rgba(133, 153, 171, 0.2);
	border-right: 1px solid rgba(133, 153, 171, 0.2);
	height: 40px;
	width: 100%;
	color: var(--bg-afont);
	font-size: 14px;
	font-weight: 600;
	background-color: #fafafa;
	
	border-radius: 0 0 4px 4px;
}

.sidebox__more:hover {
	color: var(--bg-afont);
}

.avatar-container {
	position: relative;
}

.avatar-container .company-honor {
	position: absolute;
    bottom: -5px;
    right: -10px;
    width: 20px;
    height: 20px;
}

.avatar-container .company-honor>img {
	width: 20px;
	height: 20px;
}

.sidebox__user-title {
	width: 60%;
}

.sidebox__user {
	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 15px;
	width: 100%;
}

.sidebox__user:last-child {
	margin-bottom: 0;
}

.sidebox__user-img {
	display: block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 12px;
    overflow: hidden;

}

.sidebox__user-img img {
	width: 40px;
	object-fit: cover;
	height: 40px;
}

.navtar {
	width: 40px !important;
	object-fit: cover !important;
	height: 40px !important;
	border-radius: 50% !important;
}

.navtar__user-img {
	display: block;
	width: 40px;
	height: 40px;
	margin-right: 12px;
}

.weburl{
    display: flex;
    flex-wrap: wrap;
    background-color: white;
   
}

.weburl__ntf{
    flex: 0 0 25%;
    max-width: 25%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 15px;
}
.weburl__ntf p{
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    white-space: nowrap;
    color: #212529;
}
.weburl__ntf a{
    font-weight: normal;
    color: #ff3657;
    white-space: nowrap;
}
.weburl__ntf .header__ntf-title{
    line-height: 20px;
}

.sidebox__user-title h5 {
	font-size: 14px;
	color: #364e65;
	font-weight: 600;
	margin-bottom: 7px;
	line-height: 100%;
}

.sidebox__user-title h5 a {
	color: #364e65;
}

.sidebox__user-title h5 a:hover {
	color: var(--bg-afont);
}

.sidebox__user-title p {
	font-size: 12px;
	color: var(--bg-sfont);
	margin-bottom: 0;
	line-height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sidebox__user-btn {
	display: block;
	margin-left: auto;
	color: var(--bg-sfont);
	font-size: 30px;
	height: 40px;
	width: auto;
	line-height: 38px;
	position: relative;
}

.sidebox__user-btn i {
	font-size: 26px;
	color: #333;
}

.sidebox__user-btn:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	width: 1px;
	background-color: rgba(133, 153, 171, 0.2);
	pointer-events: none;
}

.sidebox__user-btn:hover {
	color: var(--bg-afont);
}

.sidebox__job {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 10px;
	width: 100%;
}

.sidebox__job:last-child {
	margin-bottom: 0;
}

.sidebox__job-title {

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
	width: 100%;
}

.sidebox__job-title a {
	font-size: 14px;
	color: #364e65;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sidebox__job-title span {
    font-size: 12px;
	color: var(--bg-sfont);
	line-height: 1.5;
}

.sidebox__job-title a:hover {
	color: var(--bg-afont);
}

.sidebox__job-description {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 19px;
	color: var(--bg-sfont);
}

.sidebox__share {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: space-between;
	
	
	align-items: center;
	border-top: 6px solid rgba(133, 153, 171, 0.2);
	background-color: #fff;
	padding: 10px 20px;
	height: 80px;
}

.sidebox__share span {
	font-size: 14px;
	font-weight: 400;
	color: #364e65;
}

.sidebox__share ul {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
}

.sidebox__share ul li {
	margin-right: 15px;
}

.sidebox__share ul li:last-child {
	margin-right: 0;
}

.sidebox__share ul li.facebook a {
	color: #3b5999;
}

.sidebox__share ul li.instagram a {
	color: $clr2;
}

.sidebox__share ul li.instagram a i:before {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: $yellow;
}

.sidebox__share ul li.twitter a {
	color: #1da1f2;
}

.sidebox__share ul li.vk a {
	color: var(--bg-sfont);
}

.sidebox__share ul a {
	font-size: 12px;
	color: var(--bg-afont);
	letter-spacing: 0.4px;
}

.sidebox__share ul a:hover {
	color: var(--bg-afont);
}

.sidebox__apply {
	border: 1px solid rgba(133, 153, 171, 0.2);
	background-color: #fff;
	
	border-radius: 4px;
	padding: 20px;
}

.sidebox__faq {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: column;
	
	
	justify-content: flex-start;
	
	
	align-items: flex-start;
	margin-bottom: 15px;
	width: 100%;
}

.sidebox__faq:last-child {
	margin-bottom: 0;
}

.sidebox__faq h5 {
	font-size: 15px;
	color: #364e65;
	font-weight: 600;
	line-height: 23px;
	margin-bottom: 7px;
}

.sidebox__faq p {
	margin-bottom: 0;
	font-size: 13px;
	line-height: 21px;
	color: var(--bg-sfont);
}

.sidebox__nav {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: column;
	
	
	justify-content: flex-start;
	
	
	align-items: flex-start;
	padding: 20px;
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
	border-left: 1px solid rgba(133, 153, 171, 0.2);
	border-right: 1px solid rgba(133, 153, 171, 0.2);
	background-color: #fff;
	
	border-radius: 0 0 4px 4px;
}

.sidebox__nav a {
	font-size: 14px;
	color: #364e65;
	position: relative;
}

.sidebox__nav a:before {
	content: '';
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	
	border-radius: 50%;
	background-color: var(--bg-afont);
	pointer-events: none;
	left: 0;
	top: 50%;
	margin-top: -3px;
	opacity: 0;
	
	
	transition: 0.4s;
	
	box-shadow: 0 0 10px 0 rgba(55, 150, 246, 0.3);
}

.sidebox__nav a:hover,
.sidebox__nav a.active {
	color: var(--bg-afont);
}

.sidebox__nav a.active {
	padding-left: 15px;
}

.sidebox__nav a.active:before {
	opacity: 1;
}

.sidebox__nav li {
	margin-bottom: 10px;
}

.sidebox__nav li:last-child {
	margin-bottom: 0;
}

.sidebox__nav .filter__label {
	line-height: 100%;
}

.sidebox__search {
	background-color: #fff;
	padding: 20px;
	border-left: 1px solid rgba(133, 153, 171, 0.2);
	border-right: 1px solid rgba(133, 153, 171, 0.2);
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
	position: relative;
}

.sidebox__search button {
	position: absolute;
	height: 40px;
	color: var(--bg-sfont);
	font-size: 22px;
	top: 50%;
	margin-top: -20px;
	right: 35px;
	line-height: 42px;
}

.sidebox__search button:hover {
	color: var(--bg-afont);
}

.sidebox--desk {
	display: none;
}

@media (min-width: 1200px) {
	.sidebox--desk {
		display: block;
	}
}

/*==============================
	Filter
==============================*/
.filter {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: column;
	
	
	justify-content: flex-start;
	
	
	align-items: flex-start;
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
	border-left: 1px solid rgba(133, 153, 171, 0.2);
	border-right: 1px solid rgba(133, 153, 171, 0.2);
	background-color: #fff;
	
	border-radius: 0 0 4px 4px;
}

.filter__group {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: column;
	
	
	justify-content: flex-start;
	
	
	align-items: flex-start;
	padding: 20px;
	width: 100%;
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
}

.filter__group:last-child {
	border-bottom: none;
}

.filter__group--last {
	padding: 20px 20px 0;
	border-bottom: none;
}

.filter__label {
	font-size: 13px;
	color: var(--bg-sfont);
	font-weight: normal;
	margin-bottom: 10px;
}

.filter__select-wrap {
	position: relative;
	width: 100%;
}

.filter__select-wrap:before {
	content: '\e61e';
	font-family: "iconfont" !important;
	position: absolute;
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	

	justify-content: center;
	
	
	align-items: center;
	height: 40px;
	width: 15px;
	color: var(--bg-sfont);
	font-size: 18px;
	pointer-events: none;
	top: 0;
	right: 15px;
}

.filter__select {
	width: 100%;
	height: 40px;
	
	border-radius: 4px;
	background-color: #fafafa;
	border: 1px solid rgba(133, 153, 171, 0.2);
	font-size: 14px;
	color: #364e65;
	padding: 0 15px;
	cursor: pointer;
}

.filter__select option {
	padding: 0;
}

.filter__select:focus {
	border-color: var(--bg-afont);
}

.filter__input {
	width: 100%;
	height: 40px;
	
	border-radius: 4px;
	background-color: #fafafa;
	border: 1px solid rgba(133, 153, 171, 0.2);
	font-size: 14px;
	color: #364e65;
	padding: 0 15px;
}

.filter__input:focus {
	border-color: var(--bg-afont);
}

.filter__checkboxes {
	position: relative;
}

.filter__checkboxes li {
	position: relative;
	margin-bottom: 15px;
}

.filter__checkboxes li:last-child {
	margin-bottom: 0;
}

.filter__checkboxes input:not(:checked),
.filter__checkboxes input:checked {
	position: absolute;
	left: -9999px;
}

.filter__checkboxes label {
	display: block;
	margin: 0;
	position: relative;
	font-weight: 400;
	cursor: pointer;
	font-size: 14px;
	color: #364e65;
	line-height: 16px;
	padding-left: 25px;
}

.filter__checkboxes label:before {
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	border: 4px solid rgba(133, 153, 171, 0.4);
	background-color: transparent;
	
	border-radius: 50%;
	left: 0;
	top: 0;
	
	
	transition: 0.4s ease;
}

.filter__checkboxes input:checked+label:before {
	border-color: var(--bg-afont);
	
	box-shadow: 0 0 10px 0 rgba(55, 150, 246, 0.3);
}

.filter__range {
	font-size: 14px;
	color: #364e65;
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
	position: relative;
	margin-bottom: 5px;
	background-color: #fafafa;
	border: 1px solid rgba(133, 153, 171, 0.2);
	height: 30px;
	padding: 0 12px;
	
	border-radius: 4px;
}

.filter__range div {
	position: relative;
}

.filter__range div:first-child {
	margin-right: 17px;
}

.filter__range div:first-child:after {
	content: '–';
	position: absolute;
	display: block;
	left: 100%;
	top: 0;
	color: #364e65;
	font-size: 16px;
	margin-left: 4px;
}

.filter__btn {
	width: 100%;
	height: 40px;
	background: linear-gradient(45deg, rgba(55, 150, 246, 0.5) 0%, rgba(55, 150, 246, 0.05) 100%);
	color: #fff;
	font-size: 13px;
	
	border-radius: 4px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	overflow: hidden;
}

.filter__btn:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--bg-afont);
	z-index: 1;
	
	
	transition: 0.4s;
	opacity: 1;
}

.filter__btn span {
	position: relative;
	z-index: 2;
}

.filter__btn:hover {
	color: var(--bg-afont);
}

.filter__btn:hover:before {
	opacity: 0;
}


/*==============================
	Form
==============================*/
.form {}

.form__title {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: space-between;
	
	
	align-items: flex-start;
	height: 40px;
	line-height: 100%;
	font-size: 16px;
	font-weight: 600;
	color: #364e65;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
	padding-top: 2px;
}

.form__group {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: column;
	
	
	justify-content: flex-start;
	
	
	align-items: flex-start;
	margin-bottom: 20px;
	width: 100%;
}

.l_b{ display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
.form__label a{ color: #f53628; }
.form__label {
	font-size: 13px;
	color: var(--bg-sfont);
	font-weight: normal;
	margin-bottom: 10px;
}

.form__select-wrap {
	position: relative;
	width: 100%;
}

.form__select-wrap:before {
	content: '';
	font-family: 'Ionicons';
	position: absolute;
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	

	justify-content: center;
	
	
	align-items: center;
	height: 40px;
	width: 15px;
	color: var(--bg-sfont);
	font-size: 18px;
	pointer-events: none;
	top: 0;
	right: 15px;
}

.form__select {
	width: 100%;
	height: 40px;
	
	border-radius: 4px;
	background-color: #fafafa;
	border: 1px solid rgba(133, 153, 171, 0.2);
	font-size: 14px;
	color: #364e65;
	padding: 0 15px;
	cursor: pointer;
}

.form__select option {
	padding: 0;
}

.form__select:focus {
	border-color: var(--bg-afont);
}

.form__input {
	width: 100%;
	height: 40px;
	
	border-radius: 4px;
	background-color: #fafafa;
	border: 1px solid rgba(133, 153, 171, 0.2);
	font-size: 14px;
	color: #364e65;
	padding: 0 15px;
}

.form__input:focus {
	border-color: var(--bg-afont);
}

.form__textarea {
	width: 100%;
	height: 100px;
	border-radius: 4px;
	background-color: #fafafa;
	border: 1px solid rgba(133, 153, 171, 0.2);
	font-size: 14px;
	color: #364e65;
	padding: 10px 15px;
	resize: none;
}

.form__textarea:focus {
	border-color: var(--bg-afont);
}

.form__btn[disabled] {
	cursor: not-allowed;
	background-color: #919394;
}
.ai_btn{
    width: 60px !important;
    height: 25px !important;
    font-size: 12px !important;
}
.form__btn {
    width: 60px;
    height: 30px;
    background: var(--bg-bfont);
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    /* font-weight: 600; */
    position: relative;
    overflow: hidden;
}

.form__btn:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--bg-bfont);
	z-index: 1;
	
	
	transition: 0.4s;
	opacity: 1;
}

.form__btn span {
	position: relative;
	z-index: 1;
}

.form__btn:hover {}


.t_share{ position: absolute;
    color: #dadedf;
    font-size: 22px;
    top: 34px;
    right: 20px;
    line-height: 32px;
    width: 33px;
    border-radius: 4px;
    background-color: var(--bg-bfont);
    cursor: pointer; }
.t_share i{    
    margin: 0 auto;
    display: block;
    width: 20px;
    color: white;
}
/*==============================

	Post
==============================*/
.post {
	position: relative;
	padding: 20px;
	box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);
	border-radius: 5px;
	background-color: #fff;
	
	
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 20px;
}

.contribute {
	width: 100%;
	padding: 20px;
	border-radius: 4px;
}

.contribute form {
	width: 100%;
}

.contribute .editor {
	width: 100%;
	margin: 20px 0;
}

.contribute textarea {
	width: 100%;
	min-height: 600px;
}

.post--clear {
	padding: 20px 20px 0;
}

.tran:hover {
	transform: translate(0, -5px);
	color: #54b5db;
	transition: all .2s;
}

.down_img img {
	height: 150px;
	object-fit: cover;
}

.pagepost .deanshadowmd {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1;
	left: 0;
	top: 0;
	opacity: 0;
	
	transition: .3s;
	
	box-shadow: #a9a9a9 0 0 20px;
}

.pagepost:hover .deanshadowmd {
	opacity: 1;
	
	box-shadow: #ccc 0 0 20px;
	
	transition: .3s;
	border-radius: 5px;
}

.post__head {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	margin-bottom: 10px;
	width: 100%;
}

.autlv {
	font-size: 8px !important;
	color: #fff !important;
	display: inline-block;
	vertical-align: text-top;
	font-weight: normal;
	border-radius: 2px;
	line-height: 18px;
	padding: 0 4px;
	margin: 0 5px 0 0;
	letter-spacing: 0px;
}

.aut-0 {
	background: #d1d5dc;
}

.aut-1 {
	background: #448EF6;
}

.aut-2 {
	background: #f6b044;
}

.aut-3 {
	background: #c444f6;
}

.aut-4 {
	background: #f69644;
}

.aut-5 {
	background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);
}

.aut-6 {
	background: #f64444;
}

.post_ai_box {
	background: url(../img/aibg.png);
	background-size: cover;
	padding: 12px;
	border-radius: 9px;
	margin: 10px 0 40px;
	position: relative;

}

.post_ai_ico {
	vertical-align: sub;
	width: 44px;
	margin-right: 8px;
	margin: initial !important;
}

.post_ai_desc {
    display: block;
    font-size: 13px;
    line-height: 24px;
    color: #5d7f9e;
}

.post_ai_meta span {
	color: #848691;
	margin-top: 13px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 12px;

	flex-direction: row-reverse;
}

.aitag-btn {
    position: absolute;
    bottom: -30px;
    padding: 7px;
    right: 10px;
    z-index: 8040;
    line-height: 8px;
    border-radius: 6px;
    font-size: 12px;
    border: 1px solid #2299DD !important;
    cursor: pointer;
    color: #2299DD;
}

.aitag-btn:hover {
	background: #2299DD;
	color: #fff;
}

.c_con .post__title {
	font-size: 20px;
	
}

.c_con .tepasspost {
	width: 100%;
}

.c_con .c-demo .btn_reward {
	display: inline-block;
	padding: 8px 32px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: 0;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 400;
	background-color: #f1787f !important;
	color: #fff;
	margin-bottom: 20px;
	width: auto;
	height: auto;
	line-height: normal;
}

.post__head-img {
	display: block;

	
	border-radius: 50%;
	margin-right: 12px;
	overflow: hidden;
}

.post__head-img img {}

.post__head-title h5 {
	font-size: 16px;
	color: #364e65;
	font-weight: 600;
	margin-bottom: 6px;
	line-height: 100%;
}

.post__head-title h5 a {
	color: #364e65;
}

.post__head-title h5 a:hover {
	color: var(--bg-afont);
}

.post__head-title p {
	font-size: 12px;
	color: var(--bg-sfont);
	margin-bottom: 0;
	line-height: 100%;
}

.post__dropdown {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
}

.post__dropdown i {
	color: #fff;
}

.post__dropdown.show .post__dropdown-btn {
	color: var(--bg-afont);
}

.post__dropdown-btn {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	

	justify-content: center;
	
	
	align-items: center;
	font-size: 24px;
	color: var(--bg-sfont);
	line-height: 24px;
}

.post__dropdown-btn i {
	line-height: 24px;
}

.post__dropdown-btn:hover {
	color: var(--bg-afont);
}

.post__dropdown-menu {
	position: absolute;
	left: auto;
	right: 0;
	background-color: #fff;
	padding: 10px 20px;
	display: block;
	width: 100%;
	width: 140px;
	text-align: left;
	z-index: 3;
	pointer-events: none;
	opacity: 0;
	
	
	transition: 0.4s ease;
	transition-property: opacity, margin;
	margin-top: 0;
	top: 100%;
	border-right: 1px solid rgba(133, 153, 171, 0.2);
	border-left: 1px solid rgba(133, 153, 171, 0.2);
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
	border-top: 2px solid var(--bg-afont);
	
	box-shadow: 0 2px 26px 0 rgba(133, 153, 171, 0.1);
	
	border-radius: 0 0 4px 4px;
}

.post__dropdown-menu li {
	padding: 0;
}

.post__dropdown-menu a {
	font-size: 14px;
	color: #364e65;
	line-height: 36px;
	display: block;
	font-weight: 400;
}

.post__dropdown-menu a:hover {
	color: var(--bg-afont);
}

.post__dropdown-menu.show {
	z-index: 1000;
	pointer-events: auto;
	opacity: 1;
	margin-top: 10px;
}

.post__wrap {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
	margin-bottom: 10px;
	width: 100%;
	
	
	flex-wrap: wrap;
}

.post__company {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
	margin-right: 15px;
}

.post__company i {
	font-size: 16px;
	color: var(--bg-afont);
	margin-right: 8px;
	margin-top: 1px;
	line-height: 24px;
}

.post__company span {
	font-size: 14px;
	color: var(--bg-sfont);
	line-height: 24px;
}

.post__location {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
}

.page-navigator {
	margin: 20px 0;
}

.page-navigator li {
	list-style: none;
	display: inline;
	padding: 0 5px;
	flex-grow: 1;
	box-sizing: border-box;
}

.page-navigator .current a {
	background: var(--bg-afont);
	border-color: var(--bg-afont);
	color: #fff;

}

.page-navigator li a {
	box-shadow: 0 2px 26px 0 rgba(133, 153, 171, 0.1);
	text-align: center;
	background: #fff;
	font-size: 14px;
	color: #333;
	line-height: 38px;
	height: 38px;
	overflow: hidden;
	padding: 8px 15px;
	border: 1px solid #f3f3f3;
	border-radius: 2px;
	box-sizing: border-box;
}

.post__location i {
	font-size: 18px;
	color: var(--bg-afont);
	margin-right: 8px;
	line-height: 24px;
	margin-top: 2px;
}

.post__location span {
	font-size: 12px;
	color: var(--bg-sfont);
	line-height: 24px;
}

.post__actions {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
	margin-left: auto;
	width: 100%;
	margin-top: 13px;
}

.post__actions-btn {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	

	justify-content: center;
	
	
	align-items: center;
	height: 25px;
	width: 30px;
	
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	margin-right: 15px;
	position: relative;
	overflow: hidden;
}

.post__actions-btn:before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	
	transition: 0.4s;
	z-index: 1;
	pointer-events: none;
	opacity: 1;
}

.post-ad a,.post-ad img {
	width: 100%;
}

.post__actions-btn i,
.post__actions-btn span {
	position: relative;
	z-index: 1;
}

.post__actions-btn--green {
	background: linear-gradient(45deg, rgba(91, 206, 174, 0.5) 0%, rgba(91, 206, 174, 0.05) 100%);
}

.post__actions-btn--green:before {
	background-color: #5bceae;
}

.post__actions-btn--green:hover {
	color: #5bceae;
}

.post__actions-btn--red {
	background: linear-gradient(45deg, rgba(236, 84, 122, 0.5) 0%, rgba(236, 84, 122, 0.05) 100%);
}

.post__actions-btn--red:before {
	background-color: #ec547a;
}

.post__actions-btn--red:hover {
	color: #ec547a;
}

.post__actions-btn--blue {
	background: linear-gradient(45deg, rgba(55, 150, 246, 0.5) 0%, rgba(55, 150, 246, 0.05) 100%);
	width: auto;
	padding: 0 10px;
	font-size: 13px;
}

.post__actions-btn--blue:before {
	background-color: var(--bg-afont);
}

.post__actions-btn--blue:hover {
	color: var(--bg-afont);
}

.post__actions-btn--blues {
	background: linear-gradient(45deg, rgb(250, 114, 104) 0%, rgba(55, 150, 246, 0.05) 100%);
	width: auto;
	padding: 0 8px;
	font-size: 13px;
}

.post__actions-btn--blues:before {
	background-color: var(--bg-afont);
}

.post__actions-btn--blues:hover {
	color: var(--bg-afont);
}

.post__actions-btn:last-child {
	margin-right: 0;
}

.post__actions-btn:hover:before {
	opacity: 0;
}

.badge {
	border-radius: 2px;
	font-weight: 400;
	padding: 4px 6px;
	font-size: 12px;
	margin: 0 .40rem 0 0;
	position: relative;
	top: -1px;
}

.arc_v1 {
	background: #d1d5dc;
	color: #fff !important;
}

.arc_v2 {
	background: #448EF6;
	color: #fff !important;
}

.arc_v3 {
	background: #f6b044;
	color: #fff !important;
}

.arc_v4 {
	background: #c444f6;
	color: #fff !important;
}

.arc_v5 {
	background: #f64444;
	color: #fff !important;
}

.arc_v6 {
	color: #fff !important;
	background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);
}

.arc_v7 {
	background: #000;
	color: #fff !important;
}


.post__title {
	font-size: 16px;
    font-weight: 400;
    color: #364e65;
    margin-bottom: 0px;
    
}

.Tr{ width: calc(100% - 35px); }

.Tr span {
    position: relative;
    margin-right: 50px;
    display: inline-block;
    height: 1px;
    border-bottom: 1px solid #e7e7e7;
    width: 100%;
}

.Tr span:after {
    content: atTr(data-number);
    border-radius: 50%;
    position: absolute;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    color: #7B7B7D;
    opacity: 0.8;
    width: 15px;
    height: 15px;
    top: -6px;
    right: -30px;
    line-height: 15px;
}

.post__title a {
	color: #364e65;
}

.post__title a:hover {
	color: var(--bg-afont);
}

.post__options {
	
	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 15px;
}

.post__options span {
	
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 24px;
	padding: 0 10px;
	border-radius: 4px;
	background-color: var(--bg-afont);
	color: #fff;
	font-size: 13px;
	margin-right: 20px;
}

.post__options p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 100%;
	color: #364e65;
	font-weight: 600;
}

.post__img {
	width: 100%
}
@media only screen and (min-width: 767px) and (max-width: 1300px){
      
   .pl_n,.fixed-sidebar{ display:none; }
    
}

@media screen and (max-width: 767px) {


	body {
		background-color: #fff;
	}

	.profile,
	.faq,
	.main__nav,
	.post,
	.footer,
	.commpost,
	.main__box {
		border: 0px solid rgba(133, 153, 171, 0.2) !important;
		box-shadow: none !important;
		padding: 0px;
	}
    .main__nav,.comment-ua{
        display: none;
    }
	.post .post__stats,
	.post__tags {
		display: none !important;
	}
    .circle-container{
        display: none;
    }
	.container .post {
		padding: 10px !important;
	}

	.commpost {
		padding: 0px !important;
	}

	.index_fx {
		padding-right: 0px;
		padding-left: 0px;
	}

	.index_fx .Swiper_bl {
		background-color: white;
	
		box-shadow: none !important;
	}

	.main {
		padding-top: 70px !important;
	}
   
    .breadcrumb__wrap{     margin-top: 20px; }
    .p_listf{ margin-bottom: 0px !important; }
	.aut_wl {
		min-width: 350px !important;
	}

	.index_fx .pagecontent {
		margin-right: 15px;
		margin-left: 15px;
	}

	.faq {
		padding: 0 10px 10px !important;
	}

	/*移动端美化e*/
	.fixed-sidebar {
		display: none !important;
	}

	.footer__back {
		bottom: 120px !important;
	}

	.profile__title {
		font-size: 12px !important;
	}

	.post__img img {
		width: 100% !important;
		margin: 5px 0px 10px !important;
	}

	.bid__head-title p {
		display: none !important;
	}

	.bid__head-img {
		width: 150px !important;
	}
   
    .web_int{
        display: none;
    }
    .design_server{
        display: none !important;
    }

	.fixsidenav {
		display: none;
	}
    .p_star,.z_btn{
      display: none;
   }
	.reward_list {
		display: none !important;
	}
    .profile .info{ display: none; }
    .solist{ height: auto !important; }
	.neipage .user,
	.neipage .sidebox {
		display: none;
	}

	.profile {
		padding: 10px !important;
	}

	.col-lv {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.profile__actions {
		display: none !important;
	}

	.sider_none {
		display: none !important;
	}

	.posreward {
		max-width: 310px !important;
	}

	.qqget_input {
		width: 75% !important;
	}

	.faq__box ul li a {
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 80%;
		display: inline-block;
		overflow: hidden;
	}

	.qqget_input li {}

	.qqget_all {
		min-height: 100px;
	}

	.qqget_mail {
		display: none !important;
	}

	.qq_btn {
		width: 100% !important;
		position: initial !important;
		height: 40px !important;
	}

	.comment .comment-list .comment-child {
		margin-left: 0px;
	}

	.comment .comment-children .comment-list {
		margin-left: 0px;
	}
	


	.pagecontent {
		margin-right: 0px;
		margin-left: 0px;
	}

	.pagepost .post__tags {
		display: none;
	}

	.posts_list {
		padding: 20px !important;
	}

	#comments .comment-content a {
		margin: 0px 0px 0px 55px;
	}

	#comments .comment-level-odd a {
		margin: 0px;
	}

	.ifbk {
		height: 120px !important;
		overflow: hidden;
	}

	.msg_remind {
		top: 0
	}

	.post-list-item {
		width: 100% !important;
	}

	.user .user_lx,
	.user .sidebox__content,
	.sidebox {
		display: none;
	}
	.seoxue .faq__box ul li span {
		display: none;
	}

	.seoxue .faq__box ul li .i_fuei {
		display: block;
	}
    .posts_list .post-hd{
      display: none;
  }
  .p_wen .post__title{
     font-size: 20px;
  }

}

.re_face {
	overflow: hidden;
	height: 50px;
}

.re_img {
	width: auto;
	white-space: nowrap;
	overflow: auto;
	height: 23.3rem;
	font-size: 0;
	padding-right: 20px;
	margin-left: 0;
}

#scroll-to-top {
	position: fixed;
	bottom: 50px;
	right: 2%;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 45px;
	color: rgba(0, 0, 0, .4);
	display: block;
	z-index: 49;
}

#scroll-to-top span {
	line-height: 42px;
	font-size: 30px;
}

#showfacenamereplace {
	margin: 5px 10px;
}

#showfacenamereplace img {
	display: initial;
	padding: 5px 5px 5px 0px;
	background-color: #ffffff;
	width: 35px;
}

.post__img img {
	width: 230px;
	float: left;
	margin-right: 15px;
	object-fit: cover;
	height: 140px;
}


.comment-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255, 255, 255, .78);
	z-index: 2;
}

.allcomment-empy {
    padding-top: 120px;
    background: url(../img/qiangsafa.png) no-repeat center 23px;
    background-size: 120px auto;
    min-height: 145px;
    text-align: center;
    font-size: 13px;
    color: var(--bg-sfont);
    box-sizing: border-box;
    margin-bottom: 20px;
}

.comment-overlay-login {
	text-align: center;
	font-size: 14px;
}

.comment-overlay-login p {
	margin-bottom: 20px;
}

.site-eggs {
	background: url(../../spzac/img/ynlyxf.png) right bottom no-repeat;
	background-size: 25%;
}

@media screen and (max-width: 767px) {
	.pay_c .form__group {
		flex: 0 0 50%;
		max-width: 50%;
		float: left;
	}

	.pay_img {
		width: 100px !important;
		border: 0px solid rgba(133, 153, 171, 0.2) !important;

	}
}


.pay_img {
	width: 140px;
	border: 1px solid rgba(133, 153, 171, 0.2);
	border-radius: 8px;
	padding: 10px;
	margin-right: 10px;
}

.posreward {
	display: flex;
	flex-flow: wrap;
	margin: 0 auto;
	width: max-content;
	max-width: 600px;
}

.posreward_more {
	width: 35px;
	height: 35px;
	font-size: 12px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	background: #ffe300;
}

.clusr {
	padding-right: 0;
}

.clusr img {
	border-radius: 50%;
	width: 35px;
	height: 35px;
	margin: 0 10px 10px 0;
}

nocompress {
	width: 100%;
}

/*打赏*/
.c-demo {
	width: 100%;
	text-align: center;
}

.c-tips {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 16px;
	color: grey;
}

.c-btn--primary {
	background-color: #f1787f;
	color: #fff;
	margin-bottom: 20px;
}

.c-btn:hover {
	color: #fff;
}

.c-btn {
	display: inline-block;
	padding: 8px 32px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: 0;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 400;
}
.th_copy{ 
    background: #e8eef3;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    color: var(--bg-sfont);
    width: 100%;
    line-height: 25px;
    margin-top: 20px;
}
.Copyrightnew {
	background: #e8eef3;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    color: var(--bg-sfont);
    width: 100%;
    margin: 20px 0;
    line-height: 25px;
}
.tsee{
    position: relative;
	background: #ffffff;    
    border: 1px solid rgba(133, 153, 171, 0.2);
    padding: 8px 20px;
    border-radius: 0 5px 5px 0;
    font-size: 14px;
    color: var(--bg-afont);
    width: 100%;
    margin: 20px 0;
}

.reply2view {
	background: var(--bg-body);
	padding: 10px;
	position: relative;
	width: 100%;
	word-wrap: break-word;
}

.conts {
	padding: 10px 10px;
	font-size: 14px;
	display: block !important;
}

.conts img {
	margin: auto;
}

.conts p {
	margin: 1.2em 0;
	line-height: 2.2;
}

.conts b,
strong {
	color: red;
}

 .circle-container {
                                position: relative;
                            }

                            .small-circle {
                                width: 30px;
                                height: 30px;
                                background-color: #fdbc40;
                                border-radius: 50%;
                                position: fixed;
                                top: 115px;
                                left: 30px;
                                color: white;
                                font-size: 15px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                cursor: pointer;
                                box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);
                            }

                            .circle-tip {
                                position: fixed;
                                top: 115px;
                                left: 65px;
                                min-width: 100px;
                                background-color: white;
                                padding: 5px;
                                border-radius: 4px;
                                box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);
                                z-index: 999;
                            }

                            .circle-tip ul {
                                list-style-type: none;
                                padding: 0;
                            }

                            .circle-tip li {
                                padding: 0;
                                color: #333;
                            }
                    
                            .circle-tip li p {
                                font-size: 13px;
                                color: #364e65;
                                line-height: 1;
                                margin: 0;
                                cursor: pointer;
                                padding: 10px;
                                border-radius: 4px;
                                /* margin-top: 5px; */
                            }
                            .circle-tip li p i{
                                font-size: 14px;
                                margin-right: 5px;
                            }
                            .circle-tip li p:hover {
                               
                                background-color: #e3e8e9;
                                
                            }

.post__description ol {
	font-size: 14px;
	line-height: 24px;
	color: #345471;
	margin-top: 15px;
}

.post__description ol li {
	position: relative;
	margin: 10px 0;
	padding-left: 20px;
}

.post__description h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 1rem;
}

.post__description h3 {
	position: relative;
	font-size: 1.125rem;
	padding-left: 20px;
}

.post__description h3:before {
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	height: 5px;
	width: 5px;
	border-radius: 20px;
	background-color: #448EF6;
}

.post__description hr {
	margin: 30px 0;
}

.post__description blockquote {
	position: relative;
	margin: 2rem 0;
	padding: 0 0 0 1rem;
	border-left: 5px solid #f2f2f5;
}

td,
th {
	padding: 3px 8px;
	border: 1px solid #e1e1e1
}

.post__description img {
	display: block;
	max-width: 100%;
}

.index_about img {
	display: block;
	max-width: 100%;
}


.downmoi{ margin-bottom:10px; }

.post__description {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 20px;
	width: 100%;
}

.post__description .bid__head .bid__head-img{
   margin-right: 10px; 
}

.tip {
	background: #eef6fd;
	padding: 8px 20px;
	border-left: 3px solid #38a3fd;
	border-radius: 0 5px 5px 0;
}

.viewpost {
	padding: 70px 10px 5px;
	margin: 15px 0;
	border: 1px dashed #ccc;
	position: relative;
	text-align: center;
	min-height: 200px;
}

.viewpost_left {
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: 14px;
	color: #90949c;
}

.viewpost_right {
	position: absolute;
	top: 6px;
	right: 10px;
}

.viewpost_tips {
	font-size: 12px;
	color: #90949C;
}

.viewpost_tips a {
	color: red;
}

.viewpost_tips a:hover {
	color: red;
}

.post__description p {
	font-size: 14px;
	line-height: 2.5;
	color: #345471;
}

.post__description hr {
	height: 1px;
	margin: 32px 0;
	border: 0;
	background-color: #EBF1F8;
}

.post__description h2 {
	font-size: 1rem;
	border-left: 3px solid #448EF6;
	padding-left: 15px;
	margin: 1.5rem 0;
}

.post__description p:first-child {
	margin-top: 0;
}

.post__description ul {
	font-size: 14px;
	line-height: 24px;
	color: #345471;
	margin-top: 15px;
	margin-left: 15px;
}

.post__description ul:first-child {
	margin-top: 0;
}

.post__description ul li {
	position: relative;
	padding-left: 20px;
	margin: 10px 0;
}

.post__description ul li:before {
	content: '';
	position: absolute;
	display: block;
	width: 4px;
	height: 4px;
	
	border-radius: 50%;
	background-color: var(--bg-afont);
	left: 0;
	top: 50%;
	margin-top: -2px;
}

.post__description a {
	color: var(--bg-afont);
	font-weight: 600;
	font-size: 14px;
	margin-top: 5px;
	word-wrap: break-word
}

.post__description a:hover {
	color: var(--bg-afont);
	text-decoration: underline;

}

.post__tags {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: flex-start;
	margin-bottom: 5px;
}

.post__tags a {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	

	justify-content: center;
	
	
	align-items: center;
	height: 26px;
	padding: 0 11px;
	
	border-radius: 4px;
	border: 1px solid rgba(133, 153, 171, 0.2);
	background-color: #fafafa;
	color: var(--bg-sfont);
	font-size: 13px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.post__tags a:hover {
	color: var(--bg-afont);
}

.post__stats {
	width: 100%;
	border-top: 1px solid rgba(133, 153, 171, 0.2);
	padding-top: 20px;
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: space-between;
	
	
	align-items: center;
}

.post__stats div {
	font-size: 14px;
	color: var(--bg-sfont);
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
	line-height: 14px;
}

.post__stats div i {
	margin-right: 7px;
	font-size: 16px;
	line-height: 14px;
	color: var(--bg-sfont);
}

.post__stats div span {}

.post__stats div .post__likes i {
	margin-bottom: 1px;
}

.post__stats div.post__views i {
	font-size: 18px;
	color: var(--bg-sfont);
}

.post__stats div.post__views span {}

.post__stats a {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
	margin-right: 20px;
	color: var(--bg-sfont);
}

.post__stats a i {
	
	
	transition: 0.4s;
}

.post__stats a:last-child {
	margin-right: 0;
}

.post__likes:hover i {
	color: #ec547a;
}

.post__comments:hover i {
	color: var(--bg-afont);
}

.post__comments[aria-expanded="true"] i {
	color: var(--bg-afont);
}

.post__collapse {
	width: 100%;
	position: relative;
}

.post__form {
	border-top: 1px solid rgba(133, 153, 171, 0.2);
	margin-top: 20px;
	padding-top: 20px;
	position: relative;
	display: block;
}

.post__form input {
	width: calc(100% - 60px);
	height: 40px;
	
	border-radius: 4px;
	background-color: #fafafa;
	border: 1px solid rgba(133, 153, 171, 0.2);
	font-size: 14px;
	color: #364e65;
	padding: 0 20px;
}

.post__form input:focus {
	border-color: var(--bg-afont);
}

.post__form button {
	position: absolute;
	height: 40px;
	width: 40px;
	color: #fff;
	font-size: 20px;
	top: 20px;
	right: 0;
	background-color: var(--bg-afont);
	
	border-radius: 4px;
	background: linear-gradient(45deg, rgba(55, 150, 246, 0.5) 0%, rgba(55, 150, 246, 0.05) 100%);
	overflow: hidden;
}

.post__form button:before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	
	transition: 0.4s;
	z-index: 1;
	pointer-events: none;
	opacity: 1;
	background-color: var(--bg-afont);
}

.post__form button i {
	position: relative;
	z-index: 2;
}

.post__form button:hover {
	color: var(--bg-afont);
}

.post__form button:hover:before {
	opacity: 0;
}

.coment_link {
	display: inline-block;
	max-width: 9rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.post__comment {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
	position: relative;
	
	
	flex-wrap: wrap;
	margin-top: 15px;
	width: 100%;
}

.commentping {
	border-bottom: 1px dashed #eee;
	padding-bottom: 10px;
}

.commentping:nth-of-type(1) {
	margin-top: 0px;
}

.post__comment-img {
	display: block;
	width: 30px;
	height: 30px;
	
	border-radius: 50%;
	margin-right: 12px;
	overflow: hidden;
}

.post__comment-img img {
	width: 100%;
}

.post__comment-title h5 {
	font-size: 12px;
	color: #364e65;
	font-weight: 400;
	margin-bottom: 5px;
	line-height: 20px;
	height: 20px;
}

.post__comment-title h5 a {
	color: #364e65;
}

.post__comment-title h5 a:hover {
	color: var(--bg-afont);
}

.post__comment-title p {
	font-size: 12px;
	color: var(--bg-sfont);
	margin-bottom: 0;
	line-height: 100%;
}

.post__comment-title .re_cm {
	top: 0.35rem;
	right: -0.2rem;
	position: absolute;
}

.post__comment-text {
	display: block;
	margin-top: 5px;
	width: 100%;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 24px;
	color: var(--bg-sfont);
	padding: 5px 10px;
	background: #eef6fd;
	border-radius: 6px;
	position: relative;
}

.post__comment-text::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-bottom: 6px solid #eef6fd;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	position: absolute;
	left: 8px;
	bottom: 100%;
}

.post__comment-text p {
	text-align: justify;
	line-height: 23px;
	max-height: 45px;
	overflow: hidden;
	margin-bottom: 0rem;
}

.post__comment-text img {
	width: 20px;
	margin: 0 5px 0 0px;
	vertical-align: text-bottom;
}

.post__apply {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	

	justify-content: center;
	
	
	align-items: center;
	width: 140px;
	height: 40px;
	background: linear-gradient(45deg, rgba(55, 150, 246, 0.5) 0%, rgba(55, 150, 246, 0.05) 100%);
	color: #fff;
	font-size: 13px;
	
	border-radius: 4px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.post__apply:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--bg-afont);
	z-index: 1;
	
	
	transition: 0.4s;
	opacity: 1;
}

.post__apply span {
	position: relative;
	z-index: 2;
}

.post__apply:hover {
	color: var(--bg-afont);
}

.post__apply:hover:before {
	opacity: 0;
}

@media (min-width: 576px) {
	.post__wrap {
		margin-bottom: 5px;
	}

	.post__actions {
		width: auto;
		margin-top: 0;
	}
}

/*==============================
	xue
==============================*/

.p_wen{
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
        margin-bottom: 30px;
        border-bottom: 1px solid #e9eff4;
}
.p_wen .post__description p{
    font-size: 13px;    
    color: var(--bg-sfont);
}
.posts_list .post-hd {
    position: relative;
    margin-right: 15px;
    -webkit-box-flex: 0;
}
.posts_list .datashow-item {
    color: var(--bg-sfont);
    text-align: center;
    font-size: 14px;
    background-color: #f0f2f6;
    width: 46px;
    height: 46px;
    padding-top: 5px;
    border-radius: 5px;
}
.posts_list .d-blue{ color: #008EEB;
    background: #E5F2FF; }
.posts_list .datashow-item .datashow--count {
    font-size: 12px;
    line-height: 1;
}
.posts_list .datashow-item .datashow--label {
    font-size: 12px;
    line-height: 1;
}
.p_wen .post__title{
    margin-bottom: 5px;
}
.p_wen  .post__description{
        margin-bottom: 10px;
}

.price-tag{
    display: inline-block;
    border-color: #fff8e5;
    color: #f19049;
    background-color: #fff8e5;
    font-weight: 400;
    font-size: 12px;
    padding: 1px 5px;
    border-radius: 2px;
    line-height: 20px;
    height: 20px;
    margin: 0px 5px 0 0;
}

.datashow--label {
    font-size: 14px;
    display: block;
    letter-spacing: .05em;
}

/*==============================

.company {
	position: relative;
	padding: 20px;
	border: 1px solid rgba(133, 153, 171, 0.2);
	box-shadow: 0 2px 26px 0 rgba(133, 153, 171, 0.1);
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 30px;
	
	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.company__logo img {
	width: 100%;
	border-radius: 4px;
	border-radius: 50%;
	width: 60px;
	height: 60px;
}

.company__title {
	font-size: 16px;
	font-weight: 600;
	color: #364e65;
	margin-bottom: 5px;
	line-height: 100%;
}

.company__title a {
	color: #364e65;
}

.company__title a:hover {
	color: var(--bg-afont);
}

.company__text {
	font-size: 14px;
	line-height: 24px;
	color: var(--bg-sfont);
	margin-bottom: 0;
}

.company__wrap {
	
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: calc(100% - 60px);
	padding-left: 15px;
	height: 60px;
}

.company__actions {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: space-between;
	
	
	align-items: center;
	width: 100%;
	margin-top: 20px;
}

.company__actions .post__location {
	margin-bottom: 0;
}

.company__actions .post__actions {
	margin-top: 0;
	width: auto;
	margin-left: 0;
}

==============================*/


/*==============================
	Profile
==============================*/
.media-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    z-index: 2;
    
    display: -webkit-box;
    display: flex;
    
    
    align-items: center;
    color: #fff;
    border-radius: inherit;
}
.media-overlay.overlay-top {
    bottom: auto;
}  
.col-lv:nth-child(1) .badge-hot{
    background: #ee0918;
    background: linear-gradient(to right,#ff7955,#ee0918);
}
.col-lv:nth-child(2) .badge-hot{
    background: #ff9143;
    background: linear-gradient(to right,#ffb784,#ff9143);
}
.col-lv:nth-child(3) .badge-hot {
    background: #ff9143;   
    background: linear-gradient(to right,#ffb784,#ff9143);
}
.badge-hot {
    background: rgb(113 113 113/80%);
    border-radius: 4px 0 0 0;
    color: #fff;
    border-radius: 0 0 4px;
    padding: 0.25rem 0.375rem;
}

.profile {
	position: relative;
	padding: 15px;	
	box-shadow: 0 2px 26px 0 rgba(133, 153, 171, 0.1);	
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 30px;
	display: flex;	
	flex-wrap: wrap;
}

.profile__logo {
	width: 100%;
}

.profile__logo img {
	width: 100%;
	margin-bottom: 8px;
}

.profile__title {
	font-size: 14px;
	font-weight: 600;
	color: #364e65;
	margin-bottom: 0px;
	line-height: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 5px;
}

.tag_wrap {
    position: absolute;
    top: 0;
    right: 0;
}
.tag_wrap .sku_tag {
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    padding: 0 5px;
    
}
.tag_wrap .red{ background-color: #ff6600; }
.tag_wrap .blue{ background-color: #448ef6; }
.ifbk {
	height: 200px;
	overflow: hidden;
}

.ifbk iframe {
	width: 200%;
	height: 200%;
	background: white;
	border: 0;
	overflow: hidden;
	box-sizing: border-box;
	transform: scale(0.5);
	transform-origin: top left;
}

.profile__title a {
	color: #364e65;
}

.profile__title a:hover {
	color: var(--bg-afont);
}

.profile__text {
	font-size: 14px;
	line-height: 24px;
	color: var(--bg-sfont);
	margin-bottom: 0;
}

.info{
    float: left;
    width: 100%;
    padding: 8px 0 0 0;
}

.info .note_icon_l {
    float: left;
}


.note_icon {
    float: right;
}
.note_icon span{
    padding-right: 5px;
    float: left;
    line-height: 20px;
    display: block;
    text-align: center;
}
.note_icon span i{
    color: #b68571;
    border-color: #e3c8bd;
    background: #fffbf6;
    border: 1px solid #ddd;
    font-style: normal;
    font-size: 12px;
    padding: 0 3px;
    border-radius: 3px;
}

.note_icon span i.score {
    color: #f60;
    border-color: #FF7E00;
    background: #FFF5EE;
}
.note_icon span i.send {
    color: #b68571;
    border-color: #e3c8bd;
    background: #fffbf6;
}
.note_icon span i.protect {
    color: #6a4;
    border-color: #6a4;
    background: #eff;
}


.profile__wrap {

	flex-direction: column;
	justify-content: center;
	align-items: flex-start;

	width: 100%;
	text-align: center;
}
.bid__head-title .p_b_url {
    background-color: #f3f5f6 !important;
    color: #364e65 !important;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 13px;
}
.profile__actions {
	
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 0px;
}

.profile__actions .post__location {
	margin-bottom: 0;
}

.profile__actions .post__actions {
	margin-top: 0;
	width: auto;
	margin-left: 0;
}

.p_star{ width: 100px;
    position: absolute;
    top: 0px;
    right: 0px; }

.product-star10 { background: url(../../spzac/img/star10.png) no-repeat 0px center; height: 30px; background-size: 90px; }    
.product-star9 { background: url(../../spzac/img/star9.png) no-repeat 0px center; height: 30px; background-size: 90px; }
.product-star8 { background: url(../../spzac/img/star8.png) no-repeat 0px center; height: 30px; background-size: 90px; }
.product-star7 { background: url(../../spzac/img/star7.png) no-repeat 0px center; height: 30px; background-size: 90px; }
.product-star6 { background: url(../../spzac/img/star6.png) no-repeat 0px center; height: 30px; background-size: 90px; }
.product-star5 { background: url(../../spzac/img/star5.png) no-repeat 0px center; height: 30px; background-size: 90px; }
.product-star4 { background: url(../../spzac/img/star4.png) no-repeat 0px center; height: 30px; background-size: 90px; }
.product-star3 { background: url(../../spzac/img/star3.png) no-repeat 0px center; height: 30px; background-size: 90px; }
.product-star2 { background: url(../../spzac/img/star2.png) no-repeat 0px center; height: 30px; background-size: 90px; }
.product-star1 { background: url(../../spzac/img/star1.png) no-repeat 0px center; height: 30px; background-size: 90px; }
.product-star0 { background: url(../../spzac/img/star0.png) no-repeat 0px center; height: 30px; background-size: 90px; }


/*==============================
	Bid
==============================*/

.tab_row{   
    display: flex;   
    flex-wrap: wrap;
    border: 1px solid rgba(133, 153, 171, 0.2);   
    box-shadow: 0 2px 26px 0 rgb(133 153 171 / 10%);
}

.tab_row .bid__head-title h5 a{ font-size: 12px; }

.bid {
	position: relative;
	padding: 10px;
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 0px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	word-wrap: break-word;
	display: block;
}

.bid__head {
	
	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}

.bid__head-img {
	display: block;
	width: 150px;	
}

.bid__head-img img {
	min-width: 100px;
}

.bid__head-title h5 {
	font-size: 16px;
	color: #364e65;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 1.5;
}
.bid__head-title h5 span{
    background: #ff3657;
    border-radius: 4px;
    color: #fff !important;
    padding: 1px 6px;
    font-size: 14px !important;
}

.bid__head-title h5 a {
	color: #364e65;
}

.bid__head-title h5 a:hover {
	color: var(--bg-afont);
}

.bid__head-title p {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0;
	margin-top: 10px;
}

.bid__head-title p i {
	font-size: 18px;
	color: #5bceae;
	margin-right: 8px;
	line-height: 18px;
	margin-top: 2px;
}

.bid__head-title p span {
	font-size: 12px;
	color: var(--bg-sfont);
	line-height: 18px;
}

.bid__price {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.bid__price span {
	display: block;
	font-size: 18px;
	line-height: 100%;
	color: #364e65;
	font-weight: 600;
	margin-bottom: 5px;
}

.bid__price p {
	margin-bottom: 0;
	font-size: 14px;
	color: var(--bg-sfont);
	line-height: 20px;
}


.solist .button {
    font-weight: 600;
    font-size: 13px;
    line-height: 32px;
    float: left;
    border-radius: 6px;
}

.solist{ height: 43px; width: 100%;}

.solist a {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    margin: 5px;
    color: #000000;
    background-color: #f3f5f6;
}
.solist a:hover{
    background-color: #42b8f1 !important;
    color: #FFFFFF !important;
}

.sol_live {
    background-color: #42b8f1 !important;
    color: #FFFFFF !important;
   
}
.sol_bg{
    background: url(../img/search.png) #fff right bottom no-repeat;
    background-size: 35%;
}    

/*==============================
	FAQ
==============================*/

.pay_post .pay_aut {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.pay_post .pay_order {
	float: right !important;
	margin-left: 10px;
	margin-top: 0px !important;
}

.pay_post .d_txt {
	font-size: 12px;
}

.pay_post .post__description {
	margin-bottom: 15px !important;
}

.z_btn button[disabled]{
    cursor: not-allowed !important;
    background-color: #d5d6d7 !important;
    color: #fff !important;
}

.z_btn{
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
}
#disagree-btn{
    background: rgba(0,132,255,.1);
    color: #0084ff;
    margin-right: 15px;
    margin-bottom: 15px;
    line-height: 30px;
    display: inline-block;
    padding: 0 15px;
    background: #fafafa;
    border-radius: 4px;
   
    cursor: pointer;
    float: left;
    font-size: 11px;
}
#agree-btn{
    background: rgba(0,132,255,.1);
    color: #0084ff;
    margin-right: 15px;
    margin-bottom: 15px;
    line-height: 30px;
    display: inline-block;
    padding: 0 15px;
    background: var(--bg-body);
    border-radius: 4px;   
    cursor: pointer;
    float: left;
    font-size: 11px;
}

.priceinfo {
    background: #448ef6;
    border-radius: 4px;
    color: #fff !important;
    padding: 5px 12px;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.stat_btn{
    background: #09a217;
    border-radius: 4px;
    color: #fff !important;
    padding: 5px 12px;
    font-size: 12px !important;
    font-weight: 400 !important;
    cursor: pointer;
}

.reprint {
    background: #333;
    border-radius: 4px;
    color: #fff !important;
    padding: 5px 12px;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.tdemo{
    background: #ff3657;
    border-radius: 4px;
    color: #fff !important;
    padding: 5px 12px;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.bid__head-title .zt_desc {
    font-size: 13px;
    color: var(--bg-sfont);
}

.faq {
	position: relative;
	margin-bottom: 20px;
	box-shadow: 0 2px 26px 0 rgba(133, 153, 171, 0.1);
	padding: 0 20px 10px;
	border-radius: 4px;
	background-color: #fff;	
}

.faq__box {
	margin-bottom: 10px;
}

.faq__box h3 {
	
	
	display: flex;	
	flex-direction: row;	
	justify-content: space-between;	
	align-items: center;
	color: #364e65;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
	height: 60px;
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
}

.seoxue .faq__box ul li {
	display: block;
}

.seoxue .post__views {
	float: right;
}

.l_ase {
	transition: all 0.5s ease-in-out;
	cursor: pointer;
}

.l_ase:hover {
	transform: translateX(10px);
}

.faq__box ul li {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
	color: #364e65;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.faq__box ul li i {
	padding-right: 8px;
}

.faq__box ul li a {
	color: #364e65;
}

.faq__box ul li a:hover {
	color: var(--bg-afont);
}

.faq__box ul li:last-child {
	margin-bottom: 0;
}

.i_fuei {
	color: #f30;
}

.i_free {
	color: var(--bg-sfont) !important;
}

/*==============================
	Contacts
==============================*/
.contacts {
	position: relative;
	margin-bottom: 20px;
	
	box-shadow: 0 2px 26px 0 rgba(133, 153, 171, 0.1);
	padding: 20px;
	
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid rgba(133, 153, 171, 0.2);
}

.contacts__title {
	color: #364e65;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 24px;
}

.contacts__text {
	font-size: 14px;
	line-height: 24px;
	color: #364e65;
	margin-bottom: 20px;
}

.contacts__list {
	margin-bottom: 20px;
}

.contacts__list li {
	margin-bottom: 10px;
}

.contacts__list li:last-child {
	margin-bottom: 0;
}

.contacts__list a {
	font-size: 14px;
	color: var(--bg-afont);
}

.contacts__list a:hover {
	color: var(--bg-afont);
}

.contacts__social {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
}

.contacts__social li {
	margin-right: 20px;
}

.contacts__social li:last-child {
	margin-left: 0;
}

.contacts__social li.facebook a {
	color: #3b5999;
}

.contacts__social li.instagram a {
	color: $clr2;
}

.contacts__social li.instagram a i:before {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--bg-afont);
}

.contacts__social li.twitter a {
	color: #1da1f2;
}

.contacts__social li.vk a {
	color: #45668e;
}

.contacts__social a {
	font-size: 24px;
	color: var(--bg-afont);
	line-height: 24px;
}

.contacts__social a:hover {
	color: var(--bg-afont);
}

/*==============================
	Privacy
==============================*/
.privacy {
	position: relative;
	margin-bottom: 20px;
	
	box-shadow: 0 2px 26px 0 rgba(133, 153, 171, 0.1);
	padding: 20px;
	
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid rgba(133, 153, 171, 0.2);
}

.privacy__title {
	color: #364e65;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 24px;
}

.privacy__text {
	color: #364e65;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
}

.privacy__text:last-child {
	margin-bottom: 0;
}

.privacy__text b {
	font-weight: 600;
}

.privacy__text a {
	color: var(--bg-afont);
}

.privacy__text a:hover {
	color: var(--bg-afont);
	text-decoration: underline;
}

.privacy__list {
	margin-top: -20px;
}

.privacy__list ol {
	padding-left: 0;
	list-style: none;
	counter-reset: li;
	margin-bottom: 0;
}

.privacy__list ol ol {
	padding-left: 15px;
	margin-top: 10px;
}

.privacy__list ol ol ol {
	margin-top: 10px;
	margin-bottom: 10px;
}

.privacy__list ol ol ol li {
	margin-top: 5px;
}

.privacy__list ol h4 {
	font-size: 14px;
	font-weight: 600;
	color: #364e65;
	display: inline-block;
	margin-bottom: 0;
	margin-top: 20px;
}

.privacy__list ol li {
	font-size: 14px;
	line-height: 24px;
	color: #364e65;
	position: relative;
}

.privacy__list ol li b {
	font-weight: 600;
}

.privacy__list ol li a {
	color: var(--bg-afont);
}

.privacy__list ol li a:hover {
	color: var(--bg-afont);
	text-decoration: underline;
}

.privacy__list ol li:last-child {
	margin-bottom: 0;
}

.privacy__list ol li:before {
	counter-increment: li;
	content: counters(li, ".") ". ";
}

/*==============================
	功能表单
==============================*/

.web_lis li {
	border-bottom: 1px dashed #eee;
	padding-bottom: 5px;
}

.web_lis li span {
	color: #f60;
	font-size: 12px;
}

.web_lis li #pview {
	color: #f60;
	margin-left: 5px;
}

.web_lis li .icon-living {
	background-color: #f80;
	background-image: url(../img/icon_live.png);
	webkit-animation: matchLiving .6s steps(6) infinite;
	animation: matchLiving .6s steps(6) infinite;
	position: relative;
	top: 4px;
	margin-right: 5px;
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
}

@keyframes matchLiving {
	0% {
		background-position: 0 0
	}

	to {
		background-position: -108px 0
	}
}



.reward_list {
	text-align: center;
	display: flex;
	flex-flow: wrap;
	margin: 0 10px;
	width: max-content;
	max-width: 600px;
    position: absolute;
    right: 10px;
}

.reward_more {
	width: 35px;
	height: 35px;
	font-size: 12px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	background: #ffe300;
}

.reward_clusr {
	padding-right: 0;
	display: flex;
}

.reward_clusr img {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin: 0 -2px 0px 0;
}

.recommended-designer_more {
	width: 35px;
	height: 35px;
	font-size: 12px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	background: #ffe300;
}

/*==============================
	Messages
==============================*/
.messages {
	position: relative;
	margin-bottom: 20px;
	box-shadow: 0 2px 26px 0 rgba(133, 153, 171, 0.1);
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid rgba(133, 153, 171, 0.2);
}

.messages__dialogues {
	position: relative;
	overflow: hidden;
}

.messages .num {
	display: block;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	font-style: normal;
	font-size: 12px;
	line-height: 1;
	color: #ff5c00;
	padding: 10px;
	border: 1px solid #ff5c00;
	border-radius: 3px;
}

.messages__search {
	position: relative;
	padding: 20px;
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
	height: 80px;
}

.messages__search input {
	width: 100%;
	height: 40px;
	border-radius: 4px;
	background-color: #fafafa;
	border: 1px solid rgba(133, 153, 171, 0.2);
	font-size: 14px;
	color: #364e65;
	padding: 0 15px;
}

.messages__search input:focus {
	border-color: var(--bg-afont);
}

.messages__search button {
	position: absolute;
	height: 40px;
	color: var(--bg-sfont);
	font-size: 22px;
	top: 50%;
	margin-top: -20px;
	right: 35px;
	line-height: 42px;
}

.messages__search button:hover {
	color: var(--bg-afont);
}

.messages__list {
	position: relative;
	overflow: hidden;
	height: 280px;
	width: 100%;
}

.messages__user {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	padding: 20px;
	cursor: pointer;
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
	position: relative;
}

.messages__user:last-child {
	border-bottom: none;
}

.messages__user--active {
	background-color: #fafafa;
}

.messages__user--online .messages__user-img:before {
	opacity: 1;
}

.messages__user-img {
	display: block;
	width: 40px;
	height: 40px;
	margin-right: 12px;
	position: relative;
}

.messages__user-img img {
	width: 100%;
	border-radius: 50%;
}

.messages__user-img:before {
	content: '';
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #5bceae;
	top: 2px;
	right: 2px;
	opacity: 0;
}

.messages__user-title h5 {
	font-size: 14px;
	color: #364e65;
	font-weight: 600;
	margin-bottom: 8px;
	line-height: 100%;
}

.messages__user-title p {
	font-size: 13px;
	color: var(--bg-sfont);
	margin-bottom: 0;
	line-height: 100%;
}

.messages__user-missed {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	

	justify-content: center;
	
	
	align-items: center;
	font-size: 10px;
	position: absolute;
	line-height: 16px;
	right: 20px;
	bottom: 20px;
	color: #fff;
	background-color: var(--bg-afont);
	
	border-radius: 50%;
	height: 16px;
	width: 16px;
	
	box-shadow: 0 0 10px 0 rgba(55, 150, 246, 0.3);
}

.messages__dialog {
	position: relative;
	border-top: 1px solid rgba(133, 153, 171, 0.2);
	height: 700px;
}

.messages__head {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
	height: 80px;
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
	padding: 0 20px;
	position: relative;
}

.messages__head h2 {
	font-size: 16px;
	font-weight: 600;
	color: #364e65;
	margin-bottom: 0;
}

.messages__head h2 span {
	font-weight: 400;
	color: var(--bg-sfont);
	font-size: 12px;
	margin-left: 5px;
}

.messages__head .post__dropdown {
	right: 20px;
	top: 50%;
	margin-top: -12px;
}

.messages__chat {
	height: calc(100% - 160px);
	padding: 0 20px;
	overflow: hidden;
	overflow-y: scroll;
}

.mouse {
	position: absolute;
	right: 30px;
	bottom: 120px;
	margin-left: -5px;
	width: 25px;
	height: 36px;
	border: 2px solid #ebf4fe;

	border-radius: 15px;
	cursor: pointer;
	transition: border-color 0.2s ease-in;
}

.mouse .scroll {
	display: block;
	margin: 6px auto;
	width: 3px;
	height: 6px;
	border-radius: 4px;
	background: #27c8fd5;
	animation-duration: 2s;
	animation-name: scroll;
	animation-iteration-count: infinite;
}


@-webkit-keyframes scroll {
	0% {
		opacity: 0
	}

	10% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		-ms-transform: translateY(10px);
		transform: translateY(10px)
	}
}

@-moz-keyframes scroll {
	0% {
		opacity: 0
	}

	10% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		-ms-transform: translateY(10px);
		transform: translateY(10px)
	}
}

@keyframes scroll {
	0% {
		opacity: 0
	}

	10% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		-ms-transform: translateY(10px);
		transform: translateY(10px)
	}
}



.messages__form {
	width: 100%;
	position: relative;
	border-top: 1px solid rgba(133, 153, 171, 0.2);
	padding: 20px;
}

.messages__form input {
	width: calc(100% - 60px);
	height: 40px;
	
	border-radius: 4px;
	background-color: #fafafa;
	border: 1px solid rgba(133, 153, 171, 0.2);
	font-size: 14px;
	color: #364e65;
	padding: 0 20px;
}

.messages__form input:focus {
	border-color: var(--bg-afont);
}

.messages__form button {
	position: absolute;
	height: 40px;
	width: 40px;
	color: #fff;
	font-size: 20px;
	top: 20px;
	right: 20px;
	background-color: var(--bg-afont);
	
	border-radius: 4px;
	background: var(--bg-afont);
	overflow: hidden;
}

.messages__form button i {
	position: relative;
	z-index: 2;
	color: white;
}

.messages__form button:hover {
	color: var(--bg-afont);
	background-color: #1f73eb;
}

.messages__form button:hover:before {
	opacity: 0;
}

.messages__form button[disabled] {
	color: white !important;
	background-color: #ddd !important;
	background: #ddd !important;
}

.messages__text {
	
	
	display: flex;
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: flex-start;
	padding: 10px 0;
}

.messages__text p {
	width: auto;
	max-width: calc(100% - 52px);
	font-size: 14px;
	line-height: 24px;
	color: #364e65;
	background-color: rgba(91, 206, 174, 0.1);
	padding: 12px 60px 12px 15px;
	
	border-radius: 20px;
	margin-bottom: 0;
	position: relative;
}

.messages__text p span {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 10px;
	color: var(--bg-sfont);
}

.messages__chat .re_ai p::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #eaf4fe;
	position: absolute;
	left: -5px;
	top: 15px;
}

.messages__chat .re_my p::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-left: 6px solid #eaf4fe;
	position: absolute;
	right: -5px;
	top: 15px;
}

.messages__text--guest p {
	background-color: #fafafa;
	background-color: rgba(55, 150, 246, 0.1);
}

.messages__text:first-child {
	padding-top: 20px;
}

.messages__text:last-child {
	padding-bottom: 20px;
}

.messages__date {
	position: relative;
	display: flex;
	
	
	
	
	
	flex-direction: row;
	

	justify-content: center;
	
	
	align-items: center;
	padding: 12px 0;
}

.messages__date:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background-color: rgba(133, 153, 171, 0.2);
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -1px;
}

.messages__date span {
	position: relative;
	font-size: 12px;
	color: var(--bg-sfont);
	background-color: #fff;
	display: block;
	padding: 0 15px;
}

.messages__chat .re_my {
	flex-direction: row-reverse;
}

.messages__chat .messages__user-img {
	margin-left: 12px;
}

@media (min-width: 992px) {
	.messages {
		
		
		display: flex;
		
		
		
		
		
		flex-direction: row;
		
		
		justify-content: flex-start;
		
		
		align-items: flex-start;
	}

	.messages__dialogues {
		border-right: 1px solid rgba(133, 153, 171, 0.2);
	}

	.messages__list {
		height: 620px;
		width: 300px;
	}

	.messages__dialog {
		height: 700px;
		border-top: none;
		width: calc(100% - 300px);
	}
}

/*==============================
	最近访客
==============================*/
.fixed-sidebar.right {
	top: 70px;
	z-index: 1;
	right: 0;
	left: auto;
	min-height: 100%;
}

.fixed-sidebar {
	position: fixed;
	z-index: 22;
	width: 70px;
	min-height: 1000vh;
	left: 0;
}

.fixed-sidebar-right.sidebar--small {
	width: 70px;
	transition-delay: .3s;
}

.fixed-sidebar-right {
	position: absolute;
	box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);
	z-index: 20;
	right: 0;
	top: 0;
	bottom: 70px;
	background-color: #fff;
	transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
	transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
	transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
	display: -webkit-box;
	
	display: flex;
	flex-direction: column;
}

.fixed-sidebar.right .mCustomScrollbar {
	max-height: calc(100vh - 210px);
}

.chat-users {
	padding: 0;
}

.chat-users li {
	padding: 8px 17px 0;
	cursor: pointer;
}

.chat-users .author-thumb {
	margin-right: 8px;
}

.author-thumb {
	display: inline-block;
	position: relative;
}

.author-thumb img {
	width: 34px;
	border-radius: 100%;
	overflow: hidden;
	max-width: unset;
	display: block;

}

.author-thumb .icon-status {
	position: absolute;
	margin-right: 0;
	top: 0;
	left: 0;
	border: 1px solid #3f4257;
	width: 8px;
	height: 8px;
}

.icon-status.online {
	background-color: #32e4cd;
}

.icon-status.away {
	background-color: #ffd52f;
}

.icon-status.pays {
	background-color: #f01414;
}

.icon-status {
	width: 6px;
	height: 6px;
	border-radius: 100%;
	display: inline-block;
	margin-right: 8px;
}

.chat-users .author-thumb .icon-status {
	border-color: #fff;
}

/*==============================
	Footer
==============================*/
.footer {
	background-color: #fff;
	border-top: 1px solid rgba(133, 153, 171, 0.2);
	
	box-shadow: 0 2px 26px 0 rgba(133, 153, 171, 0.1);
}

.footer__content {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: column;
	
	
	justify-content: flex-start;
	
	
	align-items: flex-start;
	padding: 40px 0;
	position: relative;
}

.footer__logo {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	

	justify-content: center;
	
	
	align-items: center;
	width: 250px;
	
	
	order: 1;
}

.footer__logo img {
	width: 100%;
	display: block;
}

.footer__nav {
	
	
	order: 2;
	
	
	display: flex;
	
	
	
	flex-direction: start;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
	margin-top: 20px;
}

.footer__nav a {
	font-size: 14px;
	color: #364e65;
	margin-right: 15px;
}

.footer__nav a:last-child {
	margin-right: 0;
}

.footer__nav a:hover {
	color: var(--bg-afont);
}

.footer__copyright {
	display: inline-block;
	order: 3;
	margin-top: 20px;
	font-size: 12px;
	line-height: 16px;
	color: var(--bg-sfont);
}

.footer__copyright a {
	color: var(--bg-sfont);
}

.footer__copyright a:hover {
	color: var(--bg-afont);
}

.footer__back i {
	color: #fff
}

.footer__back {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	

	justify-content: center;
	
	
	align-items: center;
	width: 40px;
	height: 40px;
	color: #fff;
	background: var(--bg-bfont);
	position: absolute;
	right: 0;
	bottom: 40px;
	
	border-radius: 4px;
	font-size: 26px;
	line-height: 26px;
	overflow: hidden;
}

.footer__back:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--bg-bfont);
	z-index: 1;
	
	
	transition: 0.4s;
	opacity: 1;
}

.footer__back i {
	position: relative;
	z-index: 2;
}

.footer__back:hover {
	color: var(--bg-afont);
}

.footer__back:hover:before {
	opacity: 0;
}

@media (min-width: 768px) {
	.footer__content {
		
		
		
		
		
		flex-direction: row;
		
		
		justify-content: flex-start;
		
		
		align-items: center;
		padding: 0;
		height: 70px;
	}

	.footer__nav {

		order: 3;
		margin-top: 0;
		margin-left: auto;
		margin-right: 80px;
	}

	.footer__nav a {
		margin-right: 25px;
	}

	.footer__nav a:last-child {
		margin-right: 0;
	}

	.footer__copyright {
		
		
		order: 2;
		margin-top: 0;
		margin-left: 20px;
	}

	.footer__back {
		position: absolute;
		bottom: 50%;
		margin-bottom: -20px;
	}
}

@media (min-width: 1200px) {
	.footer__copyright {
		margin-left: 40px;
	}

	.footer__nav a {
		margin-right: 40px;
	}

	.footer__nav a:last-child {
		margin-right: 0;
	}
}

/*==============================
	select2 customization
==============================*/
.select2 {
	width: 100% !important;
	height: 40px;
}

.select2-search--dropdown,
.select2-container--default .select2-selection--single .select2-selection__clear {
	display: none;
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid rgba(133, 153, 171, 0.2);
	height: 40px;
	color: #fff;
	padding: 0 40px 0 20px;
	background-color: #fafafa;
	width: 100%;
	font-size: 14px;
	
	border-radius: 4px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid var(--bg-afont);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 0;
}

.select2-container .select2-search--inline .select2-search__field {
	font-size: 14px;
	height: 40px;
	margin: 0;
	color: #364e65;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #fff;
	border: 1px solid rgba(133, 153, 171, 0.2);
	
	border-radius: 4px;
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
	height: 30px;
	margin-top: 5px;
	color: #364e65;
	padding: 0 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: var(--bg-sfont);
	margin-right: 5px;
	
	
	transition: 0.4s ease;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: var(--bg-afont);
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0;
	color: #364e65;
	line-height: 40px;
}

.select2-dropdown {
	border: 1px solid rgba(133, 153, 171, 0.2);
	
	border-radius: 0 0 4px 4px;
	
	box-shadow: none;
	background-color: #fafafa;
	padding: 15px 0;
}

.select2-results__option {
	padding: 0 20px;
	line-height: 40px;
	font-size: 14px;
	color: #364e65;
	display: block;
	font-weight: 400;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: transparent;
	color: var(--bg-afont);
}

.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: transparent;
	color: var(--bg-afont);
	cursor: default;
}

/*==============================
	mCustomScrollbar customization
==============================*/
.mCS-custom-bar {
	opacity: 1;
}

.mCS-custom-bar.mCSB_outside+.mCSB_scrollTools {
	right: 0;
	top: 0;
	bottom: 0;
}

.mCS-custom-bar.mCSB_scrollTools {
	width: 2px;
}

.mCS-custom-bar.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.mCS-custom-bar.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(55, 150, 246, 0);
	width: 2px;
	border-radius: 2px;
}

.mCS-custom-bar.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: var(--bg-afont);
}

.mCS-custom-bar.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-custom-bar.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: var(--bg-afont);
}


.comment-list {
	list-style-type: none;
	margin-left: 0
}

.comment-list li {
	padding: 14px 0 14px 0
}

.comment-list img.avatar {
	float: left;
	border-radius: 50px;
}

.comment-list .comment-meta {
	font-size: 14px;
	padding-bottom: 5px
}

.comment-reply,
.cancel-comment-reply {
	text-align: right;
	font-size: 12px;
}

.comment-list .comment-list li {
	margin-left: 50px;
	border-bottom: 0;
	padding-bottom: 0;
	padding-top: 10px;
}

.comment-list cite.fn {
	font-style: normal;
	line-height: 18px;
}

.comment-list a {
	text-decoration: none;
}

.comment-list p {
	font-size: 14px;
	margin-bottom: 12px;
}

.comment-content {
	word-wrap: break-word;
}

.comment-content a {
	font-size: 12px;
}

.attachment {
	padding: 20px;
	background: #F6F9FC;
}

.attachment a {
	color: #4550E5
}


/*-------------------------
	Inline help tip
--------------------------*/

.m20_l .help-tip{ top: 20px; right: 20px; }
.m20_l .help-tip p{ width: 250px; } 

.help-tip{
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	background-color: #fa7268;
	border-radius: 50%;
	width: 20px;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
	cursor: default;
}

.help-tip:before{
	content:'?';
	color:#fff;
}

.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;
	animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{
	display: none;
    text-align: left;
    background-color: #ffffff;
    padding: 11px;
    width: 200px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);
    right: -4px;
    color: var(--bg-sfont);
    font-size: 13px;
    line-height: 1.4;
    cursor: pointer;
}

.help-tip p:before{
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#fff;
	right: 8px;
    top: -9px;
}

.help-tip p:after{
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}



/*ua*/


.ua-icon {
	display: inline-block;
	width: 1pc;
	height: 1pc;
	background-size: cover;
	background-repeat: no-repeat;
	vertical-align: text-top
}

.comment-ua {
	font-size: 10px;
	color: var(--bg-sfont);
}
.says{
    color: var(--bg-sfont);
}

.c_authen {
	float: initial !important;
	width: 18px;
	vertical-align: text-bottom;
	margin-right: 0px !important;
}

.s_authen {
	float: initial !important;
	width: 18px;
	vertical-align: initial;
	margin-left: 3px !important;
}

.icon-360 {
	background-image: url(../../spzac/icon/UA/360.png)
}

.icon-android {
	background-image: url(../../spzac/icon/UA/android.png);
	height: 19px
}

.icon-apple {
	background-image: url(../../spzac/icon/UA/apple.png)
}

.icon-baidu {
	background-image: url(../../spzac/icon/UA/baidu.png)
}

.icon-chrome {
	background-image: url(../../spzac/icon/UA/chrome.png)
}

.icon-edge {
	background-image: url(../../spzac/icon/UA/edge.png)
}

.icon-firefox {
	background-image: url(../../spzac/icon/UA/firefox.png)
}

.icon-google {
	background-image: url(../../spzac/icon/UA/google.png)
}

.icon-ie {
	background-image: url(../../spzac/icon/UA/ie.png)
}

.icon-liebao {
	background-image: url(../../spzac/icon/UA/liebao.png)
}

.icon-linux {
	background-image: url(../../spzac/icon/UA/linux.png)
}

.icon-mac {
	background-image: url(../../spzac/icon/UA/mac.png)
}

.icon-opera {
	background-image: url(../../spzac/icon/UA/opera.png)
}

.icon-qq {
	background-image: url(../../spzac/icon/UA/qq.png)
}

.icon-quark {
	background-image: url(../../spzac/icon/UA/quark.png)
}

.icon-safari {
	background-image: url(../../spzac/icon/UA/safari.png)
}

.icon-ubuntu {
	background-image: url(../../spzac/icon/UA/ubuntu.png)
}

.icon-uc {
	background-image: url(../../spzac/icon/UA/uc.png)
}

.icon-win1 {
	background-image: url(../../spzac/icon/UA/win1.png)
}

.icon-win2 {
	background-image: url(../../spzac/icon/UA/win2.png)
}



.hasLogin {
	line-height: 30px;
    font-size: 12px;
}

.hasLogin a {
	line-height: 22px;
	height: 22px;
}

.hasLogin-author {
	margin-right: 10px;
}

.avatar {
	border-radius: 50%;
}

.respond textarea {
	font-size: 14px
}

#comm_off {
	display: none;
}

.comment-reply-title {
	font-size: 22px;
	margin: 0;
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, Helvetica, Arial, sans-serif;
}

.respond #new_comment_form {
	/* background: var(--bg-body); */
	position: relative;
}

.respond #new_comment_form .input_body {
	line-height: 40px;
    height: 40px;
    position: relative;
   
}

.respond #new_comment_form .input_body li,
.respond #new_comment_form .input_body ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.respond #new_comment_form .input_body .ident {
	width: 75%
}

.respond #new_comment_form .input_body li {
	display: block;
	float: left;
	max-width: 50%;
	line-height: 0;
}

.respond #new_comment_form .input_body li input {
	font-size: 13px;
	z-index: 1;
	position: relative;
	background-color: transparent;
	padding-right: 1.5em;
	padding-left: 1.5em
}

.respond #new_comment_form .input_body li:last-child {
	margin-right: 0
}

.respond #new_comment_form .new_comment {
	position: relative;
	z-index: 1;
	border-radius: 8px;
	border: 1px solid #ddd;
}

.respond #new_comment_form .comment_triggered {
	margin: 10px
}

.respond #new_comment_form input,
.respond #new_comment_form textarea {
	padding: 0;
	line-height: 1.5;
	border: none;
	width: 100%;
	
	box-sizing: border-box;
	outline: 0
}

.respond #new_comment_form textarea {
	line-height: 2.5;
	padding: 0 20px 0 20px;
	background-color: transparent;
	resize: none;
}

.respond #new_comment_form .comment_submit_button {
	padding: 0px 8px;
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--bg-bfont);
    color: #fff;
    height: 32px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    margin-top: 5px;
}


@media print,
screen and (max-width:35.5em) {
	.input_body li {
		float: none;
		width: 100%;
		margin-bottom: .6em
	}
}


.respond #new_comment_form textarea {
	line-height: 2.8;
	padding: 0 20px 0 20px;
	background-color: transparent;
	resize: none;
	background: url(../img/comment.png) right bottom no-repeat;
	background-size: 35%;

}

.form-control:disabled,
.form-control[readonly] {
	color: #393e46;
	background-color: #f2f2f5 !important;
	background: no-repeat center bottom, center calc(100% - 1px);
	background-size: 0 100%, 100% 100%;
	transition: background 0s ease-out;
}

.form-control {

	color: #393e46;
	background: no-repeat center bottom, center calc(100% - 1px);
	background-size: 0 100%, 100% 100%;
	transition: background 0s ease-out;
}

.form-control:focus {
	border-bottom-color: transparent;
	background-size: 100% 100%, 100% 100%;
	transition-duration: .3s;
	box-shadow: none;
	background-image: linear-gradient(to top, #4680ff 2px, rgba(70, 128, 255, 0) 2px), linear-gradient(to top, #ced4da 1px, rgba(206, 212, 218, 0) 1px);
}

.qqget_all {
	padding-top: 0px !important;
	background-color: #fff !important;
}

.qqget_hasLogin,
.qqget_input {
	float: left;
}

.qqget_input li {
	padding-left: 5px !important;
}

.qq_li {
	width: 30%;
}

.qqget_input input {
	border: 1px solid #dedede !important;
	border-radius: .15rem;
	padding: .525rem 1.1875rem !important;
}


.comment-list {
	padding: 0;
	margin: 0 20px;
}

.comment-list li {
	list-style: none;
	border-bottom: 1px dashed #eee;
}

.comment-meta {
	line-height: 1;
	color: var(--bg-sfont);
	font-size: 12px;
}

.comment-meta a {
	font-style: normal;
	color: var(--bg-sfont);
	font-size: 12px;
}

.comment-meta span {
	font-style: normal;
	color: var(--bg-sfont);
	font-size: 12px;
}

.comment-author {
	font-size: 14px
}

.comment-author img {
	float: left;
	margin: 0 10px 0 0;
}

.fn,
.fn a {
	color: #18779d;
	padding-right: 3px;
	font-size: 13px;
	font-style: normal;
}

.comment-reply-link {
	float: right;
	font-size: 12px;
	line-height: 20px;
	padding: 0 6px;
	background: var(--bg-bfont);
	border-radius: 4px;
	display: none;
	cursor: pointer;
}

.comment-reply-link a {
	color: #fff;
}

.comment-body {
	padding: 10px 0 0 0;
	position: relative;
}

.comment-body .tbbq {
	display: initial;
	width: 30px;
	background-color: #fff !important;
	vertical-align: bottom;
}

.comment-body .reply {
	position: absolute;
	top: 30px;
	right: 0;
}

.comment-body .reply a:hover {
	color: #fff;
}

.comment-body:hover .comment-reply-link {
	display: block
}

.comment-child2 {
	margin-left: 0;
}

#comments p,
.comment-child {
	margin: 0px 0px 0px 55px;
}

#comments p {
	letter-spacing: 0.013rem;
}

.comments_e{
    margin: 0px 0px 5px 55px !important;
}

.comments-title {
	font-size: 16px;
	line-height: 1;
	position: relative;
	text-align: center;
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 20px;
}

.comments-title:before {
	display: block;
	content: '';
	border-top: 1px solid #e7e7e7;
	position: relative;
	top: 8px;
	z-index: 1
}

.comments-title span {
	display: inline-block;
	padding: 0 30px;
	background: #fff;
	position: relative;
	z-index: 1;
}

@media (max-width:479px) {
	.comment-form input {
		width: 100% !important;
	}

	.comment-form button {
		width: 100%;
		box-sizing: border-box;
		text-align: center
	}

	.comment-children {
		margin-left: 0 !important;
	}
}

.commpost {
	position: relative;
	padding: 20px;	
	box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 20px;
}



pre code::-webkit-scrollbar {
	height: 6px;
}

::-webkit-scrollbar {
	width: 8px
}

::-webkit-scrollbar-track {
	background: rgba(51, 51, 51, .1)
}

::-webkit-scrollbar-thumb {
	background: rgb(84, 181, 219);
	border-radius: 4px
}

::-webkit-scrollbar-thumb:active {
	background-color: #448ef6
}


.fixsidenav .fiesd-top {
	position: sticky;
	right: 0;
	top: 80px;
}

.fixsidenav .fiesd-bottom {
	position: absolute;
	padding-right: 15px;
	box-shadow: none;
	bottom: 0;
}

/* hljs行号 */

code,
pre {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	line-height: 1.8;
	margin: 10px 0;
	width: 100%;
	white-space: pre-line;
}

/* hljs行号 */
.hljs ol {
	list-style: decimal;
	margin: 0 0 0 40px !important;
	padding: 0
}

.hljs ol li {
	font-size: 12px;
	list-style: decimal-leading-zero;
	border-left: 1px solid #ddd !important;
	margin: 0 !important;
	white-space: pre;
	padding: 0 10px;
	line-height: inherit;
	color: #333 !important;
}

.conts code {
	background-color: #fff5f5;
	color: #ff502c;
	font-size: .87em;
	padding: .065em .4em;
	margin: 0 4px
}

.conts pre code {
	background: var(--bg-body);
	color: #333;
	margin: 0;
	padding: .5em;
}

/* hljs代码高亮 */
.hljs-comment,
.hljs-quote {
	color: #8e908c
}

.hljs-deletion,
.hljs-name,
.hljs-regexp,
.hljs-selector-class,
.hljs-selector-id,
.hljs-tag,
.hljs-template-variable,
.hljs-variable {
	color: #c82829
}

.hljs-built_in,
.hljs-builtin-name,
.hljs-link,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-params,
.hljs-type {
	color: #f5871f
}

.hljs-attribute {
	color: #eab700
}

.hljs-addition,
.hljs-bullet,
.hljs-string,
.hljs-symbol {
	color: #718c00
}

.hljs-section,
.hljs-title {
	color: #4271ae
}

.hljs-keyword,
.hljs-selector-tag {
	color: #8959a8
}

.hljs {
	display: block;
	overflow-x: auto;
	background: #F1F3F3;
	color: #4d4d4c;
	padding: .5em;
	border-radius: 8px
}

.hljs-emphasis {
	font-style: italic
}

.hljs-strong {
	font-weight: 700
}


/* hljs代码高亮 */
.hljs-comment,
.hljs-quote {
	color: #8e908c
}

.hljs-deletion,
.hljs-name,
.hljs-regexp,
.hljs-selector-class,
.hljs-selector-id,
.hljs-tag,
.hljs-template-variable,
.hljs-variable {
	color: #c82829
}

.hljs-built_in,
.hljs-builtin-name,
.hljs-link,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-params,
.hljs-type {
	color: #f5871f
}

.hljs-attribute {
	color: #eab700
}

.hljs-addition,
.hljs-bullet,
.hljs-string,
.hljs-symbol {
	color: #718c00
}

.hljs-section,
.hljs-title {
	color: #4271ae
}

.hljs-keyword,
.hljs-selector-tag {
	color: #8959a8
}

.hljs {
	display: block;
	overflow-x: auto;
	background: #F1F3F3;
	color: #4d4d4c;
	padding: .5em;
	border-radius: 8px
}

.hljs-emphasis {
	font-style: italic
}

.hljs-strong {
	font-weight: 700
}



/*404页面*/
.error-page {
	text-align: center;
	margin-top: 100px;
	margin-bottom: 100px;
	min-height: 65vh;
}

.error-page p {
	font-size: 15px;
	color: #979797;
}

.not-found-title {
	color: #f0f0f0;
	font-size: 14em;
	margin: 0;
	line-height: 1
}

.not-found-back {
	color: #979797
}



.layui-layer-dialog{
    border-radius: 8px  !important;
}
.layui-layer-title{
    border-radius: 8px 8px 0 0 !important;
    height: 35px !important;
    line-height: 35px !important;
}
.layui-layer-btn0{ color:white !important; }
.layui-layer-setwin{ top: 10px!important; }