html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

.vtl {
    -moz-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -o-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: tb-lr;
    -webkit-text-orientation: sideways-right;
}


article,aside,dialog,footer,header,section,footer,nav,figure,menu,main {
	display: block
}

h1,h2,h3,h4,h5,h6,em,i {
	font-style: normal
}

ul,ol,li {
	list-style-type: none
}

a {
	color: #666;
	text-decoration: none;
	outline: 0
}

a:hover {
	text-decoration: none
}

em,i {
	font-style: normal
}

img {
	border: 0;
	vertical-align: middle
}

button {
	cursor: pointer;
	outline: 0;
	padding: 0;
	margin: 0
}

input {
	padding-top: 0;
	padding-bottom: 0;
	font-family: "Arial"
}

input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input::placeholder {
	color: #999
}

input:-moz-placeholder {
	color: #999
}

input:-ms-input-placeholder {
	color: #999
}

input::-webkit-input-placeholder {
	color: #999
}

select,input {
	vertical-align: middle
}

select,input,textarea {
	font-size: 16px;
	margin: 0
}

input[type="text"],input[type="password"],textarea {
	outline-style: none;
	-webkit-appearance: none
}

textarea {
	resize: none
}

table {
	border-collapse: collapse
}

body {
	min-width: 1220px;
	font-family: "PingFang SC",Helvetica,"Microsoft YaHei",STHeiti,Tahoma;
	font-size: 14px!important;
	color: #333;
	letter-spacing: 0;
	background: #f0f4f5
}

.layout,.layout1200 {
	width: 1200px;
	margin: 0 auto
}

.w1200 {
	width: 1200px;
	margin: 0 auto
}

.w1220 {
	width: 1220px;
	margin: 0 auto
}

.w1360 {
	width: 1360px;
	margin: 0 auto
}

@media screen and (max-width:1680px) {
	.w1360 {
		width: 1000px
	}
}

.fl {
	float: left
}

.fr {
	float: right
}

.displayflex {
	display: flex;
	display: -webkit-flex;
	width: 100%
}

.range-handle {
	width: 14px!important;
	height: 14px!important;
	background: #999!important;
	top: -5px!important
}

.clearfix:after {
	content: '.';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0
}

.visible {
	overflow: visible
}

.bgHover {
	background: #f52f3e
}

.bgHover:hover {
	background: #fc5b67!important
}

.normal-color {
	color: #00aa90
}

