body {
	background:#fde0b0;
	background-size: cover;
    background-position: center;

}

.wd {
	width:1280px;
	margin:0 auto
}
@media (max-width: 640px){.wd{margin:0 auto; width:100% }}
.wd-view {
	width:1182px;
	margin:0 auto
}
.top {
	position:relative;
	height:60px;
	line-height:60px;
	background:#37e;
	z-index:200
}
.top>.wd {
	position:relative
}
.top-logo {
	float:left
}
.top-logo>a>img {
	display:block;
	margin:10px 0;
	height:40px
}
.classify {
	margin-left:35px;
	max-width:920px;
	float:left
}
.classify>li {
	position:relative;
	display:inline-block;
	padding:0 13px
}
.classify>li>a {
	display:block;
	font-size:16px;
}
.classify>li>a>.fa-angle-down {
	margin-left:5px
}
.classify>li:hover {
	background:#26e
}
.classify>li:hover>.classify-box {
	display:block
}
.classify-box {
	position:absolute;
	width:455px;
	padding:10px 10px 10px 30px;
	top:60px;
	left:0;
	background:#fff;
	border:1px solid #eee;
	border-radius:4px;
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.16);
	display:none
}
.classify-box::after {
	position:absolute;
	left:38px;
	top:-9px;
	width:0;
	height:0;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:9px solid #fff;
	content:' '
}
.classify-box>li {
	width:110px;
	line-height:40px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	float:left
}
.top.home {
	background:0;
	box-shadow:none;
	-webkit-box-shadow:none
}
.top.home>.wd>.classify>li:hover {
	background:0
}
.top.home>.wd>.classify>li:hover>a {
	color:#ff0000
}
.top.home>.wd>.classify .classify-box {
	top:50px
}
.search {
	position:absolute;
	left:820px;
	right:140px
}
.search>input {
	margin:12px 0;
	padding-left:10px;
	width:280px;
	height:36px;
	font-size:12px;
	color:#fff;
	border-radius:5px;
	background-color:#26d;
	box-sizing:border-box
}
.search>i {
	position:absolute;
	padding:8px;
	right:40px;
	top:13px;
	color:#ccc;
	font-size:18px;
	cursor:pointer
}
.search>i:hover {
	color:#fff
}
.top-login-view {
	float:right;
	margin-right:48px
}
.top-login-index {
	float:right;	
}
.no-login-user>img {
	display:inline-block;
	margin-top:-2px;
	margin-right:5px;
	padding:3px;
	width:13px;
	height:13px;
	border-radius:16px;
	background:#fff;
	vertical-align:middle
}
.no-login-user>span {
	color:#fff;
	cursor:pointer;
	vertical-align:middle
}
.no-login-user>i {
	margin:0 4px;
	width:1px;
	height:10px;
	background:#fff
}
.to-login-user {
	position:relative
}
.to-login-user>a {
	display:block;
	width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.to-login-user>a>img {
	display:inline-block;
	margin-top:-1px;
	margin-right:5px;
	width:23px;
	height:23px;
	background:#fff;
	border-radius:23px;
	vertical-align:middle
}
.to-login-user:hover>ul {
	display:block
}
.to-login-user>ul {
	position:absolute;
	top:55px;
	padding:5px 0;
	background:#fff;
	border:1px solid #eee;
	border-radius:5px;
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.16);
	display:none
}
.to-login-user>ul:after {
	position:absolute;
	left:39px;
	top:-9px;
	width:0;
	height:0;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:9px solid #fff;
	content:' '
}
.to-login-user>ul>li>a,.to-login-user>ul>li>span {
	display:block;
	padding:0 20px;
	width:57px;
	height:30px;
	line-height:30px;
	cursor:pointer
}
.to-login-user>ul>li:hover>a,.to-login-user>ul>li:hover>span {
	color:#fff;
	background:#37e
}
.login-register {
	padding:20px 40px;
	background:#fff;
	border-radius:6px
}
.login-register .title {
	margin:20px;
	font-size:20px;
	font-weight:normal
}
.login-register .login-text {
	position:relative
}
.login-register .login-text>.fa {
	position:absolute;
	top:12px;
	left:12px;
	font-size:16px;
	color:#38f
}
.register-layer .login-text>.fa {
	color:#f60
}
.login-text>input {
	padding-left:33px;
	width:380px;
	height:38px;
	line-height:38px;
	border:1px solid #eee;
	border-radius:3px
}
.login-text>input:focus {
	border:1px solid #38f
}
.register-layer .login-text>input:focus {
	border:1px solid #f60
}
.login-text>input.error {
	border:1px solid red
}
.login-text>span {
	display:block;
	height:22px;
	line-height:22px;
	color:red
}
.login-text>.yzm {
	position:absolute;
	right:1px;
	top:1px;
	width:100px;
	height:38px;
	line-height:38px;
	color:#f60;
	background:#eee;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	text-align:center;
	cursor:pointer;
	user-select:none
}
.login-text>.yzm>img {
	height:100%;
	width:100%;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px
}
.login-register .login-auto {
	margin:0 2px
}
.register-layer .login-auto>.ui-checkbox.checked:before {
	color:#f60
}
.register-layer .login-auto>.protocol {
	color:#f60
}
.to-forget,.to-register,.to-login {
	float:right;
	color:#38f;
	cursor:pointer
}
.login-btn,.register-btn,.forget-btn {
	margin-top:25px;
	height:45px;
	line-height:45px;
	font-size:18px;
	color:#fff;
	background:#38f;
	letter-spacing:1px;
	border-radius:4px;
	text-align:center;
	cursor:pointer
}
.login-btn:hover,.forget-btn:hover {
	background:#17e
}
.register-btn {
	background:#f80
}
.register-btn:hover {
	background:#f60
}
.login-register .line {
	position:relative;
	margin:35px 2px 20px 2px
}
.login-register .line>span {
	color:#888
}
.login-register .line:after {
	position:absolute;
	left:138px;
	top:11px;
	width:212px;
	height:1px;
	border-top:1px solid #eee;
	content:''
}
.login-register ul li {
	display:inline-block;
	margin-right:5px;
	vertical-align:middle
}
.login-register ul li img {
	width:35px;
	height:35px;
	border-radius:100%
}
.webchat-layer>.line2 {
	float:right;
	margin:25px 60px
}
.webchat-layer>.line2>li:first-child {
	position:relative;
	width:150px
}
.webchat-layer>.line2>li:first-child:after {
	position:absolute;
	left:119px;
	top:11px;
	width:30px;
	height:1px;
	border-top:1px solid #ccc;
	content:''
}
.to-webchat {
	color:#07c160 !important;
	cursor:pointer
}
.to-webchat>.fa-weixin {
	padding:0 2px
}
.webchat-layer #wxlogin-ewm {
	margin-top:-20px;
	width:415px;
	height:333px;
	text-align:center;
	overflow:hidden
}
.webchat-layer>.to-login {
	display:block;
	margin:10px;
	text-align:center;
	color:#19e;
	float:initial;
	cursor:pointer
}
.webchat-layer .login-a:hover {
	color:#0163f5
}
#qqlogin {
	cursor:pointer
}
#alilogin {
	cursor:pointer
}
.banner {
	position:absolute;
	top:0;
	width:100%;	
	z-index:0
}
.banner-content {
	position:relative;
	overflow:hidden;
	 max-height:380px;
	 height:380px;
}
.banner-content>ul {
	position:relative;
	width:999999px
}
.banner-li {
	float:left
}
.banner-li>a {
	display:block
}
.banner-li>a>img {
	margin:0 auto;
	height:300px
}
.banner-prev,.banner-next {
	position:absolute;
	top:137px;
	width:26px;
	height:26px;
	text-align:center;
	color:#fff;
	background:#4e443c;
	font:24px/24px Arial,sans-serif;
	text-shadow:0 0 1px #000;
	-webkit-border-radius:26px;
	-moz-border-radius:26px;
	border-radius:26px;
	-webkit-box-shadow:0 0 2px #999;
	-moz-box-shadow:0 0 2px #999;
	box-shadow:0 0 2px #999;
	opacity:.2;
	cursor:pointer
}
.banner-prev {
	left:10px
}
.banner-next {
	right:10px
}
.banner-prev:hover,.banner-next:hover {
	opacity:.5
}
.banner-prev.inactive,.banner-next.inactive {
	opacity:.1;
	cursor:default
}
.banner-index {
	position:absolute;
	bottom:10px;
	left:50%;
	-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0)
}
.banner-index a {
	display:inline-block;
	margin-right:6px;
	height:10px;
	width:10px;
	line-height:10px;
	font-size:12px;
	color:#4e443c;
	background:#fff;
	border-radius:10px;
	text-indent:-9999px;
	-webkit-box-shadow:0 0 2px #4e443c;
	-moz-box-shadow:0 0 2px #4e443c;
	box-shadow:0 0 2px #4e443c
}
.banner-index a.active {
	color:#fff;
	background:#4e443c;
	-webkit-box-shadow:0 0 2px #f0efe7;
	-moz-box-shadow:0 0 2px #f0efe7;
	box-shadow:0 0 2px #f0efe7
}
.home-search {
	position:relative;
	margin:0 auto;
	margin-top:30px;
	width:560px;
	z-index:1000;	
}
.home-search>input {
	padding:10px;
	width:100%;
	border:0;
	border-radius:5px;
	box-shadow:0 0 5px 3px rgb(0 0 0 / 20%);
	box-sizing:border-box
}
.home-search>i {
	position:absolute;
	padding:12px;
	right:2px;
	top:5px;
	color:#ccc;
	font-size:18px;
	cursor:pointer
}
.home-search i:hover {
	color:#37e
}
/*首页新增*/
.home-featurea {
	position:relative;
	margin:0 auto;
	margin-top:30px;
	height:390px; 
	width:1280px;
	z-index:100;
	
	 
}


