.f-cf::before {
	display: table; content: " ";
}
.f-cf::after {
	display: table; content: " ";
}
.f-cf::after {
	clear: both;
}
.f-cf::before {
	display: table; content: " ";
}
.f-cf::after {
	display: table; content: " ";
}
.f-cf::after {
	clear: both;
}
.animated {
	animation-duration: 0.6s; animation-fill-mode: both; -webkit-animation-duration: 0.6s; -webkit-animation-fill-mode: both;
}
.shake {
	animation-name: shake; -webkit-animation-name: shake;
}
.u-btn * {
	margin: 0px; padding: 0px;
}
.ui-button * {
	margin: 0px; padding: 0px;
}
.u-btn {
	padding: 0px 12px; border-radius: 2px; border: 1px solid transparent; transition:0.3s ease-out; border-image: none; height: 28px; text-align: center; line-height: 28px; font-family: inherit; font-size: 14px; font-weight: normal; text-decoration: none; vertical-align: middle; display: inline-block; white-space: nowrap; position: relative; cursor: pointer; background-image: none; user-select: none;
}
.ui-button {
	padding: 0px 12px; border-radius: 2px; border: 1px solid transparent; transition:0.3s ease-out; border-image: none; height: 28px; text-align: center; line-height: 28px; font-family: inherit; font-size: 14px; font-weight: normal; text-decoration: none; vertical-align: middle; display: inline-block; white-space: nowrap; position: relative; cursor: pointer; background-image: none; user-select: none;
}
.u-btn-primary {
	border-color: rgb(19, 107, 159); color: rgb(255, 255, 255); background-color: rgb(87, 126, 200);
}
.ui-dialog-buttonpane :first-child.ui-button {
	border-color: rgb(19, 107, 159); color: rgb(255, 255, 255); background-color: rgb(87, 126, 200);
}
.u-btn-primary:hover {
	border-color: rgb(15, 85, 127); color: rgb(255, 255, 255); background-color: rgb(61, 105, 188);
}
.u-btn-primary.focus {
	border-color: rgb(15, 85, 127); color: rgb(255, 255, 255); background-color: rgb(61, 105, 188);
}
.u-btn-primary:active {
	border-color: rgb(15, 85, 127); color: rgb(255, 255, 255); background-color: rgb(61, 105, 188);
}
.u-btn-primary.active {
	border-color: rgb(15, 85, 127); color: rgb(255, 255, 255); background-color: rgb(61, 105, 188);
}
.ui-dialog-buttonpane :first-child.ui-button:hover {
	border-color: rgb(15, 85, 127); color: rgb(255, 255, 255); background-color: rgb(61, 105, 188);
}
.ui-dialog-buttonpane :first-child.ui-button.focus {
	border-color: rgb(15, 85, 127); color: rgb(255, 255, 255); background-color: rgb(61, 105, 188);
}
.ui-dialog-buttonpane :first-child.ui-button:active {
	border-color: rgb(15, 85, 127); color: rgb(255, 255, 255); background-color: rgb(61, 105, 188);
}
.ui-dialog-buttonpane :first-child.ui-button.active {
	border-color: rgb(15, 85, 127); color: rgb(255, 255, 255); background-color: rgb(61, 105, 188);
}
.u-btn-primary.disabled {
	border-color: rgb(5, 122, 184); cursor: default; background-color: rgb(5, 122, 184);
}
[disabled].u-btn-primary {
	border-color: rgb(5, 122, 184); cursor: default; background-color: rgb(5, 122, 184);
}
.u-btn-primary.disabled:hover {
	border-color: rgb(5, 122, 184); cursor: default; background-color: rgb(5, 122, 184);
}
[disabled].u-btn-primary:hover {
	border-color: rgb(5, 122, 184); cursor: default; background-color: rgb(5, 122, 184);
}
.u-btn-primary.disabled.focus {
	border-color: rgb(5, 122, 184); cursor: default; background-color: rgb(5, 122, 184);
}
[disabled].u-btn-primary.focus {
	border-color: rgb(5, 122, 184); cursor: default; background-color: rgb(5, 122, 184);
}
.u-btn-primary.disabled:active {
	border-color: rgb(5, 122, 184); cursor: default; background-color: rgb(5, 122, 184);
}
[disabled].u-btn-primary:active {
	border-color: rgb(5, 122, 184); cursor: default; background-color: rgb(5, 122, 184);
}
.u-btn-primary.disabled.active {
	border-color: rgb(5, 122, 184); cursor: default; background-color: rgb(5, 122, 184);
}
[disabled].u-btn-primary.active {
	border-color: rgb(5, 122, 184); cursor: default; background-color: rgb(5, 122, 184);
}
.u-btn-default {
	border-color: rgb(217, 217, 217); color: rgb(85, 85, 85); background-color: rgb(245, 246, 247);
}
.u-btn-default:hover {
	border-color: rgb(178, 178, 178); background-color: rgb(245, 246, 247);
}
.u-btn-default.focus {
	border-color: rgb(178, 178, 178); color: rgb(85, 85, 85); background-color: rgb(232, 233, 235);
}
.u-btn-default:active {
	border-color: rgb(178, 178, 178); color: rgb(85, 85, 85); background-color: rgb(232, 233, 235);
}
.u-btn-default.active {
	border-color: rgb(178, 178, 178); color: rgb(85, 85, 85); background-color: rgb(232, 233, 235);
}
.u-input {
	background: rgb(255, 255, 255); padding: 5px 10px; border: 1px solid rgb(221, 221, 221); transition:background-color 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out; border-image: none; width: 40%; height: 18px; color: rgb(153, 153, 153); line-height: 18px; font-size: 14px; min-width: 60px;
}
.u-input:focus {
	border-color: rgb(91, 192, 222); color: rgb(119, 119, 119);
}
.u-input:active {
	border-color: rgb(91, 192, 222); color: rgb(119, 119, 119);
}
.u-form {
	color: rgb(51, 51, 51); line-height: 30px;
}
input[type='radio'] {
	margin: 0px 4px 0px 0px; padding: 0px; line-height: normal; position: relative;
}
input[type='checkbox'] {
	margin: 0px 4px 0px 0px; padding: 0px; line-height: normal; position: relative;
}
.u-form-item {
	padding-left: 100px; margin-bottom: 20px;
}
.u-form-item::after {
	height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: " ";
}
.checkbox {
	background: url("../images/check.png") no-repeat; margin: 1px 3px 0px 0px; width: 16px; height: 16px; overflow: hidden; float: left;
}
.checkbox:hover {
	background: url("../images/check_hover.png") no-repeat;
}
.checkbox-checked {
	background: url("../images/check_on.png") no-repeat;
}
.checkbox-checked:hover {
	background: url("../images/check_on_hover.png") no-repeat;
}
.rc-hidden {
	left: -999em; position: absolute !important;
}
.u-menu {
	background: rgb(255, 255, 255); list-style: none; margin: -5px 0px 0px; padding: 4px 0px; border-radius: 2px; border: 1px solid rgb(221, 221, 221); transition:opacity 0.1s ease-out, margin-top 0.1s ease-out; border-image: none; left: -30px; top: 100%; text-align: left; line-height: 1.5; overflow: auto; position: absolute; z-index: 100; max-height: 300px; opacity: 0;
}
.u-menu li {
	position: relative;
}
.u-menu li a {
	margin: -1px 0px; padding: 12px 30px 12px 43px; color: rgb(51, 51, 51); overflow: hidden; text-decoration: none; display: block; white-space: nowrap; -ms-word-wrap: normal; -ms-text-overflow: ellipsis;
}
.u-menu li a:hover {
	background: rgb(247, 247, 247); color: rgb(51, 51, 51); text-decoration: none;
}
.u-menu li .iconfont {
	top: 15px; line-height: 1; position: absolute;
}
.u-menu li .iconfont.left {
	left: 16px;
}
.u-menu li .iconfont.right {
	right: 8px;
}
.u-menu li.divider {
	margin: 4px 0px; height: 0px; line-height: 0; font-size: 0px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.u-menu-right {
	left: auto; right: 0px;
}
.u-menu-top {
	margin: 0px 0px 1px; top: auto; bottom: 100%;
}
.u-menu-show {
	margin-top: 1px; display: block; opacity: 1;
}
.u-menu-hidden {
	display: none;
}
.u-menu-choose {
	color: rgb(0, 121, 189) !important;
}
.transparent {
	/*opacity: 0.35;
	background-color: rgb(0, 0, 0);*/
}
html {
	color: rgb(255, 255, 255); font-family: "Microsoft YaHei",tahoma,verdana,sans-serif; font-size: 14px;
}
body {
	color: rgb(255, 255, 255); font-family: "Microsoft YaHei",tahoma,verdana,sans-serif; font-size: 14px;
}
a {
	color: rgb(238, 238, 238); text-decoration: none;
}
.main {
	width: 100%; height: 100%; position: absolute;
}
.main-middle {
	width: 100%; height: 100%; position: absolute;
}
.main-bottom {
	width: 100%; height: 100%; position: absolute;
}
.main-middle {
	background-position: right bottom; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.main-bottom {
	background-position: right bottom; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.main {
	z-index: 96;
}
.main-middle {
	z-index: 95; opacity: 0;
}
.main-middle-0 {
	transition:0.3s ease-out; opacity: 1; background-image: url("../images/ban0.jpg");
}
.main-middle-1 {
	transition:0.3s ease-out; opacity: 1; background-image: url("../images/ban1.jpg");
}
.main-middle-2 {
	transition:0.3s ease-out; opacity: 1; background-image: url("../images/ban2.jpg");
}
.main-middle-3 {
	transition:0.3s ease-out; opacity: 1; background-image: url("../images/ban3.jpg");
}
.main-bottom {
	z-index: 94; background-color: rgb(85, 85, 85);
}
.main-bottom-0 {
	background-image: url("../images/thumbnails0.jpg");
}
.main-bottom-1 {
	background-image: url("../images/thumbnails1.jpg");
}
.main-bottom-2 {
	background-image: url("../images/thumbnails2.jpg");
}
.main-bottom-3 {
	background-image: url("../images/thumbnails3.jpg");
}
.aside {
	transition:width 0.3s ease-out; top: 0px; width: 36%; right: 0px; bottom: 0px; position: absolute;
}
.seo-link {
	height: 0px; text-align: center; line-height: 0; overflow: hidden;
}
.aside-blur {
	background-position: right bottom; transition:width 0.3s ease-out; top: 0px; width: 36%; right: 0px; bottom: 0px; overflow: hidden; position: absolute; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.aside-blur2 {
	transition:width 0.3s ease-out; top: 0px; width: 36%; right: 0px; bottom: 0px; overflow: hidden; position: absolute;
}
.content {
	left: 0px; top: 0px; right: 36%; bottom: 0px; overflow: hidden; position: absolute;
}
.logo {
	margin: 8px 0px 0px 0px; display: inline-block;
}
.slogan {
	margin: 10px 0px 0px 50px; font-size: 14px; display: inline-block;
}
.version {
	left: 0px; top: 30%; text-align: center; right: 0px; display: none; position: absolute;
}
.version i {
	font-size: 314px;
}
.hotline {
	left: 50px; bottom: 60px; font-style: normal; position: absolute;
}
.hotline span {
	margin-right: 10px;
}
.copyright {
	left: 50px; bottom: 30px; font-style: normal; position: absolute;
}
.viceCopyright {
	width: 100%; text-align: center; bottom: 30px; display: none; position: absolute;
}
.viceLogo {
	left: 13%; top: 13%; width: 74%; text-align: center; display: none; position: absolute;
}
.viceLogo a {
	display: inline-block;
}
.weather {
	left: 23%; top: 40px; width: 54%; line-height: 36px; font-size: 13px; display: table; position: absolute;
}
.weather i {
	transition:color 0.3s ease-out; color: rgb(255, 255, 255); font-size: 27px;
}
.weather i.favourite {
	font-size: 24px; margin-right: 4px;
}
.weather i.question {
	font-size: 22px;
}
.weather .favourite:hover {
	color: rgb(244, 90, 90); cursor: pointer;
}
.weather .question:hover {
	color: rgb(5, 123, 172);
}
.weather label {
	color: rgb(255, 255, 255); line-height: 30px; margin-left: 5px; display: inline-block;
}
.loginArea {
	left: 23%; top: 33%; width: 54%; position: absolute;
}
.loginArea .loginType {
	width: 100%; line-height: 40px; margin-bottom: 8px; display: table;
}
.loginType.bottom {
	margin: 0px; left: 0px; top: 100%; height: 60px; text-align: center; line-height: 0; position: absolute;
}
.loginType .qrcodeNormal {
	width: 32px; height: 32px;
}
.loginType .qrcodeHover {
	width: 32px; height: 32px;
}
.loginType .qrcodeHoverArrow {
	left: 0px; width: 100%; text-align: center; bottom: -20px; display: none; position: absolute;
}
.loginType .qrcodeHoverTxt {
	left: 0px; width: 100%; bottom: -52px; line-height: normal; display: none; position: absolute;
}
.loginType .qrcodeHoverArrow span {
	border-right-color: transparent; border-bottom-color: rgba(0, 0, 0, 0.5); border-left-color: transparent; border-right-width: 7px; border-bottom-width: 7px; border-left-width: 7px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; display: inline-block;
}
.loginType .qrcodeHoverTxt label {
	padding: 7px; display: inline-block; background-color: rgba(0, 0, 0, 0.5);
}
.loginType .qrcodeHover {
	display: none;
}
.loginType.bottom a:hover .qrcodeNormal {
	display: none;
}
.loginType.bottom a:hover .qrcodeHover {
	display: block;
}
.loginType.bottom a:hover .qrcodeHoverArrow {
	display: block;
}
.loginType.bottom a:hover .qrcodeHoverTxt {
	display: block;
}
.loginType a {
	font-size: 20px; margin-right: 16px;
}
.loginType a:last-child {
	margin-right: 0px;
}
.loginType.bottom a {
	margin: 28px 0px 0px; display: inline-block;
}
.loginArea .locale {
	font-size: 18px; position: relative; cursor: pointer;
}
.locale li a {
	padding-left: 30px;
}
.formLogin {
	width: 100%; position: relative; z-index: 97;
}
.QRCodeLogin {
	width: 100%; position: relative; z-index: 97;
}
.ssl-login {
	width: 100%; position: relative; z-index: 97;
}
.QRCodeLogin {
	border-radius: 3px; height: 212px; text-align: center; opacity: 0.9; background-color: rgb(255, 255, 255);
}
.ssl-login {
	border-radius: 3px; height: 212px; text-align: center; opacity: 0.9; background-color: rgb(255, 255, 255);
}
.ssl-login .login-container {
	margin: 0px auto; padding: 40px 0px; width: 250px; color: rgb(0, 0, 0); font-size: 14px;
}
.ssl-login .login-button {
	border-width: 0px; width: 100%; height: 46px; font-size: 16px; font-weight: bold;
}
.normalForm .formLogin {
	display: block; z-index: 98;
}
.QRCode .QRCodeLogin {
	display: block; z-index: 98;
}
.ssl .ssl-login {
	display: block; z-index: 98;
}
.normalForm .QRCodeLogin {
	display: none;
}
.normalForm .ssl-login {
	display: none;
}
.QRCode .formLogin {
	display: none;
}
.QRCode .ssl-login {
	display: none;
}
.ssl .formLogin {
	display: none;
}
.ssl .QRCodeLogin {
	display: none;
}
.normalForm [logintype='normalForm'] {
	color: rgb(255, 255, 255); font-weight: bold;
}
.ssl [logintype='ssl'] {
	color: rgb(255, 255, 255); font-weight: bold;
}
.QRCode [logintype='QRCode'] .qrcodeNormal {
	display: none;
}
.QRCode [logintype='QRCode'] .qrcodeHover {
	display: block;
}
.content-wrapper {
	position: relative;
}
.content-wrapper .arrow {
	transition:left 0.5s; left: 21px; top: -7px; border-right-color: transparent; border-bottom-color: rgb(255, 255, 255); border-left-color: transparent; border-right-width: 7px; border-bottom-width: 7px; border-left-width: 7px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; display: inline-block; position: absolute;
}
.QRCode .arrow {
	left: 47.5%; top: 100%; border-top-color: rgb(255, 255, 255); border-bottom-color: currentColor; border-top-width: 7px; border-bottom-width: medium; border-top-style: solid; border-bottom-style: none;
}
.ssl .arrow {
	left: 105px;
}
.u-form {
	color: rgb(255, 255, 255); position: relative;
}
.u-form .u-form-item-1 {
	border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(227, 228, 229); border-left-color: rgb(255, 255, 255); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: relative;
}
.u-form .u-form-item-1 .wrapper {
	opacity: 0.9; background-color: rgb(255, 255, 255);
}
.u-form .u-form-item {
	margin: 0px; padding: 0px;
}
.u-form :first-child.u-form-item-1 {
	border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid; border-top-left-radius: 3px; border-top-right-radius: 3px;
}
.u-form :nth-last-child(2).u-form-item-1 {
	border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;
}
.u-form :last-child.u-form-item-1 {
	border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;
}
.u-form .label {
	width: 45px; height: 46px; text-align: center; line-height: 46px; float: left;
}
.u-form .input-wrapper {
	width: 100%;
}
.u-form .sub-input-wrapper {
	margin: 0px 0px 0px 45px;
}
.u-form .dropdown {
	width: 35px; float: right;
}
.u-form-item label i {
	transition:color 0.3s ease-in; color: rgb(204, 204, 204); font-size: 18px;
}
.u-form-item label.actived i {
	color: rgb(85, 85, 85);
}
.u-form-item label.error i {
	color: rgb(255, 0, 0);
}
.u-form .u-input {
	background: none; padding: 5px 0px; border: currentColor; border-image: none; width: 100%; height: 36px; color: rgb(85, 85, 85); line-height: 36px;
}
.u-form .securityCode .label {
	margin-right: -45px;
}
.u-form .securityCode .input-wrapper {
	float: left;
}
.u-form .securityCode .sub-input-wrapper {
	margin-right: 150px;
}
.u-form .securityCode img {
	width: 100px; height: 30px; margin-top: 8px; margin-right: 45px; margin-left: -145px; float: right;
}
.u-form .securityCode .refresh {
	width: 45px; margin-left: -46px; float: none; display: inline-block; cursor: pointer; background-color: rgb(249, 249, 249);
}
.cbWrapper {
	display: inline-block;
}
.u-form-item .checkbox + label {
	font-size: 14px;
}
.u-form .u-form-item-2 {
	height: 46px; line-height: 46px;
}
.u-form .u-form-item-2 .submit {
	width: 100%; height: 46px; font-size: 16px; font-weight: bold;
}
.u-form .u-form-item-2 .checkbox {
	margin-top: 16px;
}
.u-form .u-form-item-3 {
	
}
.u-form .u-form-item-3 .QRCode {
	text-align: center; margin-top: 40px;
}
.u-form .u-form-item-3 .CSLink {
	text-align: center;
}
.u-form .errMsg {
	height: auto; color: rgb(255, 0, 0); line-height: 2 !important; font-size: 13px; margin-top: 8px; min-height: 40px;
}
.u-form .domainMenu {
	z-index: 98;
}
.u-form .faceMenu {
	z-index: 97;
}
.u-form .faceMenu {
	cursor: pointer;
}
.u-form .faceMenu .faceTxt {
	cursor: pointer;
}
.u-form .faceMenu .dropdown {
	cursor: pointer;
}
.u-form .domainTxt {
	padding: 5px 0px; height: 36px; color: rgb(85, 85, 85); line-height: 36px; font-size: 14px; display: inline-block;
}
.u-form .faceTxt {
	padding: 5px 0px; height: 36px; color: rgb(85, 85, 85); line-height: 36px; font-size: 14px; display: inline-block;
}
.u-form .viceLocaleTxt {
	padding: 5px 0px; height: 36px; color: rgb(85, 85, 85); line-height: 36px; font-size: 14px; display: inline-block;
}
.u-form .viceLocaleTxt {
	display: none;
}
.domainMenu .u-menu {
	left: -1px; width: 100%;
}
.faceMenu .u-menu {
	left: -1px; width: 100%;
}
.viceLocaleMenu .u-menu {
	left: -1px; width: 100%;
}
.viceLocaleMenu {
	display: none;
}
.scanArea {
	transition:opacity 0.5s; position: absolute;
}
.headImageArea {
	transition:opacity 0.5s; position: absolute;
}
.scanArea {
	top: 42px; width: 100%; height: 100px; z-index: 100; opacity: 0;
}
.scanArea .QRCodeImage {
	margin: 0px auto; width: 100px; height: 100px; line-height: 100px; position: relative; background-color: rgb(215, 215, 217);
}
.QRCodeImage:hover .descImage {
	background: url("../images/descImage.png") no-repeat; left: -433px; top: -185px; width: 333px; height: 510px; position: absolute; animation-name: fadeInRight; animation-duration: 0.5s; animation-timing-function: ease-in; -webkit-animation-name: fadeInRight; -webkit-animation-timing-function: ease-out;
}
.QRCodeImage .wrapper {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.QRCodeImage i {
	color: rgb(170, 170, 170); font-size: 32px; cursor: pointer;
}
.headImage i {
	color: rgb(170, 170, 170); font-size: 32px; cursor: pointer;
}
.headImageArea {
	top: 36px; width: 100%; z-index: 99;
}
.headImageArea .content-wrapper {
	margin: 0px auto; width: 90px; height: 90px;
}
.headImageArea .loggedUsername {
	margin: 12px 0px 0px; color: rgb(0, 0, 0); font-weight: bold;
}
.headImageArea .headImage {
	border-radius: 50%; width: 100%; height: 100%; position: relative; z-index: 99; background-color: rgb(215, 215, 217);
}
.headImage img {
	border-radius: 50%; width: 100%; height: 100%;
}
.headImage i {
	margin-top: 29px; display: none;
}
.headImageArea .squareMasker {
	left: -7px; top: -7px; width: 52px; height: 104px; display: none; position: absolute; z-index: 98; background-color: rgb(255, 255, 255);
}
.headImageArea .halfCycle {
	padding: 2px; border-radius: 50%; left: -6px; top: -6px; width: 98px; height: 98px; display: none; position: absolute; z-index: 97; background-color: rgb(10, 212, 0);
}
.halfCycle > div {
	border-radius: 50%; width: 100%; height: 100%; background-color: rgb(255, 255, 255);
}
.scanTips {
	width: 100%; text-align: center; bottom: 0px; position: absolute;
}
.appVerifyTips {
	width: 100%; text-align: center; bottom: 0px; position: absolute;
}
.finalTips {
	width: 100%; text-align: center; bottom: 0px; position: absolute;
}
.loginFailTips {
	width: 100%; text-align: center; bottom: 0px; position: absolute;
}
.scanTips {
	height: 46px;
}
.appVerifyTips {
	display: none;
}
.finalTips {
	display: none;
}
.loginFailTips {
	display: none;
}
.appVerifyTips {
	height: 50px;
}
.finalTips {
	height: 50px;
}
.loginFailTips {
	height: 68px;
}
.scanTips p {
	margin: 0px 0px 14px; color: rgb(0, 0, 0); font-size: 12px; font-weight: bold;
}
.appVerifyTips p {
	margin: 0px 0px 14px; color: rgb(0, 0, 0); font-size: 12px; font-weight: bold;
}
.finalTips p {
	margin: 0px 0px 14px; color: rgb(0, 0, 0); font-size: 12px; font-weight: bold;
}
.loginFailTips p {
	margin: 0px 0px 14px; color: rgb(0, 0, 0); font-size: 12px; font-weight: bold;
}
.appVerifyTips .backToScan {
	color: rgb(5, 122, 184); margin-left: -3px;
}
.scanArea {
	opacity: 1;
}
.headImageArea {
	opacity: 0;
}
.scanTips {
	display: block;
}
.appVerify .scanArea {
	z-index: 98; opacity: 0;
}
.final .scanArea {
	z-index: 98; opacity: 0;
}
.loginFail .scanArea {
	z-index: 98; opacity: 0;
}
.appVerify .headImageArea {
	opacity: 1;
}
.final .headImageArea {
	opacity: 1;
}
.loginFail .headImageArea {
	opacity: 1;
}
.appVerify .scanTips {
	display: none;
}
.final .scanTips {
	display: none;
}
.loginFail .scanTips {
	display: none;
}
.appVerify .appVerifyTips {
	display: block;
}
.final .finalTips {
	display: block;
}
.loginFail .loginFailTips {
	display: block;
}
.final .squareMasker {
	transform-origin: 100% 50%; display: block; border-top-left-radius: 50%; border-bottom-left-radius: 50%; animation-name: rotate; animation-duration: 0.6s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-duration: 0.6s; -webkit-animation-name: rotate; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 100% 50%;
}
.final .halfCycle {
	display: block;
}
.loginFail .headImage img {
	display: none;
}
.loginFail .headImage i {
	display: inline-block;
}
.loginFail .loggedUsername {
	display: none;
}
.second-auth-wrap {
	background: rgb(255, 255, 255); padding: 26px; border-radius: 3px; position: relative;
}
.second-auth-wrap .mg-top-s {
	margin-top: 6px !important;
}
.second-auth-wrap .mg-top-l {
	margin-top: 18px !important;
}
.second-auth-wrap .vc_wrap {
	border: 1px solid rgb(227, 228, 229); border-image: none;
}
.second-auth-wrap .vc_wrap .securityCode .sub-input-wrapper {
	margin-left: 10px;
}
.second-auth-wrap .desc-title {
	margin: 0px; line-height: 18px; font-size: 12px;
}
.second-auth-wrap .auth-body .desc-sub {
	margin: 0px; line-height: 18px; font-size: 12px;
}
.second-auth-wrap .auth-body .error {
	margin: 0px; line-height: 18px; font-size: 12px;
}
.second-auth-wrap .desc-title {
	color: rgb(51, 51, 51); font-weight: bold;
}
.second-auth-wrap .auth-body .desc-sub {
	color: rgb(170, 170, 170);
}
.second-auth-wrap .auth-body .error {
	color: rgb(225, 80, 81);
}
.second-auth-wrap .auth-footer {
	margin-top: 26px;
}
.second-auth-wrap .auth-footer .authorize-device-wrap {
	color: rgb(51, 51, 51); margin-top: 6px; display: inline-block;
}
.second-auth-wrap .auth-footer .u-dialog-btns {
	float: right;
}
.second-auth-wrap .dynamic2-verify-wrap .verify-toggle {
	color: rgb(0, 121, 189);
}
.dialog {
	padding: 22px 0px; border-top-color: rgb(228, 228, 228); border-bottom-color: rgb(228, 228, 228); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; display: none;
}
.ui-dialog {
	outline: 0px; border-radius: 4px; border: 1px solid rgb(228, 228, 228); border-image: none; z-index: 100; background-color: rgb(255, 255, 255);
}
.ui-dialog-titlebar {
	padding: 0px 12px; height: 40px; text-align: right; line-height: 40px; cursor: move; background-color: rgb(239, 242, 242);
}
.ui-dialog-titlebar .ui-button {
	padding: 0px; background-color: transparent;
}
.ui-dialog-titlebar .ui-button i {
	color: rgb(180, 180, 180); font-size: 24px;
}
.ui-button-text {
	text-indent: -9999999px;
}
.ui-dialog-content p {
	margin: 0px 18px 20px; color: rgb(85, 85, 85); font-size: 14px;
}
.ui-dialog-content .inpWrapper .inp {
	border: 1px solid rgb(230, 230, 230); border-image: none; width: 193px; height: 24px; color: rgb(136, 136, 136); padding-left: 5px; font-size: 14px; margin-right: 24px; margin-left: 52px;
}
.ui-dialog-content .inpWrapper a {
	color: rgb(0, 121, 189); font-size: 14px; text-decoration: underline;
}
.ui-dialog-buttonpane {
	padding: 0px 8px; height: 46px; text-align: right; line-height: 46px;
}
.ui-dialog-buttonpane .ui-button {
	min-width: 56px;
}
.ui-dialog-buttonpane :first-child.ui-button {
	margin-right: 6px;
}
.ui-dialog-buttonpane :last-child.ui-button {
	border-color: rgb(221, 221, 221); color: rgb(51, 51, 51); background-color: rgb(240, 240, 240);
}
.ui-dialog-buttonpane :last-child.ui-button:hover {
	border-color: rgb(203, 203, 203); color: rgb(51, 51, 51); background-color: rgb(227, 227, 227);
}
.ui-dialog-buttonpane :last-child.ui-button.focus {
	border-color: rgb(203, 203, 203); color: rgb(51, 51, 51); background-color: rgb(227, 227, 227);
}
.ui-dialog-buttonpane :last-child.ui-button:active {
	border-color: rgb(203, 203, 203); color: rgb(51, 51, 51); background-color: rgb(227, 227, 227);
}
.ui-dialog-buttonpane :last-child.ui-button.active {
	border-color: rgb(203, 203, 203); color: rgb(51, 51, 51); background-color: rgb(227, 227, 227);
}
.ui-overlay {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: absolute; z-index: 99; opacity: 0.45; background-color: rgb(0, 0, 0);
}
.u-menu a {
	font-size: 14px;
}
.f-tar {
	text-align: right;
}
.f-dn {
	display: none;
}
.f-fr {
	float: right;
}
.f-fl {
	float: left;
}
@media all and (max-width:1440px) and (min-width:481px)
{
.version {
	top: 32%;
}
.u-form .label {
	height: 44px; line-height: 44px;
}
.u-form .u-input {
	height: 34px; line-height: 34px;
}
.u-form .domainTxt {
	height: 34px; line-height: 34px;
}
.u-form .faceTxt {
	height: 34px; line-height: 34px;
}
.u-form .u-form-item-2 {
	height: 44px; line-height: 44px;
}
.u-form .u-form-item-2 .checkbox {
	margin-top: 14px;
}
.u-form .u-form-item-2 .submit {
	height: 44px; font-size: 16px;
}
}
@media all and (max-width:1440px) and (min-width:1367px)
{
.weather {
	left: 20%; width: 60%;
}
.loginArea {
	left: 20%; width: 60%;
}
.version i {
	font-size: 260px;
}
}
@media all and (max-width:1366px) and (min-width:1025px)
{
.weather {
	left: 17%; width: 66%;
}
.loginArea {
	left: 17%; width: 66%;
}
.loginArea {
	top: 30%;
}
.version i {
	font-size: 240px;
}
}
@media all and (max-width:1024px) and (min-width:481px)
{
.weather {
	left: 13%; width: 74%;
}
.loginArea {
	left: 13%; width: 74%;
}
.loginArea {
	top: 31%;
}
.version i {
	font-size: 240px;
}
}
@media only screen and (max-width:480px)
{
.aside-blur {
	width: 100%;
}
.aside-blur2 {
	width: 100%;
}
.aside {
	width: 100%;
}
.weather {
	display: none;
}
.viceLogo {
	display: block;
}
.loginArea {
	left: 13%; top: 31%; width: 74%;
}
.loginArea .loginType {
	display: none;
}
.u-form .arrow {
	display: none;
}
.u-form .viceLocaleMenu {
	display: block;
}
.u-form .viceLocaleTxt {

	display: inline-block;
}
.u-form :nth-last-child(2).u-form-item-1 {
	border-radius: 0px; border-bottom-color: rgb(227, 228, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.u-form :last-child.u-form-item-2 {
	text-align: center;
}
.u-form div.f-fl {
	float: none; display: inline-block;
}
.viceCopyright {
	display: block;
}
}
@media all and (min-height:1080px)
{
.u-form .label {
	height: 48px; line-height: 48px;
}
.u-form .u-input {
	height: 38px; line-height: 38px;
}
.u-form .domainTxt {
	height: 38px; line-height: 38px;
}
.u-form .faceTxt {
	height: 38px; line-height: 38px;
}
.u-menu li a {
	padding: 13px 30px 13px 43px;
}
.locale li a {
	padding-left: 30px;
}
.u-menu li .iconfont {
	top: 18px;
}
.u-form .u-form-item-2 {
	height: 48px; line-height: 48px;
}
.u-form .u-form-item-2 .checkbox {
	margin-top: 16px;
}
.u-form .u-form-item-2 .submit {
	height: 48px;
}
}