.common-gradient,.btn-hover.on {
	color: #fff!important;
	border: 1px solid #2dc7af;
	background: #0000FF;
	background-image: -o-linear-gradient(90deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	background-image: -moz-linear-gradient(90deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	background-image: -webkit-linear-gradient(0deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	background-image: -ms-linear-gradient(90deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	background-image: linear-gradient(90deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=1);
	background-size: 200% 100%!important;
	background-position: 0 50%
}

.common-gradient {
	border: 0
}

.common-gradient:hover {
	border: none!important;
	background: #0000FF;
	background-image: -moz-linear-gradient(90deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	background-image: -webkit-linear-gradient(0deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	background-image: -ms-linear-gradient(90deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	background-image: -o-linear-gradient(90deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	background-image: linear-gradient(90deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=1);
	background-size: 200% 100%!important;
	animation: slide 1.5s forwards linear alternate-reverse infinite
}

.ifonts-gradient {
	border: none!important;
	color: #fff;
	background-image: -moz-linear-gradient(90deg,#3769e9 0,#20b8d2 50%,#4f74ff 100%);
	background-image: -webkit-linear-gradient(0deg,#3769e9 0,#20b8d2 50%,#4f74ff 100%);
	background-image: -ms-linear-gradient(90deg,#3769e9 0,#20b8d2 50%,#4f74ff 100%);
	background-image: -o-linear-gradient(90deg,#3769e9 0,#20b8d2 50%,#4f74ff 100%);
	background-image: linear-gradient(90deg,#3769e9 0,#20b8d2 50%,#4f74ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f74ff',endColorstr='#20b8d2 ',GradientType=1);
	background-size: 200% 100%!important;
	background-position: 0 50%
}

.ifonts-gradient:hover {
	border: none!important;
	background: #a2a2a2;
	background-image: -moz-linear-gradient(90deg,#3769e9 0,#20b8d2 50%,#4f74ff 100%);
	background-image: -webkit-linear-gradient(0deg,#3769e9 0,#20b8d2 50%,#4f74ff 100%);
	background-image: -ms-linear-gradient(90deg,#3769e9 0,#20b8d2 50%,#4f74ff 100%);
	background-image: -o-linear-gradient(90deg,#3769e9 0,#20b8d2 50%,#4f74ff 100%);
	background-image: linear-gradient(90deg,#3769e9 0,#20b8d2 50%,#4f74ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f74ff',endColorstr='#20b8d2 ',GradientType=1);
	background-size: 200% 100%!important;
	animation: slide 1.5s forwards linear alternate-reverse infinite
}

.btn-hover {
	border: 1px solid #1E90FF;
	border-radius: 4px;
	color: #21b39d;
	text-align: center;
	background: #fff;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.btn-hover:hover {
	color: #fff!important;
	background: transparent!important
}

.btn-hover:before {
	opacity: 0;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 0 30px 0 0;
	width: 0;
	height: 100%;
	background: #0000FF;
	background-image: -o-linear-gradient(90deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	background-image: -moz-linear-gradient(90deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	background-image: -webkit-linear-gradient(0deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	background-image: -ms-linear-gradient(90deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	background-image: linear-gradient(90deg,#0000FF 0,#1E90FF 50%,#0000FF 100%);
	background-size: 200% 100%!important;
	background-position: 0 50%;
	animation: slide 1.5s forwards linear alternate-reverse infinite;
	transition: .3s linear
}

.btn-hover.on:before {
	width: 200%;
	opacity: 1;
	transition: none
}

.btn-hover:hover:before {
	width: 200%;
	opacity: 1
}

.span-hover.on {
	color: #fff!important;
	background: #14a18c;
	background-image: -moz-linear-gradient(45deg,#0000FF 0,#1E90FF 50%,#0000FF 100%)!important;
	background-image: -webkit-linear-gradient(0deg,#0000FF 0,#1E90FF 50%,#0000FF 100%)!important;
	background-image: -ms-linear-gradient(45deg,#0000FF 0,#1E90FF 50%,#0000FF 100%)!important;
	background-image: -o-linear-gradient(45deg,#0000FF 0,#1E90FF 50%,#0000FF 100%)!important;
	background-image: linear-gradient(45deg,#0000FF 0,#1E90FF 50%,#0000FF 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=1);
	background-size: 200% 100%!important;
	background-position: 0 50%
}

.span-hover:hover {
	color: #fff!important;
	background: #14a18c;
	background-image: -moz-linear-gradient(45deg,#0000FF 0,#1E90FF 50%,#0000FF 100%)!important;
	background-image: -webkit-linear-gradient(0deg,#0000FF 0,#1E90FF 50%,#0000FF 100%)!important;
	background-image: -ms-linear-gradient(45deg,#0000FF 0,#1E90FF 50%,#0000FF 100%)!important;
	background-image: -o-linear-gradient(45deg,#0000FF 0,#1E90FF 50%,#0000FF 100%)!important;
	background-image: linear-gradient(45deg,#0000FF 0,#1E90FF 50%,#0000FF 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=1);
	background-size: 200% 100%!important;
	background-position: 0 50%;
	animation: slide 1.5s forwards linear alternate-reverse infinite
}

@keyframes slide {
	from {
		background-position: 0 100%
	}

	to {
		background-position: 100% 100%
	}
}

#wrapper {
	width: 100%;
	min-height: 791px
}

.ui-paging-container {
	color: #666;
	font-size: 12px
}

.ui-paging-container ul {
	overflow: hidden;
	text-align: center
}

.ui-paging-container ul,.ui-paging-container li {
	list-style: none
}

.ui-paging-container li {
	display: inline-block;
	padding: 10.5px 16.6px;
	margin-left: 5px;
	color: #4f4f4f
}

.ui-paging-container ul span {
	color: #4f4f4f
}

.ui-paging-container li.ui-pager {
	cursor: pointer;
	border-radius: 2px
}

.ui-paging-container li.ui-pager:hover,.ui-paging-container li.focus {
	background-color: #1fb29d;
	color: #fff
}

.ui-paging-container li.ui-paging-ellipse {
	border: 0
}

.ui-paging-container li.ui-paging-toolbar {
	padding: 0
}

.ui-paging-container li.ui-paging-toolbar select {
	height: 40px;
	border: 1px solid #ddd;
	color: #666
}

.ui-paging-container li.ui-paging-toolbar input {
	line-height: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid #ddd;
	text-align: center;
	width: 40px;
	margin: 0 0 0 5px;
	vertical-align: middle
}

.ui-paging-container li.ui-paging-toolbar a {
	vertical-align: middle;
	text-decoration: none;
	display: inline-block;
	height: 40px;
	border: 1px solid #ddd;
	vertical-align: top;
	border-radius: 2px;
	line-height: 40px;
	padding: 0 7px;
	cursor: pointer;
	margin-left: 5px;
	color: #666
}

.ui-paging-container li.ui-pager-disabled,.ui-paging-container li.ui-pager-disabled:hover {
	background-color: #f6f6f6;
	cursor: default;
	border: 0;
	color: #ddd
}

.ui-select-pagesize {
	outline: 0
}

.js-page-next {
	background: #fff;
	margin-right: 15px
}

.outer {
	position: relative;
	margin: 20px auto;
	width: 100%;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	background: #dbdbdb;
	border-radius: 50px
}

.outer span,.filter-box,.inner {
	position: absolute;
	top: 0;
	left: 0
}

.outer span {
	display: block;
	width: 100%;
	height: 100%;
	color: #787878;
	text-align: center
}

.filter-box {
	width: 0;
	height: 100%;
	background: #3789fe;
	z-index: 9;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px
}

.inner {
	width: 70px;
	height: 40px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	z-index: 10;
	font-weight: bold;
	color: #c1c1c1;
	border-radius: 50px
}

.outer.act .inner {
	color: #787878
}

.borderradiu {
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important
}

.outer.act span {
	z-index: 99
}

.other {
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-top: 40px;
	font-size: 14px;
	color: #999
}

.other .line {
	display: inline-block;
	width: 30%;
	border-top: 1px solid #ccc
}

.other .txt {
	vertical-align: middle;
	font-size: 14px;
	color: #999
}

.logining {
	margin-top: 30px;
	display: flex;
	justify-content: space-around
}

.logining i {
	font-size: 60px;
	cursor: pointer
}

.wrong {
	width: 100%;
	height: 100%;
	min-height: 800px;
	text-align: center;
	padding-top: 170px
}

.wrong p {
	font-size: 24px;
	color: #787878;
	margin: 30px 0
}

.plot {
	display: flex;
	justify-content: space-evenly
}

.plot span {
	font-size: 24px;
	cursor: pointer
}

.plot i {
	font-size: 24px
}

.login-a {
	padding: 10px 10px;
	display: block;
	border-top: 1px solid #f2f2f2
}

.category {
	padding: 4px 10px
}

.category>a {
	line-height: 38px;
	display: block;
	font-size: 14px;
	color: #666
}

.category>a:hover {
	color: #333
}

.otherlogin {
	margin-top: 40px;
	font-size: 14px;
	color: #999;
	text-align: right;
	cursor: pointer
}

.color-999 {
	color: #999!important
}

.dlicon {
	line-height: 50px
}

.huodong {
	display: block;
	height: 50px;
	width: 100%;
	cursor: pointer;
	background: url(header.png);
	background-size: cover;
	text-align: right
}

.input-words {
	word-break: break-all
}

#header .invite-entrance {
	float: right;
	width: 164px;
	height: 100%;
	margin-right: 10px;
	position: relative
}

#header .invite-entrance * {
	box-sizing: border-box
}

#header .invite-entrance .btn-invite {
	margin: 24px auto;
	display: block;
	width: 144px;
	height: 32px;
	border-radius: 16px;
	line-height: 32px;
	text-align: center;
	background: #a440fa;
	background: linear-gradient(to right,#a440fa,#6865ee);
	background: -webkit-linear-gradient(to right,#a440fa,#6865ee);
	background: -moz-linear-gradient(to right,#a440fa,#6865ee);
	background: -o-linear-gradient(to right,#a440fa,#6865ee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a440fa',endColorstr='#6865ee',GradientType=0);
	font-size: 14px;
	color: #fff
}

:root .btn-invite {
	filter: none
}

#header .invite-entrance .invite-dropdown {
	position: absolute;
	left: 50%;
	margin-left: -260px;
	display: none
}

#header .invite-entrance:hover .invite-dropdown {
	display: block;
	z-index: 2
}

:root .invite-con {
	filter: none
}

#header .invite-entrance .invite-con {
	background: #9163eb;
	background: linear-gradient(28deg,#9163eb,#6865ee);
	background: -webkit-linear-gradient(28deg,#9163eb,#6865ee);
	background: -moz-linear-gradient(28deg,#9163eb,#6865ee);
	background: -o-linear-gradient(28deg,#9163eb,#6865ee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9163eb',endColorstr='#6865ee',GradientType=0);
	width: 520px;
	height: 394px;
	border-radius: 5px
}

#header .invite-dropdown .title {
	height: 74px;
	background: url(title.png) no-repeat center;
	border-bottom: 2px solid #561fc5
}

#header .invite-dropdown .ib-tit {
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	line-height: 50px
}

#header .invite-dropdown .ib-desc {
	font-size: 14px;
	color: #ffea8d;
	padding: 0 0 20px 50px;
	text-align: left
}

#header .invite-dropdown .share-box {
	width: 490px;
	height: 135px;
	border: 3px solid #b7adff;
	border-radius: 5px;
	background: #561fc5;
	padding: 24px 14px 0;
	margin: 0 auto
}

#header .invite-dropdown .share-box input {
	width: 360px;
	height: 35px;
	border-radius: 5px;
	border: 0;
	outline: 0;
	padding-left: 8px;
	font-size: 14px;
	color: #333;
	line-height: 35px
}

#header .invite-dropdown .share-box .btn-copy {
	float: right;
	width: 90px;
	height: 35px;
	border-radius: 5px;
	background: #e26f52;
	background: linear-gradient(to right,#e26f52,#ff9515);
	background: -webkit-linear-gradient(to right,#e26f52,#ff9515);
	background: -moz-linear-gradient(to right,#e26f52,#ff9515);
	background: -o-linear-gradient(to right,#e26f52,#ff9515);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e26f52',endColorstr='#ff9515',GradientType=0);
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	color: #fff
}

#header .invite-dropdown .share-box .btn-copy:hover {
	background: #ec8b73;
	background: linear-gradient(28deg,#ec8b73,#efad5d);
	background: -webkit-linear-gradient(28deg,#ec8b73,#efad5d);
	background: -moz-linear-gradient(28deg,#ec8b73,#efad5d);
	background: -o-linear-gradient(28deg,#ec8b73,#efad5d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec8b73',endColorstr='#efad5d',GradientType=0)
}

#header .invite-dropdown .share-box .invite-desc {
	line-height: 24px;
	color: #fff;
	font-size: 14px;
	padding-top: 10px;
	text-align: left
}

#header .invite-dropdown .ib-link {
	padding: 52px 14px 0;
	text-align: left
}

#header .invite-dropdown .ib-link a {
	font-size: 18px;
	color: #ffea8c;
	cursor: pointer
}

.route {
	font-size: 14px;
	color: #787878;
	padding: 20px 0
}

.route a {
	color: inherit
}

.route a:hover {
	color: #f52f3e
}

.route span i {
	font-style: normal;
	font-size: 12px;
	color: #ff000f;
	margin: 0 2px
}

.font-list .route .gt {
	display: inline-block;
	width: 9px;
	opacity: 0
}

.route h1 {
	display: inline-block;
	font-style: normal;
	font-weight: normal
}

.route b {
	padding: 0 15px;
	position: relative;
	font-weight: normal
}

.route b:after {
	position: absolute;
	content: ">";
	top: 0;
	left: 0;
	color: #787878
}

.route b.add {
	padding: 0 10px;
	display: inline-block;
	border: 1px dashed #fd7179;
	border-radius: 2px;
	font-size: 12px;
	color: #ff000f;
	margin-right: 14px
}

.route b.add:after {
	left: -13px
}

.route b.add>a {
	color: inherit
}

.route b.add i {
	color: #e39999;
	vertical-align: middle;
	margin-left: 2px;
	cursor: pointer
}

.route b.add a {
	color: #ff000f
}

body.fixed-entrance {
	padding-top: 60px
}

body.fixed-entrance.fixed-common-head {
	padding-top: 140px
}

.fixed-entrance #header {
	top: 60px
}

.make-font-entrance {
	display: block;
	position: relative;
	width: 100%;
	height: 60px;
	background: #1e1f8a;
	background: url(make-font-entrance.jpg) no-repeat center;
	background-size: cover;
	z-index: 1002
}

.make-font-entrance.fixed-activity {
	position: fixed;
	top: 0;
	left: 0
}

.make-font-entrance .btn-close {
	display: block;
	width: 20px;
	height: 20px;
	background: rgba(255,255,255,.2);
	text-align: center;
	line-height: 20px;
	color: rgba(255,255,255,.6);
	cursor: pointer
}

.show-login-popup {
	cursor: pointer
}

@media(min-width:1681px) {
	.layout1200,.layout {
		width: 1440px
	}

	.media .layout1200,.media .layout {
		width: 1200px
	}
}

@media(max-width:1680px) {
	.wrong {
		min-height: 800px;
		padding-top: 70px
	}

	.barnchlist ul {
		width: 92%
	}

	#header .notice .drop-list::after {
		left: 170px
	}

	.header-user {
		right: 0
	}

	.header-user .user-box:before {
		right: 13px
	}
}

.roateLeftRight1 {
	animation: roateLeftRight1 3s ease-in-out infinite alternate
}

@keyframes roateLeftRight1 {
	0% {
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg)
	}

	25% {
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg)
	}

	50% {
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg)
	}

	75% {
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg)
	}

	100% {
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg)
	}
}

@-ms-keyframes roateLeftRight1 {
	0% {
		transform: rotate(-5deg);
		-ms-transform: rotate(-5deg)
	}

	25% {
		transform: rotate(5deg);
		-ms-transform: rotate(5deg)
	}

	50% {
		transform: rotate(-5deg);
		-ms-transform: rotate(-5deg)
	}

	75% {
		transform: rotate(5deg);
		-ms-transform: rotate(5deg)
	}

	100% {
		transform: rotate(5deg);
		-ms-transform: rotate(5deg)
	}
}

@-moz-keyframes roateLeftRight1 {
	0% {
		transform: rotate(-5deg);
		-moz-transform: rotate(-5deg)
	}

	25% {
		transform: rotate(5deg);
		-moz-transform: rotate(5deg)
	}

	50% {
		transform: rotate(-5deg);
		-moz-transform: rotate(-5deg)
	}

	75% {
		transform: rotate(5deg);
		-moz-transform: rotate(5deg)
	}

	100% {
		transform: rotate(5deg);
		-moz-transform: rotate(5deg)
	}
}

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

	25% {
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg)
	}

	50% {
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg)
	}

	75% {
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg)
	}

	100% {
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg)
	}
}

.bottom-activity {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 150px;
	z-index: 999;
	overflow: hidden
}

.bottom-activity .closeX {
	position: absolute;
	top: 10px;
	right: 50%;
	margin-right: -656px;
	cursor: pointer;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 2px solid #000;
	text-align: center;
	line-height: 24px
}

.bottom-activity .closeX i {
	font-size: 24px;
	color: #000
}

.bottom-activity .pop-main {
	display: block;
	width: 100%;
	height: 100%;
	background: url(ifonts-banner03.png) no-repeat center bottom;
	background-size: auto 100%
}

.bottom-activity.new .pop-main {
	background: url(bottom-banner3.jpg) no-repeat center bottom;
	background-size: auto 100%
}

.bottom-activity.two-year {
	height: 418px
}

.bottom-activity.two-year .pop-main {
	background: url(bottom-banner.png) no-repeat center bottom;
	background-size: auto 418px
}

.bottom-activity .go-client {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: 280px;
	width: 210px;
	height: 83px;
	background: url(down-btn1.png) no-repeat center bottom;
	background-size: 100% auto;
	text-align: center;
	line-height: 64px;
	font-size: 32px;
	color: #fff;
	text-shadow: 0 2px 4px rgba(184,125,31,0.7);
	animation: heartbeat 1s linear infinite alternate-reverse
}

@keyframes heartbeat {
	from {
		transform: scale(0.98)
	}

	to {
		transform: scale(1.12)
	}
}

@-webkit-keyframes heartbeat {
	from {
		transform: scale(0.98)
	}

	to {
		transform: scale(1.12)
	}
}

@-ms-keyframes heartbeat {
	from {
		transform: scale(0.98)
	}

	to {
		transform: scale(1.12)
	}
}

@media screen and (max-width:1680px) {
	.bottom-activity {
		height: 120px
	}

	.bottom-activity .closeX {
		margin-right: -540px
	}

	.bottom-activity .go-client {
		margin-left: 220px;
		bottom: 40px;
		width: 160px;
		height: 64px;
		font-size: 24px;
		line-height: 48px
	}

	.bottom-activity.new .go-client {
		margin-left: 302px
	}
}

.invitation-entrance {
	position: fixed;
	top: 16%;
	left: 3px;
	width: 226px;
	height: 196px;
	background: url(invitation-entrance.png) no-repeat;
	animation: up-to-down 1s ease-in-out infinite alternate;
	-webkit-animation: up-to-down 1s ease-in-out infinite alternate;
	-moz-animation: up-to-down 1s ease-in-out infinite alternate;
	-o-animation: up-to-down 1s ease-in-out infinite alternate;
	z-index: 10000
}

.invitation-entrance.bottom {
	bottom: 6%;
	top: auto
}

.invitation-entrance .btn-close {
	position: absolute;
	top: 0;
	right: 20px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: rgba(3,5,21,.3);
	text-align: center;
	line-height: 28px;
	color: #fff;
	cursor: pointer
}

.invitation-entrance .btn-close i {
	font-size: 24px
}

.hot-tag,.newest-tag,.recom-tag {
	position: absolute;
	top: 0;
	left: 0;
	width: 65px;
	height: 18px;
	border-radius: 4px 0 4px 0;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	color: #fff;
	z-index: 2
}

.hot-tag {
	background-image: linear-gradient(90deg,#f37f62 45%,#f7a26b 100%);
	background-image: -moz-linear-gradient(90deg,#f37f62 45%,#f7a26b 100%);
	background-image: -webkit-linear-gradient(0deg,#f37f62 45%,#f7a26b 100%);
	background-image: -ms-linear-gradient(90deg,#f37f62 45%,#f7a26b 100%)
}

.newest-tag {
	background-image: linear-gradient(90deg,#0000FF 29%,#1E90FF 100%);
	background-image: -moz-linear-gradient(90deg,#0000FF 29%,#1E90FF 100%);
	background-image: -webkit-linear-gradient(0deg,#0000FF 29%,#1E90FF 100%);
	background-image: -ms-linear-gradient(90deg,#0000FF 29%,#1E90FF 100%)
}

.recom-tag {
	background-image: linear-gradient(90deg,#4481eb 0,#66a6ff 100%);
	background-image: -moz-linear-gradient(90deg,#4481eb 0,#66a6ff 100%);
	background-image: -webkit-linear-gradient(0deg,#4481eb 0,#66a6ff 100%);
	background-image: -ms-linear-gradient(90deg,#4481eb 0,#66a6ff 100%)
}

.left-activity {
	position: fixed;
	top: 50%;
	left: 14px;
	transform: translateY(-50%)
}

.left-activity,.left-activity * {
	box-sizing: border-box;
	-ms-box-sizing: border-box
}

.left-activity .closeX {
	position: absolute;
	top: -10px;
	right: -28px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	transition: .3s
}

.left-activity .closeX:hover {
	transform: rotate(180deg)
}

.left-activity .closeX i {
	color: #000;
	font-size: 22px
}

.left-activity .pop-main {
	display: block;
	width: 79px;
	position: relative
}

.left-activity .pop-main img {
	width: 100%
}

.left-activity .pop-main .price {
	position: absolute;
	bottom: 120px;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 28px;
	padding-left: 5px;
	font-size: 28px;
	color: #fcff00
}

.display-none-i {
	display: none!important
}

.display-none {
	display: none
}

.display-show {
	display: block
}

.rightList {
	position: fixed;
	right: 0;
	bottom: 0;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	z-index: 999;
	width: 65px;
	height: 100%;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 8px 0 16px 0 rgba(134,138,139,.75)
}

.rightList .client-promote {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: -75px;
	right: -5px
}

.rightList .client-promote img {
	width: 60px
}

.rightList .client-promote .left-box {
	opacity: 0;
	position: absolute;
	top: 50%;
	right: 60px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	transform: .3s;
	padding-right: 18px
}

.rightList .client-promote.on .left-box,.rightList .client-promote:hover .left-box {
	opacity: 1;
	width: 220px;
	height: auto
}

.rightList .client-promote .inner-box {
	width: 100%;
	padding: 12px 0;
	border-radius: 8px;
	background: #fff;
	box-shadow: 6px 2px 21px 0 rgba(11,11,11,0.32);
	position: relative
}

.rightList .client-promote .inner-box::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -5px;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border-radius: 2px;
	background: #fff;
	transform: rotate(45deg);
	box-shadow: 2px -2px 2px 0 rgba(11,11,11,0.12)
}

.rightList .client-promote .btn-download {
	display: block;
	margin: 0 auto;
	width: 145px;
	height: 35px;
	border: 0;
	border-radius: 4px;
	background: #3576f3;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	color: #fff
}

.rightList .client-promote .info {
	margin-top: 7px;
	text-align: center;
	font-size: 14px;
	color: #000
}

.rightList .sidebar {
	position: absolute;
	top: 50%;
	right: 0;
	width: 100%;
	transform: rotate(60deg);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.sidebar * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.sidebar li>a {
	display: block;
	padding: 16px 0;
	cursor: pointer;
	box-sizing: border-box;
	border-bottom: 1px solid #ececec;
	position: relative
}

.sidebar li .iconfont {
	font-size: 26px;
	color: #484848
}

.sidebar li .icon {
	width: 20px;
	height: 20px;
	margin-bottom: 2px
}

.sidebar li .svg-icon {
	display: block;
	margin: 0 auto 8px;
	background: url(right-svg.png) no-repeat
}

.sidebar li .svg-icon.qiandao {
	width: 19px;
	height: 15px;
	background-position: 0 0
}

.sidebar li .svg-complete-info {
	display: block;
	margin: 0 auto 4px;
	width: 36px;
	height: 22px;
	background: url(complete-info.svg) no-repeat;
	background-size: 36px
}

.sidebar li .svg-icon.lipin {
	width: 17px;
	height: 16px;
	background-position: -19px 0
}

.sidebar li .svg-icon.duihuan {
	width: 17px;
	height: 17px;
	background-position: -58px 0
}

.sidebar li .svg-icon.hot-bag {
	width: 24px;
	height: 18px;
	background-position: -118px 0
}

.sidebar li .svg-icon.jiaoliu {
	width: 17px;
	height: 16px;
	background-position: -78px 0
}

.sidebar li .svg-icon.kefu {
	width: 16px;
	height: 17px;
	background-position: -99px 0
}

.sidebar li .svg-make-money {
	display: block;
	margin: 0 auto 8px;
	width: 32px;
	height: 18px;
	background: url(make-money.svg) no-repeat;
	background-size: 32px
}

.sidebar li span,.Top span {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: #333;
	text-align: center
}

.sidebar li:hover,.Top:hover {
	background: #0000FF;
	background-image: -o-linear-gradient(270deg,#0000FF 0,#1E90FF 100%);
	background-image: -moz-linear-gradient(270deg,#0000FF 0,#1E90FF 100%);
	background-image: -webkit-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: -ms-linear-gradient(270deg,#0000FF 0,#1E90FF 100%);
	background-image: linear-gradient(270deg,#0000FF 0,#1E90FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=1)
}

.sidebar li:hover .iconfont,.sidebar li:hover span {
	color: #fff
}

.Top {
	display: none;
	position: absolute;
	left: 0;
	bottom: 35px;
	cursor: pointer;
	z-index: 10;
	width: 100%;
	height: 70px;
	background: #fff;
	text-align: center;
	color: #a0a0a0
}

.Top i {
	font-size: 34px;
	color: #130f0f
}

.Top span {
	margin-top: -8px;
	font-size: 14px;
	letter-spacing: 2px
}

.Top:hover i,.Top:hover span {
	color: #fff
}

.sidebar .vip {
	position: relative
}

.sidebar .vip .iconfont {
	color: #ffa363;
	background-image: linear-gradient(to bottom,#ffa363 0,#fd7d5b 100%);
	background-image: -webkit-gradient(to bottom,#ffa363 0,#fd7d5b 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.sidebar .vip:hover .iconfont {
	-webkit-text-fill-color: #fff
}

.sidebar .vip span {
	font-size: 14px;
	padding: 0 14px;
	letter-spacing: 2px
}

.sidebar .vip .left-box {
	position: absolute;
	top: 0;
	right: 100%;
	cursor: pointer;
	width: 0;
	opacity: 0;
	transition: .3s
}

.sidebar .vip:hover .left-box {
	width: 220px;
	opacity: 1
}

.sidebar .vip .left-box>img {
	width: 100%
}

.sidebar .sign-in a:before {
	display: none;
	position: absolute;
	content: '';
	top: 11px;
	left: 12px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	background: #f52f3e;
	animation: twinkle .6s ease-in-out infinite alternate;
	-webkit-animation: twinkle .6s ease-in-out infinite alternate;
	-moz-animation: twinkle .6s ease-in-out infinite alternate;
	-o-animation: twinkle .6s ease-in-out infinite alternate
}

.sidebar .twinkle-point a:before {
	position: absolute;
	content: '';
	top: 11px;
	left: 12px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(243,127,98,1);
	background: linear-gradient(45deg,rgba(243,127,98,1) 29%,rgba(247,162,107,1) 100%);
	background: -webkit-linear-gradient(-45deg,rgba(243,127,98,1) 29%,rgba(247,162,107,1) 100%);
	background: -moz-linear-gradient(45deg,rgba(243,127,98,1) 29%,rgba(247,162,107,1) 100%);
	background: -ms-linear-gradient(45deg,rgba(243,127,98,1) 29%,rgba(247,162,107,1) 100%);
	animation: twinkle .6s ease-in-out infinite alternate;
	-webkit-animation: twinkle .6s ease-in-out infinite alternate;
	-moz-animation: twinkle .6s ease-in-out infinite alternate;
	-o-animation: twinkle .6s ease-in-out infinite alternate
}

@keyframes twinkle {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	100% {
		transform: scale(1.6);
		-webkit-transform: scale(1.6);
		-ms-transform: scale(1.6);
		-o-transform: scale(1.6)
	}
}

@-webkit-keyframes twinkle {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	100% {
		transform: scale(1.6);
		-webkit-transform: scale(1.6);
		-ms-transform: scale(1.6);
		-o-transform: scale(1.6)
	}
}

@-ms-keyframes twinkle {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	100% {
		transform: scale(1.6);
		-webkit-transform: scale(1.6);
		-ms-transform: scale(1.6);
		-o-transform: scale(1.6)
	}
}

@-o-keyframes twinkle {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	100% {
		transform: scale(1.6);
		-webkit-transform: scale(1.6);
		-ms-transform: scale(1.6);
		-o-transform: scale(1.6)
	}
}

.sidebar .sign-in.signed a:before {
	display: none
}

.vip-entrance {
	position: absolute;
	top: -105px;
	right: 0;
	width: 87px;
	height: 80px;
	background: url(questionnaire.png?v=20180912) no-repeat center
}

.sidebar .red-packet {
	position: relative
}

.sidebar .red-packet .service-tan {
	width: 222px;
	height: 270px;
	top: -1px
}

.sidebar .red-packet:hover .service-tan {
	display: block
}

.sidebar .red-packet .service-tan .bg {
	box-shadow: none;
	border: 1px solid #d8d8d8;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	padding-top: 16px
}

.sidebar .red-packet .st-info {
	font-size: 14px;
	color: #000;
	padding-bottom: 10px
}

.sidebar .red-packet .st-info>span {
	color: #ff5d1e;
	font-size: 14px;
	display: inline
}

.customer-service {
	position: relative
}

li.customer-service:hover .service-box {
	opacity: 1;
	width: 225px;
	height: auto
}

.sidebar li .service-box {
	opacity: 0;
	position: absolute;
	width: 0;
	height: 0;
	right: 93.3%;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 5px;
	transition: opacity .3s
}

.sidebar li .service-box .service-con {
	background: #0000FF;
	background-image: -o-linear-gradient(120deg,#0000FF 0,#1E90FF 100%);
	background-image: -moz-linear-gradient(120deg,#0000FF 0,#1E90FF 100%);
	background-image: -webkit-linear-gradient(30deg,#0000FF 0,#1E90FF 100%);
	background-image: -ms-linear-gradient(120deg,#0000FF 0,#1E90FF 100%);
	background-image: linear-gradient(120deg,#0000FF 0,#1E90FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=1) \0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 4px;
	font-size: 14px;
	color: #fff
}

.sidebar li .service-box .service-con>a {
	display: block;
	line-height: 35px;
	height: 36px;
	border-bottom: 1px solid rgba(255,255,255,.17);
	color: inherit;
	padding-left: 34px;
	text-align: left
}

.sidebar li .service-box .service-con .iconfont {
	font-size: 12px;
	color: inherit;
	margin-left: 5px
}

.sidebar li .service-box .service-con p {
	color: inherit;
	padding-left: 34px;
	text-align: left;
	line-height: 18px
}

.sidebar li .service-box .custom-box,.sidebar li .service-box .custom-tel {
	padding: 6px 0;
	text-align: left;
	border-bottom: 1px solid rgba(255,255,255,.17)
}

.sidebar li .service-box .btn-contact {
	display: block;
	margin: 6px auto 6px 34px;
	width: 100px;
	height: 26px;
	background-color: #fff;
	box-shadow: 0 3px 4px 0 rgba(6,163,140,0.93);
	border-radius: 4px;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
	color: #009c85;
	transition: all .2s
}

.sidebar li .service-box .btn-contact.lg {
	width: 140px
}

.sidebar li .service-box .btn-contact:hover {
	transform: translateY(-3px)
}

.sidebar li .service-box .warning-box {
	padding: 10px 0
}

.sidebar li .service-box .warning-box>p {
	text-align: center;
	padding-left: 0;
	color: #fffc00;
	line-height: 18px
}

@keyframes up-to-down {
	0% {
		transform: translateY(5px);
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		-o-transform: translateY(5px)
	}

	100% {
		transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		-o-transform: translateY(-5px)
	}
}

@-webkit-keyframes up-to-down {
	0% {
		transform: translateY(5px);
		-webkit-transform: translateY(5px)
	}

	100% {
		transform: translateY(-5px);
		-webkit-transform: translateY(-5px)
	}
}

@-moz-keyframes up-to-down {
	0% {
		transform: translateY(5px);
		-moz-transform: translateY(5px)
	}

	100% {
		transform: translateY(-5px);
		-moz-transform: translateY(-5px)
	}
}

@-o-keyframes up-to-down {
	0% {
		transform: translateY(5px);
		-o-transform: translateY(5px)
	}

	100% {
		transform: translateY(-5px);
		-o-transform: translateY(-5px)
	}
}

@keyframes up-to-down2 {
	0% {
		transform: translateY(2px);
		-webkit-transform: translateY(2px);
		-ms-transform: translateY(2px);
		-o-transform: translateY(2px)
	}

	100% {
		transform: translateY(-2px);
		-webkit-transform: translateY(-2px);
		-ms-transform: translateY(-2px);
		-o-transform: translateY(-2px)
	}
}

@-webkit-keyframes up-to-down2 {
	0% {
		transform: translateY(2px);
		-webkit-transform: translateY(2px)
	}

	100% {
		transform: translateY(-2px);
		-webkit-transform: translateY(-2px)
	}
}

@-moz-keyframes up-to-down2 {
	0% {
		transform: translateY(2px);
		-moz-transform: translateY(2px)
	}

	100% {
		transform: translateY(-2px);
		-moz-transform: translateY(-2px)
	}
}

@-ms-keyframes up-to-down2 {
	0% {
		transform: translateY(2px);
		-ms-transform: translateY(2px)
	}

	100% {
		transform: translateY(-2px);
		-ms-transform: translateY(-2px)
	}
}

@-o-keyframes up-to-down2 {
	0% {
		-o-transform: translateY(2px)
	}

	100% {
		-o-transform: translateY(-2px)
	}
}

@media(max-height:840px) {
	.sidebar li>a {
		padding: 10px 0
	}

	.Top {
		bottom: 0
	}

	.sidebar .sign-in a:before {
		top: 8px
	}
}

#header * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

#header {
	position: relative;
	background: #fff;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 4px 4px rgba(0,0,0,.05)
}

body.fixed-common-head {
	padding-top: 80px
}

#header.fixed-common-header {
	position: fixed;
	left: 0;
	top: 0
}

#header.fixed-disable {
	position: relative
}

.headerflex {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	height: 78px;
	position: relative
}

.head-left img {
	height: 50px
}

.loginbtn {
	float: right;
	width: 80px;
	height: 28px;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-ms-border-radius: 18px;
	overflow: hidden;
	font-size: 14px;
	line-height: 28px;
	margin-top: 26px
}

.loginimg {
	display: inline-block;
	position: relative;
	padding: 23px 0 20px
}

.loginimg .header-avatar>img,.loginimg .avatar>img {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border: 1px solid #dbdbdb;
	position: relative
}

.header-user {
	display: none;
	position: absolute;
	z-index: 5;
	top: 56px;
	right: -38px;
	width: 260px;
	text-align: center;
	padding-top: 24px
}

.loginimg:hover .header-user {
	display: block
}

.header-user .user-box {
	background: #fff;
	box-shadow: 0 2px 3px 3px rgba(178,199,207,.2);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	position: relative
}

.header-user .hu-banner {
	width: 100%;
	height: 88px;
	border-radius: 6px;
	background: #f6f9f9;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	padding-top: 16px;
	padding-left: 90px
}

.header-user .hu-banner .avatar {
	float: left;
	margin-left: -75px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	box-shadow: 0 3px 3px 0 rgba(224,230,231,0.49);
	background-color: #fff;
	text-align: center;
	box-sizing: border-box;
	padding: 3px;
	position: relative
}

.header-user .hu-banner img {
	width: 100%;
	height: 100%;
	border: 0
}

.header-user .hu-banner .user-name,.header-user .hu-banner .user-id {
	font-size: 14px;
	color: #333;
	padding-top: 10px;
	text-align: left
}

.header-user .ordinary-member .od-tit {
	padding-top: 14px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	font-family: "Microsoft YaHei"
}

.header-user .ordinary-member .od-desc {
	padding-top: 6px;
	font-size: 14px;
	color: #f16b50;
	font-weight: bold;
	font-family: "Microsoft YaHei"
}

.header-user .ordinary-member .btn-recharge {
	display: block;
	margin: 10px auto 0;
	width: 215px;
	height: 38px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border: 1px solid #11af96;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #fff
}

.header-user .ub-con {
	margin: 0 1px
}

.header-user .ub-con.vip {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	background-image: linear-gradient(-105deg,#ffa564 0,#fe9160 61%,#fd7d5b 100%);
	background-image: -moz-linear-gradient(-105deg,#ffa564 0,#fe9160 61%,#fd7d5b 100%);
	background-image: -webkit-linear-gradient(-15deg,#ffa564 0,#fe9160 61%,#fd7d5b 100%);
	background-image: -ms-linear-gradient(-105deg,#ffa564 0,#fe9160 61%,#fd7d5b 100%)
}

.header-user .vip-member {
	width: 100%;
	height: 80px;
	border-radius: 0 0 6px 6px;
	padding-top: 16px
}

.header-user .vip .vip-info {
	font-size: 18px;
	font-family: "MicrosoftYaHei";
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(207,95,60,0.49);
	line-height: 30px
}

.header-user .vip .icon-enterprise {
	display: inline-block;
	margin-right: 10px;
	vertical-align: -10px;
	width: 29px;
	height: 30px;
	background: url(enterprise-icon.png)
}

.header-user .vip .vip-expire {
	padding-top: 10px;
	font-size: 12px;
	color: #fff
}

.header-user .advertise-banner {
	display: block;
	position: relative
}

.header-user .advertise-banner>img {
	width: 100%
}

.header-user .advertise-banner .price {
	position: absolute;
	top: 23px;
	left: 168px;
	line-height: 30px;
	text-align: left;
	font-size: 44px;
	color: #fffc00
}

.header-user .link-list {
	padding: 10px 0
}

.header-user .link {
	line-height: 42px;
	height: 42px;
	text-align: left;
	padding-left: 22px;
	font-size: 14px;
	color: #333
}

.header-user .link.on,.header-user .link:hover {
	background: #f0f4f5;
	color: #00aa90
}

.header-user .link>a {
	color: inherit;
	display: block
}

.header-user .link .iconfont {
	margin-right: 10px;
	color: inherit
}

.header-user .link .red-word {
	color: #f16b50
}

.header-user .bottom-box {
	border-top: 1px solid #eaedee;
	border-radius: 0 0 6px 6px;
	background: #f6f9f9;
	height: 40px;
	line-height: 40px;
	padding: 0 22px;
	font-size: 14px;
	font-weight: bold
}

.header-user .bottom-box>a {
	color: #424242
}

.header-user .bottom-box>a:hover {
	color: #00aa90
}

#header .head-right .go-client {
	float: left;
	margin: 26px 20px 0 0;
	border-radius: 4px;
	border: 0;
	line-height: 28px;
	height: 28px;
	text-align: center;
	font-size: 14px;
	padding: 0 10px
}

#header .notice {
	margin-right: 6px;
	position: relative
}

#header .notice-icon {
	display: block;
	position: relative;
	height: 100%;
	padding: 26px 18px
}

#header .head-right .btn-notice {
	width: 28px;
	height: 28px;
	background: transparent;
	border-radius: 50%;
	border: 1px solid #6f798a;
	text-align: center;
	line-height: 29px;
	color: #1e2228
}

#header .head-right .btn-notice i {
	font-size: 14px;
	color: inherit
}

#header .upload-create {
	position: relative;
	margin-left: 15px;
	width: 30px;
	height: 78px;
	padding: 24px 0
}

#header .upload-create .upload-icon {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #6f798a;
	text-align: center;
	line-height: 28px;
	color: #687384;
	cursor: pointer
}

#header .upload-create i {
	font-size: 14px;
	color: inherit
}

#header .upload-create .drop-down {
	display: none;
	position: absolute;
	top: 60px;
	right: -47px;
	z-index: 10;
	width: 128px;
	height: 95px;
	padding-top: 20px
}

#header .upload-create:hover .drop-down {
	display: block
}

#header .upload-create .drop-box {
	width: 100%;
	height: 75px;
	padding-top: 7px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.05);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
	position: relative
}

#header .upload-create .drop-box:after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-left: 1px solid rgba(0,0,0,0.05);
	border-top: 1px solid rgba(0,0,0,0.05);
	background: #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	top: -7px;
	left: 60px
}

#header .upload-create .drop-li {
	display: block;
	line-height: 34px;
	height: 34px;
	text-align: center;
	font-size: 14px;
	color: #666
}

#header .upload-create .drop-li:hover {
	color: #1fb39b;
	background: #f3f3f3
}

#header .notice-icon .notice-num {
	position: absolute;
	top: 19px;
	right: 18px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	background: #f16b50;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	text-align: center
}

#header .notice .drop-down {
	display: none;
	position: absolute;
	top: 53px;
	right: -38px;
	z-index: 10;
	padding-top: 25px
}

#header .notice:hover .drop-down {
	display: block
}

#header .notice .drop-box {
	width: 350px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.05);
	position: relative
}

#header .notice .drop-box .tab-list {
	height: 40px;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	border-bottom: 1px solid #ebebeb;
	box-sizing: border-box;
	background: #fff
}

#header .notice .drop-box .tab {
	background: #f3f3f3;
	width: 50%;
	height: 100%;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	position: relative
}

#header .notice .drop-box .tab:last-of-type:after {
	position: absolute;
	top: -7px;
	right: 66px;
	content: '';
	width: 10px;
	height: 10px;
	border-left: 1px solid rgba(0,0,0,0.05);
	border-top: 1px solid rgba(0,0,0,0.05);
	background: inherit;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

#header .notice .drop-box .tab .num {
	margin-left: 5px;
	font-weight: normal;
	color: #1fb39b
}

#header .notice .drop-box .tab.on {
	background: #fff;
	color: #1fb39b
}

#header .notice .drop-box .tab:hover {
	color: #1fb39b
}

#header .notice .drop-box .tab .awards {
	color: #1fb39b
}

#header .notice .notice-list {
	padding: 0 10px;
	max-height: 230px;
	overflow-y: hidden
}

#header .notice .notice-li {
	border-bottom: 1px solid #ebebeb;
	line-height: 44px;
	height: 44px;
	overflow: hidden;
	position: relative
}

#header .notice .notice-li::before {
	position: absolute;
	content: '';
	left: 8px;
	top: 20px;
	width: 4px;
	height: 4px;
	background: #1fb39b;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%
}

#header .notice .notice-li>a {
	font-size: 14px;
	color: #666;
	padding-left: 22px;
	display: block
}

#header .notice .notice-li>a span {
	display: inline-block;
	vertical-align: middle;
	max-width: 280px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#header .notice .notice-li>a i {
	color: #999;
	font-size: 12px;
	float: right
}

#header .notice .notice-li.visited {
	color: #999
}

#header .notice .notice-li.visited:before {
	background: #999
}

#header .notice .notice-li.visited>a {
	color: inherit
}

#header .notice .notice-li:hover {
	color: #1fb39b
}

#header .notice .notice-li:hover>a {
	color: inherit
}

#header .notice .letter-con {
	display: none
}

#header .notice .letter-list {
	padding: 0 10px;
	max-height: 230px;
	overflow-y: hidden
}

#header .notice .letter-li {
	border-bottom: 1px solid #ebebeb;
	line-height: 44px;
	height: 44px;
	overflow: hidden;
	padding: 0 7px;
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
	position: relative
}

#header .notice .letter-li a {
	color: inherit
}

#header .notice .letter {
	display: block;
	width: 100%;
	height: 100%
}

#header .notice .letter .title {
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#header .notice .letter-li .awards {
	color: #1fb39b
}

#header .notice .letter-li .go-desc {
	position: absolute;
	right: 7px;
	top: 0;
	cursor: pointer
}

#header .notice .letter-li .go-desc:hover {
	color: #1fb39b
}

