body,html {
	width:100%
}
body {
	padding-top:72px;
	background-color:#f7f7f7;
	font-size:14px;
	line-height:160%;
	font-family:numFont,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
dd,dl,dt,fieldset,form,img,li,ol,table,td,tr,ul {
	margin:0;
	padding:0;
	font-weight:400
}
input,select {
	font-size:12px;
	vertical-align:middle;
	border:none
}
li,ul {
	list-style-type:none
}
em,i {
	font-style:normal
}
img {
	border:0 none
}
img.border-radius-5 {
	border-radius:50%
}
p {
	margin:0 0 10px
}
a,a:focus,a:hover {
	color:var(--font-color)
}
a:focus,a:hover,button:focus,button:hover {
	text-decoration:none;
	outline:0
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
	padding-left:10px;
	padding-right:10px
}

@media only screen and (min-device-width:768px) {
	::-webkit-scrollbar-thumb {
	background-color:rgba(130,130,130,.5);
	-webkit-border-radius:4px;
	border-radius:4px
}
::-webkit-scrollbar-thumb:hover {
	background-color:var(--theme-color);
	-webkit-border-radius:4px;
	border-radius:4px
}
::-webkit-scrollbar {
	width:5px;
	height:5px
}
::-webkit-scrollbar-thumb:active {
	background-color:var(--theme-color);
	-webkit-border-radius:4px;
	border-radius:4px
}
::-webkit-scrollbar-corner {
	background:rgba(0,0,0,0);
	border-radius:0 0 8px 0
}
::-webkit-scrollbar-button {
	background-color:rgba(0,0,0,0);
	height:2px;
	width:13px
}
}.split-line {
	display:inline-block;
	margin-left:15px;
	margin-right:15px;
	width:1px;
	height:14px;
	vertical-align:-2px;
	background-color:#eee
}
.spot {
	display:inline-block;
	vertical-align:-1px;
	margin-right:5px;
	width:8px;
	height:8px;
	background-color:#fff;
	border-radius:50%;
	border:2px solid var(--font-color)
}
.spot.text {
	vertical-align:1px
}
.spot.no {
	border:2px solid #eee
}
.border-r-0 {
	border-radius:0!important
}
.margin-0 {
	margin:0!important
}
.padding-0 {
	padding:0!important
}
.font-red,.text-red {
	color:red
}
.text-333 {
	color:#333
}
.text-color {
	color:var(--font-color)
}
.text-muted {
	color:#999
}
.text-fff {
	color:#fff
}
.text-orange {
	color:orange
}
.font-12 {
	font-size:12px
}
.font-14 {
	font-size:14px
}
.font-16 {
	font-size:16px
}
.font-18 {
	font-size:18px
}
.font-weight-normal {
	font-weight:400
}
.bgc-red {
	background-color:red!important
}
.bgc-fff {
	background-color:#fff!important
}
.p5 {
	padding:5px!important
}
.p10 {
	padding:10px!important
}
.p20 {
	padding:20px!important
}
.p30 {
	padding:30px!important
}
.p40 {
	padding:40px!important
}
.p50 {
	padding:50px!important
}
.pt0 {
	padding-top:0!important
}
.mt10 {
	margin-top:10px
}
.mb0 {
	margin-bottom:0
}
.mb10 {
	margin-bottom:10px
}
.mt20 {
	margin-top:20px
}
.mb20 {
	margin-bottom:20px
}
.media-body,.media-left,.media-right {
	padding-top:10px
}
.icon-v {
	position:absolute;
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	border-radius:50%;
	background-color:#ffca3f;
	color:#fff
}
.icon-v.active {
	background-color:var(--font-color)
}
.form-control.code {
	display:inline-block;
	width:120px;
	margin-right:10px
}
.form-control-static {
	display:inline-block
}
.help-block {
	margin-bottom:0
}
.tags a {
	display:inline-block;
	margin-right:10px;
	font-size:14px;
	line-height:25px
}
.tags a.text {
	display:inline-block;
	margin-right:8px;
	margin-top:8px;
	padding:0 8px;
	border-radius:5px;
	border:1px solid #eee;
	font-size:12px
}
.alert {
	padding:10px 15px;
	margin-bottom:30px;
	text-align:center
}
.adtips {
	position:absolute;
	bottom:0;
	right:0;
	padding:0 10px;
	font-size:12px;
	color:red;
	background-color:#f5f5f5
}
.text-overflow {
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap
}
.text-through {
	text-decoration:line-through
}
.magnifier img {
	cursor:pointer
}
.empty-ad {
	display:block;
	width:100%;
	height:100%;
	color:#333
}
.empty-ad h4 {
	margin:0 0 5px
}
.empty-ad span {
	color:#999
}
button:focus {
	outline:0!important
}
input[type=radio] {
	-webkit-appearance:none;
	vertical-align:middle;
	margin-top:0;
	border:var(--font-color) solid 1px;
	border-radius:50%;
	min-height:18px;
	min-width:18px;
	outline:0;
	position:relative
}
input[type=radio]:checked::after {
	content:'';
	top:4px;
	left:3px;
	position:absolute;
	background:0 0;
	border:var(--font-color) solid 2px;
	border-top:none;
	border-right:none;
	height:6px;
	width:10px;
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	color:var(--font-color)
}
input[type=checkbox] {
	-webkit-appearance:none;
	vertical-align:middle;
	margin-top:0;
	border:var(--font-color) solid 1px;
	border-radius:3px;
	min-height:18px;
	min-width:18px;
	outline:0;
	position:relative
}
input[type=checkbox]:checked::after {
	content:'';
	top:3px;
	left:2px;
	position:absolute;
	background:0 0;
	border:var(--font-color) solid 2px;
	border-top:none;
	border-right:none;
	height:8px;
	width:12px;
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	color:var(--font-color)
}
a.not-logged-in {
	cursor:pointer
}
.add-favorite-btn {
	position:absolute;
	top:20px;
	right:20px;
	background:#fff;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:100%
}
.add-favorite-btn i {
	font-size:18px;
	color:#ffcec5;
	cursor:pointer
}
.add-favorite-btn .in_fav,.add-favorite-btn:hover i {
	color:#fa7960
}
.img-box[data-ratio="75"] {
	padding-top:75%
}
.img-box[data-ratio="50"] {
	padding-top:50%
}
@media (min-width:768px) {
	.row-flex {
	position:relative;
	display:flex;
	margin-left:-15px;
	margin-right:-15px
}
}.txt-ov {
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical
}
.txt-ov-2 {
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	word-break:break-all;
	display:-webkit-box!important;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
@media (min-width:768px) {
	.fixedbox-on {
	position:fixed;
	top:92px;
	z-index:98;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s
}
.fixedbox-off {
	position:absolute;
	bottom:0;
	z-index:98
}
}.themetips {
	color:var(--font-color)
}
.page-content {
	padding:20px 0 0
}
.page-breadcrumb {
	background:0 0;
	padding:0
}
.page-container-top {
	width:100%;
	height:260px;
	margin-bottom:-80px;
	background:url(../images/banner-2.png) no-repeat 100%/cover;
	background-position:top center
}
.page-container-top.active {
	height:160px
}
.btn {
	padding:10px 22px;
	border:0;
	border-radius:.25em;
	line-height:1.5
}
.btn-min {
	padding:3px 15px;
	border:0;
	border-radius:18px;
	line-height:1.5;
	font-size:12px
}
.btn-lg {
	padding:10px 50px;
	border-radius:30px;
	font-size:16px
}
.btn-hollow {
	border:1px solid var(--font-color);
	border-color:var(--font-color);
	color:var(--font-color)
}
.btn.btn-hollow {
	transition:.5s
}
.btn.btn-hollow:hover {
	background-color:var(--theme-color);
	color:#fff
}
.btn-primary {
	background-color:var(--font-color);
	border-color:var(--font-color);
	color:#fff
}
.btn-primary.focus,.btn-primary:focus {
	color:#fff;
	background-color:#6956e3;
	border-color:#5241c4
}
.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.btn-primary.dropdown-toggle {
	color:#fff;
	background-color:#6956e3;
	border-color:#5241c4
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover {
	color:#fff;
	background-color:#6956e3;
	border-color:#5241c4
}
.btn-default {
	border:1px solid #eceff1;
	border-color:#eceff1
}
.btn-fff {
	border:1px solid var(--font-color);
	border-color:#fff;
	color:#fff
}
.dropdown-menu {
	min-width:90px;
	padding:0;
	margin-top:-3px;
	border:1px solid #eceff1;
	box-shadow:5px 5px rgba(102,102,102,.1)
}
.dropdown-menu:before {
	position:absolute;
	top:-7px;
	left:9px;
	display:inline-block!important;
	border-right:7px solid transparent;
	border-bottom:7px solid #eceff1;
	border-left:7px solid transparent;
	border-bottom-color:rgba(0,0,0,.2);
	content:''
}
.dropdown-menu:after {
	position:absolute;
	top:-6px;
	left:10px;
	display:inline-block!important;
	border-right:6px solid transparent;
	border-bottom:6px solid #fff;
	border-left:6px solid transparent;
	content:''
}
.dropdown-menu.right:before {
	left:auto;
	right:9px
}
.dropdown-menu.right:after {
	left:auto;
	right:10px
}
.dropdown-menu.center:before {
	left:50%;
	margin-left:-5px
}
.dropdown-menu.center:after {
	left:50%;
	margin-left:-4px
}
.dropdown-menu>li>a {
	display:block;
	padding:10px;
	text-align:center
}
.dropdown-menu>li>a:hover {
	background-color:#f5f5f5
}
.bootstrap-touchspin .btn {
	padding:6px 18px
}
.bootstrap-touchspin .dr_buy_num,.bootstrap-touchspin .order_num {
	border:none;
	border-bottom:1px solid #e7ecf1;
	height:35px
}
.panel-group .panel {
	margin-bottom:10px
}
.panel-title {
	display:block;
	font-size:14px
}
.panel-default,.panel-default>.panel-heading {
	border-color:#eee
}
.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top:1px solid #eee
}
.nav li {
	float:left
}
.nav-head {
	margin-bottom:30px;
	border:1px solid #eee;
	background-color:#fff;
	border-radius:5px
}
.nav-head li a {
	position:relative;
	padding:12px 20px;
	border:1px solid #eee;
	margin:-1px;
	background-color:#fff;
	color:#333
}
.nav-head li.active a,.nav-tabs li.active a:focus,.nav-tabs li.active a:hover {
	background-color:var(--font-color);
	color:#fff
}
.nav-head li.active a:before {
	content:"";
	width:0;
	height:0;
	border-width:6px 12px 0;
	border-style:solid;
	border-color:var(--font-color) transparent transparent;
	position:absolute;
	bottom:-6px;
	left:50%;
	margin-left:-12px
}
.nav-head li:first-child a {
	border-radius:5px 0 0 5px
}
.nav-tabs {
	padding:10px 0 0;
	border:0
}
.nav-tabs li {
	margin-right:30px;
	color:#999
}
.nav-tabs li:last-child {
	margin-right:0
}
.nav-tabs li a {
	display:inline-block;
	padding:0 0 10px;
	color:#999;
	border:0
}
.nav-tabs li a:focus,.nav-tabs li a:hover {
	background:0 0;
	border:0
}
.nav-tabs li.active a,.nav-tabs li.active a:focus,.nav-tabs li.active a:hover {
	border:0;
	background:0 0;
	border-bottom:3px solid var(--font-color);
	color:var(--font-color)
}
.nav-screen {
	margin-bottom:10px;
	border-bottom:1px dashed #eee
}
.nav-screen:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0
}
.nav-screen.active {
	margin-bottom:20px
}
.nav-screen li a {
	display:inline-block;
	margin-right:5px;
	margin-bottom:10px;
	padding:2px 15px;
	border-radius:15px;
	font-size:12px;
	color:#333
}
.nav-screen li.active a {
	background-color:var(--font-color);
	border-color:var(--font-color);
	color:#fff
}
.nav-screen li:first-child {
	padding:2px 0;
	margin-right:25px
}
.nav-screen.active li:first-child {
	margin-right:0
}
.nav-search {
	position:relative;
	padding:5px 0 15px;
	border-bottom:1px dashed #eee
}
.nav-search.active {
	padding:15px 0;
	border-top:0
}
.nav-search .form-control {
	display:inline-block;
	width:260px;
	height:40px;
	border-radius:4px 0 0 4px
}
.nav-search .submit {
	margin-left:-5px;
	margin-right:10px;
	border-radius:0 15px 15px 0
}
.nav-search .tags a {
	margin-left:10px;
	line-height:30px;
	color:#333
}
.nav-bbs-category li {
	float:left;
	width:20%;
	text-align:center;
	border-left:1px dashed #eceff1
}
.nav-bbs-category li:first-child {
	border-left:0
}
.nav-bbs-category li a {
	color:#333
}
.nav-syetem {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #eee
}
.nav-syetem .logo {
	float:left;
	height:58px
}
.nav-syetem .logo img {
	border-radius:5px;
	height:100%
}
.nav-syetem .info {
	padding-left:70px
}
.nav-syetem .info .title {
	margin:10px 0 6px;
	font-size:18px
}
.nav-syetem .info .desc {
	margin-bottom:15px
}
@media (max-width:767px) {
	.nav-syetem .logo {
	height:50px
}
.nav-syetem .info .title {
	margin:6px 0;
	height:38px;
	line-height:38px
}
}.nav-syetem-tabs li {
	float:left;
	margin-right:30px;
	color:#999
}
.nav-syetem-tabs li.active a {
	padding-bottom:10px;
	border-bottom:3px solid var(--font-color);
	color:var(--font-color)
}
body.nav-open {
	position:fixed;
	top:0;
	left:0
}
.navigation:after {
	content:'';
	background:rgba(0,0,0,.2);
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	z-index:998;
	transition-delay:.05s;
	opacity:0;
	visibility:hidden;
	transition:opacity .4s ease
}
.navigation.active:after {
	overscroll-behavior:none;
	opacity:1;
	visibility:visible
}
.navigation .nav-container {
	background:#fff;
	width:250px;
	height:100%;
	position:fixed;
	top:0;
	z-index:9999;
	box-shadow:1px 0 2px rgba(0,0,0,.15);
	transform:translate3d(-260px,0,0);
	transition:transform .4s ease
}
.navigation.active .nav-container {
	transform:translate3d(0,0,0);
	left:0
}
.nav-container .title {
	box-shadow:0px 2px 0px rgba(0,0,0,0.5);
	line-height:30px;
	background-image:-webkit-linear-gradient(0,#7e39fb 0,#20c3f2 100%);
	box-sizing:border-box;
	text-align:center;
}
.nav-container ul.nav-cate li {
	height:48px;
	line-height:48px;
	padding:0 25px;
	border-bottom:1px solid #edf1f4;
	position:relative
}
.nav-container ul.nav-cate li a {
	text-align:center;
	display:block;
	width:100%;
	height:100%
}
.nav-container ul.nav-foot {
	position:absolute;
	bottom:0;
	width:100%;
	border-top:1px solid #edf1f4;
	height:60px
}
.nav-container ul.nav-foot li {
	float:left;
	width:50%;
	text-align:center;
	line-height:15px;
	font-size:12px
}
.nav-container ul.nav-foot li i {
	display:block;
	height:36px;
	line-height:30px;
	font-size:20px;
	box-sizing:border-box;
	padding-top:6px
}
.nav-container ul.nav-foot li:first-child a {
	color:#dc3545
}
.nav-container ul.nav-foot li i.avatar {
	width:24px;
	height:24px;
	margin:8px auto 4px;
	border-radius:30px;
	background-repeat:no-repeat;
	background-size:cover
}
.portlet {
	padding:20px;
	margin-bottom:20px;
	background-color:#fff;
	border-radius:8px
}
.portlet.need {
	background-position:center;
	background-color:#4d8eff
}
.portlet.need {
	position:relative;
	overflow:hidden;
	background-color:#7f39fb;
	background:-moz-linear-gradient(-20deg,#7f39fb 0,#28bbf5 100%);
	background:-webkit-linear-gradient(-20deg,#7f39fb 0,#28bbf5 100%);
	background:linear-gradient(-20deg,#7f39fb 0,#28bbf5 100%)
}
.portlet.need:before {
	right:0;
	bottom:-35%;
	background-color:rgba(40,187,245,.1);
	animation:wawes 6s infinite linear
}
.portlet.need:after {
	left:0;
	top:-25%;
	background-color:rgba(127,57,251,.1);
	animation:wawes 10s infinite
}
.portlet.need:after,.portlet.need:before {
	content:'';
	position:absolute;
	width:600px;
	height:600px;
	border-top-left-radius:40%;
	border-top-right-radius:45%;
	border-bottom-left-radius:35%;
	border-bottom-right-radius:40%;
	z-index:0
}
@keyframes wawes {
	from {
	transform:rotate(0)
}
to {
	transform:rotate(360deg)
}
}.portlet.bgnone {
	padding:0;
	background:0 0;
	border:0;
	border-radius:0;
	box-shadow:none
}
.portlet.noborder {
	border:0;
	box-shadow:none
}
.portlet.list-top {
	margin-top:70px
}
.portlet-title {
	margin-bottom:20px;
	border-bottom:1px solid #eceff1
}
.portlet-title h1,.portlet-title h3 {
	margin:0 0 15px;
	font-size:18px;
	color:#000
}
.portlet-title h3 .fa {
	color:var(--font-color)
}
.portlet-title.mytitle {
	padding-bottom:15px;
	font-size:18px;
	color:#333
}
.portlet-title .operate a {
	display:inline-block;
	width:30px;
	height:25px;
	text-align:center;
	line-height:25px;
	border:1px solid #eee;
	border-radius:4px
}
.portlet-title.active {
	border-bottom:0
}
.portlet-title.active h2 {
	font-size:24px
}
.portlet-tabs {
	position:relative;
	margin-bottom:20px;
	background-color:#fff;
	border-bottom:1px solid #eee
}
.portlet-tabs li {
	margin-right:30px;
	color:#999
}
.portlet-tabs li a {
	display:inline-block;
	padding:0 0 12px;
	font-size:15px;
	background:0 0;
	color:#333;
	border-bottom:3px solid #fff
}
.portlet-tabs li a:focus,.portlet-tabs li a:hover,.portlet-tabs li.active a,.portlet-tabs li.active a:focus,.portlet-tabs li.active a:hover {
	border:0;
	background:0 0;
	border-bottom:3px solid var(--font-color);
	color:var(--font-color)
}
.portlet-tabs .search {
	position:relative;
	top:-6px
}
.portlet-tabs .search .form-control {
	display:inline-block;
	width:160px;
	height:33px;
	border-radius:4px 0 0 4px
}
.portlet-tabs .search .submit {
	margin-left:-5px;
	border-radius:0 15px 15px 0
}
.portlet-tabs-sub {
	padding:10px;
	background-color:#fcfcfc
}
.portlet-tabs-sub a.text {
	display:inline-block;
	margin-right:10px;
	color:#999
}
.portlet-tabs-sub a.text.active {
	color:var(--font-color)
}
.portlet-pagination {
	text-align:center
}
.portlet-body .form-group {
	margin:0!important;
	padding:15px 0;
	border-top:1px dashed #eee
}
.portlet-body .form-group:first-child {
	border-top:0
}
.portlet-foot {
	padding-top:15px;
	margin-top:15px;
	border-top:1px solid #eceff1
}
.portlet-slide-tab {
	width:100%;
	white-space:nowrap;
	overflow-y:hidden;
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch
}
.portlet-slide-tab li {
	display:inline-block;
	border-radius:5px;
	text-align:center;
	margin-bottom:10px
}
.portlet-slide-tab li.active {
	background-color:var(--theme-color)
}
.portlet-slide-tab li a {
	display:inline-block;
	width:100%;
	padding:10px 15px;
	line-height:20px;
	white-space:nowrap
}
.portlet-slide-tab li.active a {
	border:0;
	color:#fff
}
.related-cat li {
	padding:0
}
.related-cat a {
	font-size:14px;
	width:98%;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical
}
.header-alert {
	margin:0;
	padding:10px 0;
	border:0;
	border-radius:0;
	text-align:left
}
.header-top {
	position:fixed;
	top:0;
	z-index:1999;
	width:100%;
	transition:.3s
}
.header-top.header-bg {
	background-color:rgba(50,51,53,.9);
}
.header-logo {
	float:left;
	line-height:72px;
	width:220px
}
.header-logo a {
	color:#333
}
.header-logo a img {
	width:80%
}
.header-logo span {
	display:inline-block;
	margin:0 10px;
	color:#ccc
}
.header-menu {
	float:right
}
.header-menu>li {
	position:relative;
	float:left;
	margin-right:35px
}
.header-menu>li .tips {
	position:absolute;
	top:15px;
	right:-20px;
	display:block;
	width:23px;
	height:15px
}
.header-menu>li .tips-hot {
	background:url(../images/icon_hot.png) no-repeat;
	background-size:100% 100%;
	background-position:center center
}
.header-menu>li .tips-new {
	background:url(../images/icon_new.png) no-repeat;
	background-size:100% 100%;
	background-position:center center
}
.header-menu>li>a {
	display:inline-block;
	padding:25px 0 25px;
	font-size:16px;
	color:#fff
}
.header-menu li .dropdown-menu {
	padding:10px;
	margin-top:-10px;
	margin-left:-120px
}
.header-menu li .dropdown-menu li {
	position:relative;
	float:left;
	width:33.333333%;
	text-align:center
}
.header-menu li .dropdown-menu li .tips {
	top:0;
	right:0
}
.header-menu>li:hover .dropdown-menu,.header-user:hover .dropdown-menu {
	display:block
}
.header-login {
	float:right;
	margin-top:20px
}
.header-login span {
	border-radius:50px;
	padding:5px 20px
}
.header-login a,.header-login span,.header-login span:hover {
	color:#fff;
	border-color:#fff
}
.header-login li {
	float:left;
	margin-left:20px
}
.header-user {
	float:right;
	position:relative;
	padding:18px 0 12px
}
.header-user .avatar {
	position:relative;
	color:#fff
}
.header-user .avatar img {
	width:35px;
	height:35px;
	margin-right:5px;
	border-radius:50%
}
.header-user .avatar .headertips {
	display:inline-block;
	position:absolute;
	top:-12px;
	left:20px;
	width:10px;
	height:10px;
	border-radius:50%;
	background:red
}
.header-user .dropdown-menu {
	padding-bottom:10px;
	min-width:120px
}
.header-user .dropdown-menu li a {
	text-align:center
}
.header-user .dropdown-menu li.top a {
	padding:15px;
	border-bottom:1px solid #f5f5f5
}
.header-user .dropdown-menu li.top span {
	display:block;
	text-align:center
}
.header-user .dropdown-menu li.top .text {
	font-size:12px;
	color:#999
}
.header-user .dropdown-menu li.top .num {
	font-size:16px;
	color:red
}
body.index {
	padding-top:0
}
.index .recommend {
	margin-top:-110px
}
.index .recommend .portlet-body {
	padding:30px
}
.index .header-top {
	background-color:rgba(50,51,53,.9)
}
.index .header-top.header-bg {
	background:0 0!important
}
.index .left-box .section-head .text {
	margin-top:15px
}
.index .left-box .section-head .title {
	font-size:30px;
	font-weight:700
}
.index .left-box .text,.index .right-box .text {
	color:#666
}
.index .left-box .list .icon i {
	font-size:18px;
	color:#fa7960
}
.index .left-box .list .list-item {
	padding-top:20px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.index .left-box .list .list-item .thumb {
	margin-right:15px
}
.index .left-box .list p {
	margin-bottom:0
}
.index .right-box .item {
	margin-top:15px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.index .right-box .item .thumb {
	margin-right:20px
}
.index-title h3 {
	margin-bottom:20px;
	font-weight:700;
	font-size:30px
}
.index-title p {
	margin-bottom:30px;
	font-size:16px;
	color:#676767
}
.index-foot {
	margin-bottom:30px
}
.index-foot .btn {
	transition:.5s
}
.index-foot .btn:hover {
	background-color:var(--theme-color);
	color:#fff
}
.index-banner {
	position:relative;
	left:0;
	width:100%;
	height:500px;
	background:url(../images/banner-2.png) no-repeat 100%/cover;
	background-position:top center;
	background-color:#e7e7e7
}
.index-banner .content {
	margin-top:140px;
	padding-left:15px;
	text-align:center
}
.index-banner .content h1 {
	margin:0 0 20px;
	font-weight:700;
	color:#fff
}
.index-banner .content p {
	margin-bottom:20px;
	font-size:16px;
	line-height:25px;
	color:#fff
}
.index-banner .content p a {
	display:inline-block;
	margin:0 10px;
	font-size:14px
}
.index-site li {
	float:left;
	width:33.333333%;
	padding:20px;
	font-size:14px;
	text-align:center
}
.index-site li .num {
	font-size:40px;
	line-height:40px;
	vertical-align:-8px;
	color:#fff
}
.index-news {
	padding:25px 35px;
	min-height:88px
}
.index-news dt {
	float:left;
	padding:15px;
	background-color:#f9f9f9
}
.index-news dd {
	margin-left:120px
}
.index-news dd h3 {
	margin:5px 0 5px;
	font-size:18px;
	line-height:25px
}
.index-news dd h3 a {
	color:#000
}
.index-news dd h3 a:hover {
	color:var(--font-color)
}
.index-news dd p {
	min-height:50px;
	margin:0;
	line-height:25px;
	color:#999
}
.index-news dt .md {
	margin:0 0 3px;
	text-align:right;
	font-size:25px
}
.index-news dt .y {
	margin:0;
	text-align:right;
	font-size:14px
}
.index-search {
	position:relative;
	width:60%;
	margin:20px auto
}
.index-search .form-control {
	font-size:14px;
	padding:0 20px;
	height:55px;
	border:1px solid #eee;
	box-shadow:none;
	border-radius:25px
}
.index-search .submit {
	position:absolute;
	top:15px;
	right:15px;
	background:0 0;
	border:0;
	font-size:22px;
	color:#eee
}
.index-mouth {
	padding:30px 0 20px
}
.index-mouth h4 {
	margin:20px 0 10px
}
.index-mouth p {
	color:#999
}
@media (max-width:767px) {
	.index-title h3 {
	font-size:22px
}
.index-title p {
	font-size:14px
}
}.category-banner {
	min-height:450px;
	background-color:var(--font-color)
}
.category-banner .menu {
	min-height:450px;
	background-color:rgba(0,0,0,.6);
	padding:20px
}
.category-banner .menu h4 {
	margin:0 0 20px;
	color:#fff
}
.category-banner .menu .item li {
	margin-bottom:10px
}
.category-banner .menu .item li a {
	display:block;
	padding:5px;
	text-align:center;
	border:1px solid red;
	font-size:12px;
	color:#fff;
	border-radius:5px
}
.category-banner .banner {
	padding-top:20px
}
.cms-list li {
	display:flex;
	margin:10px auto
}
.cms-list li a {
	display:flex;
	color:#555
}
.cms-list li a:hover {
	color:var(--font-color)
}
.cms-list li .logo {
	width:58px;
	height:58px;
	border-radius:5px;
	-webkit-box-flex:0;
	-ms-flex:none;
	flex:none;
	overflow:hidden
}
.cms-list li .logo img {
	height:100%;
	border:1px solid #eaeaea;
	border-radius:10px;
}
.cms-list li .info {
	margin-left:12px;
	-ms-flex:1 1 auto!important;
	flex:1 1 auto!important
}
.cms-list li .info .title {
	margin-top:0;
	margin-bottom:8px;
	font-size:20px;
	line-height:28px
}
.cms-list li .info .desc {
	margin-bottom:0
}
@media (max-width:767px) {
	.cms-list li .logo {
	}.cms-list li .info .title {
	font-size:16px;
	margin-bottom:0
}
}.syetem-top {
	margin:50px 0;
	text-align:center;
	color:#fff
}
.syetem-top h4,.syetem-top p {
	color:#ddd
}
.side-search {
	position:relative;
	margin-bottom:10px
}
.side-search .form-control {
	border-radius:15px
}
.side-search .submit {
	position:absolute;
	top:5px;
	right:5px;
	background:0 0;
	border:0;
	color:#999
}
.side-text-list li {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #eee
}
.side-text-list li:last-child {
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:0
}
.bbs-list .item li {
	position:relative;
	padding:20px 0 20px 60px;
	border-bottom:1px solid #f5f5f5
}
.bbs-list .item li:last-child {
	padding-bottom:0;
	border-bottom:0
}
.bbs-list .item li .avatar {
	position:absolute;
	top:15px;
	left:0
}
.bbs-list .item li .avatar img {
	width:50px;
	height:50px
}
.bbs-list .item li .avatar .icon-v {
	bottom:0;
	right:0;
	width:14px;
	height:14px;
	line-height:14px
}
.bbs-list .item li .avatar .icon-v .fa {
	font-size:12px
}
.bbs-list .item li .title {
	margin:0 0 6px;
	font-size:16px
}
.bbs-list .item li .title .pushpin {
	display:inline-block;
	margin-left:10px;
	padding:0 5px;
	background-color:#f6fbff;
	border-radius:5px;
	line-height:20px;
	font-size:12px;
	color:#666
}
.bbs-list .item li .title .glyphicon-pushpin {
	color:#c5bf66
}
.bbs-list .item li .info {
	font-size:12px;
	color:#999
}
.bbs-list .item li .btn {
	margin-top:10px;
	font-size:12px
}
.bbs-list.work .item li:first-child {
	padding-top:0
}
.bbs-list.work .item li:first-child .avatar {
	top:-5px
}
.need-list .item li {
	position:relative;
	padding:20px 0 20px;
	border-bottom:1px solid #f5f5f5
}
.need-list .item li:last-child {
	padding-bottom:0;
	border-bottom:0
}
.need-list .item li .title {
	margin:0 0 6px;
	font-size:16px
}
.need-list .item li .title .price {
	font-size:18px;
	font-weight:700;
	color:red
}
.need-list .item li .info {
	font-size:12px;
	color:#999
}
.need-list .item li .info .tag {
	padding:2px 5px;
	background-color:#f5f5f5;
	border-radius:2px
}
.need-list .item li .btn {
	margin-top:10px;
	font-size:12px
}
.need-centent li {
	margin-bottom:10px
}
.need-centent li span.text {
	display:inline-block;
	width:80px;
	margin-right:10px;
	text-align:right
}
.syetem-list img {
	width:100%
}
.theme-list .item {
	margin:-10px
}
.theme-list .item li {
	padding:10px
}
.theme-list .item li .info .tag {
	display:flex;
	flex-wrap:wrap;
	line-height:40px
}
.theme-list .item li .info .tag a {
	color:#999;
	align-items:center;
	display:flex
}
.theme-list .item li .info .tag a+a {
	margin-left:8px
}
.theme-list .item li .info .tag .dot {
	display:inline-block;
	border-radius:50%;
	height:6px;
	margin-right:5px;
	width:6px;
	background-color:#fd721f
}
.theme-list .item li .info .tag a:nth-child(2) .dot {
	background-color:#4caf50
}
.theme-list .item li .info .tag a:nth-child(3) .dot {
	background-color:#2196f3
}
.grid_author_avt {
	position:relative;
	z-index:9;
	display:block;
	width:100px;
	height:25px;
	margin-top:-10px;
	margin-left:-10px;
	transform:translateZ(0)
}
.grid_author_avt:hover {
	opacity:1!important
}
.grid_author_avt:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background-position:right top;
	background-repeat:no-repeat;
	background-size:100px 30px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3NiAzMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzYgMzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjx0aXRsZT5iZ19zb3VyY2VfYmFkZ2VfMTwvdGl0bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcuNywxMS40Yy0xLjQtMS40LTIuNy0yLjktNC4xLTQuNGMtMC4yLTAuMy0wLjUtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41bDAsMA0KCUM0OC42LDIuMiw0My41LDAsMzgsMFMyNy40LDIuMiwyMy42LDUuN2wwLDBjLTAuMiwwLjItMC4zLDAuMy0wLjUsMC41Yy0wLjMsMC4zLTAuNSwwLjUtMC44LDAuOGMtMS40LDEuNS0yLjcsMy00LjEsNC40DQoJYy01LDUuMS0xMS43LDYuMS0xOC4zLDYuM1YzMWg5LjRoOC45aDM5LjRoNC45SDc2VjE3LjZDNjkuNCwxNy40LDYyLjcsMTYuNSw1Ny43LDExLjR6Ii8+DQo8L3N2Zz4NCg==);
	top:-3px;
	left:50%;
	transform:translate(-50%,0);
	z-index:-1
}
.grid_author_bggo {
	position:absolute;
	margin:auto;
	top:0;
	right:0;
	left:0;
	width:30px;
	height:30px;
	border-radius:50%;
	z-index:9
}
.bg-cover {
	background-size:cover;
	background-position:50% 50%
}
.theme-list .item li .box {
	position:relative;
	background-color:#fff;
	border-radius:10px;
	border:1px solid #fff
}
.theme-list .item li .cont {
	padding:0 10px 10px
}
.theme-list .item li .thumb {
	position:relative;
	border-radius:10px 10px 0 0;
	overflow:hidden
}
.theme-list .item li .thumb img {
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transition:.7s;
	transition:.7s
}
.theme-list .item li:hover .thumb img {
	-webkit-transform:scale(1.08);
	transform:scale(1.08)
}
.theme-list .item li .thumb .operate {
	display:none;
	position:absolute;
	z-index:99;
	bottom:0;
	left:0;
	width:100%
}
.theme-list .item li .thumb .operate a {
	display:block;
	float:left;
	width:50%;
	padding:5px 10px;
	text-align:center;
	background-color:var(--font-color);
	font-size:12px;
	color:#fff;
	cursor:pointer
}
.theme-list .item li .thumb .operate a:last-child {
	border-left:1px solid #36c6d3
}
.theme-list .item li .thumb .code {
	position:absolute;
	z-index:1;
	bottom:10px;
	right:10px;
	display:inline-block;
	text-align:center;
	font-size:12px;
	line-height:18px;
	padding:0 6px;
	background-color:#f90;
	color:#fff;
	font-family:"Helvetica Neue","Hiragino Sans GB",SimSun,serif
}
.theme-list .item li .thumb .img-responsive {
		width: 100%;
	height: 100%;
	object-fit: fill;
}
.theme-list .item li .box:hover .operate {
	display:block
}
.theme-list .item li .info {
	line-height:18px;
	font-size:12px;
	padding-top:10px;
}
.theme-list .item li .info p {
	margin:0
}
.theme-list .item li .info .num {
	color:#999
}
.theme-list .item li .info .price {
	line-height:40px;
	font-size:22px;
	font-weight:500;
	color:#f40
}
.theme-list .item li .title {
	height:50px;
	line-height:25px;
	font-size:14px;
	overflow:hidden
}
.theme-list .item li .title a {
	color:#333;
	font-weight:600;
}
.theme-list .item li .title a:hover {
	color:var(--font-color)
}
.theme-list .item li .title .icondiy {
	display:inline-block;
	margin-right:5px;
	vertical-align:1px;
	padding:2px 5px;
	line-height:12px;
	background-color:var(--font-color);
	color:#fff;
	border-radius:2px;
	font-size:10px;
}
.theme-list .item li .time {
	padding:0 10px 10px;
	font-size:13px;
	line-height:20px;
	color:#999
}
.theme-list .item li .time a {
	color:#999
}
.theme-list .item li dt.thumb {
	float:left;
	width:200px
}
.theme-list .item li dd.cont {
	margin-left:220px
}
.theme-list .item li dd.cont .title {
	margin:20px 0 15px;
	height:auto;
	font-size:16px;
	line-height:24px;
	font-weight:700
}
.theme-list .item li dd.cont .info {
	margin-bottom:15px
}
.theme-list .item li dd.cont .time {
	padding:0
}
.theme-list .item li dd.cont .operate {
	padding:25px 20px 18px 30px;
	border-left:1px solid #eee
}
.theme-list .item li dd.cont .info .price {
	font-size:20px;
	font-weight:700
}
.theme-list .item li .info .tag a:hover,.theme-list .item li .time a:hover {
	color:var(--font-color)
}
.theme-content {
	position:relative;
	background-color:#fff
}
.theme-content-thumb .pic {
	margin-bottom:15px
}
.theme-content-thumb .pic img {
	border-radius:10px
}
.theme-content-info .title {
	margin:0 0 10px;
	font-size:18px;
	line-height:30px;
	font-weight:700
}
.theme-content-info .desc {
	margin-bottom:15px;
	font-weight:700
}
.theme-content-info .data {
	padding:10px 0;
	line-height:40px;
	border-top:1px dashed #eee
}
.theme-content-info .price {
	padding:10px 0;
	margin-bottom:20px;
	line-height:40px;
	border-top:1px dashed #eee;
	border-bottom:1px dashed #eee
}
.theme-content-info .price .fc-sku-select-price .btn.active,.theme-content-info .price .fc-sku-select-price .btn:hover {
	background-color:#fff;
	border-color:var(--font-color);
	color:var(--font-color);
	box-shadow:none
}
.theme-content-info .help {
	border-bottom:1px dashed #eee
}
.theme-content-info .shares {
	margin:20px auto
}
.theme-content-info .money {
	font-size:28px;
	font-weight:700;
	color:var(--font-color)
}
.sale {
	position:relative;
	display:inline-block;
	margin-left:10px;
	vertical-align:5px;
	background-color:var(--font-color);
	padding:2px 5px;
	line-height:14px;
	font-size:12px;
	font-weight:400;
	color:#fff
}
.sale:before {
	content:"";
	position:absolute;
	width:0;
	display:block;
	font-size:0;
	left:-4px;
	bottom:0;
	height:0;
	border:3px solid red;
	border-color:transparent var(--font-color) var(--font-color) transparent
}
.theme-content-info dl {
	margin-bottom:20px
}
.theme-content-info dl dt {
	float:left;
	width:80px;
	color:#999
}
.theme-content-info dl.data {
	padding-bottom:15px;
	border-bottom:1px dashed #eee
}
.theme-show-plugin {
	margin:auto -10px
}
.theme-show-plugin .plugin-box {
	background-color:#f6f6f6;
	padding:0;
	margin-bottom:20px
}
.theme-show-plugin .plugin-box .plugin-box-head {
	padding-bottom:0
}
.theme-show-plugin .plugin-box .icon {
	width:88px;
	height:88px;
	padding:10px
}
.theme-show-plugin .plugin-box .detail {
	width:calc(100% - 88px);
	padding:10px
}
.theme-show-plugin .plugin-box .detail h5 {
	margin:3px auto 5px
}
.theme-content-author {
	padding:10px 15px;
	border-radius:10px;
	text-align:center;
	background-color:#f5f5f5
}
.theme-content-author li {
	margin:0 0 10px
}
.theme-content-author li.head {
	padding-bottom:10px;
	border-bottom:1px solid #eee
}
.theme-content-author li.avatar {
	position:relative
}
.theme-content-author li.avatar .icon-v {
	bottom:0;
	left:50%;
	margin-left:15px
}
.theme-content-author li.avatar img {
	border:3px solid #fff
}
.theme-content-author li.desc {
	text-align:left;
	font-size:12px;
	color:#999
}
.theme-content-author li.group {
	padding:10px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee
}
.theme-content-author li .btn {
	padding:5px 22px
}
.theme-attributo {
	margin-bottom:10px;
	padding-bottom:10px;
	border-radius:5px
}
.theme-attributo li {
	float:left;
	width:25%;
	border:1px solid #eee;
	margin-top:-1px;
	margin-left:-1px;
	font-size:12px;
	color:#666
}
.theme-attributo.bug li {
	width:33.333333%
}
.theme-attributo li span {
	display:inline-block;
	padding:10px
}
.theme-attributo li span.text {
	width:80px;
	margin-right:10px;
	background-color:#f8f8f8;
	color:#999
}
.theme-attributo.need li {
	width:33.333333%
}
.theme-centent-flie {
	margin-bottom:20px
}
.theme-centent-flie li {
	padding:0 20px;
	height:50px;
	line-height:50px;
	border:1px solid #eee;
	margin-left:-1px;
	margin-bottom:-1px
}
.theme-centent-flie li .btn {
	margin-left:5px;
	padding:5px 12px
}
.theme-content-body {
	padding:20px;
	margin-bottom:20px;
	border-radius:5px;
	font-size:14px;
	line-height:25px;
	background-color:#f5f5f5
}
.theme-content-body.bgnone {
	padding:0;
	background-color:#fff
}
.theme-content-body img {
	max-width:100%
}
.theme-content-body li {
	list-style-type:disc
}
.theme-screenshot-body img {
	border-radius:5px;
	max-width:100%;
	height:auto;
}
.theme-screenshot-body .img-box {
	position:relative;
	display:block;
	overflow:hidden;
	width:100%;
	height:0;
	border:5px solid #f5f5f5;
	border-radius:5px
}
.theme-screenshot-body .img-box img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	background-color:rgba(255,255,255,.05);
	font-size:0;
	transition:transform .2s;
	-o-object-fit:cover;
	object-fit:cover
}
.theme-screenshot-body .title {
	display:block;
	width:100%;
	text-align:center;
	margin:10px auto
}
.theme-centent-qa li {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #eee
}
.theme-centent-qa li:last-child {
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:0
}
.theme-centent-qa li h4 {
	font-size:16px
}
.theme-centent-qa li .tips {
	display:inline-block;
	margin-right:10px;
	padding:5px;
	background-color:#f90;
	font-size:12px;
	color:#fff;
	border-radius:50%
}
.theme-centent-qa li p {
	padding-left:35px;
	color:#666;
	line-height:25px
}
.theme-text-content h3 {
	margin:50px 0 20px;
	font-size:20px;
	color:#000
}
.theme-content-message p {
	padding-top:10px;
	border-top:1px dashed #eee
}
.theme-content-message p:last-child {
	padding-bottom:0
}
.theme-img-tab {
	margin:0 -5px 20px -5px
}
.theme-img-tab li {
	float:left;
	padding:5px;
	width:16.666666%;
	text-align:center
}
.theme-img-tab li a {
	display:block;
	padding:6px;
	border-radius:5px;
	border:1px solid #eee;
	color:#333
}
.theme-img-tab li.active a {
	background-color:var(--font-color);
	border-color:var(--font-color);
	color:#fff
}
.serve {
	margin:auto -5px
}
.serve li a {
	display:block;
	margin:auto 5px
}
.article-content .title {
	margin:0 0 15px;
	font-size:24px;
	font-weight:700
}
.article-content .info {
	margin-bottom:20px;
	padding-bottom:10px;
	color:#888;
	border-bottom:1px solid #eee
}
.article-content .content h3 {
	position:relative;
	font-size:18px;
	margin:20px 0;
	border-left:5px solid var(--font-color);
	padding:12px 0 12px 20px;
	line-height:20px;
	background:#f6f5fc
}
.article-content .content img {
	max-width:100%;
	border:5px solid #f5f5f5
}
.article-content ol {
	counter-reset:ol-li
}
.article-content ol li {
	padding:3px 0
}
.article-content ol li:before {
	display:block;
	float:left;
	width:18px;
	height:18px;
	line-height:18px;
	margin:4px 12px 0 0;
	color:#fff;
	font-size:14px;
	font-weight:500;
	font-style:normal;
	background-color:var(--font-color);
	border-radius:50%;
	text-align:center;
	content:counter(ol-li);
	counter-increment:ol-li;
	transition:all .5s
}
.article-content .keyword {
	padding-top:10px;
	border-top:1px dashed #eee
}
.article-content .keyword a {
	display:inline-block;
	margin-right:10px
}
.article-content blockquote {
	position:relative;
	font-size:14px;
	margin:15px 0 20px 0;
	padding:10px 45px;
	border-radius:5px;
	border:2px dashed var(--font-color);
	background-color:#f0eefe
}
.article-content blockquote:before {
	position:absolute;
	top:10px;
	left:20px;
	display:block;
	width:16px;
	height:14px;
	color:#fff;
	background:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) no-repeat;
	content:''
}
.article-content blockquote:after {
	position:absolute;
	right:20px;
	bottom:10px;
	display:block;
	width:16px;
	height:14px;
	color:#fff;
	background:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) -16px 0 no-repeat;
	content:''
}
.article-content blockquote p {
	margin:0;
	margin:5px auto;
	padding:0
}
.article-content blockquote p b {
	color:var(--font-color)
}
.content-tools {
	display:flex;
	justify-content:center;
	text-align:center;
	padding:30px 0
}
.content-tools a {
	border-radius:100px;
	display:inline-block;
	padding:10px 30px;
	font-size:15px;
	margin:0 10px;
	color:#fff;
	position:relative;
	border:0;
	text-align:center;
	opacity:.75
}
.btn-reward {
	background-color:#ff7c00;
	color:#fff
}
.btn-like {
	background-color:#00a4ff;
	color:#fff
}
.btn-report {
	background-color:red;
	color:#fff
}
.content-foot {
	line-height:32px
}
.content-foot .tag {
	display:inline-block
}
.content-foot .tag a {
	color:#333;
	padding:5px 8px;
	background-color:#f1f1f1;
	border-radius:5px;
	margin-right:10px;
	transition:.5s
}
.content-foot .tag a:hover {
	background-color:var(--theme-color);
	color:#fff
}
.article-reply .item {
	position:relative;
	padding:20px 0 20px 60px;
	border-bottom:1px solid #eee
}
.article-reply .item:last-child {
	border-bottom:0
}
.article-reply .item:first-child {
	padding-top:0
}
.article-reply .item .avatar {
	position:absolute;
	top:20px;
	left:0
}
.article-reply .item .avatar .icon-v {
	bottom:0;
	right:0;
	width:14px;
	height:14px;
	line-height:14px
}
.article-reply .item .avatar .icon-v .fa {
	font-size:12px
}
.article-reply .item:first-child .avatar {
	top:0
}
.article-reply .item .caption {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #f5f5f5
}
.article-reply .item .caption .time {
	margin:0;
	font-size:12px
}
.article-reply .item .content {
	font-size:15px;
	line-height:25px
}
.article-reply .item .content img {
	max-width:100%
}
.article-reply .item .content blockquote {
	margin:10px 0 0;
	padding:0 0 0 10px;
	margin-bottom:0;
	font-size:14px
}
.select_paytype label {
	font-weight:400;
	cursor:pointer
}
.mod-ct .fc-price-color {
	font-size:48px;
	margin-top:10px
}
.mod-title {
	height:90px;
	line-height:90px;
	text-align:center;
	border-bottom:1px solid #ddd;
	background:#fff
}
.ico_log {
	display:inline-block;
	width:176px;
	height:62px;
	vertical-align:middle;
	margin-right:7px
}
.ico-weixin {
	background:url(../images/weixinpay.png) no-repeat
}
.mod-ct {
	min-width:300px;
	max-width:640px;
	margin:15px auto;
	background:#fff url(../images/wave.png) top center repeat-x;
	text-align:center;
	color:#333;
	border:1px solid #e5e5e5;
	border-top:none
}
.mod-ct .amount {
	font-size:48px;
	line-height:48px;
	padding-top:30px
}
.mod-ct .tip {
	margin-top:32px;
	border-top:1px dashed #e5e5e5;
	padding:10px 0 20px 0;
	position:relative
}
#qrcode {
	width:260px;
	height:260px
}
#qrcode img {
	width:100%;
	height:100%
}
.mod-ct .tip .ico-scan {
	display:inline-block;
	width:56px;
	height:55px;
	background:url(../images/wechat-pay.png) 0 0 no-repeat;
	vertical-align:middle
}
.mod-ct .tip .tip-text {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	margin-top:15px;
	margin-left:23px;
	font-size:16px;
	line-height:20px
}
.time-item h1 {
	font-size:15px;
	margin:5px 0;
	padding-bottom:2px;
	letter-spacing:2px
}
.operate {
	position:relative
}
.operate dd {
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px dashed #eee;
	border-bottom:1px dashed #eee
}
.operate a {
	display:inline-block;
	margin-right:5px;
	padding:10px 0;
	width:120px;
	text-align:center;
	border-radius:.25em
}
.operate {
	text-align:right
}
@media (max-width:767px) {
	.theme-content .operate {
	margin-bottom:15px
}
}.operate a:last-child {
	margin-right:0
}
.operate .served-num {
	color:#999;
	margin-top:18px
}
.more-btn-box {
	padding:0 20px 20px 20px;
	background-color:#fff;
	text-align:right
}
.gebian-helper-soft .header {
	position:relative;
	padding:29px;
	border-radius:8px 8px 0 0;
	background:url(../images/banner-2.png) no-repeat center top
}
.gebian-helper-soft .p2 .detail-up {
	line-height:1.5;
	color:#edeff2!important
}
.gebian-helper-soft .p2 .detail-up span {
	margin-right:25px
}
.gebian-helper-soft .header .proimg {
	width:126px;
	height:126px;
	border-radius:10px;
	float:left;
	padding:6px;
	margin-right:24px;
	position:relative
}
.gebian-helper-soft .header .proimg img {
	width:100%;
	height:100%;
	border-radius:10px
}
.gebian-helper-soft .header .p1 {
	font-weight:700;
	font-size:24px;
	color:#fff;
	margin-top:0
}
.gebian-helper-soft .header .p2 {
	font-size:12px;
	color:#939aa8;
	margin-top:13px
}
.gebian-helper-soft .header .p3 {
	margin-top:15px
}
.gebian-helper-soft .header .p3 span {
	padding:8px 12px;
	margin-right:10px;
	background-color:rgba(0,0,0,.2);
	border-radius:8px
}
.gebian-helper-soft .header .p3 span {
	display:inline-block;
	position:relative;
	vertical-align:top
}
.gebian-helper-soft .header .p3 i {
	display:block;
	font-size:12px;
	color:#999
}
.gebian-helper-soft .header .p3 span:first-child b {
	color:#ff8c19!important
}
.gebian-helper-soft .header .p3 b {
	font-size:14px;
	font-weight:500;
	color:#fefefe
}
.gebian-helper-soft .header:after {
	content:"";
	display:block;
	clear:both
}
.gebian-helper-soft .header .hont {
	padding-left:18px;
	line-height:20px;
	font-size:12px;
	position:absolute;
	right:18px;
	top:16px
}
.gebian-helper-soft .header .hont a {
	color:#edeff2!important
}
.gebian-helper-soft .pricelt {
	position:relative;
	z-index:8;
	padding:14px 20px
}
.gebian-helper-soft .pricelt .sellP {
	display:inline-block;
	margin-top:5px;
	font-size:25px;
	color:var(--font-color)
}
.sale-price {
	line-height:18px;
	margin-right:0
}
.gebian-helper-soft .pricelt .sellP .priceinfo {
	font-weight:700
}
.gebian-helper-soft .pricelt .sellP .pricefree {
	color:#29ae5f;
	font-weight:700
}
.gebian-helper-soft .pricelt .p4 {
	display:block;
	font-size:12px;
	color:#666f80;
	text-align:center
}
.gebian-helper-soft .pricelt .p4 a {
	padding:3px 30px
}
.gebian-helper-soft .pricelt .p4 i {
	font-size:14px;
	margin-right:5px
}
.gebian-helper-soft .buy-btn {
	padding:15px 20px;
	background-color:#fff;
	border-top:1px dashed #eee
}
.gebian-helper-soft .help {
	padding:15px 20px;
	background:#fff;
	font-size:12px;
	color:#aeb1b8;
	border-top:1px dashed #e5e5e5;
	border-radius:0 0 10px 10px
}
.gebian-helper-soft .help dl dt {
	float:left;
	width:80px;
	color:#999
}
.plugin-content .theme-content-author li.desc {
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	word-break:break-all;
	display:-webkit-box!important;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical
}
.star-level {
	display:inline-block;
	width:85px;
	height:15px;
	background-image:url(../images/stars.png);
	background-repeat:no-repeat;
	font-size:0;
	overflow:hidden;
	vertical-align:middle
}
.star-0 {
	background-position:0 0
}
.star-1 {
	background-position:0 -16px
}
.star-2 {
	background-position:0 -32px
}
.star-3 {
	background-position:0 -48px
}
.star-4 {
	background-position:0 -64px
}
.star-5 {
	background-position:0 -80px
}
.star-6 {
	background-position:0 -96px
}
.star-7 {
	background-position:0 -112px
}
.star-8 {
	background-position:0 -128px
}
.star-9 {
	background-position:0 -144px
}
.star-10 {
	background-position:0 -160px
}
.digg {
	float:right;
	padding:5px 15px;
	border-radius:4px;
	color:#ff5473!important;
	background-color:rgba(255,84,115,.1);
	font-size:12px
}
.add-favorite {
	float:right;
	padding:5px 15px;
	border-radius:4px;
	color:var(--font-color)!important;
	background-color:#f6f5fc;
	margin-right:10px!important;
	font-size:12px
}
.side-fixed-box .plugin-box {
	padding:0;
	margin-bottom:0
}
.side-fixed-box .plugin-box .icon {
	width:68px;
	height:68px
}
.side-fixed-box .plugin-box .detail {
	width:calc(100% - 68px);
	padding-left:10px
}
.side-fixed-box .plugin-box .detail h5 {
	margin-top:0
}
.side-buy-box {
	display:none;
	margin-bottom:10px
}
.side-buy-box a {
	width:100%;
	margin-bottom:10px
}
.plugins-list.item {
	margin:auto -10px
}
.plugin-box {
	text-align:center;
	background-color:#fff;
	padding:15px;
	padding-bottom:10px;
	margin-bottom:30px;
	border-radius:10px
}
.plugin-box .icon {
	width:88px;
	height:88px
}
.plugin-box .icon a img {
	width:100%;
	height:100%
}
.plugin-box .detail {
	width:calc(100% - 88px);
	padding-left:15px;
	padding-bottom:0;
	text-align:left
}
.plugin-box .detail .icondiy {
	display:inline-block;
	margin-right:5px;
	vertical-align:1px;
	padding:2px 5px;
	line-height:12px;
	background-color:var(--font-color);
	color:#fff;
	border-radius:2px;
	font-size:12px;
}
.plugin-box .detail h5 a {
	color:#333;
	font-size:16px;
	font-weight:600;
}
.plugin-box .detail h5 a:hover {
	color:var(--font-color)
}
.plugin-box .detail .desc {
	font-size:12px;
	line-height:20px
}
.plugin-box-head {
	padding-bottom:15px
}
.plugin-box-head .img-fluid {
	border-radius:10px
}
.plugin-box-foot {
	font-size:12px;
	padding-top:10px;
	color:#bdbdbd;
	border-top:1px solid #f4f4f4
}
.plugin-box-foot .avatar {
	border-radius:50px
}
.plugin-box-foot span {
	display:inline-block;
	margin-right:15px
}
.plugin-box-foot .price {
	font-size:20px;
	font-weight:500;
	color:#f40
}
.news-list {
	margin-top:-20px
}
.news-list li {
	padding:20px 0 15px;
	border-top:1px solid #eee
}
.news-list li:first-child {
	border-top:0
}
.news-list li:last-child {
	padding-bottom:0
}
.news-list li .cont,.news-list li .pic {
	display:table-cell;
	vertical-align:top
}
.news-list li .pic {
	padding-left:20px
}
.news-list li .pic a {
	display:block;
	width:210px;
	height:110px;
	background-color:#f5f5f5;
	overflow:hidden
}
.news-list li .pic img {
	max-width:100%
}
.news-list li .cont {
	margin:0!important;
	padding-left:15px
}
.news-list li .cont .title {
	margin:0 0 5px;
	font-size:18px;
	line-height:24px
}
.news-list li .cont .title .spot {
	margin-left:-15px
}
.news-list li .cont .title a {
	color:#333
}
.news-list li .cont .title a:hover {
	color:var(--font-color)
}
.news-list li .cont .desc {
	margin:10px 0;
	line-height:1.8;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	color:#888
}
.news-list li .cont .foot {
	color:#888
}
.flickity {
	position:relative;
	height:100%;
	white-space:nowrap;
	overflow:hidden
}
.flickity [class^=col-] {
	float:none!important;
	display:inline-block!important
}
.flickity.dots {
	padding-bottom:20px
}
.flickity-enabled {
	position:relative
}
.flickity-enabled:focus {
	outline:0
}
.flickity-viewport {
	position:relative;
	height:100%;
	overflow:hidden;
	height:100%
}
.flickity-slider {
	position:absolute;
	width:100%;
	height:100%
}
.flickity-viewport.is-pointer-down {
	cursor:-webkit-grabbing;
	cursor:grabbing
}
.flickity-prev-next-button {
	opacity:0;
	position:absolute;
	top:50%;
	width:25px;
	height:50px;
	border:none;
	background-color:rgba(0,0,0,.6);
	cursor:pointer;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:all ease-out .35s;
	transition:all ease-out .35s
}
.flickity-prev-next-button.previous {
	left:0;
	border-radius:0 6px 6px 0
}
.flickity-prev-next-button.next {
	right:0;
	border-radius:6px 0 0 6px
}
.flickity-prev-next-button:disabled {
	opacity:0;
	cursor:auto
}
.flickity-prev-next-button svg {
	position:absolute;
	left:20%;
	top:20%;
	width:60%;
	height:60%
}
.flickity-prev-next-button .arrow {
	fill:#fff
}
.flickity-prev-next-button.no-svg {
	color:#fff;
	font-size:18px
}
.flickity-page-dots {
	position:relative;
	text-align:center
}
.flickity-page-dots .dot {
	display:inline-block;
	width:15px;
	height:3px;
	margin:0 5px;
	opacity:.25;
	background-color:rgba(0,0,0,.6);
	cursor:pointer
}
.flickity-page-dots .dot.is-selected {
	opacity:1
}
.flickity:hover .flickity-prev-next-button {
	opacity:1
}
.book-media .thumb {
	float:left;
	width:240px
}
.book-media .cont {
	margin-left:260px
}
.book-media .cont .info {
	margin-bottom:20px
}
.help-list li {
	padding-bottom:15px;
	border-top:1px dashed #eee
}
.help-list li:first-child {
	border-top:#077ee3
}
.help-list li h3 {
	margin:15px 0 8px
}
.help-list li h3 a {
	font-size:16px;
	line-height:20px;
	color:#333
}
.help-list li h3 a:hover {
	color:var(--font-color)
}
.help-list li .foot {
	padding-left:15px;
	color:#999
}
.help-kefu {
	position:relative
}
.help-kefu .title {
	position:absolute;
	top:50px;
	left:30px
}
.help-kefu .search {
	position:absolute;
	top:90px;
	left:30px;
	width:300px
}
.help-kefu .search .form-control {
	border-radius:5px;
	border:1px solid #eee;
	box-shadow:none
}
.help-kefu .search .submit {
	position:absolute;
	top:5px;
	right:5px;
	background:0 0;
	border:0;
	color:#999
}
.order-setps {
	position:relative;
	margin:30px 0
}
.order-setps:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:2px;
	background-color:#eee
}
.order-setps .item li {
	position:relative;
	float:left;
	width:25%;
	padding-top:20px;
	text-align:center
}
.order-setps .item li:before {
	content:"";
	position:absolute;
	z-index:1;
	top:-5px;
	left:50%;
	margin-left:-6px;
	width:12px;
	height:12px;
	border:2px solid #eee;
	border-radius:50%;
	background-color:#fff
}
.order-setps .item li.active {
	color:var(--font-color)
}
.order-setps .item li.active:before {
	border:2px solid var(--font-color)
}
.order-setps .item li.active:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:2px;
	background-color:var(--font-color)
}
.order-setps .item li.last:after {
	width:50%
}
.login {
	position:relative
}
.login-form {
	margin-top:0;
	padding:30px 50px;
	background-color:#fff;
	border-radius:5px;
	box-shadow:0 2px 20px rgba(0,0,0,.1)
}
.login-form .form-title {
	margin-bottom:30px;
	text-align:center;
	font-size:16px
}
.login-form .form-group {
	padding:5px 0
}
.pagination {
	margin:10px auto 30px
}
.pagination li a {
	margin:0 5px;
	border:0;
	color:var(--font-color);
	border-radius:5px;
	transition:.5s
}
.pagination li.page-active a {
	border-radius:5px;
	background-color:var(--theme-color);
	border-color:var(--font-color);
	color:#fff
}
.pagination li a:hover {
	background-color:var(--theme-color);
	color:#fff
}
.footer {
	padding-top:50px;
	background-color:#202935;
	color:#ccc
}
.footer .footer-logo {
	height:45px
}
.footer .footer-logo img {
	height:100%
}
.footer a {
	color:#ccc
}
.footer a:hover {
	color:var(--font-color)
}
.footer .item {
	padding-bottom:30px
}
.footer .item li {
	color:#ccc
}
.footer .item li.left .desc {
	text-indent:2em;
	line-height:22px;
	color:#ccc
}
.footer .item li.left .copy,.footer .item li.left .copy a {
	color:#ccc
}
.footer .item li h4 {
	margin:0 0 20px;
	font-size:16px;
	color:#fff
}
.footer .link {
	border-top:1px solid #333;
	padding:15px 0;
	font-size:14px
}
.footer .link a {
	display:inline-block;
	margin-right:15px;
	margin-bottom:10px;
	font-size:12px
}
.footer-fixed {
	position:fixed;
	bottom:120px;
	right:50px;
	z-index:9999
}
.footer-fixed a {
	display:block;
	width:50px;
	height:50px;
	line-height:45px;
	border-radius:50%;
	font-size:35px;
	text-align:center;
	background-color:#fff;
	color:#333;
	box-shadow:0 2px 5px rgba(0,0,0,.2)
}
.footer-fixed a.backtop {
	background-color:rgba(0,0,0,.6);
	color:#fff
}
.footer-need {
	text-align:center;
	padding:20px 0;
	width:100%;
	z-index:9999
}
.footer-need h3 {
	margin-bottom:20px;
	color:#fff
}
.footer-need .btn {
	margin:0 6px;
	padding:8px 26px;
	border-radius:25px;
	transition:.5s
}
.footer-need .btn:hover {
	background-color:#fff;
	color:var(--font-color)
}
.animated {
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
#kefu .btn-qq {
	background:#28b7f7;
	color:#fff
}
#kefu .btn-wx {
	background:#05d02f;
	color:#fff
}
#kefu {
	padding:50px 20px 80px 20px
}
#kefu p {
	margin-bottom:20px
}
#kefu img {
	width:80px
}
.footer-kefu {
	width:60px;
	height:60px;
	border-radius:50%;
	position:fixed;
	bottom:0;
	right:40px;
	opacity:0;
	-webkit-box-shadow:0 5px 10px 0 rgba(35,50,56,.3);
	box-shadow:0 5px 10px 0 rgba(35,50,56,.3);
	z-index:700;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	cursor:pointer;
	-webkit-transition:all 1s cubic-bezier(.86,0,.07,1);
	transition:all 1s cubic-bezier(.86,0,.07,1)
}
.footer-kefu:focus {
	outline:0
}
.footer-kefu.animated {
	opacity:1;
	transform:translateY(-40px);
	-webkit-transform:translateY(-40px);
	-ms-transform:translateY(-40px)
}
.footer-kefu:after {
	content:'';
	width:12px;
	height:12px;
	border-radius:50%;
	background-image:linear-gradient(to bottom,#8c7bfd,#8c7bfd);
	position:absolute;
	right:1px;
	top:1px;
	z-index:50
}
.footer-kefu .girl {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:50
}
.footer-kefu .animated-circles .circle {
	background:rgba(140,123,253,.25);
	width:60px;
	height:60px;
	border-radius:50%;
	position:absolute;
	z-index:49;
	transform:scale(1);
	-webkit-transform:scale(1)
}
.footer-kefu .animated-circles.animated .c-1 {
	animation:2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards
}
.footer-kefu .animated-circles.animated .c-2 {
	animation:2.5s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards
}
.footer-kefu .animated-circles.animated .c-3 {
	animation:3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards
}
.footer-kefu .animation-stopped .circle {
	opacity:0!important
}
.footer-kefu .animation-stopped .circle {
	opacity:0!important
}
.footer-kefu .livechat-hint {
	position:absolute;
	right:40px;
	top:50%;
	margin-top:-20px;
	opacity:0;
	z-index:0;
	-webkit-transition:all .3s cubic-bezier(.86,0,.07,1);
	transition:all .3s cubic-bezier(.86,0,.07,1)
}
.footer-kefu .livechat-hint.show_hint {
	-webkit-transform:translateX(-40px);
	transform:translateX(-40px);
	opacity:1
}
.footer-kefu .livechat-hint.hide_hint {
	opacity:0;
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
.footer-kefu .livechat-hint.rd-notice-tooltip {
	max-width:1296px!important
}
.footer-kefu .livechat-hint.rd-notice-tooltip .rd-notice-content {
	width:auto;
	overflow:hidden;
	text-overflow:ellipsis
}
.footer-kefu .rd-notice-tooltip {
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);
	box-shadow:0 2px 2px rgba(0,0,0,.2);
	font-size:14px;
	border-radius:3px;
	line-height:1.25;
	position:absolute;
	z-index:65;
	max-width:350px;
	opacity:1
}
.footer-kefu .rd-notice-tooltip:after {
	position:absolute;
	display:block;
	content:'';
	height:20px;
	width:20px;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	z-index:50
}
.footer-kefu .rd-notice-tooltip .rd-notice-content {
	background:0;
	border-radius:3px;
	width:100%;
	color:#fff;
	position:relative;
	z-index:60;
	padding:20px;
	font-weight:400;
	line-height:1.45
}
.footer-kefu .rd-notice-type-success {
	background-color:#8c7bfd;
	-webkit-box-shadow:0 5px 10px 0 rgba(38,199,252,.2);
	box-shadow:0 5px 10px 0 rgba(38,199,252,.2)
}
.footer-kefu .rd-notice-type-success .rd-notice-content {
	background-color:#8c7bfd
}
.footer-kefu .rd-notice-type-success:after {
	background-color:#8c7bfd;
	-webkit-box-shadow:0 5px 10px 0 rgba(38,199,252,.2);
	box-shadow:0 5px 10px 0 rgba(38,199,252,.2)
}
.footer-kefu .rd-notice-position-left {
	margin-left:-20px
}
.footer-kefu .rd-notice-position-left:after {
	right:-6px;
	top:50%;
	margin-top:-10px
}
.footer-kefu .rd-notice-tooltip.single-line .rd-notice-content {
	height:40px;
	padding:0 20px;
	line-height:40px;
	white-space:nowrap
}
.close-box .box {
	-webkit-animation:rotate .4s linear alternate infinite;
	animation:rotate .4s linear alternate infinite
}
.close-box .close-btn {
	position:absolute;
	z-index:1;
	top:-5px;
	right:-5px;
	width:20px;
	height:20px;
	line-height:18px;
	text-align:center;
	border-radius:50%;
	background-color:rgba(0,0,0,.5);
	color:#fff
}
#login_box,#register_box {
	position:fixed;
	z-index:9999;
	border-radius:10px;
	max-width:90%;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%)
}
.mask-body {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:fixed;
	z-index:9998;
	top:0;
	right:0;
	bottom:0;
	left:0;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:.625em;
	overflow-x:hidden
}
.mask-body-dark {
	background:rgba(52,73,94,.9);
	background-color:rgba(52,73,94,.9);
	pointer-events:auto;
	-webkit-transition-duration:.2s;
	-o-transition-duration:.2s;
	transition-duration:.2s
}
.login_pop {
	font-size:14px;
	width:100%;
	background:#fff;
	border-radius:10px;
	display:flex;
	justify-content:space-between
}
.login_pop label {
	font-weight:400
}
.login_pop .l {
	color:#fff;
	height:450px;
	background:url(../images/login_bg.jpg);
	background-size:100% 100%;
	background-position:center center;
	padding:180px 30px 30px;
	border-radius:10px 0 0 10px
}
.login_pop .l li {
	background:url(../images/login_01.png) left no-repeat;
	padding-left:25px;
	margin-bottom:25px
}
.login_pop .r {
	height:450px;
	padding:30px;
	position:relative
}
.login_pop .r_block {
	width:100%;
	display:none
}
.login_pop .r_block.wx {
	display:block
}
.login_pop .r_block.wx {
	text-align:center
}
.login_pop .r .title {
	font-size:20px;
	font-weight:700;
	width:100%
}
.login_pop .r .title p {
	text-align:left;
	width:100%;
	display:inline-block
}
.login_pop .r_block .login_type {
	text-align:center;
	width:calc(100% - 60px);
	border-top:1px solid #ddd;
	position:absolute;
	left:30px;
	bottom:20px
}
.login_pop .r_block .login_type span {
	color:#8d949e;
	font-size:13px;
	background:#fff;
	padding:0 15px;
	position:relative;
	top:-12px
}
.login_pop .r_block .login_type ul {
	width:100%;
	display:flex;
	text-align:center;
	justify-content:center
}
.login_pop .r_block .login_type li {
	width:26px;
	height:26px;
	margin:0 10px
}
.login_pop .r_block .login_type li a {
	width:100%;
	height:100%;
	display:inline-block;
	overflow:hidden
}
.login_pop .r_block .login_type li a img {
	width:100%;
	height:100%
}
.login_pop .r_block .input_box {
	width:100%;
	margin-top:15px;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.login_pop .r_block.register .input_box {
	margin-top:14px
}
.login_pop .r_block .input_box .layui-input {
	height:44px;
	border:1px solid #e4e9f0;
	border-radius:4px;
	padding:0 20px
}
.login_pop .r_block .input_box .img_code,.login_pop .r_block .input_box .phone_code {
	width:calc(100% - 120px)
}
.login_pop .r_block .login_links {
	width:100%;
	margin-top:15px;
	display:flex;
	justify-content:space-between
}
.login_pop .r_block .login_links span {
	color:var(--font-color);
	cursor:pointer
}
.login_pop .r_block .input_box .imgCode {
	width:100px;
	height:40px
}
.login_pop .r_block .input_box .layui-btn-fluid {
	font-size:18px;
	width:100%;
	height:45px;
	border-radius:4px;
	background:#7091fb
}
.login_pop .r_block .input_box .phone_code_btn {
	color:#666;
	width:100px;
	height:40px;
	background:#f2f2f2;
	border-radius:4px
}
.login_pop .r_block .back_login {
	display:flex;
	justify-content:right;
	position:absolute;
	right:30px;
	top:30px
}
.login_pop .r_block .back_login span {
	font-size:14px;
	padding-left:25px;
	cursor:pointer
}
.layui-input,.layui-textarea {
	display:block;
	width:100%;
	padding-left:10px
}
.layui-btn {
	height:38px;
	line-height:38px;
	border:1px solid transparent;
	padding:0 18px;
	background-color:#009688;
	color:#fff;
	white-space:nowrap;
	text-align:center;
	font-size:14px;
	border-radius:2px;
	cursor:pointer
}
.identify-btn {
	display:block;
	width:120px;
	height:40px;
	border-radius:2px;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	font-size:14px;
	border:1px solid #e6e6e6
}
.close_login {
	position:absolute;
	left:10px;
	top:10px;
	z-index:9999
}
.close_login i {
	font-size:25px;
	color:#fff;
	cursor:pointer;
	opacity:.3
}
.alert-info {
	color:var(--theme-color);
	background-color:#e6e3ff;
	border:#e6e3ff
}
.shares .digg {
	float:right;
	padding:3px 10px;
	border-radius:4px;
	color:#ff5473!important;
	background-color:rgba(255,84,115,.1);
	margin-right:10px!important;
	font-size:12px;
	background:rgba(255,84,115,.1);
	box-shadow:0 5px 10px 0 rgb(16 110 253 / 0%)
}
.shares .favorite {
	float:right;
	padding:3px 10px;
	border-radius:4px;
	color:#0084ff!important;
	background:rgba(0,132,255,.1);
	margin-right:10px!important;
	font-size:12px;
	box-shadow:0 5px 10px 0 rgb(16 110 253 / 0%)
}
.shares .fenxiang {
	float:right;
	padding:3px 10px;
	border-radius:4px;
	color:#0084ff!important;
	background:rgba(0,132,255,.1);
	font-size:12px;
	box-shadow:0 5px 10px 0 rgb(16 110 253 / 0%)
}
.shares strong {
	line-height:32px;
	display:inline-block;
	font-weight:400
}
.shares a[class^=share] {
	position:relative;
	width:28px;
	height:28px;
	line-height:28px;
	display:inline-block;
	margin-right:8px;
	opacity:.8;
	cursor:pointer;
	border-radius:50px;
	text-align:center
}
.shares a[class^=share] i {
	color:#fff;
	font-size:16px;
	font-weight:400
}
.shares a:hover {
	opacity:.8
}
.shares a:hover .share-popover {
	visibility:visible;
	opacity:1;
	margin-bottom:0
}
.shares a:before {
	height:32px;
	width:10px
}
.shares a:hover:before {
	-webkit-transition:right .5s;
	-moz-transition:right .5s;
	transition:right .5s;
	right:-70%
}
.shares .share-popover {
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	visibility:hidden;
	opacity:0;
	position:absolute;
	bottom:100%;
	left:0;
	width:110px;
	height:116px;
	margin-bottom:20px;
	padding-bottom:6px;
	background-color:transparent;
	z-index:9999
}
.shares .share-popover .share-popover-inner {
	display:block;
	background-color:#fff;
	border:1px solid #999;
	padding:4px;
	border-radius:2px;
	position:relative;
	bottom:6px;
	height:110px
}
.shares .share-popover .share-popover-inner::after,.shares .share-popover .share-popover-inner::before {
	content:'';
	position:absolute;
	bottom:-5px;
	left:9px;
	border-left:5px solid transparent;
	border-right:5px solid transparent
}
.shares .share-popover .share-popover-inner::before {
	border-top:5px solid #555
}
.shares .share-popover .share-popover-inner::after {
	border-top:5px solid #fff;
	margin-bottom:1px
}
.shares a:hover .share-popover {
	visibility:visible;
	opacity:1;
	margin-bottom:0
}
.shares a:hover:before {
	-webkit-transition:right .5s;
	-moz-transition:right .5s;
	transition:right .5s;
	right:-70%
}
.shares a.share-tsina {
	background-color:#ff6b60
}
.shares a.share-weixin {
	background-color:#07c160
}
.shares a.share-qzone {
	background-color:#fbc440
}
.shares a.share-sqq {
	background-color:#00a9ee
}
.shares a.share-renren {
	background-color:#95b4ec
}
.shares a.share-tqq {
	background-color:#5fb2d7
}
.shares a.share-douban {
	background-color:#67ce9b
}
.shares a.share-huaban {
	background-color:#dc5e5e
}
.shares a.share-twitter {
	background-color:#41b8fc
}
.shares a.share-facebook {
	background-color:#4867aa
}
.shares a.share-linkedin {
	background-color:#0a66c2
}
@media (max-width:767px) {
	#login_box {
	width:90%
}
}@media (min-width:768px) {
	#login_box {
	width:70%
}
}@media (min-width:1200px) {
	#login_box {
	width:700px
}
}.page-prefooter {
	background-color:#181f27
}
.dropdown-menu {
	-webkit-animation:fadeInDown .3s .2s ease both;
	-moz-animation:fadeInDown .3s .2s ease both
}
.fadeInDown {
	-webkit-animation:fadeInDown 1s .2s ease both;
	-moz-animation:fadeInDown 1s .2s ease both
}
@keyframes scaleToggleOne {
	0{transform:scale(1);
	-webkit-transform:scale(1)
}
50% {
	transform:scale(2);
	-webkit-transform:scale(2)
}
100% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
}@keyframes scaleToggleTwo {
	0{transform:scale(1);
	-webkit-transform:scale(1)
}
20% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
60% {
	transform:scale(2);
	-webkit-transform:scale(2)
}
100% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
}@keyframes scaleToggleThree {
	0{transform:scale(1);
	-webkit-transform:scale(1)
}
33% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
66% {
	transform:scale(2);
	-webkit-transform:scale(2)
}
100% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
}@-webkit-keyframes fadeInDown {
	0% {
	opacity:0;
	-webkit-transform:translateY(-10px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0)
}
}@-moz-keyframes fadeInDown {
	0% {
	opacity:0;
	-moz-transform:translateY(-10px)
}
100% {
	opacity:1;
	-moz-transform:translateY(0)
}
}@-webkit-keyframes rotate {
	0% {
	transform:rotate(-5deg)
}
50% {
	transform:rotate(0)
}
100% {
	transform:rotate(5deg)
}
}@media (min-width:992px) {
	.col-md-55 {
	width:25%
}
}@media (max-width:990px) {
	.header-menu {
	float:left
}
.header-menu>li {
	margin-right:25px
}
.gebian-helper-soft {
	margin-bottom:20px
}
}@media (max-width:767px) {
	body {
	padding-top:64px
}
h1 {
	font-size:24px
}
h4 {
	font-size:16px
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
	padding-left:10px;
	padding-right:10px
}
.form-control {
	-webkit-appearance:none
}
.app-text-center {
	padding:10px 0;
	text-align:center!important
}
.page-container-top,.page-container-top.active {
	height:80px;
	margin-bottom:-50px;
	background-size:100%
}
.container {
	width:100%
}
.nav {
	margin-bottom:20px;
	width:100%;
	white-space:nowrap;
	overflow-y:hidden;
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch
}
.nav li {
	float:none;
	display:inline-block
}
.nav-search .form-control {
	width:200px
}
.nav-screen {
	padding-bottom:10px
}
.nav-screen li:first-child {
	margin-right:0
}
.nav-screen li a {
	margin:0
}
.nav-syetem .operate {
	padding-top:0;
	padding-bottom:10px;
	text-align:left!important
}
.portlet {
	margin-bottom:20px
}
.header-top {
	padding:0
}
.header-navico {
	display:block;
	margin:20px 0;
	font-size:24px;
	color:#999
}
.header-navico i {
	color:#fff
}
.header-login {
	margin-top:15px;
	padding-bottom:10px
}
.header-menu {
	display:none;
	float:none;
	margin-top:20px;
	padding:20px 0;
	border-top:1px solid #eee
}
.header-menu:after,.header-menu:before {
	content:" ";
	display:table;
	clear:both
}
.header-menu>li {
	margin:0;
	padding:5px;
	width:33.333333%
}
.header-menu>li>a {
	display:block;
	padding:0;
	text-align:center;
	height:35px;
	line-height:35px;
	font-size:14px;
	background-color:#f5f5f5;
	color:#000;
	border-radius:5px
}
.header-user {
	padding-top:15px
}
.header-user .dropdown-menu {
	left:auto;
	right:0
}
.header-user .dropdown-menu:after,.header-user .dropdown-menu:before {
	left:auto;
	right:20px
}
.header-menu>li:hover .dropdown-menu,.header-user:hover .dropdown-menu {
	display:none
}
.index .recommend {
	margin-top:-70px
}
.index .recommend .portlet-body {
	padding:0
}
.index .left-box .section-head .title {
	font-size:24px
}
.index-banner {
	height:330px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-image:-webkit-linear-gradient(0,#7e39fb 0,#20c3f2 100%)
}
.index-banner .content {
	margin-top:80px
}
.index-search {
	width:100%
}
.index-site li {
	width:50%;
	border:0
}
.index-site li span {
	display:block
}
.index-news {
	padding:20px 0
}
.index-news dd h3 {
	margin:0;
	line-height:30px
}
.footer-need h3 {
	font-size:20px
}
.theme-list .item li .thumb {
	margin:0px
}
.theme-list .item li .thumb .operate a {
	padding:5px
}
.theme-list .item li .title {
	height:70px
}
.theme-list .item li .info .price {
	line-height:20px;
	font-size:14px
}
.theme-list .item li .time {
	font-size:12px
}
.theme-list .item li dt.thumb {
	width:120px
}
.theme-list .item li dd.cont {
	margin-left:120px
}
.theme-list .item li dd.cont .title {
	margin:15px 0 10px;
	font-size:14px;
	line-height:18px;
	font-weight:400;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical
}
.theme-list .item li dd.cont .info {
	margin-bottom:10px
}
.theme-list .item li dd.cont .info .price {
	font-size:14px;
	font-weight:400
}
.theme-content-thumb {
	margin-bottom:10px
}
.theme-content-info dl dt {
	width:auto
}
.theme-content-info dl dd {
	margin-left:0
}
.theme-content-info .operate.show a {
	width:99px
}
.theme-attributo li,.theme-attributo.bug li {
	width:100%
}
.theme-img-tab li {
	width:33.333333%
}
.news-list li .pic {
	padding-left:10px
}
.news-list li .pic a {
	width:120px;
	height:74px
}
.news-list li .cont .title {
	margin-bottom:5px
}
.news-list li .cont .title a {
	font-size:16px;
	line-height:24px
}
.help-kefu .title {
	top:10px;
	font-size:14px
}
.help-kefu .search {
	top:40px
}
.help-list li {
	padding-left:15px
}
.help-list li .spot {
	margin-left:-15px
}
.help-list li .foot {
	padding:0
}
.media-body,.media-left,.media-right {
	padding-top:0
}
.portlet.cart .text-right {
	text-align:left!important
}
.pagination {
	margin:15px 0;
	width:100%;
	white-space:nowrap;
	overflow-y:hidden;
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch
}
.pagination li {
	float:none;
	display:inline-block
}
.login-form {
	margin:0;
	box-shadow:none
}
.footer .item li.left .copy {
	text-align:center
}
.footer-kefu {
	right:-20px;
	bottom:-45px
}
.footer-fixed {
	bottom:90px;
	right:10px
}
.footer-fixed .backtop {
	width:35px;
	height:35px;
	font-size:25px;
	line-height:30px
}
}