body{
	width: 100%;
	height: 100%;
}

/*头部部分*/
#header{
	width: 100%;
	background-color: #f8f9fb;
	height: 75px;
	position: fixed;
	top: 0px;
	z-index: 10;
}

.header_box{
	width: 100%;
	height: 75px;
	margin-left: 40px;
}
.header_left{
	float: left;
	height: 75px;
	line-height: 75px;
}

.logo_ico{
	display: inline-block;
	width: 80px;
	height: 80px;
	background-image: url(../../Img/login/logo.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: -3px;
	float: left;
}
.logo{
	display: inline-block;	
	float: left;
	/*color: white;*/
	font-size: 20px;
	font-family: "微软雅黑";
	margin-left: 10px;
}
.header_box b{
	font-size: 20px;
    font-weight: 400;
    margin-left: 6px;
    margin-right: 6px;
}

.nav_left{
	float: right;
	position: relative;
	margin-right: 60px;
}
.nav_left>li{
	float: left;
	font-size: 14px;	
	margin-left: 20px;
	padding: 2px 10px;
	position: relative;
}
.nav_left_country{
	margin-top: 19px;
}
.icon_online{
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../../Img/login/online_experience.png) no-repeat ;
	background-size: 100%;
	/*background-position: 50%;*/
	margin-top: 12px;
	float: left;
	opacity: 0.6;	
}
.online a{
	float: left;
	margin-top: 16px;
}

.nav_left_language{
	margin-top: 16px;
}
.nav_language{
	border-radius: 2px;
	 color:#777;
}


/*主体登录部分*/
#content{
	width: 100%;
	position: absolute;
	top: 52px;
	bottom: 53px;
	
}

.login_info{
	width: 356px;
    height: 298px;
    border: 1px solid #016cbc;
    background: #f8f9fb;
    position: absolute;
    top: 24.451%;
    right: 10%;
    z-index: 2;

}

.login_box{
	width: 100%;
	height: 271px;
	border-top:1px solid #bcbbb9;
}

.login_title{
	height: 39px;
	line-height: 39px;
	position: relative;
}
.login_title li{
	float: left;
	width: 50%;
	text-align: center;
	font-size: 16px;
	color: #373d41;
	font-weight: bold;
	box-sizing: border-box;
	cursor: pointer;	
}
.login_title li:nth-of-type(1){
	color: #fff;
	background-color: #ff8a00;
}

.sliderBar{
	display: inline-block;
	width: 178px;
	height: 2px;
	
	position: absolute;
	top: 40px;
	left: 0;
}

.layui-form-item{
	text-align: center;
	margin: -10px 0px 16px 0px;
}

.user,.psw,.verify,.loginBtn{
	position: relative;
	width: 276px;
	height: 32px;
	border: 1px solid #bbbab8;
	border-radius: 2px;
	margin-top: 10px;
	font-size: 14px;
}
.loginBtn>input{
	cursor: pointer;
}
.use_info{
	padding: 0px 39px;
}
.username,.password{
	width: 241px;
    height: 32px;
    border: none;
    /* text-indent: 40px; */
    background: none;
    outline: none;
    margin-left: 35px;
}

.checkBox{
	margin-top: 11px;
	font-size: 12px;
	color: #000;
	overflow: hidden;
}
.checkBox>span{
	float: left;
	margin-left: 0px !important;
}
.checkBox a{
	float: right;
}
.loginBtn>input{
	width: 276px;
	height: 32px;
	background-color: #ff8a00;
	border: none;
	border: 1px solid #ff8a00;
	color: white;
}
.icon-user,.icon-psw{
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(../../Img/login/user.png);
	position: absolute;
	left: 11px;
	top: 8px;
}
.icon-psw{
	background-image: url(../../Img/login/password_suo.png);
	
}