#header .notice .letter-li.visited {
	color: #999
}

#header .notice .letter-li.visited .awards {
	color: #999
}

#header .notice .letter-li:hover .letter {
	color: #1fb39b
}

#header .notice .letter-li:hover .awards {
	color: #1fb39b
}

#header .notice .go-more {
	display: block;
	line-height: 34px;
	text-align: center;
	font-size: 12px;
	color: #666
}

#header .notice .go-more:hover {
	color: #1fb39b
}

#header .notice .no-list {
	line-height: 72px;
	text-align: center;
	font-size: 14px;
	color: #999;
	letter-spacing: .2px
}

#header .head-right .go-search,#header .head-right .go-search1 {
	width: 40px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	cursor: pointer
}

#header .head-right .go-search i {
	font-size: 20px;
	color: #333
}

#header .search-box {
	display: none;
	position: absolute;
	top: 19px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	width: 30%;
	height: 42px
}

#header .search-con {
	float: left;
	width: 92%;
	height: 42px;
	border: 1px solid #000;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	box-sizing: border-box;
	line-height: 42px
}

#header .search-box .btn-search {
	float: left;
	width: 48px;
	height: 100%;
	text-align: center
}

#header .search-box .btn-search i {
	font-size: 20px;
	color: #000
}

#header .search-box .search-input {
	float: left;
	outline: 0;
	border: 0;
	width: 50%;
	height: 100%;
	text-indent: 5px;
	font-size: 14px;
	color: #333
}

#header .search-box .btn-search-font {
	border: 0;
	width: 85px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 42px;
	margin-top: -1px;
	margin-right: -1px;
	border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-ms-border-radius: 0 2px 2px 0;
	overflow: hidden
}

#header .search-box .btn-search-art {
	background: #000;
	width: 85px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	height: 42px;
	line-height: 42px;
	box-sizing: border-box;
	margin-top: -1px
}

#header .search-box .btn-search-art:hover {
	background: #4e4e4e
}

#header .search-box .btn-close {
	float: right;
	width: 18px;
	height: 42px;
	line-height: 42px;
	cursor: pointer
}

#header .search-con .btn-close .icon-guanbi-1 {
	font-size: 20px;
	color: #000
}

#header .header-top {
	width: 100%;
	padding: 0 150px;
	height: 32px;
	background: #2c3532;
	line-height: 32px;
	clear: both
}

#header .header-top .ht-l,#header .header-top .ht-fr {
	font-size: 14px;
	color: #dedede
}

#header .header-top .ht-fr {
	float: right
}

#header .header-top .ht-l:nth-of-type(2) {
	margin-left: 20px
}

#header .header-top .ht-l>i,#header .header-top .ht-fr>i {
	color: #0000FF
}

#header .header-main {
	clear: both;
	width: 100%;
	padding: 0 150px;
	height: 80px;
	background: #fff;
	position: relative
}

#header .head-left {
	height: 80px;
	line-height: 80px;
	float: left
}

#header .head-right {
	position: relative;
	position: absolute;
	top: 0;
	right: 150px;
	background: #fff;
	z-index: 2
}

#header .common-nav {
	height: 80px;
	float: left;
	margin-left: 80px;
	min-width: 595px
}

#header .header-nav {
	display: inline-block;
	height: 80px
}

#header .header-nav .nav-li {
	float: left;
	margin-right: 50px;
	width: auto;
	height: 100%;
	line-height: 80px;
	font-size: 16px;
	color: #000;
	position: relative
}

#header .header-nav .nav-li:last-of-type {
	margin-right: 0
}

#header .header-nav .nav-li .dropdown.make-words {
	width: 110px;
	margin-left: -55px
}

#header .header-nav .nav-li .dropdown.more {
	width: 110px;
	margin-left: -55px
}

#header .header-nav .nav-li .more .dropdown-box {
	padding-top: 7px
}

#header .header-nav .make-words .option-li:hover {
	color: #00aa90
}

#header .header-nav .nav-li .dropdown.vip-box {
	width: 370px;
	margin-left: -185px
}

#header .header-nav .nav-li .vip-box .dropdown-box {
	padding: 24px 0 0;
	text-align: left
}

#header .header-nav .vip-box .auth-info {
	display: block;
	margin: 0 22px 23px;
	width: 326px;
	height: 114px;
	border-radius: 6px;
	-ms-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #fafbfc;
	padding-left: 158px;
	cursor: pointer
}

#header .header-nav .vip-box .auth-info:hover {
	box-shadow: 0 3px 5px #e1e6e7
}

#header .header-nav .vip-box .auth-info>img {
	margin-left: -158px
}

#header .header-nav .vip-box .auth-info .desc {
	font-size: 14px;
	color: #78898d;
	line-height: 14px;
	padding: 18px 0 12px
}

#header .header-nav .vip-box .auth-info .price {
	font-size: 16px;
	color: #fe6747;
	line-height: 26px
}

#header .header-nav .vip-box .auth-info .price b {
	font-size: 26px;
	font-style: italic;
	letter-spacing: 1px;
	margin-right: 3px;
	vertical-align: -2px
}

#header .header-nav .vip-box .auth-info .btn {
	display: block;
	margin-top: 5px;
	width: 109px;
	height: 30px;
	border-radius: 15px;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border: 1px solid #10a38d;
	line-height: 28px;
	text-align: center;
	font-size: 14px;
	color: #fff
}

#header .header-nav .vip-box .view-more {
	display: block;
	line-height: 48px;
	height: 48px;
	width: 100%;
	background: #f0f4f5;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-ms-border-radius: 0 0 6px 6px;
	-o-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	text-align: center;
	font-size: 16px;
	color: #2b393c
}

#header .header-nav .vip-box .view-more:hover {
	color: #00aa90
}

#header .header-nav .nav-li .dropdown.vip-box-v2 {
	width: 372px;
	margin-left: -186px
}

#header .header-nav .nav-li .vip-box-v2 .dropdown-box {
	padding: 22px 22px 0;
	position: relative;
	z-index: 1
}

#header .header-nav .vip-box-v2 .auth-info {
	display: block;
	width: 100%;
	height: 115px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 1px 5px 0 rgba(196,210,227,0.62);
	margin-bottom: 25px;
	text-align: left
}

#header .header-nav .vip-box-v2 .img-box {
	float: left;
	margin-right: 20px;
	width: 137px;
	height: 100%;
	background: rgba(236,241,245,1);
	border-radius: 12px;
	text-align: center
}

#header .header-nav .vip-box-v2 .auth-info:first-of-type .img-box {
	background: linear-gradient(308deg,rgba(246,158,105,1) 0,rgba(242,128,97,1) 100%)
}

#header .header-nav .vip-box-v2 .img-box img {
	width: 77px
}

#header .header-nav .vip-box-v2 .img-box .vip-type {
	font-size: 20px;
	font-weight: 600;
	color: rgba(105,118,135,1);
	line-height: 28px;
	text-align: center;
	letter-spacing: 2px
}

#header .header-nav .vip-box-v2 .auth-info:first-of-type .vip-type {
	color: #fff
}

#header .header-nav .vip-box-v2 .desc {
	padding-top: 15px;
	font-size: 14px;
	font-weight: 600;
	color: rgba(10,29,54,1);
	line-height: 20px
}

#header .header-nav .vip-box-v2 .price {
	font-size: 20px;
	color: rgba(238,102,63,1);
	line-height: 37px;
	letter-spacing: 1px
}

#header .header-nav .vip-box-v2 .price b {
	font-size: 26px;
	font-weight: 600
}

#header .header-nav .vip-box-v2 .btn {
	display: block;
	width: 117px;
	height: 30px;
	border-radius: 15px;
	line-height: 30px;
	font-size: 14px;
	font-weight: 600
}

#header .header-nav .vip-box-v2 .view-more {
	text-align: center;
	display: block;
	line-height: 45px;
	margin-top: -20px
}

#header .header-nav .vip-box-v2 .view-more:hover {
	color: #00aa90
}

#header .nav-li .vip-enterprise {
	margin-right: 3px;
	display: inline-block;
	vertical-align: -3px;
	width: 23px;
	height: 18px;
	background: url(vip-enterprise.png) no-repeat top center;
	background-size: auto 100%
}

#header .nav-li .vip-personal {
	margin-right: 3px;
	display: inline-block;
	vertical-align: -3px;
	width: 23px;
	height: 18px;
	background: url(vip-personal.png) no-repeat top center;
	background-size: auto 100%
}

#header .nav-li .vip-enterprise ~.jldd {
	right: -2px;
	top: 6px
}

#header .header-nav .jldd {
	position: absolute;
	top: -2px;
	right: -54px;
	z-index: 1;
	border: 1px solid #ee3b12;
	border-radius: 10px;
	background: #fff;
	width: 60px;
	height: 20px;
	letter-spacing: 0;
	font-size: 12px;
	color: #f65f04;
	text-align: center;
	line-height: 20px;
	letter-spacing: 0;
	animation: up-to-down 1s ease-in-out infinite alternate;
	-webkit-animation: up-to-down 1s ease-in-out infinite alternate;
	-moz-animation: up-to-down 1s ease-in-out infinite alternate;
	-o-animation: up-to-down 1s ease-in-out infinite alternate
}

#header .header-nav .nav-li.on .jldd,#header .header-nav .nav-li:hover .jldd {
	font-weight: normal
}

#header .header-nav .jldd:before {
	position: absolute;
	content: '';
	bottom: -8px;
	left: -1px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-left: 8px solid #ee3b12;
	border-bottom: 8px solid transparent
}

#header .header-nav .jldd:after {
	position: absolute;
	content: '';
	bottom: -6px;
	left: 0;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-left: 7px solid #fff;
	border-bottom: 7px solid transparent
}

@media screen and (max-width:1510px) {
	#header .header-top,#header .header-main {
		padding: 0 40px
	}

	#header .head-right {
		right: 40px
	}

	#header .header-nav .jldd {
		top: -17px
	}
}

@media screen and (max-width:1760px) {
	#header .common-nav {
		margin-left: 40px
	}
}

@media screen and (max-width:1680px) {
	#header .common-nav {
		margin-left: 40px
	}

	#header .header-nav .nav-li {
		margin-right: 30px
	}
}

@media screen and (max-width:1580px) {
	#header .common-nav {
		margin-left: 40px
	}

	#header .header-nav .nav-li {
		margin-right: 30px
	}
}

@media screen and (max-width:1480px) {
	#header .header-nav .nav-li {
		margin-right: 30px;
		font-size: 14px
	}
}

#header .header-nav .nav-li:after {
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	width: 0;
	height: 3px;
	background: #00aa90;
	transition: .3s
}

#header .header-nav .nav-li.on .nav-a,#header .header-nav .nav-li:hover .nav-a {
	font-weight: bold
}

#header .header-nav .nav-li.on:after,#header .header-nav .nav-li:hover:after {
	width: 100%
}

#header .header-nav .nav-li .nav-a {
	display: block;
	text-align: center;
	color: inherit;
	transition: .3s;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px
}

#header .header-nav .nav-li .dropdown {
	display: none;
	position: absolute;
	top: 60px;
	left: 50%;
	width: 298px;
	margin-left: -149px;
	padding-top: 20px;
	z-index: 5
}

#header .header-nav .nav-li .dropdown-box {
	display: block;
	background: #fff;
	padding: 1px 0 20px 12px;
	box-shadow: 0 2px 3px 0 rgba(178,199,207,0.21);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box
}

#header .header-nav .nav-li .dropdown .h4 {
	margin-top: 20px;
	padding-left: 10px;
	border-left: 2px solid #00aa90;
	text-align: left;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	color: #00aa90;
	font-family: "Microsoft YaHei"
}

#header .header-nav .nav-li .h4>a {
	color: inherit;
	text-align: left
}

#header .header-nav .nav-li .option-list .ol-li {
	float: left;
	margin: 12px 12px 0 0;
	width: 80px;
	height: 26px;
	line-height: 26px;
	white-space: nowrap;
	text-align: left
}

#header .header-nav .ol-li>span {
	display: inline-block;
	width: auto;
	padding: 0 10px;
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	color: #333;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px
}

#header .header-nav .ol-li>span:hover {
	border: 1px solid #27b59d;
	color: #fff
}

#header .header-nav .discount {
	position: absolute;
	top: 16px;
	right: -22px;
	background: #f65f04;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	width: 22px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 20px
}

#header .header-nav .discount:after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 8px;
	width: 5px;
	height: 8px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	background: #f94d37;
	transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-o-transform: rotate(60deg)
}

#header .header-nav .nav-li.on .discount,#header .header-nav .nav-li:hover .discount {
	font-weight: normal
}

#header .header-nav .hot .hot-tag {
	position: absolute;
	top: -11px;
	right: -22px;
	width: 22px;
	height: 22px
}

#header .header-nav .hot i {
	font-size: 22px;
	color: #e53e30;
	background: #e53b23;
	background: linear-gradient(to top,#e53b23 7%,#ff775b 97%);
	background: -webkit-linear-gradient(to top,#e53b23 7%,#ff775b 97%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

#header .common-nav .global-vip {
	display: inline-block;
	width: 56px;
	height: 40px;
	background: url(nav-vip.png) no-repeat;
	margin: 20px 0;
	position: relative
}

#header .global-vip .limit-life {
	position: absolute;
	top: -4px;
	right: -46px;
	border: 1px solid #f9634d;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	background: #f9634d;
	width: 60px;
	height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	animation: up-to-down2 1s ease-in-out infinite alternate;
	-webkit-animation: up-to-down2 1s ease-in-out infinite alternate;
	-moz-animation: up-to-down2 1s ease-in-out infinite alternate;
	-o-animation: up-to-down2 1s ease-in-out infinite alternate
}

#header .global-vip .limit-life:after {
	position: absolute;
	content: '';
	bottom: -6px;
	left: 9px;
	width: 5px;
	height: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	background: #f9634d;
	border-right: 1px solid #ff4900;
	border-bottom: 1px solid #ff4900;
	transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg)
}

#header .header-nav .nav-li .dropdown.vip-box2 {
	width: 258px;
	margin-left: -129px;
	text-align: center
}

#header .header-nav .nav-li .vip-box2 .dropdown-box {
	background: linear-gradient(90deg,#df967c 0,#f3b598 100%);
	padding: 0;
	box-shadow: 0 2px 3px 0 #d5d9d9
}

#header .header-nav .vip-box2 .info {
	padding-top: 20px;
	line-height: 16px;
	font-size: 16px;
	color: #fff;
	text-shadow: 0 2px 4px rgba(210,94,52,0.96)
}

#header .header-nav .vip-box2 .desc {
	padding: 10px 0 15px;
	line-height: 12px;
	font-size: 12px;
	color: #fff;
	text-shadow: 0 2px 4px rgba(210,94,52,0.96)
}

#header .header-nav .vip-box2 .info-con {
	background: #fff;
	padding: 18px 17px 13px
}

#header .header-nav .vip-box2 .ic-li {
	margin-bottom: 12px;
	text-align: left;
	width: 100%;
	height: 34px;
	border-radius: 6px;
	border: 1px dotted #efab8d;
	padding-left: 16px;
	line-height: 32px;
	font-size: 12px;
	font-weight: 600;
	color: #000
}

#header .header-nav .vip-box2 .ic-li i {
	margin-right: 5px;
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #d4714c
}

#header .header-nav .vip-box2 .btn-buy {
	margin-top: 36px;
	display: block;
	width: 100%;
	height: 40px;
	border-radius: 20px;
	font-size: 16px;
	letter-spacing: 2px;
	text-shadow: 0 2px 4px rgba(60,145,126,0.96);
	position: relative;
	z-index: 5
}

#header .header-nav .btn-buy .pop {
	position: absolute;
	top: -20px;
	left: 9px;
	height: 24px;
	width: 154px;
	border-radius: 4px;
	background: linear-gradient(90deg,#f2a73b 0,#ef9c75 100%);
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	text-shadow: none;
	letter-spacing: 0;
	color: #fff;
	z-index: 2
}

#header .header-nav .nav-li .dropdown.vip-box3 {
	width: 400px;
	margin-left: -200px;
	text-align: center
}

#header .header-nav .nav-li .vip-box3 .dropdown-box {
	background: #faf6f1;
	padding: 0 1px 56px;
	position: relative;
	box-shadow: 0 2px 3px 0 #d5d9d9
}

#header .header-nav .vip-box3 .info {
	padding-top: 27px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bolder;
	color: #030202
}

#header .header-nav .vip-box3 .desc {
	padding: 16px 0;
	line-height: 12px;
	font-size: 12px;
	color: #b79f88
}

#header .header-nav .vip-box3 .info-con {
	background: #fff;
	padding: 23px 20px 56px;
	border-radius: 4px
}

#header .header-nav .vip-box3 .ic-li {
	float: left;
	margin-right: 22px;
	width: 72px;
	text-align: center
}

#header .header-nav .vip-box3 .ic-li:last-of-type {
	margin-right: 0
}

#header .header-nav .vip-box3 .icon-box {
	margin: 0 auto;
	display: block;
	width: 43px;
	height: 43px;
	border-radius: 6px;
	background: linear-gradient(0,#fcf3e6 0,#f2e6d6 100%);
	text-align: center;
	line-height: 43px
}

#header .vip-box3 .icon-box i {
	font-size: 26px;
	color: #bb9b66
}

#header .header-nav .vip-box3 .ic-info {
	margin-top: 16px;
	text-align: center;
	font-size: 12px;
	color: #9c722b;
	line-height: 12px
}

#header .header-nav .vip-box3 .btn-buy.out {
	position: absolute;
	bottom: 23px;
	left: 62px;
	width: 276px;
	height: 40px;
	border-radius: 20px
}

