*,
:after,
:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0 !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
time,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: ""
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

body {
	color: #3d4c63;
	background: #fafafa;
	font: 14px/1.5 "Microsoft Yahei", sans-serif;
	outline: 0
}

a {
	color: #333;
	text-decoration: none
}

a:hover {
	color: inherit
}

img {
	max-width: 100%;
	border: none
}

em,
i {
	font-style: normal
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

input,
select,
textarea {
	font-size: 12px;
	color: #444;
	font-family: "Microsoft Yahei", sans-serif;
	outline: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

button,
input[type=button],
input[type=reset],
input[type=submit],
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	cursor: pointer
}

input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus {
	background: #fff;
	border: 1px solid #bbb
}

.false:focus {
	border: 2px solid #ff1531;
	background: #fff
}

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

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

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

::-ms-clear,
::-ms-reveal {
	display: none
}

.fix {
	*zoom: 1
}

.fix:after,
.fix:before {
	display: block;
	content: "";
	height: 0;
	clear: both
}

.c {
	clear: both
}

.col-l,
.l {
	float: left
}

.col-r,
.r {
	float: right
}

.ani {
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.unselect {
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none
}

.wp {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}

.h50 {
	height: 50px;
	clear: both;
	overflow: hidden
}

.h100 {
	height: 100px;
	clear: both;
	overflow: hidden
}

.header {
	background: #fff;
	box-shadow: 0 10px 40px 0 rgba(22, 24, 28, .1)
}

.header .wp {
	padding: 15px 0;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.header .wp .hd-l {
	display: flex;
	align-items: center
}

.header .wp .hd-l .logo {
	display: block;
	width: 272px;
	height: 68px
}

.header .wp .hd-l .logo img {
	display: block;
	width: 100%;
	height: 100%
}

.header .wp .hd-l span {
	color: #1a1a1a;
	font-size: 24px;
	margin-left: 30px
}

.header .wp .hd-r {
	display: flex;
	align-items: center
}

.header .wp .hd-r span {
	font-size: 18px;
	color: #999
}

.header .wp .hd-r a {
	display: block;
	padding-right: 15px;
	background: url(../images/arr-r.png) no-repeat right center/contain;
	background-size: 8px;
	font-size: 18px;
	color: #1a1a1a
}

.header2 .hd-r em {
	margin-right: 10px;
	font-size: 14px;
	color: #1a1a1a
}

.header2 .hd-r .user-btn-g {
	display: flex;
	align-items: center
}

.header2 .hd-r .user-btn-g li {
	display: flex;
	align-items: center
}

.header2 .hd-r .user-btn-g li .icon {
	width: 16px;
	height: 16px;
	background: #f5c829;
	border-radius: 50%;
	margin-right: 6px
}

.header2 .wp .hd-r a {
	background: 0 0;
	font-size: 14px;
	color: #999
}

.hd-l .title-box {
	border-left: 1px solid #e6e6e6;
	padding-left: 20px;
	margin-left: 20px;
	display: flex;
	align-items: center
}

.hd-l .title-box .tit span {
	display: block;
	margin-left: 0
}

.hd-l .title-box .tit span:last-child {
	font-size: 14px;
	color: #666;
	font-weight: 400
}

.hd-l .title-box a {
	width: 100px;
	height: 22px;
	background: #f3f3f3;
	border-radius: 11px;
	font-size: 12px;
	color: #999;
	text-align: center;
	line-height: 20px;
	display: none!important;
	margin-left: 15px;
}

.side-nav2 {
	width: 200px;
	height: 160px;
	background: #fefefe;
	box-shadow: 0 0 20px 0 rgba(26, 26, 32, .1);
	padding: 19px 10px
}

.side-nav2 li.on {
	background: #f5c829;
	border-radius: 5px
}

.side-nav2 li a {
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #1a1a1a;
	font-size: 14px
}

.side-nav2 li a .icon {
	width: 16px;
	height: 16px;
	display: block
}

.side-nav2 li a .icon img {
	width: 100%;
	height: 100%;
	display: block
}

.footer {
	border-top: 1px solid #e6e6e6
}

.footer .wp {
	font-size: 14px;
	padding: 40px 0
}

.footer .fd-btn-group {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	justify-content: center
}

.footer .fd-btn-group li a:hover {
	color: #f5c829
}

.footer .fd-btn-group li a {
	display: block;
	padding: 0 15px;
	color: #999;
	border-right: 1px solid #999;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.footer .fd-btn-group li:last-child a {
	border-right: none
}

.footer .copy-right {
	text-align: center;
	font-size: 14px;
	color: #999
}

.footer .copy-right span {
	margin-right: 10px
}

.pages {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0
}

.pages li a {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	text-align: center;
	line-height: 30px;
	margin: 0 3px;
	color: #1a1a1a;
	font-size: 16px
}

.pages li.on a {
	background: #f5c829
}

.pages li a:hover {
	color: #f5c829
}

.pages li.next a,
.pages li.prev a {
	width: 9px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px
}

.pages li.next a img,
.pages li.prev a img {
	display: block;
	width: 100%;
	height: 100%
}

.pages li:last-child {
	color: #999
}

.content .con-inner .con-tit.con-tit1 {
	margin-bottom: 43px
}

.main .wp {
	padding: 40px 0 100px
}

.login-box3 {
	background: #fff;
	box-shadow: 0 10px 40px 0 rgba(22, 24, 28, .1)
}

.login-inner {
	margin: 0 auto;
	max-width: 480px;
	padding: 88px 0 200px
}

.login-box3 .desc-box .tit {
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 10px
}

.login-box3 .desc-box .desc {
	font-size: 14px;
	color: #999
}

.btn {
	color: #1a1a1a;
	font-size: 16px;
	text-align: center;
	line-height: 54px;
	display: block;
	height: 56px;
	background: #f5c829;
	border-radius: 28px
}

.login-inner .btn1 {
	display: block;
	width: 480px
}

.sel-box {
	border: 1px solid #ccc;
	border-radius: 28px;
	width: 480px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px;
	position: relative;
	margin: 30px 0
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	-moz-appearance: textfield
}

.text-code {
	margin: 25px 0;
	display: flex;
	align-items: center
}

.text-code .code-info {
	width: 300px;
	height: 56px;
	border-radius: 28px;
	border: 1px solid #ccc;
	padding: 0 30px;
	margin-right: 20px;
	font-size: 16px;
	color: #ccc
}

.text-code .btn2 {
	width: 160px
}

.sel-box span {
	color: #1a1a1a;
	font-size: 16px;
	position: absolute;
	right: 49px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.sel-box span.sel-choice {
	pointer-events: none
}

.sel-box select {
	border: none;
	padding-right: 20px;
	font-size: 16px;
	color: #1a1a1a;
	width: 100%
}

.sel-box i {
	display: block;
	position: absolute;
	background: url(../images/arr-b.png) no-repeat right center/contain;
	right: 30px;
	width: 10px;
	height: 6px;
	z-index: 1
}

.phone {
	border-radius: 28px;
	border: 1px solid #ccc;
	height: 56px;
	line-height: 50px;
	padding: 0 30px
}

.phone span {
	font-size: 18px;
	color: #1a1a1a;
	border-right: 1px solid #ccc;
	padding-right: 30px
}

.phone input {
	font-size: 16px;
	color: #ccc;
	border: none;
	padding-left: 30px
}

.side-nav {
	width: 200px;
	height: 660px;
	background: #fff;
	box-shadow: 0 10px 40px 0 rgba(22, 24, 28, .1);
	padding: 20px
}

.side-nav .title {
	color: #1a1a1a;
	font-size: 18px;
	margin-bottom: 30px
}

.side-nav .nav-item {
	margin-bottom: 20px
}

.side-nav .nav-item .tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 14px
}

.side-nav .nav-item .tit .tit-l {
	display: flex;
	align-items: center
}

.side-nav .nav-item .tit i {
	width: 10px;
	height: 6px;
	display: block
}

.side-nav .nav-item .tit .arr-b.show {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.side-nav .nav-item .tit i img {
	display: block;
	width: 100%;
	height: 100%
}

.side-nav .nav-item .tit .icon {
	width: 17px;
	height: 18px;
	margin-right: 13px
}

.side-nav .nav-item .tit span {
	font-size: 14px;
	color: #1a1a1a;
	font-weight: 700
}

.side-nav .nav-item .nav-li {
	padding-left: 30px
}

.side-nav .nav-item .nav-li li {
	padding: 6px 0
}

.side-nav .nav-item .nav-li li a {
	display: block;
	font-size: 14px;
	color: grey;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.side-nav .nav-item .nav-li li.on a {
	color: #f5c829
}

.side-nav .nav-item .nav-li li:hover a {
	color: #f5c829
}




.side-nav .nav-item .nav-lis {
	padding-left: 30px
}

.side-nav .nav-item .nav-lis li {
	padding: 6px 0
}

.side-nav .nav-item .nav-lis li a {
	display: block;
	font-size: 14px;
	color: grey;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.side-nav .nav-item .nav-lis li.on a {
	color: #f5c829
}

.side-nav .nav-item .nav-lis li:hover a {
	color: #f5c829
}


.main .wp.wp1 {
	display: flex;
	justify-content: space-between
}

.content {
	width: 980px;
	background: #fff;
	box-shadow: 0 10px 40px 0 rgba(22, 24, 28, .1);
	padding: 18px
}

.content .cur-nav {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 8px
}

.content .cur-nav a {
	font-size: 14px;
	color: #999
}

.content .cur-nav span {
	color: #1a1a1a;
	margin-left: 5px
}

.content .con-inner {
	padding: 25px 0
}

.content .con-inner .con-tit {
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 22px
}

.content .con-inner .safe {
	width: 940px;
	height: 44px;
	background: #fff7dc;
	border: 1px solid #f5e4ac;
	line-height: 40px;
	padding: 0 20px;
	color: #a48542;
	font-size: 14px
}

.content .con-inner .safe em {
	width: 46px;
	height: 14px;
	background: #fa3b30;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.content .con-inner .safe em:after {
	content: '';
	width: 46px;
	height: 14px;
	background: #e6e6e6;
	position: absolute;
	right: -100px
}

.content .con-inner .safe em:before {
	content: '';
	width: 46px;
	height: 14px;
	background: #e6e6e6;
	position: absolute;
	right: -50px
}

.content .con-inner .safe i {
	font-size: 14px;
	color: #fa3b30;
	margin-left: 120px
}

.content .con-inner .safe .warn {
	font-size: 14px;
	color: #a48542;
	margin-left: 20px
}

.user-box {
	width: 940px;
	height: 90px;
	background: #f6f6f7;
	margin-top: 20px;
	display: flex;
	align-items: center;
	padding: 0 20px;
	position: relative
}

.user-box a {
	position: absolute;
	right: 20px;
	font-size: 14px;
	color: #4377e4
}

.user-box .icon {
	width: 50px;
	height: 50px;
	display: block;
	margin-right: 10px
}

.user-box .icon img {
	display: block;
	width: 100%;
	height: 100%
}

.user-box .desc .tit {
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	display: flex;
	align-items: center
}

.user-box .desc .tit i {
	width: 20px;
	height: 20px;
	display: block;
	margin-left: 10px
}

.user-box .desc .tit i img {
	display: block;
	width: 100%;
	height: 100%
}

.user-box .desc .info {
	font-size: 14px;
	color: #fa3b30
}

.user-box:last-child .desc .info {
	font-size: 14px;
	color: #999
}

.con-inner .checking {
	margin: 53px auto 0;
	display: flex;
	align-items: start
}

.con-inner .checking .check-l {
	font-size: 14px;
	color: #1a1a1a;
	margin: -18px 20px 0 0
}

.con-inner .checking .check-l li {
	padding: 20px 0;
	text-align: right
}

.con-inner .checking .check-r p {
	font-size: 16px;
	color: #1a1a1a;
	font-weight: 700;
	margin-bottom: 30px
}

.con-inner .checking .check-r label {
	display: flex;
	align-items: center
}

.con-inner .checking .check-r label .code-info {
	width: 250px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 0 20px;
	font-size: 14px;
	color: #999
}

.con-inner .checking .check-r label .btn3 {
	width: 118px;
	height: 40px;
	line-height: 38px;
	border-radius: 4px;
	margin-left: 10px
}

.con-inner .checking .check-r .tel1 {
	margin-top: 25px;
	position: relative
}

.con-inner .checking .check-r .tel1 select {
	width: 77px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #1a1a1a;
	font-size: 16px;
	padding: 0 20px;
	margin-right: 10px
}

.con-inner .checking .check-r .tel1 input {
	width: 291px;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 20px
}

.con-inner .checking .check-r .tel1 i {
	display: block;
	width: 7px;
	height: 5px;
	position: absolute;
	z-index: 10;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 60px
}

.con-inner .checking .check-r .tel1 i img {
	display: block;
	width: 100%;
	height: 100%
}

.con-inner .checking .check-r .code-wrap {
	margin-top: 20px
}

.con-inner .checking .check-r .code-wrap input {
	width: 288px;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 20px
}

.con-inner .checking .check-r .code-wrap .code {
	display: block;
	width: 80px;
	height: 40px;
	margin-left: 10px
}

.con-inner .checking .check-r .code-wrap .code img {
	display: block;
	width: 100%;
	height: 100%
}

.con-inner .checking .check-r a.btn1 {
	display: block;
	width: 378px;
	height: 40px;
	line-height: 38px;
	border-radius: 4px;
	margin-top: 40px
}

.con-inner .desc-box {
	width: 456px;
	height: 110px;
	background: #fafafa;
	padding: 22px 20px;
	margin: 48px auto
}

.con-inner .desc-box .tit {
	font-size: 14px;
	font-weight: 700;
	color: #1a1a1a
}

.con-inner .desc-box p {
	font-size: 14px;
	color: #999
}

.content .con-inner .con-tit.tit1 {
	position: relative;
	padding-left: 35px;
	font-size: 16px;
	color: #1a1a1a;
	font-weight: 400
}

.content .con-inner .con-tit.tit1:after {
	content: '';
	width: 8px;
	height: 8px;
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 50%;
	position: absolute;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.con-inner .input-box {
	max-width: 700px
}

.con-inner .input-box label {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0 auto 20px;
	color: #333
}

.con-inner .input-box .user-type {
	margin-left: 115px
}

.con-inner .input-box label em {
	color: #fa3b30
}

.con-inner .input-box label input {
	margin-left: 20px;
	width: 510px;
	height: 40px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 20px;
	color: #999;
	font-size: 14px
}

.con-inner .input-box .user-type {
	margin-bottom: 20px
}

.con-inner .input-box .user-type span {
	margin-left: 22px
}

.con-inner .input-box.i-b1 {
	margin-left: 97px
}

.con-inner .input-box.i-b1 input {
	border: none;
	position: absolute;
	left: -999px
}

.con-inner .input-box.i-b1 .label-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 20px
}

.input-box.i-b1 .label-wrap .tit {
	text-align: left;
	padding-right: 10px
}

.input-box.i-b1 .label-wrap .tit em {
	color: #fa3b30
}

.input-box.i-b1 .label-wrap .label-upload {
	margin: 0
}

.input-box.i-b1 .label-wrap .icon-up {
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 4px;
	display: block;
	flex: 0 0 100px;
	left: 30px
}

.input-box.i-b1 .label-wrap .icon-up img {
	display: block;
	width: 100%;
	height: 100%
}

.input-box.i-b1 .label-wrap .desc {
	display: flex;
	margin-left: 50px
}

.input-box.i-b1 .label-wrap .desc .icon {
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 6px
}

.input-box.i-b1 .label-wrap .desc .icon img {
	display: block;
	width: 100%;
	height: 100%
}

.input-box.i-b1 .label-wrap .desc .info {
	max-width: 350px;
	color: #666
}

.input-box.i-b1 .label-wrap .desc .info a {
	color: #4377e4
}

.input-box.i-b1 .label-wrap .desc .desc-l {
	display: flex;
	margin-right: 30px
}

.input-box.i-b1 .label-wrap .desc .desc-l .ep {
	display: block;
	width: 90px;
	height: 62px
}

.input-box.i-b1 .label-wrap .desc .desc-l .ep img {
	display: block;
	width: 100%;
	height: 100%
}

.input-box.i-b1 .label-wrap .desc .desc-r {
	max-width: 265px;
	display: flex
}

.input-box.i-b1 .label-wrap .desc .desc-r .info {
	color: #666
}

.input-box.i-b1 .label-wrap .label-upload.load1 {
	justify-content: center;
	margin-left: -15px
}

.con-inner .btn1 {
	display: block;
	width: 510px;
	height: 40px;
	line-height: 35px;
	margin: 40px 200px 0;
	border-radius: 4px
}

.con-inner .input-box.i-b2 label+label {
	margin-top: 40px
}

.con-inner .input-box.i-b2 {
	max-width: 710px;
	margin: 25px 50px
}

.main .login-box {
	background: url(../images/p2.png) no-repeat center center/cover;
	width: 100%;
	height: 715px
}

.login-box .lg-inner .inner-box {
	display: none
}

.login-box .lg-inner .inner-box.show {
	display: block
}

.main .login-box .lg-inner {
	width: 420px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 78px;
	padding: 30px 30px
}

.login-box .lg-inner .lg-tab {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e6e6e6
}

.login-box .lg-inner .lg-tab li:last-child {
	margin-left: 40px
}

.login-box .lg-inner .lg-tab li.on a {
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	position: relative
}

.login-box .lg-inner .lg-tab li.on a:after {
	content: '';
	width: 72px;
	height: 2px;
	background: #f5c829;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

.login-box .lg-inner .lg-tab li a {
	display: block;
	font-size: 16px;
	color: #999;
	padding-bottom: 19px
}

.login-box .lg-inner .inner-m {
	padding: 30px 0;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 10px
}

.login-box .lg-inner .inner-m .lg-inp .pswd,
.login-box .lg-inner .inner-m .lg-inp .tel {
	width: 360px;
	height: 48px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 24px;
	margin-bottom: 20px;
	padding: 0 15px 0 60px;
	font-size: 16px;
	color: #ccc
}

.login-box .lg-inner .inner-m .lg-inp .tel {
	background: url(../images/icon16.png) no-repeat center/cover;
	background-size: 20px;
	background-position: 20px 15px
}

.login-box .lg-inner .inner-m .lg-inp .pswd {
	background: url(../images/icon17.png) no-repeat center/cover;
	background-size: 15px;
	background-position: 20px 15px
}

.login-box .lg-inner .inner-m .lg-inp .btn2 {
	width: 360px;
	height: 48px;
	line-height: 45px;
	margin-top: 15px
}

.login-box .lg-inner .inner-m .lg-btn-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
	margin-top: 10px
}

.login-box .lg-inner .inner-m .lg-btn-group li a {
	display: block;
	color: #666;
	font-size: 14px
}

.login-box .lg-inner .inner-b .tits {
	text-align: center;
	margin-bottom: 15px
}

.login-box .lg-inner .inner-b .b-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 110px;
	margin: 0 auto 15px
}

.login-box .lg-inner .inner-b .b-group li a {
	display: block
}

.login-box .lg-inner .inner-b .b-group li a img {
	display: block;
	width: 100%;
	height: 100%
}

.login-box .lg-inner .inner-b .b-group li:first-child a {
	width: 38px;
	height: 38px
}

.login-box .lg-inner .inner-b .b-group li:last-child a {
	width: 26px;
	height: 32px
}

.login-box .lg-inner .inner-b p {
	text-align: center;
	color: #999;
	font-size: 14px
}

.login-box .lg-inner .inner-b p a {
	color: #999;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.login-box .lg-inner .inner-b p a:hover {
	color: #f5c829
}

.lg-inp .tel2 {
	width: 360px;
	height: 48px;
	border: 1px solid #ccc;
	border-radius: 24px;
	display: flex;
	align-items: center
}

.lg-inp .tel2 .sel {
	width: 81px;
	font-size: 18px;
	color: #1a1a1a;
	padding-left: 28px;
	background: url(../images/arr-b.png) no-repeat right center/cover;
	background-size: 8px;
	border: none;
	margin-right: 10px
}

.lg-inp .tel3 {
	padding-left: 20px;
	border: none;
	color: #ccc;
	font-size: 16px;
	border-left: 1px solid #e6e6e6
}

.lg-inp .text-code-box {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.lg-inp .text-code-box input {
	width: 220px;
	height: 48px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 24px;
	padding: 0 20px;
	color: #ccc;
	font-size: 16px;
	margin-right: 10px
}

.lg-inp .text-code-box .btn.btn3 {
	display: block;
	width: 130px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #1a1a1a;
	position: static;
	border-radius: 24px
}

.lg-inp p {
	font-size: 14px;
	color: #666
}

.con-tit a {
	margin-left: 10px;
	color: #4377e4;
	font-size: 14px;
	font-weight: 400
}

.con-box1 {
	padding-left: 15px
}

.title-box span {
	font-size: 18px;
	font-weight: 700;
	color: #333;
	vertical-align: middle
}

.title-box em {
	font-size: 14px;
	color: #333;
	height: 20px;
	background: #f5c829;
	border-radius: 10px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px
}

.con-box1 .info-box {
	margin-top: 20px
}

.con-box1 .info-box p {
	line-height: 33px;
	color: #1a1a1a;
	font-size: 14px
}

.con-box1 .tit {
	font-size: 14px;
	color: #1a1a1a
}

.con-box1 .info-box p span:last-child {
	margin-left: 85px
}

.con-box .pic-list .pic-row {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: space-between
}

.con-box .pic-list .pic-row li {
	flex: 0 0 calc(25% - 15px)
}

.con-box .pic-list .pic-row li .txt {
	font-size: 14px;
	color: #999
}

.con-inner .con-box1:last-child {
	margin-top: 45px
}

.con-box .pic-list .pic-row li .pic {
	position: relative;
	padding-top: 69.9%;
	overflow: hidden;
	display: block
}

.con-box .pic-list .pic-row li .pic img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.content .text-box {
	padding: 10px
}

.content .text-box .title {
	text-align: center;
	font-weight: 700;
	color: #1a1a1a;
	font-size: 24px;
	margin-bottom: 30px
}

.content .text-box .pic-row {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.content .text-box .pic-row li {
	flex: 0 0 calc(50% - 10px)
}

.content .text-box .pic-row li .pic {
	height: 280px;
	display: block
}

.content .text-box .pic-row li .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.content .text-box h2 {
	margin-top: 30px;
	font-weight: 700;
	color: #1a1a1a;
	font-size: 18px
}

.content .text-box p {
	line-height: 24px;
	margin-top: 20px;
	color: #1a1a1a;
	font-size: 14px
}

.content .flow-path {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.content .flow-path li {
	display: flex;
	align-items: center;
	height: 60px;
	background: #fff7dc;
	border: 1px solid #f5e4ac;
	border-radius: 4px;
	flex: 0 0 calc(20% - 30px);
	justify-content: center;
	position: relative
}

.content .flow-path li:after {
	content: '';
	background: url(../images/arr-r1.png) no-repeat center center/cover;
	width: 14px;
	height: 20px;
	position: absolute;
	right: -25px
}

.content .flow-path li:last-child:after {
	display: none
}

.content .flow-path li .pic {
	display: block;
	width: 29px;
	height: 30px;
	margin-right: 10px
}

.content .flow-path li .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.content .flow-path li .txt {
	font-size: 14px;
	font-weight: 700;
	color: #1a1a1a
}

.content .warn {
	width: 940px;
	background: #fff7dc;
	margin-top: 20px;
	padding: 5px 10px;
	color: #999;
	font-size: 14px
}

.content .warn .icon {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 10px
}

.content .warn a {
	color: #4377e4;
	display: inline-block
}

.content .account {
	width: 940px;
	height: 120px;
	background: #fafafa;
	border-radius: 10px;
	margin-top: 20px;
	padding: 20px;
	display: flex;
	align-items: center
}

.content .account .icon {
	width: 80px;
	height: 80px;
	display: block;
	margin-right: 20px
}

.content .account .icon img {
	display: block;
	width: 100%;
	height: 100%
}

.content .account .acc-txt .tit {
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 10px
}

.content .account .acc-txt .txt span {
	font-size: 14px;
	color: #666;
	margin-right: 30px
}

.content .account .acc-txt .txt span a {
	color: #4377e4;
	margin-left: 5px
}

.content .account .acc-txt .txt span em {
	color: #fa3b30
}

.content .mine-box {
	margin-top: 50px
}

.content .mine-box .mine-tit {
	font-size: 16px;
	color: #1a1a1a;
	margin-bottom: 20px
}

.content .mine-box .add-mine {
	display: block;
	width: 256px;
	height: 360px;
	border-radius: 4px;
	background: url(../images/icon29.png) no-repeat center center/cover;
	background-size: 256px
}

.con-inner .message-box {
	width: 900px;
	background: #fff7dc;
	border: 1px solid #f5e4ac;
	padding: 20px;
	margin-bottom: 10px
}

.con-inner .message-box .title {
	font-size: 16px;
	color: #1a1a1a;
	position: relative
}

.con-inner .message-box:nth-child(2) .title:after {
	display: none
}

.con-inner .message-box .title em {
	width: 48px;
	height: 23px;
	background: #f7d86a;
	color: #1a1a1a;
	font-size: 16px;
	text-align: center;
	position: absolute;
	left: 70px;
	line-height: 23px
}

.con-inner .message-box .m-desc-box {
	display: flex;
	background: #fff7dc;
	justify-content: space-between;
	margin-top: 20px
}

.con-inner .message-box .m-desc-box li {
	flex: 0 0 38%
}

.con-inner .message-box .m-desc-box li span {
	color: #a48542;
	font-size: 14px;
	margin-bottom: 10px;
	display: flex
}

.con-inner .message-box .m-desc-box li span .pic {
	display: inline-block;
	vertical-align: middle;
	width: 206px;
	height: 128px
}

.con-inner .message-box .m-desc-box li span .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.con-inner .message-box p {
	font-size: 16px;
	color: #a48542;
	margin-top: 10px
}

.con-inner .message-box p span:last-child {
	margin-left: 30px
}

.con-inner .message-wrap {
	margin-bottom: 40px
}

.input-box .radio-box {
	display: flex;
	align-items: center;
	justify-content: start;
	margin-left: 110px;
	margin-bottom: 30px
}

.input-box .radio-box span {
	font-size: 14px;
	color: #1a1a1a
}

.input-box .radio-box span em {
	color: #fa3b30
}

.con-inner .input-box .radio-box input {
	width: 16px;
	height: 16px;
	margin-right: 10px
}

.con-inner .input-box .radio-box label {
	margin: 0
}

.upload {
	display: flex;
	max-width: 560px;
	justify-content: start !important;
	align-items: start;
	flex-wrap: wrap
}

.con-inner .input-box .upload input {
	border: none;
	position: absolute;
	left: -9999px
}

.upload .up-inner {
	border-radius: 4px;
	display: block
}

.upload .up-inner .icon-up {
	width: 100px;
	height: 100px;
	display: block
}

.upload .up-inner .icon-up+.icon-up {
	margin-left: 20px
}

.upload .up-inner i {
	display: block;
	width: 100px;
	height: 100px
}

.upload .up-inner i img {
	display: block;
	width: 100%;
	height: 100%
}

.upload .text .txt {
	max-width: 225px;
	display: inline-block;
	vertical-align: middle;
	color: #666;
	font-size: 14px
}

.upload span.tit {
	margin-right: 15px
}

.upload span.file-box {
	margin-right: 30px
}

.con-inner.inner1 .btn1 {
	margin: 0 190px 0
}

.con-inner.inner2 .input-box.i-b1 label {
	justify-content: start
}

.con-inner.inner2 .input-box.i-b1 .label-wrap .desc .info {
	max-width: 95%
}

.con-inner.inner2 .input-box.i-b1 {
	margin-left: 55px
}

.con-inner.inner2 .input-box.i-b1 .label-wrap .desc {
	margin-left: 100px;
	margin-top: 12px;
	width: 100%
}

.con-inner.inner2 .input-box.i-b1 .label-wrap .label-upload span:first-child {
	max-width: 105px;
	text-align: right
}

.con-inner.inner2 .input-box.i-b1 .label-wrap .desc .info .warn1 {
	color: #333
}

.con-inner.inner2 .input-box.i-b1 .label-wrap .desc .info em {
	color: #fa3b30
}

.con-inner.inner2 .input-box.i-b1 .label-wrap:nth-child(8) .desc {
	margin-left: 100px
}

.con-inner.inner2 .input-box.i-b1 .label-wrap:nth-child(11) .desc,
.con-inner.inner2 .input-box.i-b1 .label-wrap:nth-child(12) .desc {
	margin-left: 115px
}

.inner-btn-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 500px;
	margin: 60px 0 0 190px
}

.inner-btn-group .btn1 {
	display: block;
	flex: 0 0 calc(250px - 5px);
	height: 40px;
	border-radius: 4px;
	line-height: 35px;
	margin: 0
}

.con-inner.inner2 .input-box {
	margin-left: 90px
}


.con-inner.inner2 .input-box .label-wrap:nth-child(3) label {
	justify-content: start;
	margin-left: 107px
}

.con-inner.inner2 .input-box .label-wrap:nth-child(2) label span:last-child em {
	font-size: 18px
}

.con-inner.inner2 .input-box .label-wrap:nth-child(2) label span:last-child,
.con-inner.inner2 .input-box .label-wrap:nth-child(3) label select {
	margin-left: 25px
}

.con-inner.inner2 .input-box .label-wrap:nth-child(3) label select {
	width: 510px;
	height: 40px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 20px
}

.con-inner.inner2 .btn1.btn4 {
	margin-left: 280px
}

.con-inner.inner1 .message-wrap.wrap1 .message-box {
	margin-bottom: 20px
}

.message-box .m-box-desc {
	display: flex;
	justify-content: space-between
}

.message-box .m-box-desc .d-l {
	width: 425px
}

.message-box .m-box-desc .d-l .dl-t {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.message-box .m-box-desc .d-l .dl-t span {
	flex: 0 0 33.3%;
	color: #a48542;
	width: 150px
}

.message-box .m-box-desc .d-l .dl-t span:last-child {
	color: #fa3b30
}

.message-box .m-box-desc .d-l .dl-b {
	display: flex;
	justify-content: space-between;
	margin-top: 20px
}

.message-box .m-box-desc .d-l .dl-b .tit {
	color: #a48542
}

.message-box .m-box-desc .d-l .dl-b .pic-box {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.message-box .m-box-desc .d-l .dl-b .pic-box .pic {
	width: 150px;
	height: 100px;
	display: block;
	flex: 0 0 calc(150px - 10px)
}

.message-box .m-box-desc .d-l .dl-b .pic-box .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.message-box .m-box-desc .d-r {
	color: #a48542;
	font-size: 14px
}

.con-table {
	margin-top: 30px
}

.con-table .table-tab {
	display: flex;
	align-items: center;
	justify-content: start;
	border-bottom: 2px solid #e6e6e6;
	padding-bottom: 9px
}

.con-table .table-tab li {
	flex: 0 0 100px;
	text-align: center
}

.con-table .table-tab li.on {
	position: relative
}

.con-table .table-tab li.on:after {
	width: 100px;
	height: 4px;
	background: #f5c829;
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0
}

.con-table .table-tab li a {
	font-weight: 700;
	font-size: 16px;
	color: #1a1a1a;
	text-align: center;
	position: relative
}

.con-table .table-tab li a:after {
	content: '';
	width: 1px;
	height: 12px;
	background: #e6e6e6;
	position: absolute;
	right: -35px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.con-table .table-tab li a:last-child:after {
	display: none
}

.tabel-box {
	margin-top: 20px
}

.tabel-box table thead tr {
	width: 940px;
	height: 40px;
	background: #f2f2f2;
	border-radius: 5px
}

.tabel-box table thead tr th {
	font-weight: 400
}

.tabel-box table tbody {
	margin-top: 20px
}

.tabel-box table tbody tr {
	width: 940px;
	height: 30px;
	background: #f2f2f2
}

.inner-box .lg-inp .tel4 {
	width: 480px;
	height: 56px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 28px;
	font-size: 16px;
	color: #ccc;
	padding: 0 30px;
	margin-bottom: 30px
}

.login-inner .lg-inp .tel-box {
	width: 480px;
	height: 56px
}

.lg-inp .text-code-box.c-box .text-code {
	width: 300px;
	height: 56px
}

.lg-inp .text-code-box.c-box .btn3 {
	width: 160px;
	height: 56px;
	line-height: 54px
}

.lg-inp .tel2.tel-box .sel {
	background: 0 0
}

.radio-pr a {
	color: #1a1a1a;
	font-size: 16px
}

.radio-pr {
	color: #999;
	font-size: 16px;
	margin-top: 20px;
	display: block
}

.radio-pr input {
	margin-right: 10px
}

.login-inner.inner3 {
	max-width: 550px
}

.login-inner.inner3 .lg-inp {
	max-width: 480px;
	margin: 0 auto
}

.login-inner .fp-wrap {
	margin: 0 auto 60px
}

.login-inner .flow-path {
	display: flex;
	align-items: start;
	justify-content: center
}

.login-inner .fp-wrap .text {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	margin-top: 20px
}

.login-inner .fp-wrap .text li {
	flex: 0 0 105px;
	color: #999
}

.login-inner .fp-wrap .text li.on {
	color: #1a1a1a
}

.login-inner .flow-path li {
	margin: 0 5px
}

.login-inner .flow-path li .pic {
	width: 32px;
	height: 32px;
	display: block;
	margin: 0 auto
}

.login-inner .flow-path li .pic1 {
	display: block;
	width: 170px;
	height: 13px;
	margin-top: 10px
}

.login-inner .flow-path li .pic img,
.login-inner .flow-path li .pic1 img {
	display: block;
	width: 100%;
	height: 100%
}

.login-inner .flow-path li .txt {
	width: 110px;
	text-align: center;
	margin-top: 16px
}

.lg-inp .txt {
	width: 480px;
	height: 56px;
	line-height: 54px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 28px;
	color: #1a1a1a;
	font-size: 16px;
	display: block;
	padding-left: 30px;
	margin-top: 30px
}

.lg-inp .txt input {
	border: none;
	color: #ccc;
	font-size: 16px;
	padding-left: 40px;
	min-width: 335px
}

.inner3 .btn.btn1 {
	margin: 45px auto 0;
	font-size: 16px;
	color: #1a1a1a
}

.g-text {
	display: flex;
	align-items: center;
	justify-content: center
}

.g-text .icon {
	width: 105px;
	height: 64px;
	display: block
}

.g-text .icon img {
	display: block;
	width: 100%;
	height: 100%
}

.g-text .txt {
	font-weight: 700;
	color: #1a1a1a;
	font-size: 24px;
	margin-left: 20px
}

.pop-mask {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .4);
	z-index: 800
}

.pop-desc-win {
	padding: 20px;
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 801;
	width: 540px;
	height: 580px;
	background: #fff;
	border-radius: 20px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.pop-desc-win .pop-tit {
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	color: #1a1a1a;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 20px
}

.pop-desc-win .choice {
	margin-top: 20px;
	height: 460px;
	overflow-y: auto;
}

.pop-desc-win .choice li {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative
}

.pop-desc-win .choice li:before {
	content: '';
	width: 8px;
	height: 13px;
	background: url(../images/arr-r2.png) no-repeat center center/cover;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-70%);
	-moz-transform: translateY(-70%);
	-ms-transform: translateY(-70%);
	-o-transform: translateY(-70%);
	transform: translateY(-70%)
}

.pop-desc-win .choice li a {
	display: flex;
	align-items: center
}

.pop-desc-win .choice li a .icon {
	width: 78px;
	height: 78px;
	display: block;
	margin-right: 20px
}

.pop-desc-win .choice li a .icon img {
	display: block;
	width: 100%;
	height: 100%
}

.pop-desc-win .choice li a .txt span {
	display: block
}

.pop-desc-win .choice li a .txt span:last-child {
	margin-top: 20px;
	color: #999;
	font-size: 14px
}

.down-load li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px solid #e6e6e6
}

.down-load li .left {
	display: flex;
	align-items: center
}

.down-load li .left .icon {
	display: block;
	width: 38px;
	height: 44px;
	margin-right: 20px
}

.down-load li .left .icon img {
	display: block;
	width: 100%;
	height: 100%
}

.down-load li .left .text .tit {
	font-size: 14px;
	color: #1a1a1a
}

.down-load li .left .text span {
	font-size: 14px;
	color: #999
}

.down-load li .right {
	width: 78px;
	height: 26px;
	background: #4377e4;
	border-radius: 2px;
	display: block;
	text-align: center;
	color: #fff;
	line-height: 24px
}

.i-b3 .label-wrap .label-upload input {
	border: none;
	position: absolute;
	left: -999px
}

.i-b3 .label-wrap {
	display: flex;
	margin-top: 20px
}

.i-b3 .label-wrap .title {
	color: #1a1a1a;
	width: 95px;
	text-align: right
}

.i-b3 .label-wrap .title em {
	color: #fa3b30
}

.con-inner.inner2 .input-box.i-b3 label {
	margin: 0 30px;
	display: block
}

.con-inner.inner2 .input-box.i-b3 label .desc {
	display: block
}

.con-inner.inner2 .input-box.i-b3 .label-wrap:nth-child(2) label,
.con-inner.inner2 .input-box.i-b3 .label-wrap:nth-child(3) label {
	margin-left: 30px
}

.con-inner.inner2 .input-box.i-b3 .label-wrap:nth-child(2) label span:last-child {
	margin-left: 0
}

.con-inner.inner2 .input-box.i-b1 .label-wrap:nth-child(2) label,
.con-inner.inner2 .input-box.i-b1 .label-wrap:nth-child(3) label {
	margin-left: 0
}

.mess-box {
	padding: 20px
}

.mess-box .title.t1:after {
	display: none
}

.mess-box .title.t1 {
	font-weight: 700;
	color: #fa3b30;
	font-size: 18px;
	margin-bottom: 20px
}

.con-inner.inner2 .mess-box.box1 {
	width: 940px;
	height: 150px;
	border: 1px solid rgba(250, 59, 48, .2);
	background: #fff5f4
}

.desc-wrap {
	display: flex
}

.desc-wrap .tit {
	font-size: 14px;
	color: #fa3b30;
	font-weight: 700
}

.con-inner.inner2 .mess-box .desc-wrap .m-desc-box {
	display: block;
	margin-top: 0;
	color: #1a1a1a
}

.con-inner.inner2 .mess-box.box1 .desc-wrap .m-desc-box li em {
	color: #fa3b30
}

.con-inner.inner2 .input-box.inp-b1 {
	margin-left: -10px
}

.input-box.inp-b1 .inp1 {
	justify-content: start;
	margin-left: 110px;
	position: relative
}

.input-box.inp-b1 .inp1:first-child i {
	display: none
}

.input-box.inp-b1 .inp1 span:first-child {
	margin-right: 20px
}

.input-box.inp-b1 .inp1 span i {
	font-size: 18px;
	color: #1a1a1a
}

.input-box.inp-b1 .inp1 select {
	width: 510px;
	height: 40px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 20px;
	font-size: 14px;
	color: #999
}

.input-box.inp-b1 .inp1 .i1 {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	width: 7px;
	height: 5px;
	display: block
}

.input-box.inp-b1 .inp1 i img {
	display: block;
	width: 100%;
	height: 100%
}

.con-inner.inner4 .input-box.i-b1 .label-wrap:nth-child(8) {
	margin-left: 0
}

.con-inner.inner4 .input-box.i-b1 .label-wrap:nth-child(9) {
	margin-left: 30px
}

.con-inner.inner4 .input-box.i-b1 .label-wrap:nth-child(11) {
	margin-left: 0
}

.con-inner.inner4 .input-box.i-b1 .label-wrap:last-child {
	margin-left: 15px
}

.con-inner.inner4 {
	padding: 25px 0 70px
}

.content-tit {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e6e6e6
}

.content-tit .cur-nav {
	border: none
}

.content-tit .tit-sel {
	position: relative
}

.content-tit .tit-sel span {
	font-size: 14px;
	color: #1a1a1a;
	margin-right: 5px
}

.content-tit .tit-sel select {
	width: 90px;
	height: 28px;
	border: 1px solid #999;
	border-radius: 2px;
	padding-left: 35px
}

.content-tit .tit-sel i {
	width: 10px;
	height: 6px;
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.content-tit .tit-sel i img {
	width: 100%;
	height: 100%;
	display: block
}

.con-inner table thead {
	width: 940px;
	height: 40px;
	background: #f2f2f2;
	border-radius: 5px
}

.con-inner table thead th {
	font-size: 14px;
	color: #999;
	font-weight: 400
}

.con-inner table thead th .js-all {
	margin-right: 4px;
	display: inline-block;
	vertical-align: middle
}

.table-box1 {
	width: 100%;
	margin-bottom: 80px
}

.table-box1 tbody {
	text-align: center
}

.table-box1 tbody td {
	padding: 20px 0;
	color: #1a1a1a
}

.table-box1 tbody tr td:first-child {
	text-align: left;
	padding-left: 12px
}

.table-box1 tbody td span {
	font-size: 14px;
	color: #fa3b30;
	border-bottom: 1px solid #fa3b30
}

.table-box1 tbody td .icon {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px
}

.table-box1 tbody td .icon img {
	width: 100%;
	height: 100%;
	display: block
}

.table-box1 tbody td em {
	font-size: 14px;
	color: #4377e4
}

.table-box1 tbody tr {
	border-bottom: 1px solid #e6e6e6
}

.table-box1 tbody td .i2 {
	font-size: 14px;
	color: #fab530;
	border-bottom: 1px solid #fab530
}

.table-box1 tbody td i {
	font-size: 14px;
	color: #1bca38
}

.inner4 {
	position: relative
}

.btn3 {
	width: 128px;
	height: 40px;
	line-height: 40px;
	background: #f5c829;
	border-radius: 4px;
	position: absolute;
	right: 0;
	text-align: center;
	color: #1a1a1a;
	font-size: 16px;
	bottom: 50px
}

.tabel-box {
	width: 100%;
	table-layout: fixed
}

.tabel-box thead {
	margin-bottom: 20px
}

.tabel-box thead tr {
	height: 40px;
	background: #f2f2f2;
	border-radius: 5px
}

.tabel-box thead tr th {
	font-size: 14px;
	color: #666;
	font-weight: 400;
	text-align: center
}

.tabel-box tbody tr:first-child {
	height: 20px;
	background-color: #fff;
	border: none
}

.tabel-box.cb1 tbody tr:first-child {
	height: 0;
	border: none
}

.tabel-box tbody tr {
	text-align: center;
	height: 124px
}

.tabel-box tbody tr:nth-child(2) {
	background: #f2f2f2;
	height: 30px;
	border: none
}

.tabel-box tbody tr:nth-child(2) td {
	font-size: 14px;
	color: #666
}

.tabel-box tbody tr td .pic {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 100px
}

.tabel-box tbody tr td .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.tabel-box tbody tr td span {
	color: #1a1a1a;
	font-size: 14px
}

.tabel-box tbody tr td .cancel {
	width: 98px;
	height: 28px;
	background: #f5c829;
	border-radius: 14px;
	color: #0d0d0d;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	display: block;
	margin: 0 auto
}

.tabel-box tbody tr {
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6
}

.item-wrap .item .pic {
	width: 200px;
	height: 200px;
	display: block
}

.con-table-in .item-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 60px
}

.con-table-in .item-wrap .item {
	flex: 0 0 24%;
	position: relative;
	margin-bottom: 80px;
	margin-right: 1%;
}

.con-table-in .item-wrap .item .pic {
	display: block;
	width: 200px;
	height: 200px
}

.con-table-in .item-wrap .item .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.con-table-in .item-wrap .item .tit {
	font-size: 16px;
	color: #1a1a1a;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 48px;
	margin: 5px 0
}

.con-table-in .item-wrap .item .d-box {
	margin-bottom: 10px;
	height: 60px;
	max-width: 196px
}

.con-table-in .item-wrap .item .d-box li {
	font-size: 14px;
	color: #999
}

.con-table-in .item-wrap .item .d-box li em {
	color: #fa3b30
}

.in-btn {
	width: 134px;
	height: 36px;
	background: #f5c829;
	border-radius: 18px;
	line-height: 30px;
	text-align: center;
	color: #18181a;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: absolute;
	right: 40px
}

.in-btn .icon {
	width: 20px;
	height: 20px;
	display: block
}

.in-btn .icon img {
	display: block;
	width: 100%;
	height: 100%
}

.con-table .title {
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 20px
}

.con-table-in .item-wrap:last-child .item .d-box {
	margin-top: 10px
}

.con-table-in .table-box2 {
	width: 100%
}

.con-table-in .table-box2 thead {
	background: #f2f2f2;
	height: 40px;
	font-size: 14px;
	color: #666;
	text-align: left;
	border-radius: 5px
}

.con-table-in .table-box2 thead th {
	font-weight: 400;
	padding: 0 20px
}

.con-table-in .table-box2 tbody tr {
	text-align: center
}

.con-table-in .table-box2 tbody tr td {
	font-size: 14px;
	color: #1a1a1a;
	padding: 20px 0
}

.con-table-in .table-box2 tbody tr td .pic {
	width: 100px;
	height: 100px;
	display: block
}

.con-table-in .table-box2 tbody tr {
	border-bottom: 1px solid #f2f2f2
}

.con-table-in .table-box2 tbody tr td .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.con-table-in .table-box2 tbody tr td .add,
.con-table-in .table-box2 tbody tr td .min {
	width: 30px;
	height: 30px;
	background: #f5f5f5;
	border: 1px solid #e6e6e6;
	display: inline-block;
	font-size: 18px
}

.con-table-in .table-box2 tbody tr td .add {
	color: #1a1a1a
}

.con-table-in .table-box2 tbody tr td .quantity {
	width: 48px;
	height: 30px;
	background: #fff;
	border: 1px solid #e6e6e6;
	color: #1a1a1a;
	font-size: 14px;
	text-align: center
}

.con-table-in .table-box2 tbody tr td .num-box {
	display: flex;
	align-items: center
}

.con-table-in .table-box2 tbody tr td em {
	font-size: 14px;
	color: #fa3b30
}

/* .con-table-in .checkbox {
	margin-top: 20px;
	display: block;
	color: #666;
	font-size: 14px
} */

.con-table-in .checkbox input {
	margin-right: 10px
}

.con-table-in .total {
	font-size: 14px;
	color: #666
}

.con-table-in .total em {
	color: #fa3b30;
	font-size: 18px;
	font-weight: 700
}

.con-table-in .total span {
	margin-right: 20px
}

.total-wrap {
	display: flex;
	align-items: center;
	justify-content: end;
	margin-top: 20px
}

.total-wrap .btn {
	width: 160px;
	height: 60px;
	line-height: 60px;
	background: #f5c829;
	border-radius: 30px;
	margin-left: 53px
}

.total-wrap img {
	margin-right: 5px;
}

.con-table-in .in-box {
	padding: 0 40px;
	margin-bottom: 20px
}

.con-table-in .in-box label {
	display: block
}

.con-table-in .in-box .tit {
	font-size: 14px;
	color: #666;
	margin-bottom: 20px
}

.con-table-in .in-box .tit span {
	font-size: 14px;
	color: #1a1a1a;
	margin-left: 14px
}

.con-table-in .in-box .in-box-inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between
}

.con-table-in .in-box .in-box-inner label {
	margin-bottom: 20px
}

.con-table-in .in-box .in-box-inner label input {
	width: 335px;
	height: 34px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 10px
}

.con-table-in .in-box .in-box-inner label span {
	font-size: 14px;
	color: #666;
	width: 62px
}

.con-table-in .in-box .in-box-inner label span em {
	color: #fa3b30
}

.con-table-in .warn2 {
	margin: 20px 0 30px;
	color: #1a1a1a;
	font-size: 14px
}

.con-table-in .message-box {
	width: 940px;
	background: #fff7dc;
	border: 1px solid #f5e4ac;
	padding: 30px 20px;
	margin-bottom: 30px
}

.con-table-in .title.tit2 {
	margin-bottom: 10px
}

.con-table-in .message-box p:first-child {
	font-size: 14px;
	color: #fa3b30
}

.con-table-in .message-box p:last-child {
	font-size: 14px;
	color: #3b83fa;
	margin-top: 10px
}

.con-table-in textarea {
	padding: 10px;
	font-size: 14px;
	border: 1px solid #ccc
}

.con-table {
	position: relative;
	padding-bottom: 70px
}

.con-table1 {
	padding-bottom: 180px
}

.total-num {
	text-align: right;
	max-width: 300px;
	margin: 20px 0 0 0;
	position: absolute;
	right: 30px
}

.total-num .num {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.total-num .num+.num {
	margin-top: 15px
}

.total-num .num span {
	margin-right: 133px
}

.total-num .num em {
	font-size: 14px;
	color: #fa3b30
}

.con-table .btn-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 535px;
	position: absolute;
	right: 20px;
	bottom: 10px
}

.con-table .btn-group li {
	flex: 0 0 calc(50% - 10px)
}

.con-table .btn-group li.on a {
	background: #f5c829;
	color: #0d0d0d
}

.con-table .btn-group li a {
	display: block;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #f2f2f2;
	border-radius: 30px;
	color: #999;
	font-size: 16px
}

.con-sale {
	padding: 30px 0
}

.sales-box {
	display: flex
}

.sales-box .sale-i {
	flex: 50%
}

.sales-box .sale-i .big-pic {
	display: block;
	width: 400px;
	height: 400px
}

.sales-box .sale-i .big-pic img {
	display: block;
	width: 100%;
	height: 100%
}

.sales-box .sale-i .small-pic {
	display: flex;
	align-items: center;
	margin-top: 20px
}

.sales-box .sale-i .small-pic li {
	flex: 0 0 calc(25% - 30px)
}

.sales-box .sale-i .small-pic li.on .pic {
	border: 1px solid #f5c829
}

.sales-box .sale-i .small-pic li .pic {
	width: 70px;
	height: 70px;
	display: block
}

.sales-box .sale-i .small-pic li .pic img {
	width: 100%;
	height: 100%;
	display: block
}

.sales-box .sale-i .title {
	font-size: 18px;
	font-weight: 700;
	color: #18181a;
	margin-bottom: 30px
}

.sales-box .sale-i .sale-news {
	width: 500px;
	height: 100px;
	background: #f5f5f5;
	padding: 10px 20px
}

.sales-box .sale-i .sale-news p em {
	font-size: 16px;
	color: #1a1a1a
}

.sales-box .sale-i .sale-news p span {
	font-size: 24px;
	color: #fa3b30;
	margin-left: 40px;
	font-weight: 700
}

.sales-box .sale-i .sale-ways {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 29px
}

.sales-box .sale-i .sale-ways p {
	margin-top: 10px
}

.sales-box .sale-i .sale-ways p em {
	font-size: 14px;
	color: #999;
	margin-right: 36px
}

.sales-box .sale-i .sale-ways p span {
	font-size: 14px;
	color: #1a1a1a
}

.sales-box .sale-i .sales-choice {
	display: flex;
	margin-top: 20px
}

.sales-box .sale-i .sales-choice .tit {
	width: 90px;
	color: #999;
	font-size: 14px
}

.sales-box .sale-i .sales-choice .ch-r {
	/*display: flex;*/
	/*align-items: center;*/
	/*flex-wrap: wrap;*/
	/*max-width: 385px*/
}

.sales-box .sale-i .sales-choice .ch-r li {
	flex: 0 0 140px;
	height: 38px;
	background: #f5f5f5;
	font-size: 14px;
	color: #1a1a1a;
	text-align: center;
	line-height: 35px;
	margin: 0 10px 10px 0
}

.sales-box .sale-i .sales-choice .ch-r li.on {
	color: #fa3b30;
	border: 2px solid #fa3b30;
	background-color: #fff
}

.num-box .add,
.num-box .min {
	width: 30px;
	height: 30px;
	background: #f5f5f5;
	border: 1px solid #e6e6e6;
	display: inline-block;
	font-size: 18px
}

.num-box .add {
	color: #1a1a1a
}

.num-box .quantity {
	width: 48px;
	height: 30px;
	background: #fff;
	border: 1px solid #e6e6e6;
	color: #1a1a1a;
	font-size: 14px;
	text-align: center
}

.num-box {
	display: flex;
	align-items: center
}

.sales-num {
	display: flex;
	align-items: center;
	margin-top: 30px
}

.sales-num .tit {
	font-size: 14px;
	color: #999
}

.sales-num .num-r {
	margin-left: 63px;
	display: flex;
	align-items: center
}

.sales-num .num-r span {
	margin-left: 5px;
	color: #1a1a1a;
	font-size: 14px
}

.sale-i .btn {
	width: 260px;
	height: 60px;
	background: #f5c829;
	border-radius: 30px;
	line-height: 60px;
	text-align: center;
	margin-top: 20px;
	color: #0d0d0d;
	font-size: 16px
}

.sale-i .btn .icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px
}

.sale-i .btn .icon img {
	display: block;
	width: 100%;
	height: 100%
}

.msg-box {
	width: 940px;
	background: #fff7dc;
	border: 1px solid #f5e4ac;
	padding: 15px;
	color: #a48542;
	font-size: 16px;
	margin-top: 40px
}

.msg-box p {
	line-height: 24px;
	font-size: 14px
}

.msg-box .tit {
	margin-bottom: 16px
}

.con-sale .tag {
	width: 150px;
	height: 56px;
	background: #f5c829;
	position: relative;
	text-align: center;
	line-height: 56px;
	margin-top: 40px;
	color: #18181a;
	font-size: 16px
}

.con-sale .tag:after {
	content: '';
	width: 790px;
	height: 2px;
	background: #f5c829;
	position: absolute;
	bottom: 0;
	left: 100%
}

.con-sale .m-pic {
	margin: 20px auto 0;
	display: block;
	width: 800px;
	height: 938px
}

.con-sale .m-pic img {
	width: 100%;
	height: 100%;
	display: block
}

.wp3 {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 20px
}

.main.main1 {
	background-color: #fff;
	padding-bottom: 76px
}

.main .wp3 .notice-title {
	text-align: center;
	color: #1a1a1a;
	font-weight: 700;
	font-size: 24px;
	width: 695px;
	margin: 0 auto;
	padding-top: 35px
}

.main .wp3 .notice {
	font-size: 14px;
	color: #666;
	margin-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6
}

.main .wp3 .notice span {
	margin-right: 40px
}

.notice-box .tit {
	font-size: 16px;
	font-weight: 700;
	color: #1a1a1a;
	margin-top: 5px;
	margin-bottom: 30px
}

.notice-box .notice-table {
	width: 100%;
	text-align: center
}

.notice-table thead tr {
	background: #f9f9f9;
	height: 32px
}

.notice-table tbody tr td,
.notice-table thead tr th {
	border: 1px solid #ccc
}

.notice-table tbody tr td {
	height: 32px
}

.notice-table tbody tr td em {
	color: #fa3b30
}

.notice-box .par {
	margin-top: 30px;
	color: #1a1a1a;
	font-size: 14px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e6e6e6
}

.notice-box .par p {
	line-height: 25px
}

.notice-box .par p:last-child {
	margin-top: 10px;
	color: #fa3b30
}

.notice-box .par p:last-child a {
	color: #3077fa
}

.contact-box {
	margin-top: 60px
}

.contact-box .box-i {
	display: inline-block;
	vertical-align: middle
}

.contact-box .box-i p {
	line-height: 25px;
	font-size: 14px;
	color: #1a1a1a
}

.contact-box .box-r {
	margin-left: 100px;
	position: relative
}

.contact-box .box-r .pic {
	display: block;
	width: 185px;
	height: 180px;
	position: absolute;
	right: 5px;
	top: -20px
}

.contact-box .box-r .pic img {
	width: 100%;
	height: 100%;
	display: block
}

.up {
	position: relative
}

.up .icon-i {
	background: url(../images/icon39.png) no-repeat center center/cover;
	width: 105px;
	height: 28px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0
}

.up .icon-i img {
	display: block;
	width: 100%;
	height: 100%
}

.icon-up,
.label-upload,
.upload .up-inner {
	position: relative
}

.input-box.i-b1 .label-wrap .icon-up .edit,
.upload .up-inner .icon-up .edit,
.upload-inner .icon-up .edit {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 28px;
	left: 0
}

.checking.h .check-r .btn.btn5 {
	position: static
}

.info .warn1 {
	color: #333;
	font-weight: 700
}

.h-inner3 .i-b3 .label-wrap .label-upload .upload-inner {
	display: flex;
	flex-wrap: wrap
}

.h-inner3 .i-b3 .label-wrap .label-upload .upload-inner .icon-up,
.up-inner .icon-up.up1 {
	flex: 0 0 100px
}

.con-inner .input-box.i-b1 .label-wrap,
.input-box.i-b1 .label-wrap .label-upload {
	flex-wrap: wrap
}

.con-inner.inner2 .input-box.i-b4 .label-wrap .desc {
	margin-left: 130px
}

.label-upload .arr {
	width: 7px;
	height: 5px;
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.label-upload .arr img {
	width: 100%;
	height: 100%;
	display: block
}

.tabel-box.cb1 {
	margin-top: 0
}

.tabel-box.cb1 thead {
	opacity: 0;
	height: 0;
	margin-bottom: 0
}

.tabel-box.cb1 thead tr {
	height: 20px
}

.main .login-box .wp4 {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	height: 100%
}

.radio-box label.radio-i em {
	position: relative
}

.radio-box label.radio-i input:checked+em:after {
	content: '';
	border-radius: 50%;
	background: url(../images/icon44.png) no-repeat center center/cover;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: -92%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.radio-box label.radio-i em {
	color: #1a1a1a
}

.con-inner .input-box.i-b1.i-b5 .label-wrap {
	align-items: start
}

.con-inner .input-box.i-b1.i-b5 {
	margin-left: 75px
}

.con-inner .con-tit.tit1.tit3 {
	margin-bottom: 40px
}

.content .con-inner.in1 {
	padding: 35px 0
}

.tab-change {
	display: none
}

.tab-change.show {
	display: block
}

.tabel-box tr td .number {
	margin-left: 15px;
	color: #666
}

.input-box.i-b6 {
	max-width: 750px
}

.con-inner.inner5 {
	padding: 25px 0 120px
}

.con-inner.inner2 .input-box.i-b1.i-b4 .label-wrap .desc.desc1 {
	margin-left: 130px !important
}

.con-inner.inner2 .input-box.i-b1.i-b4 {
	max-width: 800px
}

.content .con-inner .con-tit.tit4 {
	margin-bottom: 30px
}

.con-inner .btn1.btn.btn-s {
	margin: 20px 200px 0
}

.m-pop.pop1 {
	display: block
}

.checking.h {
	width: 470px;
	margin: 0 auto
}

.con-inner .checking.h .check-r a.btn1 {
	margin: 40px auto 0
}

input {
	color: #1a1a1a !important
}

.input-box.i-b1 .label-wrap .tit {
	text-align: right;
	flex: 0 0 80px;
	padding: 0
}

.input-box.i-b1 .label-wrap .label-upload.load1 {
	margin-left: 0
}

.checkbox-box,
.radio {
	position: relative;
	overflow: hidden
}

.checkbox-box input,
.radio input {
	position: absolute;
	left: -99999px
}

.checkbox-box em,
.radio em {
	padding-left: 20px;
	position: relative
}

.checkbox-box em:after,
.radio em:after {
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 1px solid #333;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.checkbox-box em:after {
	border-radius: 2px
}

.radio input:checked+em:after {
	border: none;
	background: url(../images/check.png) no-repeat center center/contain
}

.checkbox-box input:checked+em:after {
	border: none;
	background: url(../images/check.png) no-repeat center center/contain
}

.login-box .lg-inner .inner-m .lg-inp .btn2 {
	line-height: 48px
}

.btn,
.lg-inp .text-code-box.c-box .btn3 {
	line-height: 56px
}

.m-pop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.content .account {
	position: relative
}

.content .account .icon2 {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background: url(../images/icon27.png) no-repeat center center/cover;
	width: 80px;
	height: 30px
}

.content .account .icon2 img {
	width: 100%;
	height: 100%;
	display: block
}

.content .account .icon2 span {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #000;
	text-align: center;
	line-height: 30px
}

.con-inner .input-box .upload {
	display: flex;
	align-items: center;
	justify-content: end;
	margin: 0 auto 20px;
	color: #333
}

.con-inner .input-box .upload em {
	color: #fa3b30
}

.con-inner .input-box .radio-box label.radio {
	margin-left: 20px
}

.con-inner .input-box .radio-box label.radio em {
	color: #333
}

.input-box.i-b1 .label-wrap .label-upload {
	display: flex
}

.input-box.i-b1 .label-wrap .label-upload span em {
	color: #fa3b30
}

.input-box.i-b1 .label-wrap .icon-up {
	left: 0;
	overflow: hidden
}

.con-inner .input-box.i-b1 input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.input-box.i-b1 .label-wrap .icon-up {
	margin-left: 20px
}

.con-inner.inner2 .input-box.i-b1 .label-wrap .label-upload span:first-child {
	max-width: 108px
}

.con-inner.inner2.h-inner2 .input-box .label-wrap:nth-child(3) label select {
	margin-left: 20px;
	flex: 1;
	width: 510px;
	height: 40px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 20px;
	font-size: 14px
}

.con-inner .btn1 {
	line-height: 40px
}

.down-load li .right {
	line-height: 26px
}

.con-inner.inner2.h-inner3 .input-box.i-b3 .label-upload .desc {
	display: flex;
	align-items: center;
	margin-top: 10px
}

.con-inner.inner2.h-inner3 .input-box.i-b3 .label-upload .desc .icon {
	width: 20px;
	height: 20px;
	margin-right: 6px
}

.con-inner.inner2.h-inner3 .input-box.i-b3 label .desc .icon img {
	display: block;
	width: 100%;
	height: 100%
}

.h-inner3 .i-b3 .label-wrap .label-upload {
	display: block;
	margin-left: 30px
}

.h-inner3 .i-b3 .label-wrap .upload-inner {
	display: flex
}

.h-inner3 .icon-up {
	width: 100px;
	height: 100px;
	position: relative;
	overflow: hidden;
	flex: 0 0 100px
}

.h-inner3 .icon-up+.icon-up {
	margin-left: 20px
}

.h-inner3 .i-b3 .label-wrap .label-upload input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0
}

.con-inner.h-inner4 .input-box.i-b1 .label-wrap .label-upload span {
	width: 106px
}

.con-inner.inner4 .input-box.i-b1 .label-wrap:last-child,
.con-inner.inner4 .input-box.i-b1 .label-wrap:nth-child(9) {
	margin-left: 0
}

.con-inner.inner2 .input-box.i-b1 .label-wrap:nth-child(11) .desc,
.con-inner.inner2 .input-box.i-b1 .label-wrap:nth-child(12) .desc,
.con-inner.inner2 .input-box.i-b1 .label-wrap:nth-child(8) .desc {
	margin-left: 100px
}

.input-box.inp-b1 .inp1 span:first-child {
	white-space: nowrap
}

.con-table-in .in-box .in-box-inner label span {
	margin-right: 10px
}

.con-table-in .in-box .tit span {
	margin-left: 20px
}

.con-table-in .table-box2 thead th:first-child {
	text-align: left
}

.con-table-in .table-box2 thead th {
	text-align: center
}

.con-table-in .table-box2.h-table-box2 tbody tr td {
	padding-left: 20px
}

.con-table-in .table-box2 thead th {
	white-space: nowrap
}

/* 
.con-table-in .checkbox {
	padding-left: 20px
} */

.sales-box .sale-i .sales-choice .ch-r li {
	cursor: pointer
}

.sale-i .btn {
	cursor: pointer
}

.pager {
	max-width: 800px;
	text-align: center;
	margin-bottom: 30px;
	display: inline-block;
}

.pager a {
	cursor: pointer;
}

.pager a,
.pager span {
	/* 按钮内数字 */
	width: 45px;
	height: 40px;
	border: 1px solid #EBEBEB;
	margin-left: -1px;
	color: #8a8a8a;
	display: inline-block;
	line-height: 40px;
	float: left;
	font-size: 15px;
	text-decoration: none;
	margin: 0 2px;
	border-radius: 6px;
}

.pager a:hover,
.pager span:hover {
	border-color: #3897cd;
	color: #3897cd;
	position: relative;
	z-index: 1;
}

.pager span.current {
	background-color: #222A35;
	color: #fff;
	border-color: #EBEBEB;
	position: relative;
	z-index: 1;
}

.pager .pg-first,
.pager .pg-prev,
.pager .pg-next,
.pager .pg-last {
	background: white url(../images/page_bg.jpg) 8px 7px no-repeat;
}

.pager .pg-first:hover,
.pager .pg-prev:hover,
.pager .pg-next:hover,
.pager .pg-last:hover {
	background: white url(../images/page_bg_hover.jpg) 8px 7px no-repeat;
}

.pager .pg-prev,
.pager .pg-prev:hover {
	background-position: 7px -21px;
}

.pager .pg-next,
.pager .pg-next:hover {
	background-position: -21px -21px;
}

.pager .pg-last,
.pager .pg-last:hover {
	background-position: -21px 7px;
}

.pager .pg-prev[disabled='true'],
.pager .pg-prev[disabled='true']:hover {
	cursor: default;
	background-image: url(../images/page_bg.jpg);
}

.pager .pg-next[disabled='true'],
.pager .pg-next[disabled='true']:hover {
	cursor: default;
	background-image: url(../images/page_bg.jpg);
}

.pager .pg-prev[disabled='true'],
.pager .pg-next[disabled='true'] {
	border-color: #eeeeee;
}

.pager span.els {
	border-color: transparent;
}

.pagerHtmlWrap {
	width: 800px;
	margin: 30px auto;
}

.pagerHtmlWrap .cc_cells {
	width: 100%;
	height: 35px;
	padding: 5px 0;
	border-bottom: 1px #cccccc solid;
}

.pagerHtmlWrap .cc_cells a {
	color: #454545;
	font-size: 14px;
	line-height: 35px;
	text-decoration: none;
}

.pagerHtmlWrap .cc_cells a span {
	display: inline-block;
	width: 25%;
	text-align: left;
	margin: 0;
}

.pageNumber {
	width: 30px;
	height: 30px;
	border: 1px solid #ccc;
	margin-right: 10px;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	cursor: pointer;
}

.pagingArea {
	margin-left: 50%;
	margin-top: -50px;
}

.active {
	background-color: red;
}

/* .title-box {
	width: 500px;
} */

.nmeetingame {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 27px;
}

.codebg {
	width: 100%;
	height: 100%;;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	display: none;
}
.codebg .title{
	background: #eee;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	position: relative;
}
#qrcode {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0;
}

.huise {
	color: #cbcbcb !important;
}
.box1{
	display: none;
}
.box2{
	display: none;
}
.box3{
	display: none;
}
.box4{
	display: none;
}
.box5{
	display: none;
}
.box6{
	display: none;
}
.box{
	display: none;
	background: rgba(0, 0, 0, .001);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}
.progress {
	/* position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%); */
    height: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 10px 0px;
    overflow: hidden;
}
/* 初始状态设置进度条宽度为0px */
.progress > div {
    width: 0px;     
    height: 100%;
    background-color: yellowgreen;
    transition: all .3s ease;
}