.opacity_bg{
	width: 118px;
	/*height: 230px;*/
	border-radius: 5px;
	background-color: rgba(255,255,255,0.1);
	position: absolute;
	top: 10.051%;
    left: 2.70%;
	/*opacity: 0.7;*/
	z-index: 1;
}
.opacity_bg p{
	text-align: center;
	color: #fff;
	font-size: 14px;
}
/*二维码*/
.quickmark_contain{
	float: left;
	margin-left: 48px;
	margin-top: 10px ;
}
.quickmark{
	display: inline-block;
	width: 98px;
	height: 101px;
	z-index: 3;
	/*margin-left: 10px;*/
	float: left;
    border: solid 1px #ccc;
}
.ico_ios{
	background-image: url(../../Img/login/ios.png);
	background-repeat: no-repeat;
    background-size: 100px 100px;
    background-position: center;
}
.ico_android{
	background-image: url(../../Img/login/android.png);
	background-repeat: no-repeat;
    background-size: 100px 100px;
    background-position: center;
}
.ico_public{
	background-image: url(../../Img/login/code_f.png);
	background-repeat: no-repeat;
    background-size: 100px 100px;
    background-position: center;
}
.explain{
	float: left;
	margin-top: 10px;
}
.explainText{
	position: relative;
}
.explain p{
	font-weight: bold;
    color: #314350;
    margin-left: 7px;
    margin-bottom: 7px;
}
.explain ul li{
	margin-top: 5px;
}
.explain ul li .dot{
	display: block;
    float: left;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #888888;
    margin-left: 5px;
    margin-top: 6px;
}
.explain ul li span{
	display: block;
    margin-left: 14px;
}
.aLink {
    position: absolute;
    top: 84px;
    left: 15px;
}
.aLink a{
	margin-right: 15px;
    color: #0392da;
}

/*滑动验证码部分*/ 
#slider {
   width: 276px;
   height: 32px;
   position: relative;
   border-radius: 2px;
   background-color: #dae2d0;
   overflow: hidden;
   text-align: center;
   -moz-user-select: none;
   -webkit-user-select: none;
}

#slider_bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #e2e2e2;
  z-index: 1;
}

#label {
  width: 42px;
  position: absolute;
  left: 0;
  top: 0;
  height: 32px;
  line-height: 32px;
  background: #fff;
  z-index: 3;
  cursor: move;
  color: #373d41;
  font-size: 14px;
  font-weight: 900;
  margin: 0px;
 
}

#labelTip {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 13px;
  font-family: 'Microsoft Yahei', serif;
  line-height: 32px;
  text-align: center;
  z-index: 2;
}
.usename,.psw{
	font-size: 14px;
}

.useBtn,.checkBox{
	text-align: center;
}
.useBtn{
	margin-top: 20px;
}

.layui-btn{
	background: #5FB878;
}