#header .header-nav .vip-box3 .btn-buy {
	position: relative;
	display: block;
	width: 276px;
	height: 40px;
	border-radius: 20px;
	border: 0;
	background-image: -moz-linear-gradient(180deg,#ef8a3e 9%,#f1a54c 81%);
	background-image: -webkit-linear-gradient(180deg,#ef8a3e 9%,#f1a54c 81%);
	background-image: -ms-linear-gradient(180deg,#ef8a3e 9%,#f1a54c 81%);
	font-size: 16px;
	letter-spacing: 2px;
	color: #fff;
	text-shadow: 0 2px 4px rgba(213,149,53,0.96);
	z-index: 5
}

#header .header-nav .vip-box3 .btn-buy:hover {
	background-size: 200% 100%!important;
	animation: slide 1.5s forwards linear alternate-reverse infinite
}

#header .vip-box3 .btn-buy .pop {
	position: absolute;
	top: -20px;
	left: 9px;
	height: 24px;
	width: 154px;
	border-radius: 4px;
	background: #e35344;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	text-shadow: none;
	letter-spacing: 0;
	color: #fff;
	z-index: 2
}

#footer * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

#footer {
	background: #121416
}

.footer .footer-top {
	height: 200px
}

.footer .footer-top .logo-div {
	width: 310px;
	height: 100%;
	text-align: center;
	padding-top: 38px
}

.footer .footer-top .logo-div i {
	display: block;
	height: 75px;
	line-height: 75px;
	font-size: 162px;
	color: rgba(247,249,252,.41)
}

.footer .footer-top .logo-div .slogo {
	margin-top: 10px;
	font-size: 16px;
	color: #6c6f73;
	letter-spacing: 2px
}

.footer .footer-top .about-us {
	width: 182px;
	height: 100%;
	border-left: 1px solid #1c1f22;
	text-align: center;
	padding-top: 34px
}

.footer .footer-top .about-us>a {
	display: block;
	font-size: 14px;
	color: #8e9296;
	margin-bottom: 14px
}

.footer .footer-top .relation-info {
	width: 560px;
	height: 100%;
	border-left: 1px solid #1c1f22;
	padding: 24px 0 0 52px;
	font-size: 14px;
	color: #8e9296;
	text-align: left;
	line-height: 38px
}

.footer .footer-top .ewm-box {
	width: 308px;
	height: 100%;
	border-left: 1px solid #1c1f22;
	text-align: center;
	padding-top: 36px
}

.footer .footer-top .ewm-box .eb-box {
	display: inline-block;
	width: 108px
}

.footer .footer-top .eb-box:first-child {
	margin-right: 24px
}

.footer .footer-top .eb-box>img {
	width: 100%
}

.footer .footer-top .eb-box>p {
	margin-top: 10px;
	font-size: 14px;
	color: #8e9296;
	text-align: center;
	line-height: 28px
}

.footer .footer-top .eb-box .iconfont {
	margin-right: 5px;
	vertical-align: -5px;
	font-size: 28px;
	color: #ecf0f7
}

.footer .friend-sites {
	border-top: 1px solid #1c1f22;
	font-size: 14px;
	color: #6c6f73
}

.footer .friend-sites>div {
	padding: 35px 0 15px 70px
}

.footer .friend-sites .fs-label {
	float: left;
	margin-left: -70px
}

.footer .friend-sites span,.footer .friend-sites a {
	float: left;
	color: inherit;
	margin: 0 20px 20px 0
}

.footer .footer-bottom {
	border-top: 1px solid #1c1f22;
	padding: 20px 0;
	line-height: 24px;
	font-size: 14px;
	color: #8e9296;
	text-align: center;
	letter-spacing: 1px
}

.footer .footer-bottom p {
	color: #6c6f73
}

.footer .footer-bottom a {
	color: inherit
}

.footer .footer-bottom .beian {
	width: 16px;
	vertical-align: -3px
}

@media screen and (max-width:1680px) {
	.rightList {
		width: 55px
	}

	.sidebar .vip span {
		padding: 0 10px
	}

	.footer .footer-top .logo-div {
		width: 260px;
		text-align: left
	}

	.footer .footer-top .about-us {
		width: 140px
	}

	.footer .footer-top .relation-info {
		width: 350px;
		padding-left: 20px
	}

	.footer .footer-top .ewm-box {
		width: 250px
	}

	.footer .footer-top .eb-box:first-child {
		margin-right: 8px
	}
}

.rightList.bar-v2 {
	position: fixed;
	right: 12px;
	bottom: 34px;
	z-index: 999;
	text-align: center;
	width: 50px;
	height: auto;
	box-sizing: border-box;
	padding-bottom: 55px;
	background: transparent;
	box-shadow: none
}

.rightList.bar-v2 .sidebar {
	position: relative;
	transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
	border-radius: 6px
}

.rightList.bar-v2 .Top {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	cursor: pointer;
	z-index: 10;
	width: 100%;
	height: 45px;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
	border-radius: 6px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 12px
}

.bar-v2 .Top i {
	font-size: 16px;
	color: #000;
	transition: .3s
}

.bar-v2 .Top span {
	display: block;
	margin: -4px auto 0;
	width: 16px;
	height: 2px;
	border: 0;
	border-radius: 1px
}

.bar-v2 .Top:hover i {
	color: #00aa90
}

.bar-v2 .sidebar li {
	position: relative
}

.bar-v2 .sidebar li>a {
	display: block;
	padding: 9px 0;
	cursor: pointer;
	position: relative;
	border: 0
}

.bar-v2 .sidebar li>a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 3px;
	width: 44px;
	height: 1px;
	background: #707070;
	opacity: .1
}

.bar-v2 .sidebar .vip .iconfont {
	font-size: 22px;
	color: #ffa363;
	background-image: linear-gradient(to bottom,#ffa363 0,#fd7d5b 100%);
	background-image: -webkit-gradient(to bottom,#ffa363 0,#fd7d5b 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.bar-v2 .sidebar li .right-icon {
	display: block;
	margin: 0 auto;
	background-image: url(right-icon-v2.png);
	background-repeat: no-repeat;
	background-size: auto 20px
}

.bar-v2 .sidebar li .sign-icon {
	width: 18px;
	height: 17px;
	background-position-x: 0
}

.bar-v2 .sidebar li .custom-icon {
	width: 18px;
	height: 18px;
	background-position-x: -18px
}

.bar-v2 .sidebar li .client-icon {
	width: 18px;
	height: 18px;
	background-position-x: -37px
}

.bar-v2 .sidebar li .log-icon {
	width: 17px;
	height: 20px;
	background-position-x: -56px
}

.bar-v2 .sidebar li .recruit-icon {
	width: 16px;
	height: 19px;
	background-position-x: -73px
}

.bar-v2 .sidebar li .red-bag {
	width: 15px;
	height: 20px;
	background-position-x: -90px
}

.bar-v2 .sidebar li span {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: #232323;
	text-align: center;
	transition: .3s
}

.bar-v2 .sidebar li:hover span {
	color: #00aa90
}

.bar-v2 .sidebar .vip span {
	font-size: 12px;
	color: #ee663f;
	padding: 0 10px;
	letter-spacing: 0
}

.bar-v2 .sidebar li.vip:hover span {
	color: #ee663f
}

.bar-v2 .sidebar .vip .left-box {
	position: absolute;
	top: 0;
	right: 100%;
	cursor: pointer;
	width: 0;
	opacity: 0;
	transition: .3s;
	border-radius: 4px;
	overflow: hidden
}

.bar-v2 .sidebar .vip:hover .left-box {
	width: 220px;
	opacity: 1
}

.bar-v2 .sidebar .vip .left-box>img {
	width: 100%
}

.bar-v2 .sidebar li:hover {
	background: transparent
}

.bar-v2 .sidebar li .service-box {
	top: 50%;
	transform: translateY(-50%)
}

.sidebar .twinkle-point a:before {
	top: 5px;
	left: 5px
}

.dx_captcha_oneclick_one-step {
	z-index: 10000!important
}

.dx_captcha_oneclick_overlay {
	z-index: 9999!important
}

.header-warning {
	display: none;
	height: 32px;
	width: 100%;
	background: rgba(238,102,63,.1);
	text-align: center;
	line-height: 32px;
	font-size: 12px;
	color: #ff6b49;
	position: relative
}

.header-warning .go-renewal {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	width: 62px;
	height: 20px;
	border-radius: 4px;
	background: #f28061;
	background-image: linear-gradient(to right,#f28061 0,#f49065 100%);
	background-image: -webkit-linear-gradient(90deg,#f28061 0,#f49065 100%);
	background-image: -ms-linear-gradient(0deg,#f28061 0,#f49065 100%);
	background-image: -moz-linear-gradient(0deg,#f28061 0,#f49065 100%);
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #fff
}

.header-warning .btn-close {
	position: absolute;
	right: 150px;
	font-size: 16px;
	color: #be644f;
	cursor: pointer
}

body.fixed-common-head.has-warning {
	padding-top: 145px;
	transition: .3s
}

.small-show {
	display: none
}

@media screen and (max-width:1680px) {
	.header-warning .btn-close {
		right: 40px
	}

	.small-hide {
		display: none
	}

	.small-show {
		display: inline
	}

	#header .header-nav .nav-li .nav-a {
		font-size: 16px;
		color: #333
	}
}

.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title {
	text-overflow: ellipsis;
	white-space: nowrap
}

html #layuicss-layer {
	display: none;
	position: absolute;
	width: 1989px
}

.layui-layer,.  {
	position: fixed;
	_position: absolute;
	pointer-events: auto
}

.  {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	_height: expression(document.body.offsetHeight+"px")
}

.layui-layer {
	-webkit-overflow-scrolling: touch;
	top: 150px;
	left: 0;
	margin: 0;
	padding: 0;
	background-color: #fff;
	-webkit-background-clip: content;
	border-radius: 6px;
	box-shadow: 1px 1px 50px rgba(0,0,0,.3)
}

.layui-layer-close {
	position: absolute
}

.layui-layer-content {
	position: relative
}

.layui-layer-border {
	border: 1px solid #b2b2b2;
	border: 1px solid rgba(0,0,0,.1);
	box-shadow: 1px 1px 5px rgba(0,0,0,.2)
}

.layui-layer-load {
	background: url(loading-1.gif) center center no-repeat #eee
}

.layui-layer-ico {
	background: url(icon.png) no-repeat
}

.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top
}

.layui-layer-move {
	display: none;
	position: fixed;
	*position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: move;
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: #fff;
	z-index: 2147483647
}

.layui-layer-resize {
	position: absolute;
	width: 15px;
	height: 15px;
	right: 0;
	bottom: 0;
	cursor: se-resize
}

.layer-anim {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .3s;
	animation-duration: .3s
}

@-webkit-keyframes layer-bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes layer-bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		-ms-transform: scale(.5);
		transform: scale(.5)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.layer-anim-00 {
	-webkit-animation-name: layer-bounceIn;
	animation-name: layer-bounceIn
}

@-webkit-keyframes layer-zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

@keyframes layer-zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		-ms-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		-ms-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

.layer-anim-01 {
	-webkit-animation-name: layer-zoomInDown;
	animation-name: layer-zoomInDown
}

@-webkit-keyframes layer-fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes layer-fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px)
	}

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

.layer-anim-02 {
	-webkit-animation-name: layer-fadeInUpBig;
	animation-name: layer-fadeInUpBig
}

@-webkit-keyframes layer-zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(48px);
		transform: scale(.475) translateX(48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

@keyframes layer-zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		-ms-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(48px);
		-ms-transform: scale(.475) translateX(48px);
		transform: scale(.475) translateX(48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

.layer-anim-03 {
	-webkit-animation-name: layer-zoomInLeft;
	animation-name: layer-zoomInLeft
}

@-webkit-keyframes layer-rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
}

@keyframes layer-rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		-ms-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		-ms-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
}

.layer-anim-04 {
	-webkit-animation-name: layer-rollIn;
	animation-name: layer-rollIn
}

@keyframes layer-fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.layer-anim-05 {
	-webkit-animation-name: layer-fadeIn;
	animation-name: layer-fadeIn
}

@-webkit-keyframes layer-shake {
	0%,100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}

@keyframes layer-shake {
	0%,100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px)
	}
}

.layer-anim-06 {
	-webkit-animation-name: layer-shake;
	animation-name: layer-shake
}

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

	100% {
		opacity: 1
	}
}

.layui-layer-title {
	padding: 0 80px 0 20px;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	background-color: #f8f8f8;
	border-radius: 2px 2px 0 0
}

.layui-layer-setwin {
	position: absolute;
	right: 15px;
	*right: 0;
	top: 15px;
	font-size: 0;
	line-height: initial
}

.layui-layer-setwin a {
	position: relative;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	font-size: 12px;
	_overflow: hidden
}

.layui-layer-setwin .layui-layer-min cite {
	position: absolute;
	width: 14px;
	height: 2px;
	left: 0;
	top: 50%;
	margin-top: -1px;
	background-color: #2e2d3c;
	cursor: pointer;
	_overflow: hidden
}

.layui-layer-setwin .layui-layer-min:hover cite {
	background-color: #2d93ca
}

.layui-layer-setwin .layui-layer-max {
	background-position: -32px -40px
}

.layui-layer-setwin .layui-layer-max:hover {
	background-position: -16px -40px
}

.layui-layer-setwin .layui-layer-maxmin {
	background-position: -65px -40px
}

.layui-layer-setwin .layui-layer-maxmin:hover {
	background-position: -49px -40px
}

.layui-layer-setwin .layui-layer-close1 {
	background-position: 1px -40px;
	cursor: pointer
}

.layui-layer-setwin .layui-layer-close1:hover {
	opacity: .7
}

.layui-layer-setwin .layui-layer-close2 {
	position: absolute;
	right: -28px;
	top: -28px;
	width: 30px;
	height: 30px;
	margin-left: 0;
	background-position: -149px -31px;
	*right: -18px;
	_display: none
}

.layui-layer-setwin .layui-layer-close2:hover {
	background-position: -180px -31px
}

.layui-layer-btn {
	text-align: right;
	padding: 0 15px 12px;
	pointer-events: auto;
	user-select: none;
	-webkit-user-select: none
}

.layui-layer-btn a {
	height: 28px;
	line-height: 28px;
	margin: 5px 5px 0;
	padding: 0 15px;
	border: 1px solid #dedede;
	background-color: #fff;
	color: #333;
	border-radius: 2px;
	font-weight: 400;
	cursor: pointer;
	text-decoration: none
}

.layui-layer-btn a:hover {
	opacity: .9;
	text-decoration: none
}

.layui-layer-btn a:active {
	opacity: .8
}

.layui-layer-btn .layui-layer-btn0 {
	border-color: #1e9fff;
	background-color: #1e9fff;
	color: #fff
}

.layui-layer-btn-l {
	text-align: left
}

.layui-layer-btn-c {
	text-align: center
}

.layui-layer-dialog {
	min-width: 260px
}

.layui-layer-dialog .layui-layer-content {
	position: relative;
	padding: 20px;
	line-height: 24px;
	word-break: break-all;
	overflow: hidden;
	font-size: 14px;
	overflow-x: hidden;
	overflow-y: auto
}

.layui-layer-dialog .layui-layer-content .layui-layer-ico {
	position: absolute;
	top: 16px;
	left: 15px;
	_left: -40px;
	width: 30px;
	height: 30px
}

.layui-layer-ico1 {
	background-position: -30px 0
}

.layui-layer-ico2 {
	background-position: -60px 0
}

.layui-layer-ico3 {
	background-position: -90px 0
}

.layui-layer-ico4 {
	background-position: -120px 0
}

.layui-layer-ico5 {
	background-position: -150px 0
}

.layui-layer-ico6 {
	background-position: -180px 0
}

.layui-layer-rim {
	border: 6px solid #8d8d8d;
	border: 6px solid rgba(0,0,0,.3);
	border-radius: 5px;
	box-shadow: none
}

.layui-layer-msg {
	min-width: 180px;
	border: 1px solid #d3d4d3;
	box-shadow: none
}

.layui-layer-hui {
	min-width: 100px;
	background-color: #000;
	filter: alpha(opacity=60);
	background-color: rgba(0,0,0,.6);
	color: #fff;
	border: 0
}

.layui-layer-hui .layui-layer-content {
	padding: 12px 25px;
	text-align: center
}

.layui-layer-dialog .layui-layer-padding {
	padding: 20px 20px 20px 55px;
	text-align: left
}

.layui-layer-page .layui-layer-content {
	position: relative;
	overflow: auto
}

.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn {
	padding-top: 10px
}

.layui-layer-nobg {
	background: 0
}

.layui-layer-iframe iframe {
	display: block;
	width: 100%
}

.layui-layer-loading {
	border-radius: 100%;
	background: 0;
	box-shadow: none;
	border: 0
}

.layui-layer-loading .layui-layer-content {
	width: 60px;
	height: 24px;
	background: url(loading-0.gif) no-repeat
}

.layui-layer-loading .layui-layer-loading1 {
	width: 37px;
	height: 37px;
	background: url(loading-1.gif) no-repeat
}

.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2 {
	width: 32px;
	height: 32px;
	background: url(loading-2.gif) no-repeat
}

.layui-layer-tips {
	background: 0;
	box-shadow: none;
	border: 0
}

.layui-layer-tips .layui-layer-content {
	position: relative;
	line-height: 22px;
	min-width: 12px;
	padding: 8px 15px;
	font-size: 12px;
	_float: left;
	border-radius: 2px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	background-color: #000;
	color: #fff
}

.layui-layer-tips .layui-layer-close {
	right: -2px;
	top: -1px
}

.layui-layer-tips i.layui-layer-TipsG {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 8px;
	border-color: transparent;
	border-style: dashed;
	*overflow: hidden
}

.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT {
	left: 5px;
	border-right-style: solid;
	border-right-color: #000
}

.layui-layer-tips i.layui-layer-TipsT {
	bottom: -8px
}

.layui-layer-tips i.layui-layer-TipsB {
	top: -8px
}

.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR {
	top: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000
}

.layui-layer-tips i.layui-layer-TipsR {
	left: -8px
}

.layui-layer-tips i.layui-layer-TipsL {
	right: -8px
}

.layui-layer-lan[type=dialog] {
	min-width: 280px
}

.layui-layer-lan .layui-layer-title {
	background: #4476a7;
	color: #fff;
	border: 0
}

.layui-layer-lan .layui-layer-btn {
	padding: 5px 10px 10px;
	text-align: right;
	border-top: 1px solid #e9e7e7
}

.layui-layer-lan .layui-layer-btn a {
	background: #fff;
	border-color: #e9e7e7;
	color: #333
}

.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
	background: #c9c5c5
}

.layui-layer-molv .layui-layer-title {
	background: #009f95;
	color: #fff;
	border: 0
}

.layui-layer-molv .layui-layer-btn a {
	background: #009f95;
	border-color: #009f95
}

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
	background: #92b8b1
}

.layui-layer-iconext {
	background: url(icon-ext.png) no-repeat
}

.layui-layer-prompt .layui-layer-input {
	display: block;
	width: 230px;
	height: 36px;
	margin: 0 auto;
	line-height: 30px;
	padding-left: 10px;
	border: 1px solid #e6e6e6;
	color: #333
}

.layui-layer-prompt textarea.layui-layer-input {
	width: 300px;
	height: 100px;
	line-height: 20px;
	padding: 6px 10px
}

.layui-layer-prompt .layui-layer-content {
	padding: 20px
}

.layui-layer-prompt .layui-layer-btn {
	padding-top: 0
}

.layui-layer-tab {
	box-shadow: 1px 1px 50px rgba(0,0,0,.4)
}

.layui-layer-tab .layui-layer-title {
	padding-left: 0;
	overflow: visible
}

.layui-layer-tab .layui-layer-title span {
	position: relative;
	float: left;
	min-width: 80px;
	max-width: 260px;
	padding: 0 20px;
	text-align: center;
	overflow: hidden;
	cursor: pointer
}

.layui-layer-tab .layui-layer-title span.layui-this {
	height: 43px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	background-color: #fff;
	z-index: 10
}

.layui-layer-tab .layui-layer-title span:first-child {
	border-left: none
}

.layui-layer-tabmain {
	line-height: 24px;
	clear: both
}

.layui-layer-tabmain .layui-layer-tabli {
	display: none
}

.layui-layer-tabmain .layui-layer-tabli.layui-this {
	display: block
}

.layui-layer-photos {
	-webkit-animation-duration: .8s;
	animation-duration: .8s
}

.layui-layer-photos .layui-layer-content {
	overflow: hidden;
	text-align: center
}

.layui-layer-photos .layui-layer-phimg img {
	position: relative;
	width: 100%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top
}

.layui-layer-imgbar,.layui-layer-imguide {
	display: none
}

.layui-layer-imgnext,.layui-layer-imgprev {
	position: absolute;
	top: 50%;
	width: 27px;
	_width: 44px;
	height: 44px;
	margin-top: -22px;
	outline: 0;
	blr: expression(this.onFocus=this.blur())
}

.layui-layer-imgprev {
	left: 10px;
	background-position: -5px -5px;
	_background-position: -70px -5px
}

.layui-layer-imgprev:hover {
	background-position: -33px -5px;
	_background-position: -120px -5px
}

.layui-layer-imgnext {
	right: 10px;
	_right: 8px;
	background-position: -5px -50px;
	_background-position: -70px -50px
}

.layui-layer-imgnext:hover {
	background-position: -33px -50px;
	_background-position: -120px -50px
}

.layui-layer-imgbar {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 32px;
	line-height: 32px;
	background-color: rgba(0,0,0,.8);
	background-color: #000\9;
	filter: Alpha(opacity=80);
	color: #fff;
	overflow: hidden;
	font-size: 0
}

.layui-layer-imgtit * {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	font-size: 12px
}

.layui-layer-imgtit a {
	max-width: 65%;
	overflow: hidden;
	color: #fff
}

