* {
			margin: 0;
			padding: 0;
			font-size: 14px;
		}

		html,body {
			height: 100%;
			font-size: calc(100vw / 19.2);
		}

		.main-container {
			display: flex;
			height: 100%;
			flex-direction: column;
		}

		.navbar {
			background-color: #fff;
			padding: 0 50px;
			box-shadow: 0 5px 9.5px 0.5px rgba(0, 0, 0, .1);
			z-index: 10;
		}

		.navbar-container {
			margin: 0 auto;
			height: 0.85rem;
			position: relative;
		}

		.navbar-container .logo {
			display: block;
			overflow: hidden;
			width: 3.3rem;
			height: auto !important;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
		}

		.navbar-container .logo svg {
			display: block;
			fill: #9c2226;
		}

		/* @media (-width: 768px) {
			.container {
				width: 750px
			}
		}

		@media (min-width: 992px) {
			.container {
				width: 970px
			}
		} */

		.main {
			flex: 1;
			overflow: auto;
			display: flex;

		}

		@media (min-width: 1980px) {
			.main {
				width: 1980px;
				margin: 0 auto;
			}
		}

		.side {
			flex: 1;
			max-width: 1300px;
			background-size: auto 100%;
			background-repeat: no-repeat;
			background-image: url(/res/images/bg.png);
			background-position: right top;
		}

		@media (max-width: 1600px) {
			.side {
				background-position: right top;
			}
		}

		.login-wrap {
			/* position: relative; */
			width: 500px;
			display: flex;
			justify-content: center;
			align-items: center;/
		}

		.form-popover {
			display: flex;
			flex-direction: column;
			width: 350px;
		}

		@media (max-width: 768px) {
			.login-wrap {
				width: 100%;
			}
			.form-popover {
				width: 100%;
				margin-left: 20px;

				margin-right: 20px;
				/* left: 50%; */
			}
		}

		.form-hd {
			display: flex;
			margin-bottom: 20px;
		}

		.login-title {
			font-size: 30px;
			font-weight: 400;
			color: #000;
			text-align: left;
			flex: 1;
		}

		.login-type {
			width: 40px;
			height: 40px;
		}

		.login-type .login-icon {
			display: block;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.login-type .login-icon img {
			width: 40px;
			height: 40px;
		}

		.tabCon {
			height: 260px;
		}

		.form-body {
			/* padding: 20px 20px; */
		}

		.form-body .btn-submit {
			width: 100%;
			height: 50px;
			background: #3275D4;
			color: #fff;
			font-size: 16px;
			border: none;
		}

		.form-footer {
			padding-top: 10px;
		}

		.form-row {
			display: flex;
			flex-direction: column;
			/* height: 40px; */
			margin-bottom: 10px;
			/* position: relative; */
		}

		.form-row input {
			height: 50px;
			/* border: 1px solid #e5e5e5; */
			border: none;
			/* border-radius: 5px; */
			display: block;
			width: 100%;
			text-indent: 10px;
			outline: none;
			font-size: 14px;
			background-color: #eee;
		}

		.form-row .hd {
			/* position: absolute; */
			line-height: 40px;
			/* padding: 0 15px; */
			font-size: 14px;
			color: #999;
		}


		.tabBar span {
			font-size: 14px;
		}

		.checkbox {
			position: relative;
			display: block;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.qr-login-wrapper {
			width: 100%;
		}

		.qr-login-wrapper .hint {
			margin-top: 16px;
			font-size: 16px;
			line-height: 16px;
			color: #747474;
			text-align: center;
		}

		.qr-login-wrapper .qr {
			margin-top: 24px;
			margin-bottom: 32px;
		}

		.qr-qrcode-container {
			position: relative;
			height: 180px;
			width: 180px;
			margin: auto;
		}

		.qr-qrcode-container .qr-qrcode {
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			height: 180px;
			width: 180px;
		}

		.qr-qrcode-container .invalid-qrcode-mask {
			position: absolute;
			top: 0;
			left: 0;
			height: 180px;
			width: 180px;
			background-color: #333333;
		}

		.qr-qrcode-container .invalid-qrcode-mask .invalid-qrcode-mask-bg {
			position: absolute;
			width: 180px;
			height: 180px;
			opacity: 0.3;
			background: url(/res/images/qr-invalid-img-bg.png) no-repeat;
			background-size: cover;
		}

		.qr-qrcode-container .invalid-qrcode-mask .invalid-qrcode-mask-loading {
			position: absolute;
			width: 50px;
			height: 50px;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

		.qr-qrcode-container .invalid-qrcode-mask .invalid-qrcode-mask-reload {
			position: absolute;
			width: 100px;
			height: 100px;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

		.icon-row {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding: 20px;
		}

		.icon-item {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-right: 20px;
			cursor: pointer;
		}

		.icon-img {
			width: 40px;
			height: 40px;
		}

		.icon-text {
			margin-top: 5px;
			font-size: 12px;
			color: #666;
		}

		/* footer */
		.iconfont {
			font-family: "iconfont" !important;
			font-size: 16px;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.icon-footer_link2:before {
			content: "\e675";
		}

		.icon-footer_link1:before {
			content: "\e64a";
		}

		.icon-footer_contactus2:before {
			content: "\e804";
		}

		.icon-footer_contactus1:before {
			content: "\e87e";
		}

		.icon-footer_link3:before {
			content: "\e668";
		}

		div,
		h3,
		ul,
		li,
		a,
		img {
			margin: 0px;
			padding: 0px;
			-webkit-font-smoothing: subpixel-antialiased;
		}

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

		a {
			outline: none;
			text-decoration: none;
			color: #333;
			border: none;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			-webkit-tap-highlight-color: transparent;
			outline: none;
		}

		a:hover {
			color: #c90000;
			text-decoration: none;
		}

		ul,
		li {
			list-style: none outside none;
		}

		h3 {
			font-size: 100%;
		}

		.clear {
			width: 100%;
			overflow: hidden;
		}

		.row {
			max-width: initial;
			position: relative;
			z-index: 2;
			margin-left: auto !important;
			margin-right: auto !important;
			width: calc(100% - 2.6rem);
		}

		@media screen and (min-width:3440px) {
			.row {
				max-width: 300vh;
			}
		}

		@media screen and (max-width:1000px) {
			.row {
				padding-left: 0;
				padding-right: 0;
				margin-left: 20px !important;
				margin-right: 20px !important;
				width: auto;
			}
		}

		.fs22 {
			font-size: .22rem;
		}

		.fs18 {
			font-size: .18rem;
		}

		.fs16 {
			font-size: .16rem;
		}

		@media screen and (min-width:1000px) {

			.lh30,
			[class*="lh30"] {
				line-height: 0.3rem;
			}
		}

		@media screen and (max-width:1220px) {
			.fs22 {
				font-size: 0.2rem;
			}
		}

		@media screen and (max-width:1000px) {
			.fs22 {
				font-size: 20px;
			}

			.fs22 {
				font-size: 18px;
			}

			.fs18 {
				font-size: 18px;
			}

			.fs16 {
				font-size: 16px;
			}

			[class*="lh"] {
				line-height: 1.8;
			}
		}

		@media screen and (max-width:767px) {
			.fs22 {
				font-size: 16px;
			}

			.fs18 {
				font-size: 16px;
			}

			.fs16 {
				font-size: 16px;
			}
		}

		.ul-inline {
			font-size: 0;
		}

		.ul-inline li {
			display: inline-block;
			*display: inline;
			*zoom: 1;
			font-size: 14px;
			vertical-align: top;
			width: 100%;
		}

		.ul-inline a {
			display: block;
		}

		.title {
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.iconfont::before {
			font-family: "iconfont" !important;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.clear {
			clear: both;
		}

		.footer {
			background: #ba2227;
			padding: 44px 0 42px;
			text-align: left;
		}

		.footer .row {
			max-width: 1400px;
		}

		.footer h3 {
			color: #fff;
			margin-bottom: .2rem;
		}

		.footer_1 {
			float: left;
			width: 29%;
			min-width: 390px;
		}

		.footer_1>h3 {
			margin-left: .2rem;
		}

		.footer_1 ul {
			margin: 0 0 0 -.1rem;
		}

		.footer_1 li {
			width: 33.3%;
		}

		.footer_1 li:nth-child(4) {
			width: 100%;
		}

		.footer_1 .item {
			margin: 0 0 .1rem .1rem;
			line-height: .24rem;
			padding: .18rem .35rem .18rem .2rem;
			position: relative;
		}

		.footer_1 .item::before {
			content: '';
			display: block;
			position: absolute;
			left: .1rem;
			right: .1rem;
			top: 0;
			bottom: 0;
			border: 1px solid rgba(255, 255, 255, .3);
			background: #ba2227;
			border-radius: .16rem;
			z-index: 1;
		}

		.footer_1 .item::after {
			content: '';
			display: block;
			position: absolute;
			left: 0;
			right: 0;
			top: .1rem;
			bottom: .1rem;
			border: 1px solid rgba(255, 255, 255, .3);
			background: #ba2227;
			border-radius: .36rem;
			z-index: 2;
		}

		.footer_1 .bg {
			display: block;
			position: absolute;
			left: .09rem;
			right: .09rem;
			top: 0;
			bottom: 0;
			background: #ba2227;
			border-radius: .16rem;
			z-index: 3;
			margin: 2px;
		}

		.footer_1 .title {
			margin: 0 0 0;
			color: #fff;
			position: relative;
			padding: 0 0 0 .12rem;
			z-index: 10;
		}

		.footer_1 .title::before {
			content: '';
			display: block;
			width: .04rem;
			height: .04rem;
			background: rgba(255, 255, 255, .3);
			border-radius: 50%;
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			opacity: .5;
		}

		.footer_2 {
			position: relative;
			width: 6.2rem;
			margin: 0 0 0 .25rem;
			float: left;
		}

		.footer_2 ul {
			margin: .08rem 0 0 0;
		}

		.footer_2 .item {
			margin: 0 0 .12rem;
			color: #fff;
		}

		.footer_2 .ico {
			width: .26rem;
			height: .26rem;
			display: inline-block;
			vertical-align: middle;
			margin: 0 .1rem .02rem 0;
			background: rgba(0, 0, 0, .15) center no-repeat;
			border-radius: 50%;
			text-align: center;
			color: #fff;
			line-height: .26rem;
		}

		.copy_right {
			color: #fff;
			margin: 0 0 .1rem;
		}

		.footer_3 {
			float: right;
			text-align: right;
			position: relative;
			z-index: 10;
		}

		.footer_3 ul {
			margin: 0 0 0 -.2rem;
		}

		.footer_3 li {
			width: auto;
		}

		.footer_3 .item {
			margin: 0 0 0 .2rem;
			width: .6rem;
			height: .6rem;
			position: relative;
			background: url(/res/images/footer_link_bg.png) center no-repeat;
			background-size: 100% auto;
		}

		.footer_3 .item .ico {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translateX(-50%) translateY(-50%);
			color: #fff;
			font-size: .24rem;
		}

		.footer_3 .item .alert_box {
			position: absolute;
			bottom: 100%;
			background: #fff;
			padding: 5px;
			border-radius: 5px;
			width: 1rem;
			z-index: 2;
			display: none;
			left: 50%;
			transform: translateX(-50%);
		}

		.footer_3 .item:hover .alert_box {
			display: block;
		}

		@media screen and (max-width: 1000px) {
			.footer_1 {
				width: auto;
				float: none;
				padding: 0 0 20px;
				min-width: initial;
			}

			.footer_1 .title {
				line-height: 1.8;
			}

			.footer_1 .item {
				line-height: initial;
				padding: 6px 16px 6px 10px;
			}

			.footer_1 .title {
				font-size: 14px;
			}

			.footer_2 {
				margin: 0;
				width: auto;
			}

			.footer_2 .ico {
				width: 22px;
				height: 22px;
				font-size: 12px;
				line-height: 22px;
			}

			.footer_3 .item .alert_box {
				min-width: 100px;
			}
		}

		.lh30,
		[class*="lh30"] {
			line-height: 30px;
		}

		.fs22 {
			font-size: 22px;
		}

		.fs18 {
			font-size: 18px;
		}

		.fs16 {
			font-size: 16px;
		}

		@media screen and (max-width:1640px) {
			.fs22 {
				font-size: 20px;
			}

			.fs18 {
				font-size: 17px;
			}

			.fs16 {
				font-size: 15px;
			}
		}

		@media screen and (max-width:992px) {
			.fs22 {
				font-size: 18px;
			}

			.fs18 {
				font-size: 16px;
			}
		}

		@media screen and (max-width:767px) {
			.fs22 {
				font-size: 16px;
			}

			.fs18 {
				font-size: 16px;
			}

			.fs16 {
				font-size: 14px;
			}
		}

		.row {
			max-width: 1400px;
		}

		.footer .row {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flexbox;
			display: flex;
			display: -webkit-flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}

		.footer .row .clear {
			display: none;
		}

		.footer_1>h3 {
			margin-left: 20px;
		}

		.footer_1 ul {
			margin: 0 0 0 -10px;
		}

		.footer_1 .item {
			margin: 0 0 10px 10px;
			line-height: 24px;
			padding: 18px 35px 18px 20px;
		}

		.footer_1 .item::before {
			left: 10px;
			right: 10px;
			border-radius: 16px;
		}

		.footer_1 .item::after {
			top: 10px;
			bottom: 10px;
			border-radius: 36px;
		}

		.footer_1 .bg {
			left: 9px;
			right: 9px;
			border-radius: 16px;
			margin: 2px;
		}

		.footer_1 .title {
			padding: 0 0 0 12px;
		}

		.footer_1 .title::before {
			width: 4px;
			height: 4px;
		}

		.footer_2 {
			margin: 0 0 0 25px;
			width: auto;
		}

		.footer_2 ul {
			margin: 8px 0 0 0;
			max-width: 340px;
		}

		.footer_2 .ico {
			width: 26px;
			height: 26px;
			margin: 0 10px 2px 0;
			line-height: 26px;
		}

		.footer_3 ul {
			margin: 0 0 0 -20px;
		}

		@media screen and (max-width: 767px) {

			.footer .row,
			.footer .row .clear {
				display: block;
			}
		}

		@media screen and (max-width: 480px) {
			.footer_1 .item {
				padding: 10px 20px 10px 15px;
			}
		}

		@media screen and (max-width:413px) {
			.footer_1 .item {
				padding: 5px 10px;
				margin-bottom: 0;
			}

			.footer_1 .item::before,
			.footer_1 .item::after {
				display: none;
			}
		}