/*swiper滑动部分*/
#dowebok{
	position: relative;
}
.section{
	width: 100%;
	position: absolute;
	top: 75px;
	bottom: 120px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
 #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{
	background: #fff;
}
/*第一屏*/
.section:nth-child(1){
	background: url(../../Img/login/bg_1.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.icon_gps{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10;
}

.gps_ic{
	display: inline-block;
	width: 42px;
	height: 58px;
	background-image: url(../../Img/login/gps_ic.png);
	position: absolute;
	top: 0;
	left: 0;
}

.gps_ic:nth-of-type(1){
	left: 12.655%;
	top: 41.139%;
}
.gps_ic:nth-of-type(2){
	left: 18.928%;
	top: 10.548%;
}
.gps_ic:nth-of-type(3){
	left: 35.980%;
	top: 17.299%;
}
.gps_ic:nth-of-type(4){
	left: 47.022%;
	top: 43.881%;
}
.gps_ic:nth-of-type(5){
	left: 56.669%;
	top: 56.329%;
}
.gps_ic:nth-of-type(6){
	left: 85.111%;
	top: -6.329%;
}
.gps_ic:nth-of-type(7){
	left: 65.508%;
	top: 6.751%;
}


.icon_map{
	display: inline-block;
	width: 806px;
	height: 474px;
	background-image: url(../../Img/login/map.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 5.037%;
    top: 23.451%;
	animation: bounceInDown linear 3s normal  ;
}

.icon_dot{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../../Img/login/dot_c.png);
	position: absolute;
	left: 0;
	right: 0;
}
.icon_dot:nth-of-type(1){
	left: 13.655%;
	top: 54.139%;
	animation:scale linear 2s 0.3s  infinite ;
}
.icon_dot:nth-of-type(2){
	left: 19.928%;
	top: 23.548%;
	background-image: url(../../Img/login/dot-_y.png);
}
.icon_dot:nth-of-type(3){
	left: 36.98%;
	top: 30.299%;
	background-image: url(../../Img/login/dot_c.png);
}
.icon_dot:nth-of-type(4){
	left: 48.022%;
	top: 56.881%;
	background-image: url(../../Img/login/dot_l.png);
	animation:scale linear 2s 0.8s  infinite ;
}
.icon_dot:nth-of-type(5){
	left: 57.669%;
	top: 69.329%;
	background-image: url(../../Img/login/dot_c.png);
}
.icon_dot:nth-of-type(6){
	left: 86.111%;
	top: 6.671%;
	background-image: url(../../Img/login/dot_p.png);
}
.icon_dot:nth-of-type(7){
	left: 66.508%;
	top: 19.751%;
	background-image: url(../../Img/login/dot_c.png);
	animation:scale linear 2s 1.5s  infinite ;
}
.point{
	display: inline-block;
	width: 54px;
	height: 54px;
	position: absolute;
	left: 0;
	top: 0px;
	background: url(../../Img/login/point_2854.png);
	
}

.point_1{
	left: 7.444%;
	top: 25.527%;
	animation:scale linear 1s 0s  infinite ;
}
.point_2{
	left: 27.479%;
	top: 10.548%;
	background-image: url(../../Img/login/point_3812.png);
	animation:scale linear 1s 0.4s  infinite ;
}
.point_3{
	left: 74.565%;
	top: 56.118%;
	background-image: url(../../Img/login/point_4256.png);
	animation:scale linear 1s 0.8s  infinite ;
}


/*第二屏*/
.section:nth-child(2){
	background: url(../../Img/login/bg_2.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.section:nth-child(2) .line{
	width: 490px;
	height: 540px;
	position: absolute;
	left: 24%;
	top: 15%;
	background: url(../../Img/login/line.png) no-repeat;
	animation:opacity linear 2s normal  infinite  ;
}
.plane{
	width: 207px;
	height: 75px;
	position: absolute;
	background: url(../../Img/login/weixing.png) no-repeat;
	background-size: 100% 100%;
	top: -13%;
	left: 40%;
	z-index: 30;
	
}
/*第三屏*/
.section:nth-child(3){
	background: url(../../Img/login/sky.gif) no-repeat;
	background-size: 100% 100%;
	position: relative;
}

/*三屏全部动画*/
@keyframes opacity{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}
@keyframes name{
	from{
		transform: scale(1);
	}
	to{
		transform: scale(0.5);
	}
}
@keyframes scale{
	from{
		transform: scale(1);
		opacity: 1;
	}
	to{
		transform: scale(1.5);
		opacity: 0.7;
	}
}
@keyframes bounceInDown{
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}
/*底部*/
#footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 120px;
	background-color: #f8f9fb;	
}

.footer{
	width: 100%;
	height: 120px;
	font-size: 12px;
	color: #000;
	background-color: #f8f9fb;
	display: flex;
	justify-content: center;
}



/*信息提示*/
.form-message{height:28px; width:60%; margin-left:auto; margin-right:auto; font-size:12px; color:#0099cb}
.form-error-text{padding-left:28px;border:1px solid #FF8A00; color: #fff; font-family: Microsoft Yahei; height: 26px; line-height: 26px; background:#fcac4c url('../../Img/icons16/validatebox_warning.png') center left no-repeat; background-position: 10px 5.5px; border-radius: 4px;}
.form-warning-text{padding-left:28px;border:1px solid #FF8A00; color: #fff; font-family: Microsoft Yahei; height: 26px; line-height: 26px; background:#fcac4c url('../../Img/icons16/bullet_error.png') center left no-repeat;background-position: 5px -2.5px; border-radius: 4px;}
.form-succeed-text{padding-left:28px; border-radius:3px; color: #fff; font-family: Microsoft Yahei; border: 1px solid #FF8A00; height: 26px; line-height: 26px; background:#fcac4c url('../../Img/loading_small.gif') center left no-repeat; background-position: 10px 5.5px;}