.layui-layer-imgtit a:hover {
	color: #fff;
	text-decoration: underline
}

.layui-layer-imgtit em {
	padding-left: 10px;
	font-style: normal
}

@-webkit-keyframes layer-bounceOut {
	100% {
		opacity: 0;
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}

	30% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes layer-bounceOut {
	100% {
		opacity: 0;
		-webkit-transform: scale(.7);
		-ms-transform: scale(.7);
		transform: scale(.7)
	}

	30% {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05)
	}

	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.layer-anim-close {
	-webkit-animation-name: layer-bounceOut;
	animation-name: layer-bounceOut;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .2s;
	animation-duration: .2s
}

@media screen and (max-width:1100px) {
	.layui-layer-iframe {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch
	}
}

.layui-layer-page .layui-layer-content {
	overflow: visible
}

.base-pop .zh-pop {
	position: relative;
	padding-top: 0
}

.base-pop * {
	box-sizing: border-box
}

.base-pop .closexicon {
	position: absolute;
	right: 4px;
	top: 16px;
	z-index: 3
}

.base-pop span,.base-pop p {
	margin: 0;
	padding: 0
}

.no-radius.layui-layer {
	border-radius: 0
}

.transparent-pop.layui-layer {
	background: transparent;
	overflow: visible;
	box-shadow: none
}

.transparent-pop.layui-layer-page .layui-layer-content {
	overflow: visible
}

.layui-layer-page.over-pop .layui-layer-content {
	overflow: visible
}

.custom-pop {
	display: none;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 0
}

.custom-pop * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.custom-pop .closeX {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	cursor: pointer
}

.custom-pop .closeX i {
	color: #666;
	font-weight: bold;
	font-size: 18px
}

.display-none {
	display: none
}

.zh-pop {
	display: none;
	border-radius: 6px;
	padding: 0;
	padding-top: 11px;
	-webkit-font-smoothing: antialiased
}

.closexicon {
	text-align: right;
	color: #999;
	padding-right: 14px;
	font-size: 14px;
	height: 14px;
	cursor: pointer;
	z-index: 3
}

.downpop {
	font-size: 18px;
	color: #333;
	text-align: center;
	padding: 32px 41px 41px 40px;
	font-size: 14px
}

.downpop i {
	-webkit-font-smoothing: initial!important;
	font-weight: bold;
	margin-bottom: 10px;
	display: inline-block
}

.downpop span {
	-webkit-font-smoothing: antialiased;
	margin-top: 10px
}

.downpop p {
	margin-top: 56px
}

.downpop p button,.downpop p a {
	border: 1px solid #f52f3e;
	border-radius: 28px;
	text-align: center;
	line-height: 30px;
	width: 126px;
	height: 30px;
	font-size: 16px;
	display: inline-block
}

.gondown {
	color: #f52f3e;
	background: #fff;
	margin-right: 37px
}

.goon {
	color: #fff;
	background: #f52f3e
}

.pay-success .pay-success-img {
	position: absolute;
	left: 50%;
	margin-left: -124.5px;
	width: 249px;
	height: 87px;
	top: -65px
}

.pay-success .remain-time-p span {
	color: #f52f3e;
	font-size: 14px
}

.pay-success h4 {
	font-size: 22px;
	font-family: PingFangSC-Medium;
	color: rgba(51,51,51,1);
	line-height: 30px
}

.pay-success i {
	margin-top: 20px;
	font-size: 14px;
	font-family: PingFangSC-Medium;
	color: rgba(51,51,51,1);
	line-height: 20px
}

.pay-success span {
	font-size: 12px;
	font-family: PingFangSC-Light;
	color: rgba(51,51,51,1);
	line-height: 17px
}

.zh-pay-success-pop .layui-layer-content {
	overflow: visible!important
}

.pay-success .downpop p {
	margin-top: 30px
}

.pay-success .downpop {
	padding-top: 16px
}

.open-vip h4 {
	font-size: 22px;
	color: #333;
	letter-spacing: .51px;
	margin-top: -22px
}

.open-vip h5 {
	font-size: 14px;
	color: #333;
	padding-top: 16px
}

.open-vip p {
	font-size: 14px;
	color: #151515;
	margin-top: 5px
}

.open-vip p span {
	color: #f52f3e
}

.open-vip .btn-open {
	display: block;
	margin: 20px auto 10px;
	width: 120px;
	height: 30px;
	line-height: 30px;
	background: #f52f3e;
	border: 1px solid #f52f3e;
	border-radius: 15px;
	font-size: 16px;
	color: #fff
}

.open-vip .btn-open:hover {
	background: #fc5b67
}

.open-vip .reset {
	font-size: 14px;
	color: #999;
	text-decoration: underline
}

.more-art-download-pop h4 {
	font-size: 18px;
	color: #333;
	margin-top: -8px
}

.more-art-download-pop h5 {
	font-size: 18px;
	color: #333;
	margin-top: 18px;
	font-weight: normal
}

.more-art-download-pop .validation {
	margin-top: 18px;
	display: flex;
	display: -webkit-flex;
	justify-content: center
}

.more-art-download-pop .validation .input {
	border-bottom: 2px solid #979797;
	width: 116px;
	line-height: 30px
}

.more-art-download-pop .validation-warning {
	display: none
}

.more-art-download-pop .validation-warning .warning {
	margin-left: -98px;
	color: #f52f3e
}

.more-art-download-pop p {
	margin-top: 26px
}

.more-art-download-pop .btn-reset {
	width: 146px;
	height: 38px;
	border-radius: 20px;
	background: #fff;
	font-size: 20px;
	color: #f52f3e;
	line-height: 40px;
	margin-right: 18px
}

.more-art-download-pop .btn-submit {
	width: 146px;
	height: 38px;
	border-radius: 20px;
	background: #f52f3e;
	font-size: 20px;
	color: #fff;
	line-height: 40px
}

.one-button-style-one .main-content-p {
	margin-top: 10px
}

.one-button-style-one .title {
	font-size: 18px;
	color: #333;
	letter-spacing: 0
}

.one-button-style-one .main-content,.one-button-style-one .notice-content {
	font-size: 18px;
	color: #333;
	letter-spacing: 0;
	text-align: center
}

.one-button-style-one .button-p {
	margin-top: 30px
}

.one-button-style-one .goon {
	background: #f52f3e;
	border: 1px solid #f52f3e;
	border-radius: 28px
}

.one-button-href-one .main-content-p {
	margin-top: 10px
}

.one-button-href-one .title {
	font-size: 18px;
	color: #333;
	letter-spacing: 0
}

.one-button-href-one .main-content,.one-button-href-one .notice-content {
	font-size: 18px;
	color: #333;
	letter-spacing: 0;
	text-align: center
}

.one-button-href-one .button-p {
	margin-top: 30px
}

.one-button-href-one .goon {
	background: #f52f3e;
	border: 1px solid #f52f3e;
	border-radius: 28px
}

.down-pop {
	font-size: 18px;
	color: #333;
	text-align: center;
	padding: 32px 41px 41px 40px;
	font-size: 14px
}

.down-pop i {
	-webkit-font-smoothing: initial!important;
	font-weight: bold;
	margin-bottom: 10px;
	display: inline-block
}

.down-pop span {
	-webkit-font-smoothing: antialiased;
	margin-top: 10px
}

.down-pop p button,.down-pop p a {
	border: 1px solid #f52f3e;
	border-radius: 28px;
	text-align: center;
	line-height: 30px;
	width: 126px;
	height: 30px;
	font-size: 16px;
	display: inline-block
}

.personal-auth .downpop,.enterprise-auth .downpop,.transfer-auth .downpop {
	padding: 0 32px 36px
}

.personal-auth h4,.enterprise-auth h4,.transfer-auth h4 {
	font-size: 16px;
	color: #333;
	margin-top: -6px;
	margin-bottom: 35px
}

.personal-auth p,.enterprise-auth p,.transfer-auth p {
	margin-top: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	padding-bottom: 23px;
	position: relative
}

.personal-auth p>span,.enterprise-auth p>span,.transfer-auth p>span {
	display: inline-block;
	width: 120px;
	font-size: 14px;
	color: #333;
	text-align: right;
	margin-top: 5px
}

.personal-auth p input,.enterprise-auth p input,.transfer-auth p input {
	width: 314px;
	height: 28px;
	background: #f4f4f4;
	border: 1px solid #ddd;
	border-radius: 2px;
	text-indent: 14px;
	font-size: 14px;
	color: #333;
	margin-left: 10px
}

.personal-auth p input::placeholder,.enterprise-auth p input::placeholder,.transfer-auth p input::placeholder {
	color: #999
}

.personal-auth p input:-moz-placeholder,.enterprise-auth p input:-moz-placeholder,.transfer-auth p input:-moz-placeholder {
	color: #999
}

.personal-auth p input:-ms-input-placeholder,.enterprise-authp input:-ms-input-placeholder,.transfer-authp input:-ms-input-placeholder {
	color: #999
}

.personal-auth p input::-webkit-input-placeholder,.enterprise-auth p input::-webkit-input-placeholder,.transfer-auth p input::-webkit-input-placeholder {
	color: #999
}

.personal-auth p em,.enterprise-auth p em,.trabsfer-auth p em {
	position: absolute;
	left: 144px;
	bottom: 4px;
	font-size: 12px;
	color: #f52f3e
}

.personal-auth .btn-save,.enterprise-auth .btn-save,.transfer-auth .btn-save {
	display: block;
	margin: 14px auto 0;
	width: 146px;
	height: 30px;
	border-radius: 15px;
	background: #f52f3e;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	cursor: pointer
}

.change-auth .downpop {
	padding: 82px 88px 60px
}

.change-auth p {
	margin-top: 0
}

.change-auth .info {
	font-size: 18px;
	color: #333;
	text-align: center;
	margin-bottom: 50px
}

.change-auth .btn-submit {
	display: inline-block;
	width: 146px;
	height: 30px;
	border-radius: 15px;
	background: #f52f3e;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	margin-right: 34px;
	cursor: pointer
}

.change-auth .btn-reset {
	display: inline-block;
	width: 146px;
	height: 30px;
	border-radius: 15px;
	border: 1px solid #f52f3e;
	font-size: 16px;
	color: #f52f3e;
	line-height: 28px;
	text-align: center;
	cursor: pointer
}

.share-designer.zh-pop {
	position: relative;
	padding-top: 0
}

.share-designer .closexicon {
	position: absolute;
	right: 0;
	top: 11px
}

.share-designer .downpop {
	padding: 0;
	height: 220px
}

.share-designer .downpop h4 {
	line-height: 40px;
	text-align: center;
	border-bottom: 1px solid #dfdfdf;
	font-size: 16px;
	color: #666;
	letter-spacing: 2.67px
}

.share-designer .downpop .share-box {
	margin: 25px auto 0;
	width: 502px;
	height: 36px;
	border: 1px solid #d8d8d8;
	border-radius: 8px;
	box-sizing: border-box
}

.share-designer .share-box input {
	border: 0;
	outline: 0;
	text-indent: 12px;
	width: 416px;
	height: 34px;
	border-radius: 8px 0 0 8px
}

.share-designer .share-box .btn-copy {
	width: 84px;
	height: 36px;
	margin: -1px -1px;
	background: #f52f3e;
	border-radius: 0 8px 8px 0;
	font-size: 14px;
	color: #fff;
	letter-spacing: 2.33px;
	text-align: center;
	line-height: 36px
}

.share-designer .share-box .btn-copy:hover {
	background: #fc5b67
}

.share-designer .downpop p {
	margin-top: 44px;
	font-size: 16.8px;
	color: #999;
	line-height: 24px
}

.share-designer .downpop p a {
	border: 0;
	line-height: 24px;
	width: auto;
	color: #999;
	font-size: 16px;
	letter-spacing: 2px;
	margin-right: 8px
}

.exchange-success.zh-pop {
	position: relative;
	padding-top: 0
}

.exchange-success .closexicon {
	position: absolute;
	right: 0;
	top: 14px
}

.exchange-success .downpop {
	height: 336px;
	padding: 44px 26px 25px;
	box-sizing: border-box
}

.exchange-success .line {
	margin-bottom: 8px
}

.exchange-success .title {
	float: left;
	width: 74px;
	text-align: right;
	margin-top: 0;
	font-size: 14px;
	color: #4a4a4a;
	letter-spacing: .32px;
	font-weight: bold
}

.exchange-success .lh38 {
	margin-top: 18px
}

.exchange-success .lh38 .title {
	line-height: 38px
}

.exchange-success .form-con {
	float: left;
	width: 272px;
	text-align: left;
	font-size: 14px;
	color: #4a4a4a;
	letter-spacing: .32px;
	font-weight: bold
}

.exchange-success .form-con .red {
	color: #f52f3e
}

.exchange-success .line input {
	width: 100%;
	height: 38px;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	font-size: 12px;
	color: #666;
	letter-spacing: .28px;
	text-indent: 16px;
	margin-bottom: 2px
}

.exchange-success .form-con .warning {
	font-size: 12px;
	color: #666;
	letter-spacing: .28px;
	font-weight: normal;
	padding-left: 8px;
	box-sizing: border-box
}

.exchange-success .downpop p {
	margin-top: 26px
}

.exchange-success .btn-reset,.exchange-success .btn-submit {
	display: inline-block;
	width: 120px;
	height: 32px;
	background: #a6a6a6;
	border-radius: 16px;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	color: #fff;
	letter-spacing: .82px;
	border: 0;
	box-sizing: border-box;
	cursor: pointer
}

.exchange-success .btn-submit {
	background: #f52f3e;
	margin-left: 40px
}

.exchange-success .btn-submit:hover {
	background: #fc5b67
}

.exchange-fail.zh-pop {
	position: relative;
	padding-top: 0
}

.exchange-fail .closexicon {
	position: absolute;
	right: 0;
	top: 14px
}

.exchange-fail .downpop {
	height: 295px;
	padding: 66px 0;
	box-sizing: border-box
}

.exchange-fail .downpop i {
	font-size: 44px;
	color: #f52f3e;
	text-align: center
}

.exchange-fail .downpop .info {
	font-size: 22px;
	color: #333;
	letter-spacing: .51px;
	margin: 10px auto 25px;
	font-weight: bold
}

.exchange-fail .btn-reset,.exchange-fail .btn-submit {
	display: inline-block;
	width: 120px;
	height: 32px;
	background: #a6a6a6;
	border-radius: 16px;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	color: #fff;
	letter-spacing: .82px;
	border: 0;
	box-sizing: border-box;
	cursor: pointer
}

.exchange-fail .btn-submit {
	background: #f52f3e;
	margin-left: 40px
}

.exchange-fail .btn-submit:hover {
	background: #fc5b67
}

.invite-friends.zh-pop {
	position: relative;
	padding-top: 0;
	background: #0000FF;
	background-image: -o-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: -moz-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: -webkit-linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	background-image: -ms-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=0)
}

.invite-friends .closexicon {
	position: absolute;
	right: 0;
	top: 14px;
	color: #fff
}

.invite-friends .downpop {
	height: 378px;
	padding: 30px 32px 24px;
	box-sizing: border-box
}

.invite-friends .top-box {
	display: flex;
	display: -webkit-flex
}

.invite-friends .top-box>div {
	width: 50%;
	text-align: center
}

.invite-friends .top-box>div:first-child {
	border-right: 1px solid #fff
}

.invite-friends .top-box .tb-tit {
	margin-top: 0;
	font-size: 16px;
	color: #fff;
	letter-spacing: 2.67px
}

.invite-friends .top-box .tb-tit i {
	font-size: 18px;
	color: #fff;
	margin-left: 5px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased
}

.invite-friends .top-box .tb-num {
	font-size: 14px;
	color: #fff;
	letter-spacing: 2.33px;
	margin-top: 0;
	height: 54px
}

.invite-friends .top-box .tb-num>em {
	font-size: 48px;
	color: #fbfe1f;
	letter-spacing: 8px;
	font-weight: bold
}

.invite-friends .invite-box {
	width: 486px;
	height: 150px;
	padding: 36px 14px 33px;
	background: #fff;
	border-radius: 6px;
	box-sizing: border-box;
	margin: 30px auto 20px
}

.invite-friends .invite-input {
	float: left;
	width: 374px;
	height: 36px;
	border: 1px solid #d8d8d8;
	border-right: 0;
	border-radius: 8px 0 0 8px;
	box-sizing: border-box;
	text-indent: 14px;
	font-size: 14px
}

.invite-friends .btn-copy {
	width: 84px;
	height: 36px;
	background: #0000FF;
	background-image: -o-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: -moz-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: -webkit-linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	background-image: -ms-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=0);
	border-radius: 0 8px 8px 0;
	font-size: 14px;
	color: #fff;
	letter-spacing: 2.33px;
	text-align: center;
	line-height: 36px
}

.invite-friends .btn-copy:hover {
	background: #fc5b67
}

.invite-friends .invite-info {
	font-size: 16px;
	color: #666;
	letter-spacing: 2.67px;
	text-align: center;
	margin-top: 56px
}

.invite-friends .warning {
	margin-top: 0;
	font-size: 14px;
	color: #fff;
	letter-spacing: 1.83px;
	text-align: left
}

.sign-in-pop.zh-pop {
	position: relative;
	padding-top: 0
}

.sign-in-pop .closexicon {
	position: absolute;
	right: 0;
	top: 35px;
	z-index: 3
}

.sign-in-pop .closexicon i {
	color: #fff
}

.sign-in-pop .downpop {
	padding: 0 0 44px;
	border-radius: 6px;
	overflow: visible;
	box-sizing: border-box
}

.sign-in-pop .banner {
	height: 261px;
	background: url(sign-in-bg.png) no-repeat center;
	position: relative;
	z-index: 2
}

.sign-in-pop .banner .title {
	line-height: 44px;
	text-align: center;
	font-size: 22px;
	color: #b25a0a;
	box-sizing: border-box;
	font-weight: bolder
}

.sign-in-pop .banner .subtitle {
	font-size: 30px;
	color: #fff;
	padding-top: 20px
}

.sign-in-pop .banner .subtitle>span {
	color: #fff707
}

.sign-in-pop .banner .info {
	display: block;
	margin: 12px auto 0;
	width: 150px;
	height: 22px;
	border-radius: 10px;
	background: #343434;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	line-height: 22px
}

.sign-in-pop .banner .end-time {
	margin-top: 0;
	color: white;
	font-size: 12px;
	position: absolute;
	text-align: center;
	width: 100%
}

.sign-in-pop .banner .pregress-box {
	height: 100px;
	position: relative;
	margin-top: 16px;
	padding: 44px 57px 52px;
	box-sizing: border-box
}

.sign-in-pop .pregress-box .line {
	background: #fae871;
	height: 4px;
	width: 12px;
	border-radius: 2px;
	max-width: 348px;
	position: relative
}

.sign-in-pop .pregress-box .days {
	position: absolute;
	bottom: -24px;
	right: -15px;
	width: 32px;
	font-size: 14px;
	color: #f52f3e
}

.sign-in-pop .pregress-box .points {
	position: absolute;
	top: 34px;
	left: 47px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #f9e466;
	box-shadow: 0 2px 0 0 #b43a43
}

.sign-in-pop .pregress-box .points:before {
	position: absolute;
	content: '0天';
	top: -25px;
	left: 0;
	width: 32px;
	font-size: 14px;
	color: #f52f3e
}

.sign-in-pop .pregress-box .red-bag {
	position: absolute;
	top: 30px;
	width: 24px;
	height: 32px;
	background: url(red-bag.png) no-repeat center
}

.sign-in-pop .pregress-box .red-bag.middle {
	left: 215px
}

.sign-in-pop .pregress-box .middle:before {
	position: absolute;
	content: '15天';
	top: -23px;
	left: -5px;
	width: 32px;
	font-size: 14px;
	color: #f52f3e
}

.sign-in-pop .pregress-box .red-bag.end {
	right: 50px
}

.sign-in-pop .pregress-box .end:before {
	position: absolute;
	content: '30天';
	top: -23px;
	left: -5px;
	width: 32px;
	font-size: 14px;
	color: #f52f3e
}

.sign-in-pop .pregress-box .red-bag .pop {
	position: absolute;
	bottom: -28px;
	left: -24px;
	width: 67px;
	height: 20px;
	background: #f52f3e;
	line-height: 20px;
	text-align: center;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box
}