.home-aa{float:left; margin-left:15px; height:325px; background-color:#FF6666; width:310px;border-radius:15px;}.home-aa-img{ border-radius:50px;width:70px}
.home-bb{ margin:20px 0px}.home-bb>li{ float:left; margin:0px 7px}  .home-bb>div{ text-align:center; line-height:15px}.home-bb-img{  width:50px;border-radius:50px;}
.home-cc{ padding-top:130px; text-align:center}.home-cc>a{ background-color:Green; color:White; padding:9px 50px;border-radius:60px;}
/*首页新增*/
.home-feature {
	position:relative;
	margin:0 auto;	
	width:1280px;
	z-index:100;
	margin-bottom:30px;
	 margin-top:-30px;	
}
.home-feature ul {
	background:#fff;
	box-shadow:0 0 20px 0 rgb(0 5 25 / 5%);
	border-radius:8px
}
.home-feature ul li {
	padding:35px 30px;
	width:320px;
	box-sizing:border-box;
	float:left;
	text-align:center
}
.home-feature .p1:before,.home-feature .p2:before,.home-feature .p3:before,.home-feature .p4:before {
	display:inline-block;
	width:50px;
	height:50px;
	content:"";
	
}
.home-feature .p1:before {
	background:url(../images/ee.png) no-repeat
}
.home-feature .p2:before {
	background:url(../images/ff.png) no-repeat
}
.home-feature .p3:before {
	background:url(../images/gg.png) no-repeat
}
.home-feature .p4:before {
	background:url(../images/hh.png) no-repeat
}
.home-feature span {
	display:inline-block;
	height:50px;
	line-height:50px;
	font-size:18px;
	vertical-align:top
}
.home-feature div {
	color:#999;
	line-height:30px
}
.home-notice {
	position:relative;
	padding:20px 0
}
.home-notice .fa {
	position:absolute;
	top:25px;
	font-size:16px;
	color:#f60
}
.home-notice-roll {
	position:relative;
	padding-left:25px;
	height:25px;
	line-height:25px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.home-notice-roll ul {
	position:relative
}
.home-notice-roll a {
	color:#999
}
.home-notice-roll a:hover {
	color:#666
}
.home-notice-roll time {
	margin-left:30px
}
.home-list:nth-child(2n) {
	background:#fff
}
.home-list-head {
	height:80px;
	line-height:80px
}
.home-list-head>span {
	display:inline-block;
	font-size:22px;
	font-weight:bold;
	color:#222
}
.home-list-head>span>i {
	margin-left:10px;
	font-size:14px;
	font-weight:normal;
	color:#999
}
.home-list-head>span.vip {
	color:#ab7318
}
.home-list-head>ul {
	display:inline-block;
	margin-left:20px
}
.home-list-head>ul>li {
	display:inline-block;
	margin-left:10px
}
.home-list-head>ul>li>a {
	display:block;
	padding:0 10px;
	height:20px;
	line-height:20px;
	background:#e5e5e5;
	border-radius:30px
}
.home-list-head>ul>li>a:hover,.home-list-head>ul>li>a.active {
	background:#25af86;
	color:#fff
}
.home-list-head>a {
	font-size:13px;
	color:#aaa;
	float:right
}
.home-list-head>a:hover {
	color:#555
}
.home-doc-ul {
	margin-left:-16px;
	height:700px;
	
}
.home-doc-ul>li {
	position:relative;
	margin:0 0 16px 16px;
	padding:16px;
	background:#fff;
	box-shadow:0 3px 14px 4px #f2f2f2;
	width:168px;
	transition:all .2s linear;
	float:left;
	border-radius:8px;
}
.home-doc-ul>li:hover {
	transform:translateY(-8px)
}
.home-doc-ul>li:hover>.home-doc-thum {
	border:1px solid #e1ebe5
}
.home-doc-thum {
	position:relative;
	display:table-cell;
	height:236px;
	width:166px;
	vertical-align:middle;
	border:1px solid #eee;
	border-radius:5px;
	
}
.home-doc-thum>a>img {
	display:block;
	width:100%
}
.home-doc-thum>.fa {
	position:absolute;
	right:5px;
	bottom:3px
}
.home-doc-thum>.vip {
	position:absolute;
	top:0;
	right:0;
	padding:0 2px;
	font-size:12px;
	color:#fde0b0;
	background-color:#555;
	border-radius:5px 0 5px 0
}
.home-doc-thum>.tui {
	position:absolute;
	bottom:0;
	left:0;
	padding:0 4px;
	font-size:12px;
	color:#fff;
	background-color:rgba(255,160,0,0.9);
	border-radius:0 5px 0 0
}
.home-doc-link {
	display:block;
	margin-top:10px;
	height:40px;
	line-height:20px;
	font-weight:normal;
	color:#333;
	text-align:center;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
.home-zip-ul {
	height:430px
}
.home-zip-ul>li {
	position:relative;
	margin:10px 0;
	height:20px;
	line-height:20px;
	width:600px;
	float:left
}
.home-zip-ul>li:nth-child(2n) {
	float:right
}
.home-zip-ul>li:after {
	position:absolute;
	display:inline-block;
	top:0;
	left:0;
	width:20px;
	height:20px;
	background:url(../imades/rar.png) no-repeat;
	background-size:20px 20px;
	content:""
}
.home-zip-ul>li>h2 {
	float:left
}
.home-zip-ul>li>span {
	color:#888;
	font-size:12px;
	float:right
}
.home-zip-link {
	display:block;
	max-width:500px;
	padding-left:25px;
	font-weight:normal;
	color:#333;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.home-shop-ul {
	margin-left:-30px;
	height:350px
}
.home-shop-ul>li {
	margin-left:30px;
	padding:30px;
	width:172px;
	background:#fff;
	box-shadow:0 3px 14px 4px #f2f2f2;
	text-align:center;
	float:left
}
.home-shop-photo>img {
	margin:0 auto;
	padding:1px;
	width:100px;
	height:100px;
	border-radius:100px;
	border:1px solid #ccc
}
.home-shop-name {
	display:block;
	margin-top:5px;
	font-size:16px
}
.home-shop-docnum {
	display:block;
	margin-top:10px;
	font-size:12px;
	color:#37e
}
.home-shop-group {
	display:inline-block;
	margin-top:10px;
	padding:3px 10px;
	font-size:12px;
	color:#555;
	border:1px solid #ddd;
	border-radius:30px
}
.home-link {
	padding:30px 0;
	background:#fff
}
.home-link-a {
	margin-left:20px
}
.home-help {
	padding:20px 0;
	background:#333333;
	text-align:center;
	clear:both
}
.home-help>.wd {
	position:relative
}
.home-help>.wd>img.l {
	position:absolute;
	left:0;
	top:30px;
	width:100px
}
.home-help>.wd>img.r {
	position:absolute;
	right:0;
	top:0
}
.home-help-li {
	display:inline-block;
	margin:30px 0;
	padding:0 20px;
	height:12px;
	line-height:12px;
	border-left:1px solid #ddd
}
.home-help-li:first-child {
	border-left:0
}
.home-help>.wd>span {
	height:20px;
	line-height:20px;
	color:#888
}
.foot {
	height:80px;
	line-height:80px;
	color:#999;
	background:#000
}
.foot>.powered {
	margin-left:10px;
	float:left;
	color:#555
}
.foot>.powered>strong>a {
	color:#555
}
.foot>.wd {
	text-align:center
}
.foot>.wd>li {
	display:inline-block;
	padding:0 5px 0 8px;
	height:12px;
	line-height:12px;
	border-left:1px solid #666
}
.foot>.wd>li:first-child {
	border-left:0
}
.foot>.wd>li>a {
	color:#888
}
.foot>.wd>li>a>img {
	margin-top:-3px;
	margin-right:4px;
	float:left
}
.breadcrumb {
	height:50px;
	line-height:50px;
	font-size:12px;
	color:#888;
	clear:both
}
.breadcrumb>ol>li {
	display:inline-block
}
.breadcrumb>ol>li>.fa {
	margin:0 5px 0 3px
}
.breadcrumb>ol>li>a {
	color:#888
}
.breadcrumb>ol>li>a:hover {
	color:#37f
}
.list-left {
	margin-bottom:40px;
	width:210px;
	background:#fff;
	float:left;
	box-shadow:0 3px 14px 4px #f2f2f2
}
.list-right {
	margin-bottom:40px;
	width:1060px;
	float:right
}
.list-title {
	height:50px;
	line-height:50px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #eee;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	text-align:center
}
.list-classify {
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px
}
.list-classify>li {
	position:relative;
	padding:0 25px;
	border-left:2px solid #fff
}
.list-classify>li>a {
	display:block;
	height:49px;
	line-height:49px;
	color:#333;
	border-bottom:1px solid #eee;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.list-classify>li:last-child>a {
	border-bottom:1px solid #fff
}
.list-classify>li>i {
	position:absolute;
	top:16px;
	right:25px;
	color:#999;
	font-size:18px
}
.list-classify>li:hover>a,.list-classify>li:hover>i {
	color:#2878ff
}
.list-classify>li.active {
	border-left:2px solid #37e
}
.list-classify>li.active>a,.list-classify>li.active>i {
	color:#2878ff
}
.list-filter {
	padding:0 19px;
	font-size:13px;
	background:#fff;
	border-radius:5px;
	box-shadow:0 3px 14px 4px #f2f2f2
}
.list-filter>dl {
	border-bottom:1px solid #eee
}
.list-filter>dl:last-child {
	border-bottom:1px solid #fff
}
.list-filter>dl>dt {
	display:inline-block;
	padding:12px;
	color:#888
}
.list-filter>dl>dd {
	display:inline-block;
	width:121px
}
.list-filter>dl>dd>span {
	display:inline-block;
	padding:0 5px;
	height:24px;
	line-height:24px;
	color:#333;
	cursor:pointer
}
.list-filter>dl>dd>span:hover,.list-filter>dl>dd>span.active {
	color:#fff;
	background:#37f;
	border-radius:4px
}
.list-filter>dl>dd>i {
	margin-left:5px;
	font-size:12px;
	font-weight:normal;
	color:#999
}
.list-doc {
	margin-top:10px;
	padding:20px 26px;
	background:#fff;
	border-radius:5px;
	box-shadow:0 3px 14px 4px #f2f2f2
}
.list-doc-head {
	position:relative;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #eee
}
.list-doc-head>span {
	margin-right:30px;
	color:#333;
	cursor:pointer
}
.list-doc-head>i {
	position:absolute;
	bottom:-1px;
	width:58px;
	border-top:2px solid #37e
}
.list-doc-head>i.active_1 {
	left:0
}
.list-doc-head>i.active_2 {
	left:90px
}
.list-doc-head>i.active_3 {
	left:180px
}
.list-doc-ul {
	margin-left:-12px;
	padding-top:20px
}
.list-doc-ul>li {
	position:relative;
	margin:0 0 12px 12px;
	padding:12px;
	background:#fff;
	box-shadow:0 3px 14px 4px #f2f2f2;
	width:168px;
	float:left;
	transition:all .2s linear
}
.list-doc-ul>li:hover {
	transform:translateY(-3px)
}
.list-doc-ul>li:hover>.list-doc-thum {
	border:1px solid #e1ebe5
}
.list-doc-thum {
	position:relative;
	display:table-cell;
	height:236px;
	width:166px;
	vertical-align:middle;
	border:1px solid #eee
}
.list-doc-thum>a>img {
	display:block;
	width:100%
}
.list-doc-thum>.fa {
	position:absolute;
	right:5px;
	bottom:3px
}
.list-doc-thum>.vip {
	position:absolute;
	top:0;
	right:0;
	padding:0 2px;
	font-size:12px;
	color:#fde0b0;
	background-color:#555;
	border-radius:5px 0 5px 0
}
.list-doc-thum>.tui {
	position:absolute;
	bottom:0;
	left:0;
	padding:0 4px;
	font-size:12px;
	color:#fff;
	background-color:rgba(255,160,0,0.9);
	border-radius:0 5px 0 0
}
.list-doc-link {
	display:block;
	margin-top:10px;
	height:40px;
	line-height:20px;
	font-weight:normal;
	color:#333;
	text-align:center;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
.list-page {
	margin-top:30px
}
.list-no-data {
	margin-top:50px;
	font-size:16px;
	color:#888;
	text-align:center
}
.list-no-data>span {
	color:red
}
.shop-left {
	margin-bottom:40px;
	width:990px;
	float:left
}
.shop-right {
	margin-bottom:40px;
	width:280px;
	float:right
}
.shop-shop {
	margin-bottom:10px;
	padding:20px;
	color:#fff;
	background:#333;
	border-radius:5px;
	box-shadow:0 3px 14px 4px #f2f2f2
}
.shop-shop-photo {
	width:100px;
	height:100px;
	padding:3px;
	border-radius:3px;
	background-color:#fff;
	float:left
}
.shop-shop-photo>img {
	width:100%;
	height:100%
}
.shop-shop-name {
	margin-left:130px;
	color:#fff;
	font-size:16px
}
.shop-shop-name>span {
	display:inline-block;
	margin:0 10px;
	padding:0 8px;
	font-size:12px;
	color:#555;
	background:#ddd;
	border:1px solid #ddd;
	border-radius:30px
}
.shop-shop-sign {
	margin-left:130px;
	margin-top:10px;
	color:#aaa;
	font-size:12px
}
.shop-shop-info {
	margin-left:110px;
	margin-top:10px;
	height:45px;
	text-align:center
}
.shop-shop-info>li {
	float:left;
	width:100px
}
.shop-shop-info>li>span {
	display:block;
	color:#daa963
}
.shop-shop-info>li>div {
	color:#fff
}
.shop-ad {
	padding:20px;
	text-align:center;
	background:#fff
}
.search-left {
	margin-bottom:40px;
	width:990px;
	float:left
}
.search-right {
	margin-bottom:40px;
	width:280px;
	float:right
}
.list-search-ul {
	padding-top:10px
}
.list-search-ul>li {
	padding:15px 0;
	border-bottom:1px solid #eee;
	background:#fff
}
.list-search-thum {
	display:block;
	width:92px;
	height:130px;
	border:1px solid #eee;
	float:left
}
.list-search-thum>img {
	display:block;
	width:100%;
	height:100%
}
.list-search-title,.list-search-word,.list-search-info {
	width:820px;
	float:right
}
.list-search-title {
	position:relative;
	height:30px;
	line-height:30px
}
.list-search-title>h2 {
	display:inline-block;
	padding-left:20px;
	font-size:16px;
	font-weight:normal
}
.list-search-title>.fa {
	position:absolute;
	left:0;
	top:7px;
	font-size:16px
}
.list-search-title>.vip {
	display:inline;
	padding:1px 4px;
	font-size:12px;
	color:#fde0b0;
	background-color:#555;
	border-radius:6px 0 6px 0
}
.list-search-title>.tui {
	display:inline;
	padding:1px 4px;
	font-size:12px;
	color:#fff;
	background-color:rgba(255,160,0,0.9);
	border-radius:6px 0 6px 0
}
.list-search-word {
	margin-top:16px;
	height:40px;
	line-height:20px;
	color:#888;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
.list-search-info {
	margin-top:20px;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#888
}
.list-search-info>li {
	display:inline-block;
	margin-right:20px;
	position:relative
}
.list-search-info>li:after {
	position:absolute;
	top:5px;
	right:-13px;
	width:1px;
	height:11px;
	background:#ccc;
	content:''
}
.list-search-info>li:last-child:after {
	display:none
}
.list-search-info>li>a {
	color:#888
}
.list-search-info>li>a:hover {
	color:#37e
}
.search-shop {
	padding:10px 20px 20px;
	background:#fff;
	border-radius:5px;
	border:1px solid #f5f5f5;
	box-shadow:0 3px 5px rgb(0 0 0 / 2%)
}
.search-shop-title {
	position:relative;
	padding-left:10px;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:800;
	color:#333;
	border-bottom:1px solid #eee
}
.search-shop-title:before {
	position:absolute;
	top:11px;
	left:0;
	width:3px;
	height:18px;
	background:#14f;
	content:''
}
.search-shop-body>li {
	position:relative;
	padding:10px 0;
	height:30px;
	line-height:30px;
	border-bottom:1px dashed #eee
}
.search-shop-body>li>img {
	display:inline-block;
	height:30px;
	width:30px;
	border-radius:30px;
	vertical-align:middle
}
.search-shop-body>li>a {
	margin-left:3px;
	vertical-align:middle
}
.search-shop-body>li>span {
	color:#999;
	vertical-align:middle;
	float:right
}
.search-key {
	margin-top:10px;
	padding:10px 20px 20px;
	background:#fff;
	border-radius:5px;
	border:1px solid #f5f5f5;
	box-shadow:0 3px 5px rgb(0 0 0 / 2%)
}
.search-key-title {
	position:relative;
	padding-left:10px;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:800;
	color:#333;
	border-bottom:1px solid #eee
}
.search-key-title:before {
	position:absolute;
	top:11px;
	left:0;
	width:3px;
	height:18px;
	background:#14f;
	content:''
}
.search-key-body {
	padding-top:10px
}
.search-key-body>li {
	display:inline-block;
	margin:5px;
	padding:3px 10px;
	color:#333;
	border-radius:20px;
	background:#eee
}
.view-left {
	width:960px;
	float:left
}
.view-right {
	width:310px;
	float:right
}
.view-head {
	position:relative;
	padding:30px;
	height:170px;
	background:#fff;
	border-radius:5px;
	box-shadow:0 3px 14px 4px #f2f2f2
}
.doc-title {
	margin-left:185px;
	height:30px;
	line-height:30px;
	font-size:22px;
	font-weight:normal;
	color:#000;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	
	
}
.doc-word {
	margin-left:160px;
	height:44px;
	line-height:22px;
	color:#888;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden
}
.view-head>.doc-thum {
	display:flex;
	position:absolute;
	top:30px;
	left:30px;
	width:120px;
	height:170px;
	 border: 1px solid #ddd;
	 border-radius:5px;
}
.view-head>.doc-thum>img {
	align-self:center;
	width:100%;
	border-radius:5px;
	box-shadow:0 3px 14px 4px #f2f2f2
}
.view-head>.doc-thum>i {
	position:absolute;
	bottom:0;
	right:0;
	padding:0 3px;
	font-size:12px;
	background-color:#f60;
	border-radius:5px 0 5px 0;
	color:#fff
}
.doc-info {
	margin-top:10px
}
.doc-info.l {
	margin-left:156px;
	float:left
}
.doc-info.r {
	float:right
}
.doc-info>li {
	display:inline-block;
	padding:0 8px;
	height:12px;
	line-height:12px;
	font-size:1px;
	color:#666;
	border-left:1px solid #ddd
}
.doc-info>li:first-child {
	border-left:0
}
.btn-doc-fav {
	cursor:pointer
}
.btn-doc-fav:hover {
	color:red
}
.btn-doc-fav>i.fa-heart {
	color:red
}
.btn-doc-share {
	cursor:pointer
}
.btn-doc-share:hover {
	color:#f60
}
.btn-doc-report {
	cursor:pointer
}
.btn-doc-report:hover {
	color:#19e
}
.btn-copy-claim {
	cursor:pointer
}
.btn-copy-claim:hover {
	color:#2b8
}
.view-head-btns {
	margin-top:60px;
	margin-left:160px;
	height:34px;
	line-height:34px
}
.view-down-btn,.view-join-btn {
	display:inline-block;
	margin-right:20px;
	padding:0 16px;
	color:#fff;
	background:#e33;
	border-radius:25px;
	text-align:center;
	cursor:pointer
}
.view-down-btn>i {
	margin-left:8px;
	font-size:12px;
	color:#ddd
}
.view-join-btn {
	color:#fde0b0;
	background:#222
}
.view-down-btn:hover {
	background:#d51d1d
}
.view-join-btn:hover {
	color:#f1cd92;
	background:#111
}
.doc-downtip {
	margin-left:160px;
	margin-top:25px;
	font-size:14px;
	color:#888;
	white-space:nowrap
}
.share-modal {
	padding:30px
}
.share-modal>.share-title {
	margin-top:10px;
	height:30px;
	line-height:30px;
	font-size:16px;
	color:#000;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:center
}
.share-modal>.share-thum {
	position:relative;
	margin:10px auto;
	width:210px;
	height:297px
}
.share-modal>.share-thum>img {
	width:100%;
	height:100%;
	border-radius:5px;
	box-shadow:0 3px 14px 4px #f2f2f2
}
.share-modal>.share-thum>i {
	position:absolute;
	bottom:0;
	right:0;
	padding:0 3px;
	font-size:12px;
	background-color:#f60;
	border-radius:5px 0 5px 0;
	color:#fff
}
.share-modal>.share-link {
	position:relative;
	margin-top:20px
}
.share-modal>.share-link>input {
	padding-left:5px;
	width:380px;
	height:32px;
	line-height:32px;
	color:#333;
	border:1px solid #f60;
	border-radius:4px
}
.share-modal>.share-link>i {
	position:absolute;
	padding:0 8px;
	top:1px;
	right:1px;
	height:32px;
	line-height:32px;
	color:#fff;
	background:#f60;
	cursor:pointer
}
.report-modal {
	padding:20px 30px
}
.report-modal>ul>li {
	height:35px;
	line-height:35px
}
.report-modal>ul>li>input {
	margin-right:10px
}
.report-modal>span {
	display:block;
	height:35px;
	line-height:35px;
	font-weight:bold
}
.report-modal>textarea {
	width:320px;
	height:80px
}
.report-modal>input {
	width:320px
}
.claim-modal {
	padding:20px 30px
}
.claim-modal>.title {
	font-size:16px
}
.claim-modal>.subtitle {
	height:35px;
	line-height:35px;
	font-weight:bold
}
.claim-modal>span {
	display:block;
	height:35px;
	line-height:35px;
	color:#28e
}
.claim-modal>ul>li {
	height:35px;
	line-height:35px
}
.upload-claim-zip {
	margin:10px 0
}
.upload-claim-zip>div {
	display:inline-block;
	padding:5px 8px;
	color:#666;
	border:1px dashed #ccc;
	cursor:pointer
}
.upload-claim-zip>div:hover {
	border:1px dashed #2b8
}
.upload-claim-zip>div>i {
	margin-right:2px;
	color:#2b8
}
.upload-claim-zip>span {
	color:#f60
}
.upload-claim-zip>input {
	display:none
}
.claim-modal>textarea {
	width:510px;
	height:80px
}
.claim-modal>.tip {
	color:red
}
.pay-modal>.title {
	margin:20px;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	border-bottom:2px solid #f60
}
.pay-body {
	text-align:center
}
.pay-body>h3 {
	margin:0 20px;
	font-size:18px
}
.pay-body>.pay-doc-info>li {
	display:inline-block;
	margin-right:10px;
	height:40px;
	line-height:40px
}
.pay-body>.tip {
	margin:30px 0;
	color:red
}
.pay-body>.pay-join,.pay-body>.pay-down,.pay-body>.pay-login {
	display:inline-block;
	margin-bottom:30px;
	padding:5px 16px;
	font-size:16px;
	color:#fde0b0;
	background:#e33;
	border-radius:25px;
	text-align:center;
	cursor:pointer;
	background:#222
}
.pay-body>.pay-join:hover,.pay-body>.pay-down:hover,.pay-body>.pay-login:hover {
	color:#f1cd92;
	background:#111
}
.doc-pay-ewm>li {
	display:inline-block
}
.doc-pay-ewm>li>img {
	width:185px;
	height:185px;
	border:1px solid #eee;
	border-radius:5px
}
.doc-pay-ewm>li>iframe {
	display:block;
	padding:20px;
	width:145px;
	height:145px;
	border:1px solid #eee;
	border-radius:5px
}
.doc-pay-ewm>li>.change {
	color:#888
}
.doc-pay-ewm>li>.change>span {
	color:#37e;
	cursor:pointer
}
.doc-pay-money {
	margin:20px 0
}
.doc-pay-money>span {
	display:inline-block;
	padding:0 10px;
	color:#666
}
.doc-pay-money>sub {
	margin:0 3px;
	color:#f95a37;
	font-size:18px;
	bottom:0
}
.doc-pay-money>i {
	color:#f95a37;
	font-size:22px
}
.pay-body>.shopinfo {
	padding:10px 20px;
	color:#888;
	background:#eee;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px
}
.pay-body>.shopinfo>span {
	color:red;
	cursor:pointer
}
.view-head>i {
	position:absolute;
	top:36px;
	left:170px;
	font-size:18px;
	color:#f60
}
.view-body {
	border-radius:5px;
	background:#fff
}
.view-body>.view-page {
	position:relative;
	margin-top:10px;
	box-shadow:0 2px 14px 4px #f2f2f2
}
.view-body>.view-page>img {
	width:100%
}
.view-body>.view-page::before {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;	
	content:''
}
.view-body>.view-page-ad {
	margin-top:10px;
	box-shadow:0 2px 14px 4px #f2f2f2
}
.view-body>.view-page-ad>.default-ad {
	padding:25px;
	color:#888;
	text-align:center
}
.view-foot {
	margin-top:10px;
	padding:60px 0;
	background:#fff;
	text-align:center;
	box-shadow:0 3px 14px 4px #f2f2f2
}
.view-foot>.nextread {
	display:inline-block;
	height:60px;
	line-height:60px;
	border-top:solid 1px #dedede;
	border-bottom:solid 1px #dedede
}
.view-foot>.nextread>i {
	font-size:18px;
	color:#dedede
}
.view-foot>.payread>.line1 {
	font-weight:bold
}
.view-foot>.payread>.line2 {
	display:block;
	margin-top:10px
}
.read-vip-tip {
	margin:0 auto;
	margin-bottom:50px;
	width:500px;
	height:100px;
	line-height:100px;
	color:#fde0b0;
	background:#222;
	border-radius:10px
}
.read-tip {
	margin:0 auto;
	margin-top:20px;
	font-size:12px;
	color:#aaa
}
.last-page-num {
	padding:0 2px;
	color:#f60
}
.last-page-next {
	color:#38f;
	cursor:pointer
}
.last-read-btn,.last-down-btn {
	display:block;
	margin:30px auto;
	width:150px;
	height:34px;
	line-height:34px;
	color:#fff;
	background:#2b8;
	border-radius:25px;
	cursor:pointer
}
.last-read-btn>i,.last-down-btn>i {
	margin-left:8px;
	font-size:12px;
	color:#ddd
}
.last-down-btn {
	color:#fff;
	background:#e33
}
.last-read-btn:hover {
	background:#18a173
}
.last-down-btn:hover {
	background:#d51d1d
}
.view-bar {
	width:960px;
	height:60px;
	line-height:60px;
	background-color:#fff;
	box-shadow:0 4px 3px 3px #f2f2f2
}
.view-bar.fixed {
	position:fixed;
	bottom:0;
	border-top:1px solid #eee;
	box-shadow:0 -2px 8px 0 #f2f2f2;
	z-index:1000
}
.bar-page {
	display:inline-block;
	margin-left:10px;
	font-size:13px;
	color:#999
}
.bar-page>.fa-angle-left,.bar-page>.fa-angle-right {
	padding:5px;
	font-size:18px;
	cursor:pointer
}
.bar-page>input {
	padding:0 3px;
	width:32px;
	height:24px;
	line-height:24px;
	color:#999;
	text-align:center;
	border-radius:2px;
	border:1px solid #eee
}
.bar-page>.split {
	margin-left:2px
}
.bar-page>.fa-expand,.bar-page>.fa-compress {
	margin-left:10px;
	padding:3px;
	color:#aaa;
	background:#f6f5f4;
	border:1px solid #eee;
	border-radius:3px;
	cursor:pointer
}
.bar-page>.fa-expand:hover {
	color:#f60
}
.bar-info {
	display:inline-block;
	margin-left:10px
}
.bar-info>li {
	display:inline-block;
	padding:0 8px;
	height:12px;
	line-height:12px;
	font-size:12px;
	color:#666;
	border-left:1px solid #ddd
}
.bar-info>li:first-child {
	border-left:0
}
.bar-down {
	margin-top:12px;
	margin-right:-25px;
	padding:0 20px;
	height:34px;
	line-height:34px;
	float:right
}
.view-other {
	margin:10px 0;
	padding:20px;
	background:#fff;
	border-radius:5px;
	box-shadow:0 3px 14px 4px #f2f2f2
}
.view-other-title {
	height:30px;
	line-height:30px;
	font-size:16px;
	border-bottom:1px solid #eee
}
.view-other>.list-doc-ul>li {
	width:150px
}
.view-other-word {
	max-height:300px;
	padding-top:5px;
	color:#666;
	overflow:auto
}
.view-end {
	margin-bottom:50px
}
.zip-tree {
	margin-top:10px;
	padding:20px;
	background:#fff;
	box-shadow:0 3px 14px 4px #f2f2f2
}
.zip-tree>span {
	margin-left:20px
}
.zip-tree>ul {
	padding-left:50px
}
.zip-tree>ul>li {
	position:relative;
	margin:10px 25px;
	padding:0 10px;
	height:33px;
	line-height:33px;
	border:1px solid #eee;
	border-radius:5px
}
.zip-tree>ul>li:before {
	position:absolute;
	left:-35px;
	top:0;
	height:45px;
	border-left:1px dashed #ddd;
	content:''
}
.zip-tree>ul>li:after {
	position:absolute;
	left:-35px;
	top:16px;
	width:35px;
	content:'';
	border-top:1px dashed #ddd
}
.zip-tree>ul>li:last-child::before {
	height:16px
}
.zip-tree-title {
	display:inline-block;
	font-size:14px;
	font-weight:normal;
	color:#888
}
.zip-tree-title>a {
	display:inline-block;
	width:652px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	vertical-align:middle
}
.zip-tree-size {
	display:inline-block;
	margin-left:10px;
	width:80px;
	font-size:12px;
	color:#aaa;
	vertical-align:middle
}
.zip-tree-prev>a {
	color:#f60;
	cursor:pointer;
	vertical-align:middle
}
.view-shop {
	padding:20px 15px;
	background:#fff;
	border-radius:5px;
	box-shadow:0 3px 14px 4px #f2f2f2
}
.view-shop-photo {
	float:left
}
.view-shop-photo>img {
	padding:2px;
	width:60px;
	height:60px;
	border-radius:60px;
	border:1px solid #eee
}
.view-shop-name {
	width:200px;
	float:right
}
.view-shop-name>.username {
	height:36px;
	line-height:36px;
	font-size:16px;
	font-weight:bold
}
.view-shop-name>.signname {
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#888;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.view-shop-count {
	margin-top:83px
}
.view-shop-count>li {
	display:inline-block;
	width:90px;
	text-align:center
}
.view-shop-count>li>span {
	display:block;
	height:30px;
	line-height:30px;
	font-weight:bold
}
.view-shop-count>li>i {
	display:block;
	height:20px;
	line-height:20px
}
.view-shop-btn {
	margin-top:25px;
	text-align:center
}
.view-shop-btn a {
	display:inline-block;
	padding:0 20px;
	height:30px;
	line-height:30px;
	color:#37f;
	border:1px solid #37f;
	border-radius:30px
}
.view-shop-btn a:hover {
	color:#fff;
	background:#37f
}
.view-like {
	margin-top:10px;
	padding:20px 30px;
	background:#fff;
	border-radius:5px;
	border:1px solid #f5f5f5;
	box-shadow:0 3px 5px rgb(0 0 0 / 2%)
}
.view-like-title {
	position:relative;
	padding-left:10px;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:800;
	color:#333;
	border-bottom:1px solid #eee
}
.view-like-title:before {
	position:absolute;
	top:11px;
	left:0;
	width:3px;
	height:18px;
	background:#14f;
	content:''
}
.view-like-body>li {
	position:relative;
	padding:10px 0 10px 20px;
	line-height:25px;
	border-bottom:1px dashed #eee
}
.view-like-body>li>i {
	position:absolute;
	top:15px;
	left:0;
	font-size:15px
}
.view-like-body>li>a {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.view-default-ad {
	margin-top:10px;
	padding:20px 30px;
	background:#fff;
	border-radius:5px;
	border:1px solid #f5f5f5;
	box-shadow:0 3px 5px rgb(0 0 0 / 2%)
}
.user-left {
	margin-bottom:30px;
	padding:20px;
	width:170px;
	min-height:510px;
	background:#fff;
	border-radius:5px;
	box-shadow:0 3px 14px 4px #f2f2f2;
	text-align:center;
	float:left
}
.user-right {
	margin-bottom:30px;
	width:1060px;
	min-height:550px;
	background:#fff;
	border-radius:5px;
	box-shadow:0 3px 14px 4px #f2f2f2;
	float:right
}
.user-photo>img {
	margin:0 auto;
	padding:1px;
	width:100px;
	height:100px;
	border-radius:100px;
	border:2px solid #ccc;
	background:#fff;
	cursor:pointer
}
.user-name {
	height:35px;
	line-height:35px;
	font-size:16px;
	color:#111
}
.user-group {
	padding:1px 10px;
	border-radius:20px;
	color:#fff;
	background:#000;
	opacity:.5
}
.user-vipdate {
	margin-top:10px;
	color:red;
	font-size:12px
}
.user-vipopen {
	display:block;
	margin:10px auto;
	height:30px;
	line-height:30px;
	border-radius:5px;
	color:#fde0b0;
	background:#222;
	cursor:pointer
}
.user-vipopen:hover {
	color:#f1cd92;
	background:#111
}
.user-menu {
	margin-top:20px;
	padding-right:30px
}
.user-menu>li>a {
	display:block;
	height:45px;
	line-height:45px
}
.user-menu>li>a:hover,.user-menu>li>a.active {
	color:#f60
}
.user-menu>li>a>i {
	width:40px
}
.center-title {
	position:relative;
	margin:10px 30px;
	height:35px;
	line-height:35px;
	color:#333;
	font-size:16px;
	border-bottom:1px solid #eee
}
.center-title::after {
	position:absolute;
	width:64px;
	bottom:-1px;
	left:0;
	border:1px solid #38e;
	content:''
}
.center-body {
	margin:5px 30px
}
.center-page {
	margin-top:20px
}
.task-info {
	padding:10px 50px
}
.task-link {
	position:relative;
	display:inline-block;
	font-size:16px;
	color:#333
}
.task-link>input {
	border:1px solid #2c89e5;
	width:600px;
	color:#666
}
.task-link>i {
	position:absolute;
	padding:0 8px;
	top:1px;
	right:1px;
	height:32px;
	line-height:32px;
	font-size:14px;
	color:#fff;
	background-color:#2c89e5;
	cursor:pointer
}
.task-link>i:hover {
	background-color:#0670d7
}
.task-reward {
	margin:10px;
	padding-left:118px;
	line-height:30px
}
.task-reward span {
	margin:0 3px;
	color:#f60
}
.task-tip {
	margin-left:128px;
	font-size:12px;
	color:#888
}
.task-list {
	padding:20px 50px
}
.task-list>div {
	margin-bottom:10px;
	font-size:16px;
	color:#333
}
.user-account {
	padding:20px
}
.acount-line {
	height:50px;
	line-height:50px
}
.acount-line>label {
	display:inline-block;
	width:250px;
	text-align:right
}
.acount-line>div {
	display:inline-block;
	width:200px
}
.acount-line>div.nobind {
	color:#888
}
.acount-line>span {
	display:inline-block;
	width:100px;
	color:#38f;
	cursor:pointer
}
.acount-line>lable {
	display:inline-block;
	font-size:12px;
	color:#888
}
.change-pwd {
	padding:0 20px
}
.change-pwd>.title {
	margin:20px 0;
	font-size:16px;
	color:#555;
	text-align:center
}
.change-text {
	position:relative
}
.change-text>input {
	width:350px;
	height:40px;
	line-height:40px;
	padding-left:10px
}
.change-text>.yzm {
	position:absolute;
	right:1px;
	top:1px;
	width:100px;
	height:40px;
	line-height:40px;
	color:#f60;
	background:#eee;
	border-bottom-right-radius:3px;
	border-top-right-radius:3px;
	text-align:center;
	cursor:pointer;
	user-select:none
}
.change-text>span {
	display:block;
	padding-left:5px;
	height:25px;
	line-height:25px;
	color:red
}
.change-verify,.change-btn {
	margin-top:40px;
	margin:10px auto;
	width:100px;
	background:red;
	color:#fff;
	height:35px;
	line-height:35px;
	text-align:center;
	border-radius:35px;
	cursor:pointer
}
.change-verify:hover {
	background:#d90606
}
.change-btn {
	background:#38f
}
.change-btn:hover {
	background:#37e
}
.modal-bindwx>.title {
	margin:30px;
	font-size:20px;
	font-weight:normal
}
.modal-bindwx>#bindwx {
	margin-top:-38px;
	width:406px;
	height:345px;
	text-align:center;
	overflow:hidden
}
#bindqq a {
	color:#38f
}
.vip-modal>.title {
	height:60px;
	line-height:60px;
	font-size:20px;
	color:#fde0b0;
	background:#222;
	font-weight:normal;
	border-top-left-radius:6px;
	border-top-right-radius:6px
}
.vip-body {
	padding:30px
}
.vip-item-pannel {
	position:relative
}
.vip-item {
	display:inline-block;
	margin:0 10px;
	padding:40px;
	border:1px solid #eee;
	text-align:center;
	cursor:pointer
}
.vip-item:hover {
	border:1px solid #fde0b0
}
.vip-item.active {
	background:rgba(253,224,176,0.1);
	box-shadow:0 0 18px #fde0b0;
	border:1px solid #fde0b0
}
.vip-item-title {
	display:block;
	height:40px;
	line-height:30px;
	font-size:24px
}
.vip-item-price {
	display:block
}
.vip-item-price>i {
	font-size:28px;
	color:#cc995c
}
.vip-item-price>sub {
	padding-left:3px;
	bottom:1px;
	color:#888
}
.vip-item-price>s {
	display:block;
	font-size:12px;
	color:#aaa;
	text-align:center
}
.vip-item>.vip-right {
	position:absolute;
	left:10px;
	bottom:-60px;
	display:none
}
.vip-item.active>.vip-right {
	display:block
}
.vip-right>li {
	margin-right:5px;
	padding:8px 10px;
	color:#888;
	background:#f5f5f5;
	border:1px solid #f2f2f2;
	border-radius:3px;
	float:left
}
.vip-right>li>i {
	padding:0 2px;
	color:#b44
}
.vip-pay-way {
	margin-top:85px;
	margin-left:12px
}
.vip-pay-way>ul {
	display:inline-block;
	margin-left:-10px
}
.vip-pay-way>ul>li {
	position:relative;
	display:inline-block;
	margin:0 10px;
	border:1px solid #eee;
	padding:6px 30px;
	border-radius:5px;
	cursor:pointer
}
.vip-pay-way>ul>li.active,.vip-pay-way>ul>li:hover {
	background:rgba(253,224,176,0.1);
	border:1px solid #cc995c
}
.vip-pay-way>ul>li.active:before {
	position:absolute;
	right:0;
	bottom:0;
	width:10px;
	color:#fff;
	background:#cc995c;
	content:' '
}
.vip-pay-way>ul>li>img {
	display:inline-block;
	width:30px;
	height:30px;
	vertical-align:middle
}
.vip-pay-way>ul>li>span {
	display:inline-block;
	margin-left:8px;
	line-height:30px;
	height:30px;
	vertical-align:middle
}
.vip-pay-ewm {
	margin-top:30px;
	margin-left:12px
}
.vip-pay-ewm>ul {
	display:inline-block;
	padding:20px 10px;
	background:#f5f5f5;
	vertical-align:top
}
.vip-pay-ewm>ul>li {
	position:relative;
	display:inline-block;
	margin:0 10px;
	background:#fff;
	border:1px solid #eee;
	text-align:center
}
.vip-pay-ewm>ul>li>img {
	width:185px;
	height:185px
}
.vip-pay-ewm>ul>li>iframe {
	display:block;
	width:145px;
	height:145px
}
.vip-alipay-img {
	padding:20px
}
.vip-weipay-img>span {
	display:block;
	margin-top:-10px;
	margin-bottom:10px
}
.vip-alipay-img>span {
	display:block;
	margin-top:10px;
	margin-bottom:-10px
}
.vip-pay-money {
	vertical-align:bottom
}
.vip-pay-money>span {
	display:inline-block;
	padding:0 10px
}
.vip-pay-money>sub {
	margin:0 3px;
	color:#f95a37;
	font-size:22px;
	bottom:0
}
.vip-pay-money>i {
	color:#f95a37;
	font-size:30px
}
.help-left {
	margin-bottom:30px;
	width:210px;
	float:left
}
.help-right {
	margin-bottom:30px;
	width:1060px;
	float:right
}
.help-content {
	padding:20px;
	background:#fff;
	border-radius:5px;
	border:1px solid #f5f5f5
}
.help-list {
	background:#fff;
	border-radius:5px;
	border:1px solid #f5f5f5
}
.help-list>li {
	position:relative;
	padding:0 25px
}
.help-list>li>a {
	display:block;
	height:50px;
	line-height:50px;
	color:#333;
	border-bottom:1px solid #eee
}
.help-list>li:last-child>a {
	border-bottom:1px solid #fff
}
.help-list>li>i {
	position:absolute;
	top:16px;
	right:25px;
	color:#999;
	font-size:18px
}
.help-list>li:hover>a,.help-list>li:hover>i {
	color:#37f
}
.help-list>li.active>a,.help-list>li.active>i {
	color:#37f
}
.notice-left {
	margin-bottom:30px;
	padding:20px;
	width:300px;
	background:#fff;
	border-radius:5px;
	border:1px solid #f5f5f5;
	float:left
}
.notice-right {
	margin-bottom:30px;
	padding:40px;
	width:850px;
	background:#fff;
	border-radius:5px;
	border:1px solid #f5f5f5;
	float:right
}
.notice-left>span {
	font-size:18px;
	font-weight:bold;
	color:#111
}
.notice-list>li>a {
	display:block;
	max-width:300px;
	margin:10px 0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.notice-list>li>a>span {
	padding-right:10px;
	font-size:12px
}
.notice-title {
	font-size:22px;
	text-align:center
}
.notice-body {
	margin-top:20px
}
.notice-time {
	margin-top:30px;
	float:right
}
.nofind {
	margin-top:100px;
	display:flex;
	justify-content:center;
	align-content:center;
	align-items:center;
	font-size:30px;
	text-align:center
}