@charset "UTF-8";
.layer-css-com .layer-com-content {
	position:fixed;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background:#FFF;
	-webkit-box-shadow:0 4px 10px 0 rgba(0, 0, 0, .1);
	box-shadow:0 4px 10px 0 rgba(0, 0, 0, .1);
	border-radius:6px;
	z-index:999
}
.layer-css-com .layer-info-content {
	position:relative;
	padding:32px
}
.layer-css-com .layer-info-content .layer-close {
	position:absolute;
	width:16px;
	height:16px;
	right:12px;
	top:12px;
	color:#86909C;
	cursor:pointer
}
.layer-css-com .layer-info-content .layer-content {
	margin-bottom:32px;
	font-size:14px;
	color:#1D2129;
	line-height:22px
}
.layer-css-com .layer-info-content .layer-content .con-row {
	margin-bottom:16px
}
.layer-css-com .layer-info-content .layer-content .con-row>span {
	margin-right:8px;
	font-size:14px;
	color:#4E5969;
	line-height:22px
}
.layer-css-com .layer-info-content .layer-content .con-row>span:nth-of-type(2n) {
color:#86909C
}
.layer-css-com .layer-info-content .layer-btns {
	text-align:right
}
.layer-css-com .layer-info-content .layer-btns .layer-btn {
	display:inline-block;
	margin-left:8px;
	width:60px;
	height:32px;
	font-size:14px;
	color:#4E5969;
	line-height:32px;
	text-align:center;
	background:#F2F3F5;
	border-radius:6px;
	cursor:pointer
}
.layer-css-com .layer-info-content .layer-btns .layer-save {
	color:#fff
}
.layer-css-com .layer-info-content .layer-btns .js-del-btn {
	background:#F53F3F
}
.layer-css-com .layer-info-content .layer-btns .js-save-btn {
	background:#06CD65
}
.layer-css-com .layer-info-content .layer-btns .disabled {
	opacity:.5;
	cursor:not-allowed
}
.layer-css-com .layer-info-content .input-title {
	margin-bottom:12px;
	font-size:14px;
	color:#4E5969;
	line-height:24px
}
.layer-css-com .layer-info-content .layui-form-item {
	position:relative
}
.layer-css-com .layer-info-content .layui-input {
	height:32px;
	line-height:32px;
	border-color:#E5E6EB;
	color:#86909C;
	background:#FFF
}
.layer-css-com .layer-info-content .layui-input:focus, .layer-css-com .layer-info-content .layui-input:hover {
	border-color:#E5E6EB!important
}
.layer-css-com .layer-info-content .city-picker-span {
	border:1px solid #E5E6EB;
	border-radius:2px;
	padding-left:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.layer-css-com .layer-info-content .layer-title {
	margin-bottom:16px;
	font-size:16px;
	font-weight:700;
	color:#1D2129;
	line-height:24px
}
.layer-css-com .layer-info-content .layer-title .icon {
	margin-right:9px;
	font-size:17px
}
.layer-mask {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(29, 33, 41, .3);
	z-index:998
}
.del-layer-css .layer-info-content {
	width:460px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.del-layer-css .layer-title .tip-icon {
	color:#F53F3F
}
.warning-layer-css .layer-title .tip-icon {
	color:#FBAC49
}
.sucuss-layer-css .layer-title .tip-icon {
	color:#06CD65
}
.invoice-info-popup {
	display:none
}
.invoice-info-popup .form-invoice {
	padding:20px 0 0 30px
}
.invoice-info-popup .form-invoice .item-form-invoice {
	margin-bottom:12px
}
.invoice-info-popup .form-invoice .label-invoice {
	font-size:14px;
	color:#333;
	display:inline-block;
	line-height:26px;
	position:relative;
	padding-left:7px;
	width:95px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.invoice-info-popup .form-invoice .label-invoice::after {
content:":";
position:absolute;
right:0;
letter-spacing:0
}
.invoice-info-popup .form-invoice .label-invoice i {
	position:absolute;
	left:0;
	color:#F93434
}
.invoice-info-popup .form-invoice .form-radio-block {
	padding-left:7px;
	padding-top:10px
}
.invoice-info-popup .form-invoice .form-radio-block span {
	line-height:1;
	display:inline-block;
	color:#666;
	font-size:12px;
	cursor:pointer;
	margin-right:136px
}
.invoice-info-popup .form-invoice .form-radio-block span:hover {
	color:#3BC66F
}
.invoice-info-popup .form-invoice .form-radio-block span:hover::before {
border-color:#3BC66F
}
.invoice-info-popup .form-invoice .form-radio-block span::before {
content:"";
display:inline-block;
border:1px solid #999;
width:12px;
height:12px;
border-radius:50%;
margin-right:5px;
vertical-align:-1px;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.invoice-info-popup .form-invoice .form-radio-block span.active::before {
background:url(/user/images/ck-icon.png) no-repeat;
border:0 solid #999
}
.invoice-info-popup .form-invoice .msg-input-error {
	width:165px;
	color:#F93434;
	font-size:12px;
	float:left;
	margin-left:10px
}
.invoice-info-popup .form-invoice .form-input-block {
	margin-left:10px;
	position:relative
}
.invoice-info-popup .form-invoice .form-input-block .invoice_header_proper {
	display:none;
	position:absolute;
	width:100%;
	height:150px;
	padding:10px 0;
	background-color:#FFF;
	z-index:9;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:0 0 4px 4px;
	overflow-y:auto;
	border:1px solid #eee
}
.invoice-info-popup .form-invoice .form-input-block .invoice_header_proper::-webkit-scrollbar {
width:4px
}
.invoice-info-popup .form-invoice .form-input-block .invoice_header_proper::-webkit-scrollbar-thumb {
border-radius:10px;
-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, .2);
box-shadow:inset 0 0 5px rgba(0, 0, 0, .2);
background:rgba(0, 0, 0, .2)
}
.invoice-info-popup .form-invoice .form-input-block .invoice_header_proper::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, .2);
box-shadow:inset 0 0 5px rgba(0, 0, 0, .2);
border-radius:0;
background:rgba(0, 0, 0, .1)
}
.invoice-info-popup .form-invoice .form-input-block .invoice_header_proper p {
	font-size:12px;
	line-height:20px;
	margin-bottom:5px;
	padding:0 10px;
	cursor:pointer
}
.invoice-info-popup .form-invoice .form-input-block .invoice_header_proper p:hover {
	background-color:#3BC66F;
	color:#fff
}
.invoice-info-popup .form-invoice .form-input-block input {
	width:283px;
	height:26px;
	border:1px solid #E6E6E6;
	border-radius:4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-size:12px;
	padding-left:10px
}
.invoice-info-popup .form-invoice .limit-optional {
	position:relative
}
.invoice-info-popup .form-invoice .limit-optional span {
	position:absolute;
	right:-60px;
	font-size:12px;
	display:inline-block;
	line-height:26px;
	color:#999
}
.invoice-info-popup .form-invoice .clearfix .form-input-block, .invoice-info-popup .form-invoice .clearfix .label-invoice {
	float:left
}
.text-spacing5 {
	letter-spacing:3px
}
.text-spacing4 {
	letter-spacing:8px
}
.text-spacing2, .text-spacing3 {
	letter-spacing:15px
}
.layer-reset-form {
	border-radius:4px!important;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.layer-reset-form .layui-layer-title {
	font-size:16px;
	background-color:#fff;
	font-weight:700;
	margin-top:10px;
	padding-left:30px
}
.layer-reset-form .layui-layer-setwin {
	top:20px
}
.layer-reset-form .layui-layer-btn {
	margin-top:-20px;
	padding-top:0!important
}
.layer-reset-form .layui-layer-btn .layui-layer-btn0 {
	float:right
}
.layer-reset-form .layui-layer-btn .layui-layer-btn1 {
	color:#3BC66F;
	border-color:#3BC66F
}
.layer-reset-form .layui-layer-btn a {
	width:120px;
	height:40px;
	line-height:40px;
	font-size:14px;
	text-align:center;
	border:1px solid #F1F1F1;
	opacity:1;
	border-radius:4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.js_select_all {
	display:inline-block;
	cursor:pointer
}
.js_select_all:hover {
	color:#3BC66F
}
.js_select_all:hover span {
	border-color:#3BC66F
}
.js_select_all span {
	display:inline-block;
	width:16px;
	height:16px;
	border:1px solid #7e7e7e;
	border-radius:2px;
	margin-right:3px;
	vertical-align:-3px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.item-checked-select {
	display:inline-block;
	width:22px;
	height:22px;
	border:1px solid #7e7e7e;
	opacity:1;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:2px;
	cursor:pointer;
	vertical-align:-4px
}
.item-checked-select:hover {
	border-color:#3BC66F
}
.item-checked-select.active {
	border-color:#3BC66F;
	background:url(/user/html/vr/img/icon-all.png) 3px no-repeat #3BC66F
}
.js_select_all.active span {
	border-color:#3BC66F;
	background:url(/user/html/vr/img/icon-all.png) 0 no-repeat #3BC66F
}
.js_view_invoicing {
	font-size:14px;
	color:#3BC66F;
	display:inline-block;
	border-bottom:1px solid #3BC66F;
	cursor:pointer
}
.js_open_invoicing {
	font-size:14px;
	color:#3BC66F;
	display:inline-block;
	cursor:pointer
}
.invoicing-failed {
	color:#F93434
}
.info-enterprise {
	display:none
}
@media screen and (min-width:1800px) {
.invoicing-submit-pay .invoicing-content {
width:1640px
}
.invoicing-submit-pay .invoicing-content .bottom-invoicing {
width:1420px
}
.bg-invoice-info {
width:1420px;
background:url(/user/images/max-invoice-info.png) no-repeat
}
}
body, html {
	background:#F7F8FA
}
body {
	display:grid
}
.icon {
	width:1em;
	height:1em;
	vertical-align:-.15em;
	fill:currentColor;
	overflow:hidden
}
.center-common-c, .center-common-c2 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	margin:0 auto!important;
	padding:16px 0 100px;
	padding-top:16px!important;
	width:1608px
}
.center-common-c * {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.left-user-info {
	margin-right:24px;
	width:248px;
	min-width:248px;
	border-radius:12px;
	position:relative
}
.left-user-info .left-user-center {
	background:#FFF;
	padding-bottom:70px;
	border-radius:0 0 12px 12px
}
.left-user-info .top-user-card {
	padding:24px 24px 16px
}
.left-user-info .top-user-card .user-info-hd {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.left-user-info .top-user-card .user-info-hd>a {
	position:relative;
	display:inline-block
}
.left-user-info .top-user-card .user-info-hd>a .user-safe-level {
	position:absolute;
	left:50%;
	top:-18px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	padding:0 6px;
	height:26px;
	font-size:12px;
	color:#FFF;
	line-height:26px;
	text-align:center;
	background:#06CD65;
	white-space:nowrap;
	border-radius:2px
}
.left-user-info .top-user-card .user-info-hd>a .user-safe-level::after {
content:"";
position:absolute;
left:50%;
top:26px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:0;
height:0;
border-top:4px solid #06CD65;
border-right:4px solid transparent;
border-bottom:4px solid transparent;
border-left:4px solid transparent;
display:block
}
.left-user-info .top-user-card .user-info-hd>a .user-safe-level:hover {
	text-decoration:underline
}
.left-user-info .top-user-card .user-info-hd>a .safe-level-red {
	background:#F53F3F
}
.left-user-info .top-user-card .user-info-hd>a .safe-level-red::after {
border-top-color:#F53F3F
}
.left-user-info .top-user-card .user-info-hd>a .safe-level-orange {
	background:#FF7D00
}
.left-user-info .top-user-card .user-info-hd>a .safe-level-orange::after {
border-top-color:#FF7D00
}
.left-user-info .top-user-card .user-info-hd>a .icon-certification {
	display:inline-block;
	position:absolute;
	right:10px;
	bottom:5px;
	width:20px;
	height:20px
}
.left-user-info .top-user-card .user-info-hd>a .icon-certification.user_grade_certification1 {
	background:url(/user2/public/images/new-level/vip-grade1.png) no-repeat;
	background-size:100% 100%
}
.left-user-info .top-user-card .user-info-hd>a .icon-certification.user_grade_certification2 {
	background:url(/user2/public/images/new-level/vip-grade2.png) no-repeat;
	background-size:100% 100%
}
.left-user-info .top-user-card .user-info-hd>a .icon-certification.user_grade_certification3 {
	background:url(/user2/public/images/new-level/vip-grade3.png) no-repeat;
	background-size:100% 100%
}
.left-user-info .top-user-card .user-info-hd .user-img {
	margin-right:2px;
	width:72px;
	height:72px;
	-webkit-box-shadow:-5px 4px 8px 0 rgba(0, 0, 0, .15);
	box-shadow:-5px 4px 8px 0 rgba(0, 0, 0, .15);
	opacity:1;
	border:6px solid #FFF;
	border-radius:50%
}
.left-user-info .top-user-card .user-info-hd .user-name {
	margin-bottom:10px;
	width:126px;
	font-size:16px;
	font-weight:700;
	color:#1D2129;
	line-height:24px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.left-user-info .top-user-card .user-info-hd .icon-member-content li {
	float:left;
	position:relative;
	padding-bottom:7px;
	margin-right:5px
}
.left-user-info .top-user-card .user-info-hd .icon-member-content li:hover .vip-due-time {
	display:block
}
.left-user-info .top-user-card .user-info-hd .icon-member-content li>a>.icon {
	font-size:20px
}
.utops{padding-top:2px;}
#user-center-id{
	font-size:13px; color:#999999;
}
.left-user-info .top-user-card .user-info-hd .icon-member-content li .vip-due-time {
	display:none;
	position:absolute;
	left:-30px;
	top:100%;
	z-index:99;
	min-width:260px;
	background-color:#fff;
	-webkit-box-shadow:0 1px 11px 6px rgba(0, 0, 0, .16);
	box-shadow:0 1px 11px 6px rgba(0, 0, 0, .16);
	border-radius:4px;
	height:40px;
	line-height:40px;
	padding:0 12px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:left
}
.left-user-info .top-user-card .user-info-hd .icon-member-content li .vip-due-time::before {
content:"";
display:inline-block;
width:0;
height:0;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #fff;
position:absolute;
top:-8px;
left:30px
}
.left-user-info .top-user-card .user-info-hd .icon-member-content li .vip-due-time .vip-info {
	font-size:12px;
	color:#666;
	display:inline-block
}
.left-user-info .top-user-card .user-info-hd .icon-member-content li .vip-due-time .vip-info span {
	color:#D1B06F
}
.left-user-info .top-user-card .user-info-hd .icon-member-content li .vip-due-time a {
	color:#3BC66F;
	float:right;
	font-size:12px
}
.left-user-info .top-user-card .user-info-hd .icon-member-content li .vip-due-time a .icon-direction_double_arrow_right_m {
	vertical-align:-1px;
	font-size:12px
}
.left-user-info .top-user-card .user-info-bd {
	margin:10px 0 8px;
	font-size:14px;
	font-weight:400;
	color:#C9CDD4;
	line-height:16px;
	text-align:left;
}
.left-user-info .top-user-card .to-user-home {
	display:block;
	margin:0 auto;
	width:72px;
	height:24px;
	font-size:12px;
	color:#4E5969;
	line-height:24px;
	text-align:center;
	background:#F2F3F5;
	border-radius:6px;
-webkit-transition:all ease .3s;
transition:all ease .3s
}
.left-user-info .top-user-card .to-user-home:hover {
	background:#06cd65;
	color:#fff
}
.left-user-info .page-topic {
	margin-bottom:12px;
	padding-left:35px;
	height:44px;
	font-size:16px;
	font-weight:700;
	color:#4E5969;
	line-height:44px;
	background:#F2F3F5
}
.left-user-info .quest-address {
	width:264px;
	height:194px;
	background:url(/vr2/img/quest-address1.png) no-repeat;
	position:absolute;
	left:-8px;
	bottom:-212px;
	display:none
}
.left-user-info .quest-address .quest-btn {
	width:92px;
	height:25px;
	border-radius:13px;
	display:block;
	cursor:pointer;
	position:absolute;
	left:76px;
	bottom:0
}
.vr-open-questionnaire {
	width:432px;
	height:484px;
	background:url(/vr2/img/vr-open-questionnaire.png) no-repeat;
	position:relative;
	display:none
}
.vr-open-questionnaire .ques-open-center {
	width:140px;
	position:absolute;
	right:78px;
	top:298px
}
.vr-open-questionnaire .ques-open-center em {
	font-size:16px;
	font-weight:700;
	color:#735B4B
}
.vr-open-questionnaire .ques-open-center .copy {
	width:30px;
	height:15px;
	background:#8D8D8D;
	border-radius:2px;
	font-size:12px;
	text-align:center;
	line-height:15px;
	display:inline-block;
	color:#fff;
	position:absolute;
	top:-12px;
	right:38px;
	cursor:pointer
}
.vr-open-questionnaire .ques-open-center .copy-input {
	position:absolute;
	left:-99999px;
	top:-99999px
}
.vr-open-questionnaire .open-quest-btn {
	width:186px;
	height:48px;
	-webkit-box-shadow:0 0 12px 0 rgba(95, 84, 73, .55);
	box-shadow:0 0 12px 0 rgba(95, 84, 73, .55);
	border-radius:24px;
	position:absolute;
	left:129px;
	bottom:12px;
	cursor:pointer;
	display:block
}
.collect-nav-list, .nav-list {
	padding:0 16px
}
.collect-nav-list>li, .nav-list>li {
	position:relative
}
.collect-nav-list>li .new-tips, .nav-list>li .new-tips {
	position:absolute;
	left:-40px;
	top:8px
}
.collect-nav-list>li .new-tips>.icon, .nav-list>li .new-tips>.icon {
	height:30px;
	width:52px
}
.collect-nav-list>li>a, .nav-list>li>a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:9px 20px;
	font-size:16px;
	color:#4E5969;
	line-height:24px
}
.collect-nav-list>li>a .bold-title, .nav-list>li>a .bold-title {
	font-weight:700;
	color:#86909C
}
.collect-nav-list>li>a .icon, .nav-list>li>a .icon {
	color:#86909C;
	margin-right:16px;
	width:16px;
	height:16px;
	vertical-align:-2px
}
.collect-nav-list>li>a .nav-item-title, .nav-list>li>a .nav-item-title {
	position:relative
}
.collect-nav-list>li>a .nav-item-title .vr-free-icon, .nav-list>li>a .nav-item-title .vr-free-icon {
	right:-27px
}
.collect-nav-list>li>a:hover, .nav-list>li>a:hover {
	background:#F2F3F5;
	border-radius:2px
}
.collect-nav-list>li .nav-item-arrow, .nav-list>li .nav-item-arrow {
	width:16px;
	height:16px;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	margin-top:3px
}
.collect-nav-list>li .nav-item-arrow .icon, .nav-list>li .nav-item-arrow .icon {
	width:12px;
	height:12px;
	color:#C9CDD4
}
.collect-nav-list>li .new-bubble, .nav-list>li .new-bubble {
	display:none;
	position:absolute;
	top:-13px;
	right:-10px;
	padding:2px 6px;
	font-size:12px;
	color:#fff;
	background:#F53F3F;
	border-radius:2px;
	line-height:22px
}
.collect-nav-list>li .new-bubble::after, .nav-list>li .new-bubble::after {
content:"";
position:absolute;
bottom:-8px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
border:4px solid transparent;
border-top-color:#F53F3F
}
.collect-nav-list .user-lastline-style-page, .nav-list .user-lastline-style-page {
	border-bottom:1px solid #eee;
	border-top:1px solid #eee
}
.collect-nav-list .user-lastline-style-page:hover, .nav-list .user-lastline-style-page:hover {
	border-bottom:1px solid #e6ffee;
	border-top:1px solid #e6ffee
}
.collect-nav-list .user-lastline-style-upload, .nav-list .user-lastline-style-upload {
	border-bottom:1px solid #eee
}
.collect-nav-list .user-lastline-style-upload:hover, .nav-list .user-lastline-style-upload:hover {
	border-bottom:1px solid #e6ffee
}
.collect-nav-list .active>a, .nav-list .active>a {
	color:#06CD65;
	background:#E6FFEE;
	border-radius:2px
}
.collect-nav-list .active>a .icon, .nav-list .active>a .icon {
	color:#06CD65
}
.collect-nav-list .parent-active>a, .nav-list .parent-active>a {
	color:#1D2129
}
.collect-nav-list .parent-active>a .nav-item-arrow .icon, .nav-list .parent-active>a .nav-item-arrow .icon {
	color:#1D2129;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.collect-nav-list .parent-active .children-nav-list, .nav-list .parent-active .children-nav-list {
	display:block!important
}
.collect-nav-list .parent-active .children-nav-list>li>a:hover, .nav-list .parent-active .children-nav-list>li>a:hover {
	background:#F2F3F5;
	border-radius:2px
}
.collect-nav-list .children-nav-list, .nav-list .children-nav-list {
	display:none;
	margin-left:16px;
	padding-left:11px;
	border-left:1px solid #E5E6EB
}
.collect-nav-list .children-nav-list>li, .nav-list .children-nav-list>li {
	position:relative
}
.collect-nav-list .children-nav-list>li>a, .nav-list .children-nav-list>li>a {
	display:block;
	padding-left:12px;
	height:42px;
	font-size:14px;
	color:#4E5969;
	line-height:42px
}
.collect-nav-list .children-nav-list>li .new-bubble, .nav-list .children-nav-list>li .new-bubble {
	right:0
}
.collect-nav-list .children-nav-list .active>a, .nav-list .children-nav-list .active>a {
	color:#06CD65;
	background:#E6FFEE;
	border-radius:2px
}
.right-content {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	width:80%
}
.right-content .mainbox {
	margin-left:0;
	width:100%;
	padding:20px;
	background-color:#fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:10px
}
.common-tab-nav {
	margin-bottom:16px;
	padding:9px 24px 16px;
	border-radius:12px;
	background:#FFF
}
.common-tab-nav .tab-nav-hd {
	margin-bottom:9px;
	font-size:12px;
	color:#4E5969;
	line-height:22px;
}
.common-tab-nav .tab-nav-hd a {
	font-size:12px;
	color:#86909C;
	line-height:22px;
	display:block;
	float:left;
}
.common-tab-nav .tab-nav-hd span {
	font-size:12px;
	color:#86909C;
	line-height:22px;
	display:block;
	float:left;
	margin:0 4px;
}
.common-tab-nav .tab-nav-hd img {
	margin-right:4px;
	float:left;
	margin-top:5px;
}
.common-tab-nav .tab-nav-bd {
	padding-top:9px;
}
.common-tab-nav .tab-nav-bd .title {
	font-size:18px;
	font-weight:700;
	color:#1D2129;
	line-height:26px
}
.common-tab-nav .tab-nav-bd .tip {
	font-size:12px;
	color:#86909C;
	line-height:22px
}
.common-tab-nav .tab-nav-bd .tip a {
	color:#06CD65
}
.not-data {
	display:block;
	margin:0 auto 40px;
	text-align:center;
	font-size:14px;
	color:#86909C;
	line-height:24px
}
.not-data .icon {
	font-size:238px
}
.not-data .not-data-tips>a {
	color:#06CD65
}
.new-not-data {
	display:block;
	margin:70px auto 40px;
	text-align:center
}
.new-not-data p {
	font-size:20px;
	line-height:1;
	color:#222;
	margin-top:10px
}
.new-not-data .icon {
	font-size:130px
}
.new-not-data .not-data-tips {
	color:#5C5C5C;
	font-size:14px;
	line-height:36px
}
.bg-codell {
	width:120px;
	height:120px;
	background:url(/public/images/common/bg-1.png) -10px -10px
}
::-webkit-scrollbar {
width:8px
}
::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 0 rgba(240, 240, 240, .5);
box-shadow:inset 0 0 0 rgba(240, 240, 240, .5);
border-radius:10px;
background-color:#f6f6f6
}
::-webkit-scrollbar-thumb {
border-radius:10px;
-webkit-box-shadow:inset 0 0 0 rgba(240, 240, 240, .5);
box-shadow:inset 0 0 0 rgba(240, 240, 240, .5);
background-color:#E5E6EB
}
.navbar-wrap {
	height:auto!important
}
.mainbox, .model-upload, .reward-box {
	margin-left:0!important
}
.guide-mask, .guide-upload-mask {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(29, 33, 41, .6);
	z-index:1002
}
.guide-mask .guide-mask-content, .guide-upload-mask .guide-mask-content {
	position:relative;
	margin:0 auto;
	max-width:1920px
}
.guide-mask .guide-mask-content .guide-tips, .guide-upload-mask .guide-mask-content .guide-tips {
	position:absolute;
	padding:16px;
	width:340px;
	font-size:14px;
	color:#1D2129;
	line-height:22px;
	text-align:left;
	background:#FFF;
	border-radius:6px
}
.guide-mask .guide-mask-content .guide-tips::before, .guide-upload-mask .guide-mask-content .guide-tips::before {
content:"";
position:absolute;
width:0;
height:0;
border-top:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #FFF;
border-left:10px solid transparent;
display:block
}
.guide-upload-mask .guide-mask-content .guide-mask-content-detail {
	position:absolute;
	top:86px;
	left:153px
}
.guide-upload-mask .guide-mask-content .guide-mask-content-detail::before {
content:"";
width:100%;
height:100%;
background:0 0;
position:absolute;
z-index:1003
}
.guide-upload-mask .guide-mask-content .guide-tips {
	top:220px;
	left:423px
}
.guide-upload-mask .guide-mask-content .guide-tips::before {
left:-18px;
top:48px;
border-bottom:10px solid transparent;
border-right:10px solid #fff
}
.guide-mask .guide-mask-content .guide-mask-content-detail {
	position:absolute;
	top:10px;
	right:35px;
	width:158px;
	height:42px;
	line-height:42px;
	text-align:center;
	background:#fff;
	border-radius:12px
}
.guide-mask .guide-mask-content .btn-nav-upload, .guide-tip-btns .btn {
	display:inline-block;
	line-height:32px;
	text-align:center;
	cursor:pointer
}
.guide-mask .guide-mask-content .btn-nav-upload {
	width:128px;
	height:32px;
	background:#06CD65;
	border-radius:6px;
	opacity:1;
	color:#fff;
	font-size:16px
}
.guide-mask .guide-mask-content .guide-tips {
	right:30px;
	top:52px
}
.guide-mask .guide-mask-content .guide-tips::before {
top:-18px;
right:35px
}
.guide-tip-btns {
	margin-top:16px;
	text-align:right
}
.guide-tip-btns .btn {
	margin-left:8px;
	padding:0 16px;
	font-size:14px;
	color:#4E5969;
	height:32px;
	background:#F2F3F5;
	border-radius:6px
}
.guide-tip-btns .btn:nth-of-type(2) {
background:#06CD65;
color:#fff
}
.guide-tip-btns .btn:nth-of-type(2):hover {
background:#29D978
}
.model-upload .back {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.star-condition li {
	width:50%!important
}
.left-wx-opens {
	position:relative;
	width:248px;
	height:246px;
	background:#FFF;
	-webkit-box-shadow:0 4px 10px 0 rgba(0, 0, 0, .1);
	box-shadow:0 4px 10px 0 rgba(0, 0, 0, .1);
	border-radius:6px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:26px;
	margin-top:12px
}
.left-wx-opens .close-btn {
	cursor:pointer;
	position:absolute;
	right:12px;
	top:12px
}
.left-wx-opens .close-btn .icon {
	font-size:16px;
	color:#86909C;
transition:all .3s;
-webkit-transition:all .3s
}
.left-wx-opens .close-btn .icon:hover {
	color:#06CD65
}
.left-wx-opens p, .wx-open h5 {
	font-size:16px;
	color:#1D2129;
	text-align:center
}
.left-wx-opens p {
	font-weight:400;
	line-height:24px
}
.left-wx-opens #share-wx {
	width:140px;
	height:140px;
	margin:8px auto 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.wx-open {
	width:298px;
	height:258px;
	background:#FFF;
	-webkit-box-shadow:0 4px 10px 0 rgba(0, 0, 0, .1);
	box-shadow:0 4px 10px 0 rgba(0, 0, 0, .1);
	border-radius:6px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:26px
}
.wx-open h5 {
	font-weight:700;
	line-height:16px
}
.wx-open #share-wx {
	width:160px;
	height:160px;
	margin:15px auto 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.left-nav-address {
	width:248px;
	height:auto;
	margin-top:5px;
-webkit-animation:ll-per .8s ease infinite 80ms alternate;
animation:ll-per .8s ease infinite 80ms alternate
}
.left-nav-address>a {
	width:100%;
	height:auto;
	display:block
}
.left-nav-address>a>img {
	display:block
}
@-webkit-keyframes ll-per {
0% {
-webkit-transform:translate(0, 6px);
transform:translate(0, 6px)
}
100% {
-webkit-transform:translate(0, -6px);
transform:translate(0, -6px)
}
}
@keyframes ll-per {
0% {
-webkit-transform:translate(0, 6px);
transform:translate(0, 6px)
}
100% {
-webkit-transform:translate(0, -6px);
transform:translate(0, -6px)
}
}
.qr-code-open {
	display:none;
	width:487px;
	height:364px;
	background:url(/user2/public/images/qr-code-open.png) no-repeat
}
#countdown {
	background:url(/tp/resource/img/active/2024/creator/countdown.png) center no-repeat;
	width:200px;
	height:136px;
	position:fixed;
	bottom:70px;
	right:57px;
	z-index:2;
	display:none
}
#countdown h2 {
	font-size:54px;
	font-weight:700;
	padding-top:24px;
	color:#fff;
	letter-spacing:14px;
	padding-left:50px;
	line-height:normal;
	font-family:"Microsoft Yahei", Helvetica, Arial, sans-serif
}
@media screen and (max-width:1700px) {
.center-common-c, .center-common-c2 {
width:1344px!important
}
.guide-mask .guide-mask-content .guide-mask-content-detail {
right:15px
}
}
@media screen and (min-width:1930px) {
.guide-mask .guide-mask-content .guide-mask-content-detail {
right:15px
}
}
@media screen and (max-width:1440px) {
.guide-upload-mask .guide-mask-content .guide-mask-content-detail {
left:46px
}
.guide-upload-mask .guide-mask-content .guide-tips {
left:314px
}
.right-content {
max-width:980px
}
.center-common-c, .center-common-c2 {
width:1200px!important
}
}