.sign-in-pop .pregress-box .red-bag .pop:before {
	position: absolute;
	content: '';
	top: -4px;
	left: 32px;
	width: 8px;
	height: 8px;
	background: #f52f3e;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}

.sign-in-pop .pregress-box .red-bag .btn-get {
	display: none;
	position: absolute;
	top: 24px;
	left: -48px;
	width: 118px;
	height: 25px;
	border-radius: 13px;
	background: #fae871;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	color: #5c2d0f;
	box-shadow: 0 3px 3px 0 #ea8545;
	cursor: pointer
}

.sign-in-pop .pregress-box .red-bag .btn-get:hover {
	background: #fccf3e
}

.sign-in-pop .pregress-box.get15 .days {
	display: none
}

.sign-in-pop .pregress-box.get15 .middle .pop {
	display: none
}

.sign-in-pop .pregress-box.get15 .middle .btn-get {
	display: block
}

.sign-in-pop .pregress-box.get30 .days {
	display: none
}

.sign-in-pop .pregress-box.get30 .end .pop {
	display: none
}

.sign-in-pop .pregress-box.get30 .end .btn-get {
	display: block
}

.sign-in-pop .get-awards {
	background: #fff;
	margin-top: -34px;
	padding-top: 65px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	padding-bottom: 88px
}

.sign-in-pop .get-awards .info {
	font-size: 16px;
	color: #f52f3e;
	margin-top: 0;
	font-weight: bold
}

.sign-in-pop .get-awards .error-info {
	display: none;
	position: absolute;
	top: 95px;
	left: 190px;
	font-size: 12px;
	color: #f52f3e
}

.sign-in-pop .get-awards.error .error-info {
	display: block
}

.sign-in-pop .get-awards input[type="phone"] {
	margin-top: 21px;
	width: 322px;
	height: 40px;
	border: 1px solid #d2d2d2;
	border-radius: 2px;
	outline: 0;
	text-indent: 16px;
	font-size: 18px;
	color: #333
}

.sign-in-pop .get-awards input::placeholder {
	font-size: 14px;
	color: #999
}

.sign-in-pop .get-awards input:focus {
	border-color: #f42e3d
}

.sign-in-pop .get-awards .warning-info {
	font-size: 14px;
	color: #f52f3e;
	padding-top: 20px;
	margin-top: 0
}

.sign-in-pop .get-awards .btn-submit {
	display: block;
	margin: 50px auto 0;
	width: 175px;
	height: 36px;
	border-radius: 18px;
	background: #f52f3e;
	text-align: center;
	line-height: 36px;
	font-size: 16px;
	color: #fff
}

.sign-in-pop .sign-record {
	padding-top: 50px;
	padding-left: 22px;
	box-sizing: border-box;
	background: #fff;
	margin-top: -34px
}

.sign-in-pop .sign-record>li {
	float: left;
	margin: 0 17px 20px 0;
	width: 78px;
	box-sizing: border-box
}

.sign-in-pop .sign-record .day {
	text-align: center;
	font-size: 12px;
	color: #666;
	letter-spacing: 2px;
	margin-top: 0;
	margin-bottom: 10px
}

.sign-in-pop .sign-record .coin-box {
	width: 100%;
	height: 70px;
	background: #e3e3e2;
	border-radius: 6px;
	position: relative
}

.sign-in-pop .sign-record .coin {
	width: 36px;
	height: 36px;
	margin: 10px auto 0;
	background: url(coin.png) no-repeat center
}

.sign-in-pop .sign-record .info {
	font-size: 12px;
	color: #666;
	letter-spacing: 1px;
	margin-top: 0
}

.sign-in-pop .sign-record .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .9;
	background: #444;
	border-radius: 6px;
	font-size: 12px;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
	line-height: 70px;
	display: none;
	z-index: 2
}

.sign-in-pop .sign-record .third-day {
	width: 136px
}

.sign-in-pop .sign-record .seventh-day {
	width: 233px
}

.sign-in-pop .third-day .coin-box:after,.sign-in-pop .seventh-day .coin-box:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 56px;
	height: 57px;
	background: url(tag.png) no-repeat center
}

.sign-in-pop .sign-record .signed .mask {
	display: block
}

.sign-in-pop .sign-record .today .coin-box {
	background: #0000FF;
	background-image: -o-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: -moz-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: -webkit-linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	background-image: -ms-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=0)
}

.sign-in-pop .sign-record .today .info {
	color: #fff
}

.sign-in-pop .sign-bottom {
	background: #fff;
	padding-bottom: 30px
}

.sign-in-pop .btn-exchange {
	display: inline-block;
	width: 123px;
	height: 36px;
	border-radius: 18px;
	background: #333;
	text-align: center;
	line-height: 36px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 1.27px;
	margin-top: 10px
}

.sign-in-pop .btn-sign {
	display: inline-block;
	width: 175px;
	height: 36px;
	border-radius: 18px;
	background: #0000FF;
	background-image: -o-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: -moz-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: -webkit-linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	background-image: -ms-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=0);
	text-align: center;
	line-height: 36px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 1.27px;
	margin-left: 18px
}

.sign-in-pop .btn-sign.signed {
	background: #a6a6a6
}

.sign-in-pop .btn-sign.signed:hover {
	background: #a6a6a6
}

.sign-in-pop .btn-sign:hover {
	background: #0000FF;
	background-image: -o-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: -moz-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: -webkit-linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	background-image: -ms-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=0)
}

.sign-in-pop.original .closexicon {
	top: 12px
}

.sign-in-pop.original .downpop {
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.sign-in-pop.original .banner {
	height: 167px;
	background: #0000FF;
	background-image: -o-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: -moz-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: -webkit-linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	background-image: -ms-linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	background-image: linear-gradient(180deg,#0000FF 0,#1E90FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=0);
	position: relative
}

.sign-in-pop.original .banner:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: -14px;
	width: 100%;
	height: 61px;
	background: url(sign-in.png) no-repeat center
}

.sign-in-pop.original .banner .title {
	font-size: 32px;
	color: #fff;
	letter-spacing: 5.33px;
	padding-top: 40px
}

.sign-in-pop.original .banner .info {
	margin-top: 8px;
	width: 134px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 2px
}

.sign-in-pop.original .sign-record {
	padding-top: 55px;
	padding-left: 24px
}

.sign-in-pop.original .sign-bottom {
	padding-bottom: 44px
}

.sign-in-success {
	position: relative;
	padding-top: 0;
	display: none
}

.sign-in-success .closexicon {
	position: absolute;
	right: 0;
	top: 90px
}

.sign-in-success .downpop {
	padding: 0;
	height: 298px;
	box-sizing: border-box
}

.sign-in-success .coin-tag {
	width: 190px;
	height: 189px;
	display: block;
	margin: -78px auto 0;
	background: url(coin-tag.png) no-repeat center;
	font-size: 16px;
	color: #fff;
	letter-spacing: .37px;
	padding-top: 100px;
	box-sizing: border-box
}

.sign-in-success .info {
	margin-top: -6px;
	font-size: 18px;
	color: #333;
	letter-spacing: .41px
}

.sign-in-success .info b {
	font-size: 20px;
	color: #f52f3e;
	letter-spacing: .47px;
	margin: 0 8px
}

.integral-animation2 {
	animation: integralRight 2s linear;
	-webkit-animation: integralRight 2s linear;
	-moz-animation: integralRight 2s linear;
	-o-animation: integralRight 2s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}

@keyframes integralRight {
	from {
		transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		opacity: 1
	}

	to {
		left: 110%;
		top: 31%;
		transform: scale(0);
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		opacity: 0
	}
}

@-webkit-keyframes integralRight {
	from {
		-webkit-transform: scale(1);
		opacity: 1
	}

	to {
		left: 110%;
		top: 31%;
		-webkit-transform: scale(0);
		opacity: 0
	}
}

@-moz-keyframes integralRight {
	from {
		-moz-transform: scale(1);
		-moz-opacity: 1
	}

	to {
		left: 110%;
		top: 31%;
		-moz-transform: scale(0);
		-moz-opacity: 0
	}
}

@-o-keyframes integralRight {
	from {
		-o-transform: scale(1);
		opacity: 1
	}

	to {
		left: 110%;
		top: 31%;
		-o-transform: scale(0);
		opacity: 0
	}
}

.change-avatar .closeX {
	right: -50px;
	top: -20px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #fff;
	line-height: 35px;
	text-align: center
}

.change-avatar .title {
	line-height: 68px;
	text-align: center;
	border-bottom: 1px solid #dee1e4;
	font-size: 18px;
	color: #222;
	font-weight: normal;
	letter-spacing: .6px
}

.change-avatar .operate-box {
	height: 380px;
	border-bottom: 1px solid #dee1e4;
	padding: 28px 40px
}

.change-avatar .operate-img {
	width: 270px
}

.change-avatar .cropper-container {
	width: 270px!important;
	height: 270px!important;
	overflow: hidden
}

.change-avatar .menu {
	margin-top: 20px
}

.change-avatar .btn-upload {
	float: left;
	width: 98px;
	height: 30px;
	border-radius: 15px;
	overflow: hidden;
	cursor: pointer;
	position: relative
}

.change-avatar .btn-upload span {
	background: rgba(45,183,158,0.06);
	border-radius: 15px;
	border: 1px solid rgba(8,165,143,1);
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	color: #08a58f
}

.change-avatar .input-upload {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 98px;
	height: 30px;
	z-index: 2
}

.change-avatar input[type='file'] {
	cursor: pointer
}

.change-avatar .btn-group {
	height: 30px;
	padding: 4px 0
}

.change-avatar .btn-group i {
	font-size: 22px
}

.change-avatar .btn-zoomin,.change-avatar .btn-zoomout,.change-avatar .btn-rotate {
	color: #08a58f;
	cursor: pointer
}

.change-avatar .btn-zoomout {
	margin: 0 15px
}

.change-avatar .preview-box {
	width: 165px;
	height: 165px;
	border-radius: 50%;
	background-color: #d8d8d8;
	overflow: hidden
}

.change-avatar .pb-tit {
	margin-top: 12px;
	font-size: 14px;
	color: #444;
	letter-spacing: 2.5px;
	text-align: center
}

.change-avatar .btn-submit,.change-avatar .btn-reset {
	display: inline-block;
	width: 88px;
	height: 32px;
	border: 0;
	border-radius: 16px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	margin: 32px 0;
	cursor: pointer
}

.change-avatar .btn-reset {
	background-color: #e1e7ea;
	color: #555;
	margin-right: 18px
}

.register-success-pop {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000
}

.register-success-pop .pop-mask {
	background: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.register-success-pop .downpop {
	width: 520px;
	height: 538px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -338px;
	margin-left: -260px;
	background: url(discount.png?v=20181221) no-repeat center;
	padding-top: 138px;
	box-sizing: border-box
}

.register-success-pop .downpop .btn-close {
	position: absolute;
	width: 20px;
	height: 20px;
	color: #fff;
	right: 20px;
	top: 160px;
	cursor: pointer
}

.register-success-pop .info {
	font-size: 28px;
	color: #fff;
	text-align: center;
	text-shadow: 0 2px 4px #db440b;
	margin-top: 20px
}

.register-success-pop .awards {
	font-size: 40px;
	color: #fff;
	text-align: center;
	text-shadow: 0 2px 4px #db440b
}

.register-success-pop .btn-submit {
	display: block;
	margin: 214px auto 0;
	width: 210px;
	height: 40px;
	opacity: 1;
	background: #fff;
	font-size: 24px;
	color: #f4200a;
	text-align: center;
	line-height: 40px;
	border-radius: 5px
}

.register-success-pop .btn-submit:hover {
	background: #f4200a;
	color: #fff
}

.scaleToLeft {
	animation: scaleToLeft .5s linear;
	-webkit-animation: scaleToLeft .5s linear;
	-moz-animation: scaleToLeft .5s linear;
	-o-animation: scaleToLeft .5s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}

@keyframes scaleToLeft {
	from {
		transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		opacity: 1
	}

	to {
		left: -20%;
		top: 80%;
		transform: scale(0);
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		opacity: 0
	}
}

@-ms-keyframes scaleToLeft {
	from {
		transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		opacity: 1
	}

	to {
		left: -20%;
		top: 80%;
		transform: scale(0);
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		opacity: 0
	}
}

.scaleToLeft2 {
	animation: scaleToLeft2 .5s linear;
	-webkit-animation: scaleToLeft2 .5s linear;
	-moz-animation: scaleToLeft2 .5s linear;
	-o-animation: scaleToLeft2 .5s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}

@keyframes scaleToLeft2 {
	from {
		transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		opacity: 1
	}

	to {
		left: -20%;
		top: 70%;
		transform: scale(0);
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		opacity: 0
	}
}

@-ms-keyframes scaleToLeft2 {
	from {
		transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		opacity: 1
	}

	to {
		left: -20%;
		top: 70%;
		transform: scale(0);
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		opacity: 0
	}
}

.register-success-pop2 {
	width: 451px;
	height: 657px;
	background: url(register-bg.png?v=20190624) no-repeat center
}

.register-success-pop2>a {
	display: block;
	width: 100%;
	height: 100%
}

.register-success-pop2 .btn-close {
	position: absolute;
	top: 38px;
	right: -34px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 2px solid #fff;
	text-align: center;
	line-height: 30px
}

.register-success-pop2 .btn-close i {
	font-size-adjust: 18px;
	color: #fff
}

.register-success-pop2 .info {
	padding-top: 60px;
	font-size: 34px;
	color: #fcff00;
	font-weight: bold;
	text-shadow: 0 5px 4px rgba(189,21,41,0.79)
}

.register-success-pop2 .desc {
	margin-bottom: 42px;
	padding-top: 12px;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 5px 4px rgba(189,21,41,0.79)
}

.register-success-pop2 .coupon-box {
	margin: 0 auto 2px;
	width: 410px;
	height: 118px;
	background: url(coupon-bg.png) no-repeat;
	padding-left: 182px;
	position: relative;
	text-align: left
}

.register-success-pop2 .coupon-box .cz-tag {
	position: absolute;
	top: -7px;
	left: -25px;
	width: 71px;
	height: 54px;
	background: url(cz-tag.png) no-repeat;
	font-size: 16px;
	font-weight: bold;
	color: #331203;
	text-align: center;
	line-height: 52px;
	text-shadow: 0 1px 24px rgba(133,30,43,0.22)
}

.register-success-pop2 .coupon-box .cp-fl {
	float: left;
	margin-left: -175px;
	text-align: center;
	width: 146px;
	line-height: 108px;
	font-size: 56px;
	color: #de3549;
	font-weight: bold
}

.register-success-pop2 .coupon-box .cp-fl b {
	font-size: 32px
}

.register-success-pop2 .coupon-box .cp-fl i {
	font-size: 26px;
	font-weight: normal
}

.register-success-pop2 .coupon-box .cp-priv {
	font-size: 16px;
	color: #181818;
	padding-top: 22px
}

.register-success-pop2 .coupon-box .cp-info {
	font-size: 16px;
	color: #f09710;
	padding-top: 8px
}

.register-success-pop2 .coupon-box .cp-expire {
	font-size: 16px;
	color: #a69a9c;
	padding-top: 7px
}

.register-success-pop2 .btn-get {
	display: block;
	margin: 12px auto;
	width: 378px;
	height: 52px;
	border: 0;
	border-radius: 6px;
	background-image: linear-gradient(90deg,#ffc554 0,#fffbd0 100%);
	background-image: -moz-linear-gradient(90deg,#ffc554 0,#fffbd0 100%);
	background-image: -webkit-linear-gradient(0deg,#ffc554 0,#fffbd0 100%);
	background-image: -ms-linear-gradient(90deg,#ffc554 0,#fffbd0 100%);
	box-shadow: 0 5px 4px 0 rgba(189,21,41,0.44);
	font-size: 24px;
	font-weight: bolder;
	letter-spacing: 2px;
	color: #000;
	text-align: center;
	line-height: 52px
}

.register-success-pop2 .btn-get:hover {
	background: #ffd800;
	box-shadow: 0 5px 4px 0 rgba(189,21,41,0.44)
}

@media screen and (max-width:1680px) {
	.register-success-pop2 {
		margin-left: 61px;
		width: 328px;
		height: 571px;
		background: url(register-bg-s.png)
	}

	.register-success-pop2 .info {
		padding-top: 42px;
		font-size: 30px;
		letter-spacing: 2px
	}

	.register-success-pop2 .desc {
		padding-top: 8px;
		font-size: 26px
	}

	.register-success-pop2 .coupon-box {
		margin: 0 auto 11px;
		width: 277px;
		height: 98px;
		background-image: url(coupon-bg-s.png);
		padding-left: 127px
	}

	.register-success-pop2 .coupon-box .cp-fl {
		margin-left: -120px;
		width: 102px;
		line-height: 98px;
		font-size: 44px
	}

	.register-success-pop2 .coupon-box .cp-fl b {
		font-size: 28px
	}

	.register-success-pop2 .coupon-box .cp-fl i {
		font-size: 20px
	}

	.register-success-pop2 .coupon-box .cp-priv {
		font-size: 12px;
		padding-top: 20px
	}

	.register-success-pop2 .coupon-box .cp-info {
		font-size: 14px;
		padding-top: 8px
	}

	.register-success-pop2 .coupon-box .cp-expire {
		font-size: 12px
	}

	.register-success-pop2 .btn-get {
		width: 280px;
		height: 55px;
		line-height: 55px
	}
}

.register-unreceived-pop {
	display: none;
	position: fixed;
	bottom: 120px;
	left: 30px;
	width: 137px;
	height: 153px;
	z-index: 1010
}

.register-unreceived-pop .pop-main {
	display: block;
	width: 100%;
	height: 100%;
	background: url(red-packet-s.png) no-repeat center;
	animation: shakeH .6s ease-in-out 1s infinite alternate;
	-ms-animation: shakeH .6s ease-in-out 1s infinite alternate;
	transform-origin: 74px 120px
}

.register-unreceived-pop .closeX {
	position: absolute;
	top: 27px;
	right: -28px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	text-align: center;
	line-height: 18px;
	cursor: pointer;
	border: 1px solid #b9b9b9;
	padding: 0;
	transition: all .3s;
	cursor: pointer
}

.register-unreceived-pop .closeX i {
	color: #b9b9b9;
	font-size: 12px
}

.coupon-unreceived-pop {
	display: none;
	position: fixed;
	bottom: 120px;
	left: 30px;
	width: 137px;
	height: 153px;
	z-index: 1010
}

.coupon-unreceived-pop .pop-main {
	display: block;
	width: 100%;
	height: 100%;
	background: url(suprise-red-envelope.png) no-repeat center;
	background-size: 137px 153px;
	animation: shakeH .6s ease-in-out 1s infinite alternate;
	-ms-animation: shakeH .6s ease-in-out 1s infinite alternate;
	transform-origin: 74px 120px
}

.coupon-unreceived-pop .closeX {
	position: absolute;
	top: 27px;
	right: -28px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	text-align: center;
	line-height: 18px;
	cursor: pointer;
	border: 1px solid #b9b9b9;
	padding: 0;
	transition: all .3s;
	cursor: pointer
}

.coupon-unreceived-pop .closeX i {
	color: #b9b9b9;
	font-size: 12px
}

@keyframes shakeH {
	0% {
		transform: rotate(-5deg);
		-ms-transform: rotate(-5deg)
	}

	25% {
		transform: rotate(5deg);
		-ms-transform: rotate(5deg)
	}

	50% {
		transform: rotate(-5deg);
		-ms-transform: rotate(-5deg)
	}

	100% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg)
	}
}

@-ms-keyframes shakeH {
	0% {
		transform: rotate(-5deg);
		-ms-transform: rotate(-5deg)
	}

	25% {
		transform: rotate(5deg);
		-ms-transform: rotate(5deg)
	}

	50% {
		transform: rotate(-5deg);
		-ms-transform: rotate(-5deg)
	}

	100% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg)
	}
}

.visit-from-pop .title {
	font-size: 22px;
	color: #333
}

.visit-from-pop .desc {
	font-size: 16px;
	color: #666;
	margin-top: 20px;
	line-height: 30px
}

.visit-from-pop .privilege {
	font-size: 18px;
	color: #f52f3e;
	font-weight: bold;
	margin-top: 16px
}

.visit-from-pop .go-register {
	border: 0;
	outline: 0;
	width: 134px;
	height: 30px;
	border-radius: 15px;
	background: #f52f3e;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	margin: 30px auto 0
}

.visit-from-vip-pop .title {
	font-size: 22px;
	color: #333
}

.visit-from-vip-pop .desc {
	font-size: 16px;
	color: #666;
	margin-top: 20px;
	line-height: 30px
}

.visit-from-vip-pop .privilege {
	font-size: 18px;
	color: #f52f3e;
	font-weight: bold;
	margin-top: 16px
}

.visit-from-vip-pop .go-register {
	border: 0;
	outline: 0;
	width: 134px;
	height: 30px;
	border-radius: 15px;
	background: #f52f3e;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	margin: 30px auto 0
}

.new-year-pop {
	width: 100%;
	height: auto;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1001;
	display: none
}

.new-year-pop .pop-main {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 212px;
	background: #c80002 url(pop-bottom.png) no-repeat bottom center
}

.new-year-pop .pop-main .pm-content {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 888px;
	height: 347px;
	margin-left: -444px;
	background: url(pop-main.png) no-repeat center
}

.new-year-pop .pop-main .btn-close {
	position: absolute;
	right: 174px;
	top: 18px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	line-height: 32px;
	color: #000;
	cursor: pointer;
	transition: all .2s
}

.new-year-pop .pop-main .btn-close i {
	font-size: 18px
}

.new-year-pop .pop-main .btn-close:hover {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}

.new-year-pop .pop-main .timer {
	margin: 270px auto 0 358px;
	width: 204px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	color: #cd1502
}

.new-year-pop .pop-main .timer span {
	font-size: 32px;
	color: #cd1502;
	font-weight: 600;
	width: 36px;
	display: inline-block;
	margin-right: 10px\0
}

.new-year-pop .pop-main .timer span.ms {
	width: 53.5px
}

.register-activity-pop {
	width: 415px;
	height: 393px;
	background: url(font-activity.png?v=20190219);
	padding-top: 230px;
	box-sizing: border-box;
	cursor: pointer;
	display: none
}

.register-activity-pop .btn-close {
	position: absolute;
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 50%;
	top: -2px;
	right: -30px;
	text-align: center;
	line-height: 40px;
	padding: 0;
	transition: all .3s;
	cursor: pointer
}

.register-activity-pop .btn-close:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg)
}

.register-activity-pop .btn-close i {
	font-size: 20px;
	color: #fff;
	font-weight: bold
}

.register-activity-pop .timer {
	margin: 0 auto;
	width: 248px;
	height: 40px;
	margin-left: 67px;
	font-family: "Impact";
	font-size: 24px;
	color: #f34443;
	line-height: 40px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	box-sizing: border-box
}

