*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-appearance:none
}
html,body{
	width: 100%;
	height: 100%;
}
.clearfix::after{
	content: '';
	display: table;
	clear: both;
}
.loginBg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #05172e;
}
.loginBg video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@keyframes welcomeAn {
  0%   {    opacity: 0;}
  100% {    opacity: 1;}
}

.welcome{

}
.welcome .firstLine {
    width: 58px;
    position: absolute;
    left: 16px;
    top: 230px;
}
.welcome .secondLine{
    width: 58px;
    position: absolute;
    left: 96px;
    top: 354px;
}
.welcome  span{
	width: 58px;
	height: 58px;
	display: block;
	margin-bottom: 15px;
	transition: .6s;
	opacity: 0;
}
.welcome .firstLine span:first-child{
	background: url(/site_theme/login_meta1/img/icon-1-f6d7db0307d83fbd651b6c02860abcde.png) no-repeat center;
	animation-name: welcomeAn;
	animation-fill-mode:forwards;
	animation-duration: 1.6s;
	animation-delay: 0s;
}
.welcome .firstLine span:nth-child(2){
	background: url(/site_theme/login_meta1/img/icon-2-6620665acd7e1aff88d1aa19d50a7450.png) no-repeat center;
	animation-name: welcomeAn;
	animation-fill-mode:forwards;
	animation-duration: 1.6s;
	animation-delay: .6s;
}
.welcome .firstLine span:nth-child(3){
	background: url(/site_theme/login_meta1/img/icon-3-ae91c5ca32e72b96f6ad239622559fc3.png) no-repeat center;
	animation-name: welcomeAn;
	animation-fill-mode:forwards;
	animation-duration: 1.6s;
	animation-delay: 1.2s;
}
.welcome .firstLine span:nth-child(4){
	background: url(/site_theme/login_meta1/img/icon-4-83dd0e111cee63d05b9fd406d93cbe1b.png) no-repeat center;
	animation-name: welcomeAn;
	animation-fill-mode:forwards;
	animation-duration: 1.6s;
	animation-delay: 1.8s;
}
.welcome .secondLine span:first-child{
	background: url(/site_theme/login_meta1/img/icon-5-b2eca5231901f79db65d31a81e3fe7fd.png) no-repeat center;
	animation-name: welcomeAn;
	animation-fill-mode:forwards;
	animation-duration: 1.6s;
	animation-delay: 2.4s;
}
.welcome .secondLine span:nth-child(2){
	background: url(/site_theme/login_meta1/img/icon-6-cf3d705f30c3effd0163716811918929.png) no-repeat center;
	animation-name: welcomeAn;
	animation-fill-mode:forwards;
	animation-duration: 1.6s;
	animation-delay: 3s;
}
.welcome .secondLine span:nth-child(3){
	background: url(/site_theme/login_meta1/img/icon-7-0a6fe8f04dd01523fb7efb4ebd754372.png) no-repeat center;
	animation-name: welcomeAn;
	animation-fill-mode:forwards;
	animation-duration: 1.6s;
	animation-delay: 3.6s;
}
.welcome .secondLine span:nth-child(4){
	background: url(/site_theme/login_meta1/img/icon-8-f678cefe71a566b6e02ba37b7e04113c.png) no-repeat center;
	animation-name: welcomeAn;
	animation-fill-mode:forwards;
	animation-duration: 1.6s;
	animation-delay: 4.2s;
}
.welcome .secondLine span:nth-child(5){
	background: url(/site_theme/login_meta1/img/icon-9-de159d1e0a13192890040ca3d86e08fd.png) no-repeat center;
	animation-name: welcomeAn;
	animation-fill-mode:forwards;
	animation-duration: 1.6s;
	animation-delay: 4.8s;
}

.loginBox{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -317px;
	margin-top: -303px;
	width: 634px;
	height: 606px;
	background: url(/site_theme/login_meta1/img/loginBg-1f42851422110d3a4a9abb04dfbbb035.png) no-repeat center;
}
.loginBox{
	padding: 110px 100px;
}

