html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input
{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif,'Microsoft YaHei';
	vertical-align:baseline;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
table,caption,tbody,tfoot,thead,tr,th,td
{
	margin:0;
	padding:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
table
{
	border-collapse:separate;
	border-spacing:0
}
caption,th,td
{
	text-align:left;
	font-weight:normal
}
table,td,th
{
	vertical-align:middle
}
a
{
	cursor:pointer
}
blockquote:before,blockquote:after,q:before,q:after
{
	content:""
}
div,p,font,span,a,ul,li,h1,h2,h3,h4,h5,h6,table,thead,tbody,tr,td,th
{
	font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
body
{
	line-height:1.5;
	background-color:#f7f8f9;
	height:100%;
	background-position:center;
	background-size:auto 100%;
	background-repeat:no-repeat
}
.clear
{
	float:none;
	width:0;
	height:0;
	padding:0;
	margin:0;
	clear:both
}
.pull-left
{
	float:left !important
}
.pull-right
{
	float:right !important
}
ul,li
{
	list-style:none;
	margin:0;
	padding:0
}
.btn
{
	display:inline-block;
	padding:4px 11px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	border-radius:4px
}
.btn>i
{
	font-size:13px
}
.btn-primary
{
	background-color:#1776da;
	border-color:#1776da;
	color:#fff;
	-webkit-box-shadow:0 3px 3px 0 rgba(23,118,218,0.03);
	box-shadow:0 3px 3px 0 rgba(23,118,218,0.03)
}
.btn-primary:hover
{
	background-color:rgba(23,118,218,0.8);
	border-color:rgba(23,118,218,0.8);
	color:#fff
}
.btn-default
{
	background-color:#fff;
	border-color:#d6d6d6;
	color:#333;
	-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.03);
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.03)
}
.btn-default.disabled
{
	background-color:#f5f5f5 !important;
	border-color:#ddd
}
.btn-default.disabled span
{
	color:#b7b7b7
}
.btn-default.dropdown-toggle
{
	-webkit-box-shadow:none;
	box-shadow:none
}
.btn-default.danger-color
{
	color:#fc4f54
}
.btn-link
{
	background:none;
	color:#1776da
}
.text-overflow
{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.text-left
{
	text-align:left
}
.text-right
{
	text-align:right
}
.text-bold
{
	font-weight:bold
}
.bar
{
	float:left;
	width:100%
}
.push-up-0
{
	margin-top:0 !important
}
.push-up-2
{
	margin-top:2px !important
}
.push-up-3
{
	margin-top:3px !important
}
.push-up-4
{
	margin-top:4px !important
}
.push-up-5
{
	margin-top:5px !important
}
.push-up-10
{
	margin-top:10px !important
}
.push-up-15
{
	margin-top:15px !important
}
.push-up-20
{
	margin-top:20px !important
}
.push-up-30
{
	margin-top:30px !important
}
.push-left-0
{
	margin-left:0 !important
}
.push-left-5
{
	margin-left:5px !important
}
.push-left-10
{
	margin-left:10px !important
}
.push-left-15
{
	margin-left:15px !important
}
.push-left-20
{
	margin-left:20px !important
}
.push-left-30
{
	margin-left:30px !important
}
.push-right-0
{
	margin-right:0 !important
}
.push-right-5
{
	margin-right:5px !important
}
.push-right-10
{
	margin-right:10px !important
}
.push-right-15
{
	margin-right:15px !important
}
.push-right-20
{
	margin-right:20px !important
}
.push-right-30
{
	margin-right:30px !important
}
.push-down-0
{
	margin-bottom:0 !important
}
.push-down-5
{
	margin-bottom:5px !important
}
.push-down-10
{
	margin-bottom:10px !important
}
.push-down-15
{
	margin-bottom:15px !important
}
.push-down-20
{
	margin-bottom:20px !important
}
.push-down-24
{
	margin-bottom:24px !important
}
.push-down-30
{
	margin-bottom:30px !important
}
.border-bottom-0
{
	border-bottom:1px solid rgba(0,0,0,0.1)
}
.cl-box
{
	clear:both;
	height:0;
	width:0;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0
}
.cl-after:after
{
	clear:both;
	content:'';
	display:block;
	width:0;
	height:0;
	visibility:hidden
}
.animation-all-02s
{
	transition:all .2s;
	-moz-transition:all .2s;
	-webkit-transition:all .2s;
	-o-transition:all .2s
}
.animation-all-03s
{
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s
}
.animation-all-04s
{
	transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s
}
.animation-all-05s
{
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s
}
.animation-all-08s
{
	transition:all .8s;
	-moz-transition:all .8s;
	-webkit-transition:all .8s;
	-o-transition:all .8s
}
input::-webkit-input-placeholder
{
	color:#999
}
input::-moz-input-placeholder
{
	color:#999
}
input::-ms-input-placeholder
{
	color:#999
}
input
{
	outline:none
}
input:-webkit-autofill
{
	-webkit-box-shadow:0 0 0 1000px #fff inset !important;
	box-shadow:0 0 0 1000px #fff inset !important
}
.color-theme
{
	color:#01559d
}
.login-page
{
	width:100%;
}
.login-header
{
	width:100%;
	height:70px;
	padding:0 20px;
	background-color:#1776da;
	background-position:calc(100% - 170px) 0;
	background-repeat:no-repeat;
}
.login-header .login-header-inside
{
	width:100%;
	max-width:1200px;
	height:70px;
	margin:0 auto
}
.login-header .logo-container
{
	float:left
}
.login-header .logo-container .logo-box
{
	position:relative;
	float:left;
	height:70px;
	padding:0 20px 0 0;
	line-height:70px
}
.login-header .logo-container .logo-box>img
{
	vertical-align:middle
}
.login-header .logo-container .title-box
{
	float:left;
	height:38px;
	margin:16px 0;
	padding:0 0 0 20px;
	line-height:38px;
	border-left:1px solid rgba(255,255,255,0.5)
}
.login-header .logo-container .title-box .lang-zh
{
	font-size:25pt;
	color:#fff;
	margin:0 8px 0 0;
	letter-spacing: 3px;
}
.login-header .logo-container .title-box .lang-en
{
	font-size:14px;
	color:#fff
}
.login-header .login-header-btn-container
{
	float:right;
	height:70px;
	padding:10px 0
}
.login-header .login-header-btn-container .login-header-btn
{
	float:right;
	display:block;
	height:50px;
	padding:10px 0;
	background-position:left center;
	background-repeat:no-repeat;
	font-size:14px;
	line-height:30px;
	color:rgba(255,255,255,0.8)
}
.login-header .login-header-btn-container .login-header-btn.help-btn
{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAS1BMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////+bUGJYAAAAGXRSTlOAAAZ7cFNNG2UvGF0PdmlGP3htY1c6KCECZVcVYAAAAItJREFUGNNlj0sSgzAMQyUncUKAQv+9/0mrmKGbeiFbT2aIQVX1nFL2OmYBKwAu9wQUG8AaMC/iG9BMoCg29veHrh2iApj41BYXQNaHMksXXiE7xrJLVrMEWUnU3DmppRNMZF8D5AO8uI9I1s+NFt3HbyN5RJNliWGr8W05nq7qETT7HXdzHMf9nf8FzxIDGdPR828AAAAASUVORK5CYII=);
	padding-left:23px
}
.login-body
{
	width:100%;
	min-height:calc(100vh - 206px);
	padding:0 20px
}
.login-body .login-body-inside
{
	width:100%;
	max-width:1200px;
	padding:30px 0;
	margin:0 auto
}
.login-body .login-ad-container
{
	float:left;
	width:calc(100% - 390px);
	min-height:calc(100vh - 206px);
	padding:0 30px 0 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-line-pack:center;
	align-content:center
}
.login-body .login-ad-container>img
{
	max-width:100%
}
.login-body .login-main-container
{
	float:right;
	width:100%;
	max-width:390px;
	min-height:calc(100vh - 206px);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-line-pack:center;
	align-content:center
}
.login-body .login-main-block
{
    position:relative;
	float:right;
	width:100%;
	padding:0 30px;
	border:1px solid #eee;
	border-radius:10px;
	background-color:#fff;
	-webkit-box-shadow:0 4px 14px 5px rgba(0,0,0,0.05);
	box-shadow:0 4px 14px 5px rgba(0,0,0,0.05)
}
.login-body .login-main-block .login-block-logo
{
	position:relative;
	float:left;
	width:100%;
	height:91px;
	line-height:90px;
}
.login-body .login-main-block .login-block-logo>img
{
	vertical-align:middle
}
.login-body .login-main-block .login-block-logo>h3
{
	text-align: center;
    font-size: 21px;
    font-weight: bold;
}
.login-body .login-main-block .login-block-logo .error-box
{
	position:absolute;
	bottom:0;
	right:0;
	font-size:14px;
	min-height:20px;
	line-height:20px;
	color:#db0000
}
.login-body .login-main-block .login-block-logo .form-message
{
	height: 30px;
    line-height: 30px;
    position: absolute;
    top: 70px;
    width: 100%;
}
.login-body .login-main-block .login-block-content
{
	float:left;
	width:100%
}
.login-body .login-main-block .login-block-content .login-input-row
{
	float:left;
	width:100%;
	height:63px;
	padding:11px 0;
	border-bottom:1px solid #dedede
}
.login-body .login-main-block .login-block-content .login-input-row .login-input-title
{
	float:left;
	width:72px;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#666;
	font-weight:bold
}
.login-body .login-main-block .login-block-content .login-input-row .login-input-box
{
	float:left;
	width:calc(100% - 72.01px);
	height:40px
}
.login-body .login-main-block .login-block-content .login-input-row .login-input-box>input
{
	float:left;
	width:100%;
	height:40px;
	padding:10px;
	border:none;
	line-height:30px;
	color:#666;
	font-size:14px
}
.login-body .login-main-block .login-block-content .login-code-row
{
	float:left;
	width:100%;
	height:63px;
	padding:11px 0;
	border-bottom:1px solid #dedede;
}
.login-body .login-main-block .login-block-content .login-code-row .login-input-title
{
	float:left;
	width:72px;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#666;
	font-weight:bold
}
.login-body .login-main-block .login-block-content .login-code-row .login-input-box
{
	float:left;
	width:calc(100% - 202.01px);
	height:40px
}
.login-body .login-main-block .login-block-content .login-code-row .login-input-box>input
{
	float:left;
	width:100%;
	height:40px;
	padding:10px;
	border:none;
	line-height:30px;
	color:#666;
	font-size:14px
}
.login-body .login-main-block .login-block-content .login-code-row .login-code-box
{
	float:right;
	width:100px;
	height:40px;
	border-radius:5px;
	overflow:hidden
}
.login-body .login-main-block .login-block-content .login-option-row
{
	float:left;
	width:100%;
	padding:17px 0 25px
}
.login-body .login-main-block .login-block-content .login-option-row .rem-username
{
	float:left;
	font-size:14px;
	line-height:22px;
	color:#666
}
.login-body .login-main-block .login-block-content .login-option-row .rem-username>input
{
	float:left;
	margin:5px 10px 0 0
}
.login-body .login-main-block .login-block-content .login-option-row .lost-password
{
	float:right;
	font-size:14px;
	line-height:22px;
	color:#666
}
.login-body .login-main-block .login-block-content .login-btn-row
{
	float:left;
	width:100%;
	height:46px;
    margin-top:20px;
}
.login-body .login-main-block .login-block-content .login-btn-row a
{
	float:left;
	display:block;
	width:100%;
	height:46px;
	padding:10px;
	cursor:pointer;
	font-size:18px;
	line-height:26px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#1776da;
	border-radius:12px
}
.login-body .login-main-block .login-info-box
{
	float:left;
	width:100%;
	padding:14px 0 17px
}
.login-body .login-main-block .login-info-box .login-info-text
{
	float:left;
	width:100%;
	font-size:12px;
	color:#666;
	line-height:20px
}
.login-body .login-main-block .login-info-box .login-info-text .drop-help
{
	position:relative;
	color:#01559d
}
.login-body .login-main-block .login-info-box .login-info-text .drop-help .drop-help-pic
{
	display:none;
	position:absolute;
	top:-229px;
	right:-140px;
    border: 1px solid black;
    border-radius: 10px;
}
.login-body .login-main-block .login-info-box .login-info-text .drop-help .drop-help-pic img
{
    border-radius: 10px;
}
.login-body .login-main-block .login-info-box .login-info-text .drop-help:hover .drop-help-pic
{
	display:block
}
.login-body .login-main-block .login-block-footer
{
	float:left;
	width:100%;
	height:61px;
	padding:13px 0 0;
	border-top:1px solid #dedede;
	line-height:30px;
	text-align:center
}
.login-body .login-main-block .login-block-footer .title-text
{
	display:inline-block;
	font-size:12px;
	color:#666
}
.login-body .login-main-block .login-block-footer .text-with-pic
{
	display:inline-block;
	padding:0 10px 0 0px;
	font-size:12px;
	color:#666;
	background-repeat:no-repeat;
	background-position:left center
}
.login-body .login-main-block .login-block-footer .text-with-pic i
{
	font-size: 18px;
    margin: 0px 5px;
}
.login-footer
{
	width:100%;
	height:74px;
	padding:0 20px;
	border-top:1px solid #ddd;
	background-color:#fff
}
.login-footer .login-footer-inside
{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:25px 0
}
.login-footer .text-box
{
	font-size:13px;
	line-height:18px;
	color:#666
}
@media only screen and (max-width:1023px)
{
	.login-body .login-main-block .login-info-box .login-info-text .drop-help .drop-help-pic
{
	width:297px;
	top:-55px;
	right:-48px
}
.login-body .login-main-block .login-info-box .login-info-text .drop-help .drop-help-pic>img
{
	width:100%
}
.login-header
{
	background-position:right 0
}
.login-header .logo-container .title-box
{
	display:none
}
.login-body
{
	min-height:calc(100vh - 177px)
}
.login-body .login-main-container
{
	min-height:0;
	max-width:100%
}
.login-body .login-main-block .login-block-footer .text-with-pic
{
	padding:0 5px 0 20px
}
.login-footer
{
	height:105px
}
.login-body .login-ad-container
{
	display:none
}
.login-footer .text-box
{
	float:left !important
}
.help-360
{
	display:none
}
}

.form-error-text {
    padding-left: 35px;
    border: 1px solid #ee86a4;
    color: #9d2a16;
    font-family: Microsoft YaHei,Arial,Helvetica,Verdana,sans-serif;
    font-size: 10pt;
    height: 30px;
    line-height: 30px;
    background: #f8cad7 url('validatebox_warning.png') center left no-repeat;
    background-position: 10px 5.5px;
    border-radius: 4px;
}

.form-warning-text {
    padding-left: 35px;
    border: 1px solid #f8e144;
    color: #000;
    font-family: Microsoft YaHei,Arial,Helvetica,Verdana,sans-serif;
    font-size: 10pt;
    height: 30px;
    line-height: 30px;
    background: #fdf7ce url('bullet_error.png') center left no-repeat;
    background-position: 10px 5.5px;
    border-radius: 4px;
}

.form-succeed-text {
    padding-left: 35px;
    border-radius: 3px;
    color: #fff;
    font-family: Microsoft YaHei,Arial,Helvetica,Verdana,sans-serif;
    font-size: 10pt;
    border: 1px solid #5e8800;
    height: 30px;
    line-height: 30px;
    background: #62b600 url('loading1.gif') center left no-repeat;
    background-position: 10px 5.5px;
}

.LoginTypeImg
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 52px;
    height: 52px;
    display: none;
}

.LoginTypeImg img
{
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-size: cover;
    -webkit-mask-image: linear-gradient(50deg, transparent 50%, white 50%);
}

#zc_qrcode {
    margin: auto;
    margin-top: 30px;
    width: 256px;
    height: 256px;
}

canvas {
    width: 256px;
    height: 256px;
}

.qrcode-error-2016 .qrcode-error-mask {
    display: block;
    position: absolute;
    margin: auto;
    left: calc(50% - 128px);
    width: 256px;
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6;
    height: 256px;
    z-index: 9;
    text-align: center;
    margin-top: 91px;
}

.qrcode-error-2016 {
    display: none;
    font-size: 14px;
    color: #fbfbfb;
    position: relative;
    z-index: 1;
}

.err-cont {
    position: absolute;
    left: calc(50% - 44px);
    top: 169px;
    z-index: 19;
    font-weight: 700;
}

.refresh-btn {
    position: absolute;
    top: 204px;
    left: calc(50% - 40px);
    display: block;
    background: #e4393c;
    width: 80px;
    height: 30px;
    line-height: 30px;
    opacity: 1;
    z-index: 19;
    color: #fbfbfb;
    text-decoration: none;
    text-align: center;
}