.register-activity-pop .timer span {
	width: 66px;
	letter-spacing: 24px;
	padding-left: 8px;
	box-sizing: border-box;
	overflow: hidden
}

.integral-animation3 {
	animation: integralRight3 2s linear;
	-webkit-animation: integralRight3 2s linear;
	-moz-animation: integralRight3 2s linear;
	-o-animation: integralRight3 2s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}

@keyframes integralRight3 {
	from {
		transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		opacity: 1
	}

	to {
		left: 110%;
		top: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		opacity: 0
	}
}

@-webkit-keyframes integralRight3 {
	from {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1
	}

	to {
		left: 110%;
		top: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
		opacity: 0
	}
}

@-moz-keyframes integralRight3 {
	from {
		transform: scale(1);
		-moz-transform: scale(1);
		opacity: 1
	}

	to {
		left: 110%;
		top: 0;
		transform: scale(0);
		-moz-transform: scale(0);
		opacity: 0
	}
}

@-ms-keyframes integralRight3 {
	from {
		transform: scale(1);
		-ms-transform: scale(1);
		opacity: 1
	}

	to {
		left: 110%;
		top: 0;
		transform: scale(0);
		-ms-transform: scale(0);
		opacity: 0
	}
}

@-o-keyframes integralRight3 {
	from {
		transform: scale(1);
		-o-transform: scale(1);
		opacity: 1
	}

	to {
		left: 110%;
		top: 0;
		transform: scale(0);
		-o-transform: scale(0);
		opacity: 0
	}
}

.contact-way.zh-pop {
	position: relative;
	padding-top: 0
}

.contact-way .closexicon {
	position: absolute;
	right: 0;
	top: 11px
}

.contact-way .downpop {
	height: 390px;
	padding: 35px 32px 33px;
	overflow: hidden;
	box-sizing: border-box
}

.contact-way h4 {
	font-size: 16px;
	color: #666;
	padding-bottom: 28px
}

.contact-way .line {
	margin-bottom: 17px
}

.contact-way .name {
	float: left;
	width: 45px;
	margin-right: 16px;
	line-height: 38px;
	font-size: 14px;
	color: #333;
	letter-spacing: .32px
}

.contact-way .right-box {
	float: left;
	width: 272px;
	position: relative
}

.contact-way input {
	width: 272px;
	height: 38px;
	border-radius: 5px;
	border: 1px solid #d5d5d5;
	outline: 0;
	padding-left: 16px;
	font-size: 12px;
	color: #333;
	letter-spacing: .28px;
	box-sizing: border-box
}

.contact-way .right-box .warning {
	position: absolute;
	bottom: -16px;
	left: 16px;
	font-size: 12px;
	color: #f52f3e;
	display: none
}

.contact-way .btn-group {
	margin-top: 39px;
	text-align: center
}

.contact-way .btn-reset,.contact-way .btn-submit {
	display: inline-block;
	width: 120px;
	height: 32px;
	border-radius: 16px;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	color: #fff;
	letter-spacing: .82px;
	border: 0
}

.contact-way .btn-reset {
	background: #a6a6a6
}

.contact-way .btn-submit {
	background: #f52f3e;
	margin-left: 38px
}

.contact-way .btn-submit:hover {
	background: #fc5b67
}

.upload-pop.zh-pop {
	position: relative;
	padding-top: 0
}

.upload-pop .closexicon {
	position: absolute;
	right: 0;
	top: 11px
}

.upload-pop .downpop {
	height: 364px;
	padding: 54px 18px 14px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative
}

.upload-pop .warning-info {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-top: 0
}

.upload-pop .upload-info {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin-top: 14px
}

.upload-pop .btn-upload {
	margin: 26px auto 0;
	width: 364px;
	height: 48px;
	border-radius: 5px;
	background: #e5e5e5;
	border: 1px solid #d5d5d5;
	cursor: pointer;
	position: relative
}

.upload-pop .btn-upload span {
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	color: #333;
	width: 100%;
	height: 100%;
	display: block;
	margin-top: 0
}

.upload-pop .btn-download {
	position: absolute;
	bottom: 14px;
	left: 15px;
	display: block;
	text-align: left;
	cursor: pointer;
	font-size: 14px;
	color: #0091ff;
	text-decoration: underline
}

.upload-pop .btn-download:hover {
	color: #36a8fd
}

.upload-pop .warning {
	display: none;
	position: absolute;
	left: 0;
	top: 88px;
	font-size: 16px;
	color: #f52f3e;
	text-align: center;
	width: 100%;
	margin-top: 0
}

.upload-pop .uploading {
	position: relative
}

.upload-pop .uploading .warning {
	top: 58px;
	font-size: 12px
}

.upload-pop .uploaded {
	position: relative
}

.upload-pop .uploading .btn-submit {
	background: #b0b0b0;
	margin-top: 33px
}

.upload-pop .uploaded .font-box {
	position: relative;
	width: 78px;
	height: 78px;
	margin: 16px auto 0
}

.upload-pop .uploaded .font-text {
	width: 78px;
	height: 78px;
	border: 1px solid #cfcfcf;
	text-align: center;
	font-size: 47px;
	color: #373737;
	box-sizing: border-box
}

.upload-pop .uploaded .font-text .pre-img {
	max-width: 100%;
	max-height: 100%
}

.upload-pop .uploaded .btn-delete {
	position: absolute;
	top: -10px;
	right: -10px;
	cursor: pointer
}

.upload-pop .uploaded .font-box .icon.ziyuan3 {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: -2px;
	background: url(ziyuan3.svg);
	background-size: 20px
}

.upload-pop .btn-submit {
	width: 146px;
	height: 40px;
	border-radius: 20px;
	background: #f52f3e;
	margin: 42px auto 0;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: #fff;
	border: 0
}

.upload-pop .btn-submit:hover {
	background: #fc5b67
}

.warning-pop.zh-pop {
	position: relative;
	padding-top: 0
}

.warning-pop .closexicon {
	position: absolute;
	right: 0;
	top: 11px
}

.warning-pop .downpop {
	height: 298px;
	padding: 33px 0 48px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative
}

.warning-pop h4 {
	font-size: 20px;
	color: #333;
	font-weight: normal
}

.warning-pop p {
	margin: 30px 0 48px;
	font-size: 18px;
	color: #333
}

.warning-pop .btn-reset,.warning-pop .btn-submit {
	display: inline-block;
	width: 146px;
	height: 40px;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: #fff
}

.warning-pop .btn-reset {
	background: #b0b0b0
}

.warning-pop .btn-submit {
	background: #f52f3e;
	margin-left: 38px
}

.warning-pop .btn-submit:hover {
	background: #fc5b67
}

.complete-information-pop.zh-pop {
	position: relative;
	padding-top: 0;
	height: 560px;
	box-sizing: border-box;
	padding: 0 46px 0
}

.complete-information-pop .closeX {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	cursor: pointer
}

.complete-information-pop .title {
	text-align: center;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	padding: 28px 0 24px
}

.complete-information-pop .subtitle {
	font-size: 18px;
	color: #000;
	margin-bottom: 18px;
	font-weight: bold
}

.complete-information-pop .subtitle i {
	float: left;
	width: 30px;
	text-align: center;
	color: #e33b00
}

.complete-information-pop .industry-con {
	margin-bottom: 10px
}

.complete-information-pop .industry-li {
	float: left;
	width: 130px;
	height: 44px;
	border-radius: 4px;
	background-color: #f1f1f1;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	color: #333;
	margin: 0 15px 15px 0;
	cursor: pointer
}

.complete-information-pop .industry-li:nth-of-type(6n) {
	margin-right: 0
}

.complete-information-pop .industry-li.on,.complete-information-pop .industry-li:hover {
	background: #13af97;
	color: #fff
}

.complete-information-pop .industry-li.other {
	padding-left: 22px;
	text-align: left;
	width: 220px
}

.complete-information-pop .industry-li.other input {
	float: right;
	margin: 7px 14px 0 auto;
	border-radius: 4px;
	background-color: #fff;
	width: 142px;
	height: 30px;
	border: 0;
	outline: 0;
	text-indent: 24px;
	font-size: 12px
}

.complete-information-pop .job-input {
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 488px;
	height: 42px;
	text-indent: 18px;
	font-size: 16px
}

.complete-information-pop .btn-submit {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -113px;
	display: block;
	width: 226px;
	height: 48px;
	border-radius: 4px;
	background-color: #e3e3e3;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	font-weight: bold;
	color: #272727;
	border: 0;
	outline: 0
}

.complete-information-pop .btn-submit.able {
	background: #13af97;
	color: #fff
}

.authorization-table-pop.zh-pop {
	position: relative;
	padding-top: 0;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	text-align: center
}

.authorization-table-pop * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.authorization-table-pop .closeX {
	position: absolute;
	right: -52px;
	top: 0;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	line-height: 37px;
	cursor: pointer
}

.authorization-table-pop .closeX i {
	color: #a5aeb1;
	font-weight: bold
}

.authorization-table-pop .pop-main {
	max-height: 90vh;
	box-sizing: border-box;
	overflow-y: scroll;
	background: #fff;
	padding-bottom: 28px
}

.authorization-table-pop .title {
	padding: 20px 0 20px 50px;
	font-size: 20px;
	color: #000;
	font-weight: bold;
	text-align: left
}

.authorization-table-pop .authorization-table {
	width: 940px;
	margin: 0 auto;
	box-sizing: border-box
}

.authorization-table-pop thead {
	width: 100%;
	border: 2px solid #000;
	border-bottom: 0;
	box-sizing: border-box
}

.authorization-table-pop tbody {
	width: 100%;
	border: 2px solid #a5aeb1;
	border-top: 0;
	box-sizing: border-box
}

.authorization-table-pop td {
	vertical-align: middle;
	text-align: center
}

.authorization-table-pop .td1 {
	width: 329px;
	background: #f0f4f5
}

.authorization-table-pop .td2 {
	width: 158px;
	background: #fff
}

.authorization-table-pop .td3 {
	width: 151px;
	background: #f0f4f5
}

.authorization-table-pop .td4 {
	width: 155px;
	background: #fff
}

.authorization-table-pop .td5 {
	width: 156px;
	background: #f0f4f5
}

.authorization-table-pop thead td {
	background: #2e3139;
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	height: 60px;
	border-right: 1px solid #404040
}

.authorization-table-pop thead td.td1,.authorization-table-pop thead td.td2 {
	background: #2e3139
}

.authorization-table-pop thead td span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-top: 2px
}

.authorization-table-pop thead td span.inline {
	display: inline
}

.authorization-table-pop .row1 {
	height: 30px;
	line-height: 30px
}

.authorization-table-pop .row2 {
	height: 30px;
	border-bottom: 1px solid #d8dcdd;
	line-height: 30px;
	font-size: 16px;
	color: #000;
	font-weight: bold
}

.authorization-table-pop .row2 .fl-td {
	float: left;
	width: 149px;
	height: 100%;
	background: #f0f4f5
}

.authorization-table-pop .row2 .fr-td {
	float: right;
	width: 154px;
	height: 100%;
	background: #fff
}

.authorization-table-pop thead .td6 {
	color: #d2c38e
}

.authorization-table-pop thead .td6>span {
	color: #e0d2a2
}

.authorization-table-pop tbody td {
	height: 50px;
	border-bottom: 1px solid #e0e3e4;
	font-size: 14px;
	color: #666
}

.authorization-table-pop tbody .td1 {
	text-align: left;
	padding-left: 16px;
	padding-right: 16px
}

.authorization-table-pop tbody .td1>b {
	color: #000;
	font-weight: bold;
	font-size: 16px
}

.authorization-table-pop .tr1 td {
	height: 142px;
	line-height: 20px;
	color: #988c60
}

.authorization-table-pop .tr2 td {
	height: 62px
}

.authorization-table-pop .tr3 td {
	height: 78px
}

.authorization-table-pop .tr4 td {
	height: 30px
}

.authorization-table-pop .tr1 .td1 {
	text-align: center;
	font-size: 16px;
	color: #000;
	font-weight: bold
}

.authorization-table-pop tbody td>i {
	display: block;
	font-size: 12px;
	color: #a5aeb1;
	font-weight: bold
}

.authorization-table-pop tbody td>.icon-gou {
	font-size: 18px;
	color: #988c60
}

.authorization-table-pop tbody td>span {
	font-size: 12px;
	color: #666
}

.authorization-table-pop tbody tr:last-of-type .td5 {
	font-size: 16px;
	color: #988c60;
	font-weight: bold
}

.authorization-table-pop2 {
	width: 1000px
}

.authorization-table-pop2 .closeX {
	position: absolute;
	right: -52px;
	top: 0;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	line-height: 37px;
	cursor: pointer
}

.authorization-table-pop2 .closeX i {
	color: #a5aeb1;
	font-weight: bold
}

.authorization-table-pop2 .pop-main {
	max-height: 90vh;
	overflow-y: scroll;
	background: #fff
}

.authorization-table-pop2 .title {
	padding: 20px 0 20px 50px;
	font-size: 20px;
	color: #000;
	font-weight: bold;
	text-align: left
}

.authorization-table-pop2 .table-con tbody tr:nth-of-type(2n-1) {
	background: #eee
}

.authorization-table-pop2 .table-con tbody td:first-of-type {
	width: 15%;
	color: #3e3e3e;
	font-weight: bolder
}

.authorization-table-pop2 .table-con tbody td:nth-of-type(2) {
	width: 45%;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #515460
}

.authorization-table-pop2 .table-con tbody td:nth-of-type(3) {
	width: 24%;
	font-size: 16px;
	color: #9e7e59
}

.authorization-table-pop2 .table-con tbody td:nth-of-type(4) {
	width: 16%
}

.authorization-table-pop2 .table-con tbody td {
	text-align: center;
	vertical-align: middle;
	padding: 20px 0;
	font-size: 14px
}

.authorization-table-pop2 .table-con thead td {
	font-size: 20px;
	color: #282b3a;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
	height: 90px;
	background: #fff
}

.authorization-table-pop2 .table-con .what-icon {
	position: relative;
	display: inline-block;
	vertical-align: 2px;
	margin-left: 5px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #f0eadf;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
	color: #9e7e59;
	cursor: pointer
}

.authorization-table-pop2 .what-icon:hover .what-pop {
	display: block
}

.authorization-table-pop2 .table-con .what-pop {
	display: none;
	position: absolute;
	top: -34px;
	left: 50%;
	transform: translateX(-50%);
	height: 26px;
	line-height: 24px;
	padding: 0 10px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #f0efec;
	font-size: 12px;
	color: #9e7e59;
	white-space: nowrap;
	z-index: 2
}

.authorization-table-pop2 .table-con .what-pop:after {
	position: absolute;
	content: '';
	bottom: -6px;
	left: 50%;
	margin-left: -4px;
	width: 8px;
	height: 8px;
	border-radius: 2px;
	background: #fff;
	border-right: 1px solid #f0efec;
	border-bottom: 1px solid #f0efec;
	transform: rotate(45deg)
}

.authorization-table-pop2 .table-con .icon-tick {
	font-size: 30px;
	color: #51a67d
}

.authorization-table-pop2 .table-con .icon-close {
	font-size: 30px;
	color: #d5460e
}

.font-auth-pop {
	width: 100%;
	height: auto
}

.font-auth-pop .closeX {
	right: -52px;
	top: 0;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background: #fff;
	line-height: 37px
}

.font-auth-pop .closeX i {
	color: #a5aeb1;
	font-weight: bold
}

.font-auth-pop .pop-main {
	width: 842px;
	height: 595px;
	overflow: hidden;
	position: relative
}

.font-auth-pop .font-auth {
	width: 100%;
	height: 100%;
	background: url(auth-book2.jpg?v=2) no-repeat center;
	background-size: auto 595px;
	padding: 110px 120px 0
}

.font-auth-pop .font-auth.large {
	width: 1200px;
	height: 848px;
	background-size: auto 848px;
	padding: 155px 170px 0;
	position: absolute;
	top: 0;
	left: -212px;
	z-index: -1
}

.font-auth-pop .font-auth .main-title {
	text-align: center;
	font-size: 36px;
	color: #162347
}

.font-auth-pop .font-auth.large .main-title {
	font-size: 56px
}

.font-auth-pop .font-auth .serial-number {
	margin-top: 12px;
	font-size: 14px;
	color: #bf8d55;
	text-align: center
}

.font-auth-pop .font-auth.large .serial-number {
	margin-top: 20px;
	font-size: 20px
}

.font-auth-pop .font-auth .auth-object {
	margin-top: 52px;
	column-width: 270px;
	text-align: left;
	font-size: 14px;
	color: #696969
}

.font-auth-pop .font-auth.large .auth-object {
	margin-top: 60px;
	column-width: 420px;
	font-size: 20px
}

.font-auth-pop .font-auth .auth-object p {
	margin-bottom: 14px;
	height: 16px
}

.font-auth-pop .font-auth.large .auth-object p {
	margin-bottom: 30px
}

.font-auth-pop .font-auth .font_title {
	margin: 24px 0 40px;
	display: inline-block;
	padding: 0 7px 12px;
	border-bottom: 1px solid #c7a887;
	text-align: center;
	font-size: 18px;
	color: #c1915d
}

.font-auth-pop .font-auth.large .font_title {
	margin: 30px 0 60px;
	padding-bottom: 14px;
	border-width: 2px;
	font-size: 28px
}

.font-auth-pop .font-auth .font_title~p {
	text-align: left;
	font-size: 16px;
	color: #b88147;
	margin-bottom: 20px
}

.font-auth-pop .font-auth.large .font_title~p {
	font-size: 24px;
	margin-bottom: 22px
}

.font-auth-pop .font-auth p.corner-obj {
	text-align: right;
	position: relative;
	margin-top: 42px;
	margin-bottom: 0;
	font-size: 14px
}

.font-auth-pop .font-auth.large p.corner-obj {
	margin-top: 46px;
	font-size: 20px;
	margin-bottom: 0
}

.font-auth-pop .font-auth .corner-obj:after {
	position: absolute;
	top: -60px;
	right: 0;
	content: "";
	width: 118px;
	height: 116px;
	background-size: 118px auto
}

.font-auth-pop .font-auth.large .corner-obj:after {
	top: -100px;
	width: 140px;
	height: 140px;
	background-size: 140px auto
}

.font-auth-pop .font-auth p.corner-date {
	margin-top: 12px;
	margin-bottom: 0;
	text-align: right;
	font-size: 14px
}

.font-auth-pop .font-auth.large p.corner-date {
	margin-top: 20px;
	font-size: 20px;
	margin-bottom: 0
}