.tab_title {
	border-bottom: 1px solid #00e4ff;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 28px;
}
.tab_title span{
	color:#00e4ff;
	font-size: 24px;
	border-bottom: 5px solid transparent;
	padding-bottom: 10px;
	cursor: pointer;
	user-select: none;
}
.tab_title span.active{
	border-bottom: 5px solid #00e4ff;
}

.inputBox{
	width: 100%;
	height: 51px;
	border: 1px solid #00e4ff;
	background: rgba(0, 67, 118, 0.38);
	margin-bottom: 19px;
	margin-bottom: 40px;
}
.codeBox,
.getCode{
	float: right;
	width: 146px;
	height: 51px;
	border: 1px solid #00e4ff;
	background: rgba(0, 67, 118, 0.38);
}
.getCode{
	text-align: center;
	line-height: 49px;
	font-size: 18px;
	color: #a4d6ef;
	cursor: pointer;
	user-select: none;
}

.codeBox img{
	display: block;
	width: 100%;
	height: 100%;
}
.inputBox i{
	display: inline-block;
	vertical-align: middle;
	width: 49px;
	height: 45px;
	margin: 2px;
}
.inputBox i.user{
	background: url(/site_theme/login_meta1/img/icon-user-a71b99d8fa321fde7be09274a8c16e7c.png) no-repeat center;
}
.inputBox i.password{
	background: url(/site_theme/login_meta1/img/icon-password-6f2f966eb10a8c69b763eda6b960a592.png) no-repeat center;
}
.inputBox i.code{
	background: url(/site_theme/login_meta1/img/icon-code-553c8fb78b0a58b1cf2461942b072aaf.png) no-repeat center;
}
.inputBox input{
	width: calc(100% - 66px);
	height: 100%;
	border: 0;
	outline: none;
	background: transparent;
	padding: 0 8px;
	font-size: 18px;
	color:#a4d6ef;
}
.inputBox input::placeholder{
	font-size: 18px;
	color:#a4d6ef;
}

.loginBox .loginBtn{
	display: block;
	width: 100%;
	height: 59px;
	background: url(/site_theme/login_meta1/img/loginBtn1-f71067bf96c880bf6b6ec51dbbc5a62c.png) no-repeat center 0px;
	margin-bottom: 5px;
}
.loginBox .loginBtn:hover{
	background: url(/site_theme/login_meta1/img/loginBtn1-f71067bf96c880bf6b6ec51dbbc5a62c.png) no-repeat center -61px;
}
.loginBox .touristBtn{
	display: block;
	width: 100%;
	height: 59px;
	background: url(/site_theme/login_meta1/img/tourist_hover-67d61192a18b375257c16f8c177b3b3a.png) no-repeat center;
}
.loginBox .touristBtn:hover{
	background: url(/site_theme/login_meta1/img/tourist-81ebad33eba3589416770bc3436cfc06.png) no-repeat center;
}
.codeLogin .codebg{
	width: 411px;
	height: 319px;
	background: url(/site_theme/login_meta1/img/codebg-ea281d9a214532d930eb1fba2cf5d4ba.png) no-repeat center;
	padding-top: 104px;
	padding-left: 164px;
}
.codeLogin .codebg img{
	display: block;
	width: 114px;
	height: 114px;
	border: 1px solid #00daf6;
}
/*.codeLogin .codebg iframe{*/
/*	display: block;*/
/*	margin: auto;*/
/*	width: 434px;*/
/*	padding-top: 49px;*/
/*}*/

.getCodegray{
	color:#a9a9a9;
	border-color:#a9a9a9;
	cursor: not-allowed;
}
.tab_title{
	margin-bottom: 0;
}
.accountLogin,
.phoneLogin {
	padding-top: 44px;
}
.loginBox{
	padding-top: 126px;
}
.codeLogin{
	padding-top: 15px;
}
@media (max-width: 992px){
	.welcome .firstLine {
		top: 0;
	}
	.welcome .secondLine{
		top: 48px;
	}
}