.font-auth-pop .btn-download {
	position: absolute;
	bottom: 56px;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	height: 40px;
	border-radius: 20px;
	background: #dfcfa7;
	background-image: linear-gradient(90deg,#dfcfa7 0,#efe5cc 100%);
	background-image: -moz-linear-gradient(90deg,#dfcfa7 0,#efe5cc 100%);
	background-image: -webkit-linear-gradient(0deg,#dfcfa7 0,#efe5cc 100%);
	background-image: -ms-linear-gradient(90deg,#dfcfa7 0,#efe5cc 100%);
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: #57411e;
	cursor: pointer
}

.font-auth-pop .btn-download:hover {
	background: #dfcfa7;
	background-image: linear-gradient(90deg,#cdb578 0,#d3c6a5 100%);
	background-image: -moz-linear-gradient(90deg,#cdb578 0,#d3c6a5 100%);
	background-image: -webkit-linear-gradient(0deg,#cdb578 0,#d3c6a5 100%);
	background-image: -ms-linear-gradient(90deg,#cdb578 0,#d3c6a5 100%)
}

@font-face {
	font-family:'font-auth-pop-465';src:url('izihun-36.eot');src:url('izihun-36.eot') format('eot'),url('izihun-36.eot?#iefix') format('embedded-opentype'),url('izihun-36.woff') format('woff'),url('izihun-36.ttf') format('truetype');font-weight:normal;font-style:normal
}

.font-auth-pop .css-font-465 {
	font-family: 'font-auth-pop-465'
}

.star-comment-pop {
	height: 320px;
	padding: 28px 60px 35px;
	text-align: left
}

.star-comment-pop .score-box {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	line-height: 20px;
	font-size: 14px;
	color: #666
}

.star-comment-pop .score-num {
	display: inline-block
}

.star-comment-pop .score-num>b {
	color: #ee564f;
	font-weight: normal
}

.star-comment-pop .make-grade {
	margin-left: 40px;
	display: inline-block
}

.star-comment-pop .make-grade .star_score {
	display: inline-block;
	position: relative;
	width: 340px;
	height: 20px;
	vertical-align: -5px;
	background: url(starStoke.png)
}

.star-comment-pop .star_score a {
	height: 100%;
	position: absolute;
	left: 0
}

.star-comment-pop .star_score a.clibg,.star-comment-pop .star_score a:hover {
	background: url(starFill.png);
	left: 0
}

.star-comment-pop .usage {
	margin-top: 30px;
	width: 100%
}

.star-comment-pop .usage .scenario {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	height: 26px
}

.star-comment-pop .usage .go-add {
	float: left;
	margin-left: 5px;
	width: 80px;
	height: 26px;
	border: 1px dotted #899093;
	background: #fff;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	color: #484848;
	cursor: pointer
}

.star-comment-pop .usage .go-add.disabled {
	cursor: no-drop;
	opacity: .5
}

.star-comment-pop .usage .add-box {
	float: left;
	line-height: 26px;
	display: none;
	margin-left: 14px
}

.star-comment-pop .usage .scenario-input {
	float: left;
	width: 100px;
	height: 26px;
	background-color: #f0f4f5;
	border: 0;
	font-size: 12px;
	color: #666
}

.star-comment-pop .usage .add-tag,.star-comment-pop .usage .close-box {
	float: left;
	border: 0;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background-color: #0000FF;
	text-align: center;
	margin-left: 6px
}

.star-comment-pop .usage .add-tag i {
	color: #fff;
	font-weight: bold;
	font-size: 18px
}

.star-comment-pop .usage .close-box i {
	color: #fff;
	font-weight: bold;
	font-size: 14px
}

.star-comment-pop .usage .tag-box {
	float: left;
	max-width: 366px;
	max-height: 58px;
	overflow: auto
}

.star-comment-pop .usage .tag {
	float: left;
	margin-left: 10px;
	margin-bottom: 4px;
	max-width: 140px;
	height: 26px;
	background-color: #f0f4f5;
	border-radius: 2px;
	line-height: 26px;
	padding: 0 10px;
	font-size: 12px;
	color: #484848;
	position: relative;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.star-comment-pop .usage .tag:hover {
	border: 1px dotted #5bc5b5;
	line-height: 24px;
	padding: 0 9px
}

.star-comment-pop .usage .tag:hover .btn-del {
	display: block
}

.star-comment-pop .usage .btn-del {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	text-align: center;
	line-height: 10px;
	background: #0000FF
}

.star-comment-pop .usage .btn-del i {
	font-size: 12px;
	color: #fff;
	margin-left: -1px
}

.star-comment-pop .usage .comment-input {
	display: block;
	margin-top: 26px;
	width: 100%;
	height: 80px;
	border: 1px solid #dee1e3;
	font-size: 14px;
	color: #666;
	padding: 14px 10px;
	text-indent: 18px
}

.star-comment-pop .usage .btn-submit {
	display: block;
	margin: 36px auto 0;
	width: 168px;
	height: 34px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	overflow: hidden;
	background-color: #f0f4f5;
	border: 0;
	text-align: center;
	line-height: 34px;
	font-size: 16px;
	color: #333;
	cursor: pointer
}

.star-comment-pop .usage .btn-submit.able {
	height: 32px;
	border: 1px solid #0e9682;
	background: #0000FF;
	background-image: -o-linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	background-image: -moz-linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	background-image: -webkit-linear-gradient(0deg,#0000FF 0,#1E90FF 100%);
	background-image: -ms-linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	background-image: linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=1);
	color: #fff
}

.phone-warning-pop {
	height: 213px;
	padding: 40px 0 36px
}

.phone-warning-pop .info {
	font-size: 16px;
	color: #333;
	text-align: center;
	margin-bottom: 30px
}

.phone-warning-pop .go-bind {
	display: block;
	margin: 0 auto;
	width: 205px;
	height: 46px;
	border: 1px solid #0b917d;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	overflow: hidden;
	background: #0000FF;
	background-image: -o-linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	background-image: -moz-linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	background-image: -webkit-linear-gradient(0deg,#0000FF 0,#1E90FF 100%);
	background-image: -ms-linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	background-image: linear-gradient(90deg,#0000FF 0,#1E90FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',endColorstr='#1E90FF',GradientType=1);
	font-size: 16px;
	color: #fff;
	line-height: 44px;
	text-align: center
}

.phone-warning-pop .go-bind:hover {
	background: #14a18c;
	background-image: -moz-linear-gradient(90deg,#14a18c 0,#67be8c 100%);
	background-image: -webkit-linear-gradient(0deg,#14a18c 0,#67be8c 100%);
	background-image: -ms-linear-gradient(90deg,#14a18c 0,#67be8c 100%);
	background-image: -o-linear-gradient(90deg,#14a18c 0,#67be8c 100%);
	background-image: linear-gradient(90deg,#14a18c 0,#67be8c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14a18c',endColorstr='#67be8c',GradientType=1)
}

.font-warning {
	height: 274px;
	width: 441px;
	padding-top: 32px
}

.font-warning .closeX {
	top: -30px;
	right: -40px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 2px solid #fff;
	text-align: center;
	line-height: 30px
}

.font-warning .closeX i {
	color: #fff
}

.font-warning img {
	display: block;
	margin: 0 auto;
	width: 260px
}

.font-warning .info {
	font-size: 24px;
	color: #333;
	text-align: center;
	line-height: 102px
}

.font-warning .get-auth {
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 42px;
	background-image: linear-gradient(-180deg,#ffa564 0,#fe9160 61%,#fd7d5b 100%);
	background-image: -moz-linear-gradient(-180deg,#ffa564 0,#fe9160 61%,#fd7d5b 100%);
	background-image: -webkit-linear-gradient(-180deg,#ffa564 0,#fe9160 61%,#fd7d5b 100%);
	background-image: -ms-linear-gradient(-180deg,#ffa564 0,#fe9160 61%,#fd7d5b 100%);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	line-height: 42px;
	font-size: 16px;
	color: #fff
}

.font-warning .get-auth:hover {
	opacity: .8
}

.font-warning .btn-download {
	display: inline-block;
	margin-top: 16px;
	font-size: 14px;
	color: #545454;
	text-decoration: underline;
	cursor: no-drop;
	opacity: .5
}

.font-warning .btn-download.able {
	cursor: pointer;
	opacity: 1
}

.font-warning .btn-download.able span {
	display: none
}

.vip-license-pop {
	height: 86vh;
	width: 600px
}

.vip-license-pop .closeX {
	top: 0;
	right: -50px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(0,0,0,.5);
	text-align: center;
	line-height: 40px
}

.vip-license-pop .closeX i {
	color: #fff
}

.vip-license-pop .pop-main {
	height: 100%;
	overflow-y: auto;
	padding: 22px 30px 20px
}

.vip-license-pop .pop-main .pop-title {
	font-size: 18px;
	color: #333;
	margin-bottom: 16px;
	text-align: center
}

.vip-license-pop .pop-main p {
	font-size: 14px;
	color: #333;
	text-align: left;
	line-height: 22px
}

.vip-license-pop .pop-main p.desc {
	text-indent: 2rem;
	color: #666
}

.vip-license-pop .pop-main p.bold {
	font-weight: bold
}

.vip-license-pop .pop-main .pm-title {
	color: #000;
	font-weight: bold;
	line-height: 36px
}

.vip-license-pop .pop-main li {
	list-style: disc;
	list-style-position: inside;
	font-size: 14px;
	color: #666;
	text-align: left;
	line-height: 22px
}

.bottom-entrance {
	display: none
}

@keyframes btnScale {
	0% {
		transform: scale(1);
		-ms-transform: scale(1)
	}

	100% {
		transform: scale(.8);
		-ms-transform: scale(.8)
	}
}

@-ms-keyframes btnScale {
	0% {
		transform: scale(1);
		-ms-transform: scale(1)
	}

	100% {
		transform: scale(.8);
		-ms-transform: scale(.8)
	}
}

.bottom-entrance .btn-close {
	position: absolute;
	bottom: 118px;
	right: 50%;
	margin-right: -614px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #cf3824;
	text-align: center;
	line-height: 40px
}

.bottom-entrance .btn-close i {
	font-size: 28px;
	color: #fff
}

.bottom-entrance .left-chance {
	position: absolute;
	top: 15px;
	right: 26px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 1px solid #000;
	background: #ff0;
	text-align: center;
	line-height: 18px;
	font-size: 18px;
	color: #1a150b;
	cursor: pointer
}

.bottom-entrance .btn-close i {
	font-size: 24px;
	color: #fff
}

.side-entrance {
	display: none
}

.side-entrance .btn-close {
	position: absolute;
	top: -4px;
	right: -6px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #cf3824;
	text-align: center;
	line-height: 28px
}

.side-entrance .btn-close i {
	font-size: 20px;
	color: #fff
}

.questionnaire-pop {
	display: block;
	width: 500px;
	height: 350px
}

.questionnaire-pop .closeX i {
	color: #fff
}

.questionnaire-pop .closeX:hover {
	transform: rotate(360deg);
	transition: all .3s
}

.questionnaire-pop .pop-main {
	display: block;
	width: 100%;
	height: 100%;
	background: url(questionnaire-bg.png) no-repeat center;
	padding: 130px 50px 0
}

.questionnaire-pop .pop-tit {
	font-size: 22px;
	color: #181818;
	text-align: center;
	height: 22px
}

.questionnaire-pop .call {
	margin-top: 20px;
	text-align: left;
	font-size: 16px;
	color: #060606
}

.questionnaire-pop .info {
	margin-top: 14px;
	text-indent: 2rem;
	text-align: left;
	font-size: 16px;
	color: #060606;
	line-height: 22px;
	letter-spacing: 1px
}

.questionnaire-pop .btn-join {
	margin: 12px auto 0;
	display: block;
	border: 0;
	width: 230px;
	height: 47px;
	border-radius: 24px;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14),inset 0 1px 1px 0 rgba(59,155,252,0.35),inset 0 -1px 2px 0 rgba(25,115,205,0.35);
	text-align: center;
	line-height: 47px;
	font-size: 18px;
	color: #2685e5
}

.questionnaire-pop .btn-join:hover {
	background-color: #2685e5;
	color: #fff
}

.new-member-pop {
	width: 349px;
	height: 464px
}

.new-member-pop .closeX {
	top: 40px;
	right: 3px
}

.new-member-pop .closeX i {
	font-size: 26px;
	color: #fff;
	font-weight: normal
}

.new-member-pop .pop-main {
	display: block;
	width: 100%;
	height: 100%;
	background: url(new-member-bg.png) no-repeat center;
	background-size: 100%;
	padding: 336px 0 0
}

.new-member-pop .pop-main .timer {
	margin: 0 auto;
	width: 195px;
	height: 29px;
	line-height: 29px
}

.new-member-pop .pop-main .timer span {
	float: left;
	margin-right: 16px;
	width: 54px;
	font-size: 20px;
	color: #e16b51;
	letter-spacing: 17px;
	padding-left: 7px
}

.new-member-pop .pop-main .timer span:last-child {
	margin-right: 0
}

.new-member-pop .pop-main .btn-view {
	display: block;
	margin: 22px auto 0;
	width: 291px;
	height: 59px;
	border: 0;
	border-radius: 30px;
	background: #f7e34c;
	box-shadow: 0 0 40px 0 rgba(240,179,62,1) inset;
	text-align: center;
	line-height: 59px;
	font-size: 26px;
	color: #000;
	font-weight: bold;
	letter-spacing: 2px
}

.new-member-pop .pop-main .btn-view:hover {
	box-shadow: 0 0 20px 0 rgba(240,179,62,1) inset;
	background: #ffe310
}

.new-member-pop .pop-main .btn-view .arrow {
	margin-left: 10px;
	vertical-align: 4px;
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	line-height: 18px;
	padding-left: 4px
}

.new-member-pop .pop-main .btn-view .arrow i {
	font-size: 14px;
	color: #000
}

.download-success-pop {
	width: 100%;
	height: 100%;
	padding: 20px 32px 0;
	text-align: center
}

.download-success-pop .closeX {
	top: 0;
	right: -62px;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background: #fff;
	line-height: 37px
}

.download-success-pop .title {
	font-size: 24px;
	font-weight: 600;
	color: rgba(10,29,54,1);
	line-height: 45px;
	letter-spacing: 1px;
	height: 45px
}

.download-success-pop .title i {
	font-size: 28px;
	color: #f69e69;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(180deg,#f69e69 0,#f28061 100%);
	background-image: -ms-linear-gradient(180deg,#f69e69 0,#f28061 100%);
	background-image: -moz-linear-gradient(180deg,#f69e69 0,#f28061 100%);
	background-image: -o-linear-gradient(180deg,#f69e69 0,#f28061 100%);
	background-image: -webkit-linear-gradient(90deg,#f69e69 0,#f28061 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F69E69',endColorstr='#F28061',GradientType=0)
}

.download-success-pop .info {
	margin-top: 25px;
	font-size: 22px;
	font-weight: 500;
	color: rgba(10,29,54,1);
	line-height: 30px;
	letter-spacing: 1px
}

.download-success-pop .desc {
	margin: 3px auto 30px;
	font-size: 20px;
	font-weight: 300;
	color: rgba(122,133,150,1);
	line-height: 28px;
	letter-spacing: 1px
}

.download-success-pop .go-ifonts {
	display: block;
	margin: 18px auto;
	width: 670px
}

.download-success-pop .go-ifonts img {
	width: 100%
}

.download-success-pop .install-way {
	width: 327px;
	height: 188px;
	background: rgba(255,255,255,1);
	box-shadow: 0 1px 8px 0 rgba(119,133,152,0.24);
	border-radius: 8px;
	padding: 25px 22px
}

.download-success-pop .install-way .system-icon {
	float: left;
	margin-right: 21px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: rgba(0,185,156,.07);
	text-align: center;
	line-height: 70px
}

.download-success-pop .system-icon i {
	font-size: 42px;
	color: #00b79c
}

.download-success-pop .install-way .system-info {
	font-size: 26px;
	color: rgba(10,29,54,1);
	line-height: 37px;
	text-align: left
}

.download-success-pop .install-way .app-usage {
	font-size: 14px;
	color: rgba(122,133,150,1);
	line-height: 20px;
	text-align: left
}

.download-success-pop .install-way .app-down {
	margin: 26px auto 0;
	display: block;
	width: 215px;
	height: 42px;
	border-radius: 4px;
	font-size: 16px;
	line-height: 42px;
	border: 0
}

.download-success-pop .bottom-text {
	margin: 0 52px;
	font-size: 14px;
	color: #666
}

.download-success-pop .bottom-text:hover {
	color: #00aa90
}

.anniversary-header * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.anniversary-header {
	position: relative;
	z-index: 1001;
	display: block
}

.anniversary-header .ah-big {
	position: relative
}

.anniversary-header .ah-big .bg-white {
	display: none
}

.anniversary-header .ah-big .ah-con {
	width: 100%;
	height: 247px;
	position: relative;
	border-bottom: 2px solid #000;
	background: url(header-bg.jpg) no-repeat bottom center;
	background-size: cover
}

.anniversary-header .ah-big .ah-con:after {
	display: block;
	position: absolute;
	content: '';
	width: 671px;
	height: 64px;
	bottom: -61px;
	left: 50%;
	margin-left: -336px;
	background: url(header-bottom.png?v=20190711) no-repeat;
	background-size: auto 64px;
	z-index: 2
}

.anniversary-header .ah-big .progress {
	margin: 0 auto;
	width: 1186px;
	height: 104px;
	background: url(progress-bg.png?v=20190711) no-repeat top center;
	background-size: auto 104px;
	padding: 0 137px 0 152px;
	z-index: 3
}

.anniversary-header .progress .pro-li {
	float: left;
	margin-right: 30px;
	width: 156px;
	height: 94px;
	text-align: center;
	position: relative
}

.anniversary-header .progress .pro-li.active:after {
	position: absolute;
	content: '';
	bottom: 1px;
	left: 50%;
	margin-left: -3px;
	width: 8px;
	height: 7px;
	border-radius: 50%;
	background: #6ff7ce
}

.anniversary-header .progress .pro-li.active:last-of-type:after {
	margin-left: -2px
}

.anniversary-header .progress .pro-li:nth-of-type(2) {
	margin-right: 26px
}

.anniversary-header .progress .pro-li:last-of-type {
	margin-right: 0
}

.anniversary-header .progress .pl-expire {
	padding-top: 12px;
	font-size: 16px;
	color: #fffffe
}

.anniversary-header .progress .pl-info {
	padding-top: 2px;
	font-size: 20px;
	color: #fff
}

.anniversary-header .progress .active .pl-info {
	color: #19ffe1
}

.anniversary-header .progress .pl-desc {
	padding-top: 4px;
	font-size: 12px;
	color: #ffa544
}

.anniversary-header .ah-big .coupon-box {
	display: block;
	margin: 20px auto 0;
	width: 696px;
	height: 200px;
	background: url(bird-title0.png?v=20190711) no-repeat;
	position: relative;
	z-index: 2;
	padding: 17px 197px 0 184px;
	z-index: 4
}

.anniversary-header .coupon-box .fl-info {
	float: left;
	width: 226px;
	text-align: center
}

.anniversary-header .coupon-box .cb-info {
	padding-top: 15px;
	font-size: 30px;
	color: #ffe412
}

.anniversary-header .coupon-box .cb-amount {
	padding-top: 6px;
	font-size: 14px;
	color: #ffa544
}

.anniversary-header .ah-small .coupon-box .cb-amount {
	padding-top: 9px
}

.anniversary-header .btn-receive {
	float: right;
	background: transparent;
	border: 0;
	width: 66px;
	height: 76px;
	font-size: 26px;
	color: #19ffe1;
	animation: shake 1s infinite alternate-reverse;
	-ms-animation: shake 1s infinite alternate-reverse
}

@keyframes shake {
	0% {
		transform: scale(.9);
		-ms-transform: scale(.9)
	}

	100% {
		transform: scale(1.2);
		-ms-transform: scale(1.2)
	}
}

@-ms-keyframes shake {
	0% {
		transform: scale(.9);
		-ms-transform: scale(.9)
	}

	100% {
		transform: scale(1.2);
		-ms-transform: scale(1.2)
	}
}

.anniversary-header .ah-big .btn-close {
	position: absolute;
	top: 125px;
	right: 50%;
	margin-right: -207px;
	cursor: pointer
}

.anniversary-header .btn-close {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid #000;
	text-align: center;
	line-height: 24px;
	z-index: 5
}

.anniversary-header .btn-close i {
	font-size: 18px;
	color: #000
}

.anniversary-header .ah-big .ah-con {
	height: 120px
}

.anniversary-header .ah-big .ah-con:after {
	display: none
}

.anniversary-header .ah-big .coupon-box {
	display: none
}

.anniversary-header .ah-big .btn-close {
	position: absolute;
	top: 5px;
	right: 50%;
	margin-right: -770px
}

.fixed-common-head .anniversary-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}

#header.fixed-common-header {
	top: 117px
}

body.activity-hidden #header.fixed-common-header {
	top: 0
}

@media screen and (max-width:1680px) {
	.anniversary-header .ah-small .btn-close {
		top: 135px;
		margin-right: -335px
	}

	.anniversary-header .ah-big .btn-close,.anniversary-header .no-coupon .btn-close {
		top: 35px;
		margin-right: -540px
	}
}

.anniversary-pop {
	width: 430px;
	height: 690px;
	background: url(pop-bg.png?v=20190711) no-repeat center
}

.anniversary-pop>a {
	display: block;
	width: 100%;
	height: 100%
}

.anniversary-pop .closeX {
	top: 18px;
	right: 0;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid #000;
	background: #de412f;
	text-align: center;
	line-height: 24px
}

.anniversary-pop .closeX i {
	color: #000;
	font-weight: normal
}

.anniversary-pop .info {
	margin-bottom: 26px;
	height: 177px;
	padding-top: 133px;
	font-size: 58px;
	color: #1ef6da;
	text-shadow: 0 8px 11px rgba(61,39,38,.53)
}

.anniversary-pop .coupon-box {
	margin: 0 auto 6px;
	width: 356px;
	height: 124px;
	background: url(pop-coupon.png?v=20190711) no-repeat;
	padding: 19px 23px 28px 170px;
	text-align: left
}

.anniversary-pop .coupon-box .cp-fl {
	float: left;
	margin-left: -150px;
	text-align: center;
	width: 106px;
	height: 78px;
	line-height: 76px;
	font-size: 50px;
	color: #fc0;
	font-weight: bold
}

.anniversary-pop .coupon-box .cp-fl b {
	font-size: 32px
}

.anniversary-pop .coupon-box .cp-fl i {
	font-size: 42px;
	font-family: Microsoft YaHei;
	vertical-align: -4px
}

.anniversary-pop .coupon-box .cp-priv {
	font-size: 20px;
	color: #fff;
	padding-top: 12px
}

.anniversary-pop .coupon-box .cp-info {
	font-size: 12px;
	color: #f9d2a3;
	padding-top: 2px;
	font-family: Microsoft YaHei
}

.anniversary-pop .coupon-box .cp-expire {
	font-size: 12px;
	color: #000;
	padding-top: 2px;
	font-family: Microsoft YaHei
}

.anniversary-pop .btn-get {
	display: block;
	margin: 0 auto;
	width: 334px;
	height: 60px;
	border-radius: 10px;
	border: 1px solid #f0c600;
	background-color: #000;
	font-size: 36px;
	letter-spacing: 2px;
	color: #fc0;
	text-align: center;
	line-height: 58px
}

@media screen and (max-width:1680px) {
	.anniversary-pop {
		margin: 0 47px;
		width: 336px;
		height: 539px;
		background: url(pop-bg-s.png?v=20190711)
	}

	.anniversary-pop .info {
		margin-bottom: 13px;
		padding-top: 110px;
		height: 145px;
		font-size: 45px
	}

	.anniversary-pop .coupon-box {
		margin: 0 auto;
		width: 280px;
		height: 99px;
		background-image: url(pop-coupon-s.png?v=20190711);
		padding: 16px 20px 24px 128px
	}

	.anniversary-pop .coupon-box .cp-fl {
		margin-left: -111px;
		width: 82px;
		height: 60px;
		line-height: 60px;
		font-size: 44px
	}

	.anniversary-pop .coupon-box .cp-fl b {
		font-size: 28px
	}

	.anniversary-pop .coupon-box .cp-fl i {
		font-size: 34px
	}

	.anniversary-pop .coupon-box .cp-priv {
		font-size: 16px;
		padding-top: 8px
	}

	.anniversary-pop .coupon-box .cp-info,.anniversary-pop .coupon-box .cp-expire {
		padding-top: 0
	}

	.anniversary-pop .btn-get {
		width: 260px;
		height: 46px;
		line-height: 44px;
		font-size: 28px
	}
}