.login-page {
    display: table-cell;
    vertical-align: middle;

	}

	.form {
	  position: relative;
	  z-index: 1;
	  background: #FFFFFF;
	  max-width: 450px;
	  margin: 0 auto 100px;
	  padding: 40px;
	  text-align: center;
	  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
	}
	.form input {
	  font-family: "Roboto", sans-serif;
	  outline: 0;
	  background: #f2f2f2;
	  width: 100%;
	  border: 0;
	  margin: 0 0 15px;
	  padding: 15px;
	  box-sizing: border-box;
	  font-size: 14px;
	}
	.form button {
	  font-family: "Microsoft YaHei","Roboto", sans-serif;
	  text-transform: uppercase;
	  outline: 0;
	  background: #4CAF50;
	  width: 100%;
	  border: 0;
	  padding: 15px;
	  color: #FFFFFF;
	  font-size: 14px;
	  -webkit-transition: all 0.3 ease;
	  transition: all 0.3 ease;
	  cursor: pointer;
	}
	.form button:hover,.form button:active,.form button:focus {
	  background: #43A047;
	}
	.form .message {
	  margin: 15px 0 0;
	  color: #b3b3b3;
	  font-size: 14px;
	}
	.form .message a {
	  color: #4CAF50;
	  text-decoration: none;
	}
	.form .register-form {
	  display: none;
	}


	
	.loginBox {
 text-align: center;
    width:100%;
    height:100%;
    position:absolute;
    display:table;
    top:0;
    left:0;

z-index:900
	}
	.loginBox:before, .loginBox:after {
	  content: "";
	  display: block;
	  clear: both;
	}
	.loginBox .info {
	  margin: 50px auto;
	  text-align: center;
	}
	.loginBox .info h1 {
	  margin: 0 0 15px;
	  padding: 0;
	  font-size: 36px;
	  font-weight: 300;
	  color: #1a1a1a;
	}
	.loginBox .info span {
	  color: #4d4d4d;
	  font-size: 12px;
	}
	.loginBox .info span a {
	  color: #000000;
	  text-decoration: none;
	}
	.loginBox .info span .fa {
	  color: #EF3B3A;
	}

	.shake_effect{
		-webkit-animation-name: shake;
		animation-name: shake;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
	}
	@-webkit-keyframes shake {
	  from, to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }

	  10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	  }

	  20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	  }
	}

	@keyframes shake {
	  from, to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }

	  10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	  }

	  20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	  }
	}
	p.center{
		color: #fff;font-family: "Microsoft YaHei";
	}
	
	
	
	
	
	
	
	
	
	
	
	

  .main{ width:100%; height:auto;}
  .main nav{ width:100%;}

  nav.floatCtro{ width:80px; height:350px; position:absolute; right:0; top:0; z-index:100}
  nav.floatCtro p{width:80px; text-align:center; height:40px; line-height:40px; font-family:'΢ÈíÑźÚ'; font-size:14px; color:#676767; margin:0; padding:0; cursor:pointer; background:#fff;}
  nav.floatCtro a{ display:inline-block; width:80px; height:65px; margin:10px 0 0 0; background:#fff; color:#000;  vertical-align:middle; cursor:pointer;}
  nav.floatCtro a span{ display:block; width:60px; height:18px; line-height:20px;  font-family:'΢ÈíÑźÚ'; font-size:14px; text-align:center; margin:8px 14px; }
  nav.floatCtro a:hover{ background:#000; color:#fff; zoom:1;}
  nav.floatCtro p:hover{ background:#c40000; color:#fff;}
  nav.floatCtro p.cur{ background:#c40000; color:#fff;}


.tit-1 h3 {
    height: 40px;
    line-height: 40px;
    padding: 0 23px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    margin: 0;
}

.payBox {
margin:0 auto;
	display:none;

    max-width:800px; position:absolute;  padding:0;  z-index:999;
	height: 100%;
	}


.clearfix {

}
.tit-1 {
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: #048ed8;
}
.boxtab {
    

}
.bg-white, .readbox.bg-white {
    background: #fff;
}
.txt-gray2 {
    color: #747F8D;
	    font-size:14px;
    line-height: 18px;
}
.p-4 {
    padding: 40px;
}

.boxtab.border li.thistab {
    margin-bottom: -1px;
    color: #048ed8;
    background: #fff;
    border: 1px solid #E1E9EC;
    border-bottom: none;
}
.boxtab .tabs li.thistab {
    color: #048ed8;
    background: #fff;

}
li a  {
	text-decoration:none;
    color:#FF6600;
	font-size:18px;
    line-height:18px;
	font-weight:bold;
		
}
li a:hover {
    color:#00acff;

}
li a:hover span {
    background-color:#00acff;
    color:#fff;
}

.boxtab .tabs li {
    float: left;
    margin: 0;
    padding: 10px 25px;
    color: #A7B1C3;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    cursor: pointer;

}

.boxtab .tabs li {
    font-size: 18px;
    vertical-align: text-bottom;
		background: #000;
		 
		
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}
.boxbg {
    border: 1px solid #E0E0E0;
    background: #F8F8F8;
}
.p-2 {
    padding: 20px;
}

.col-xs-3 {
    width: 30%;
	display:inline-block;
}

.list-sel a:hover, .list-sel a.active {
    border: 4px solid #048ed8;
    color: #A7B1C3;
}
.list-sel.sel-pm a {
    padding: 25px 0;
}
.list-sel a {

    position: relative;
    display: block;
    margin-bottom: 20px;
    text-align: center;
    text-decoration: none;
    border: 4px solid #EEEEEE;
    color: #A7B1C3;
    background: #FFFFFF;
    overflow: hidden;
}

.bank_img {
    width: 80%;
    margin-bottom: 10px;
}
img {
    vertical-align: middle;
    border: 0;
}

.list-sel a.active .icon-checked {
    right: -2px;
    bottom: -2px;
}
.list-sel a .icon-checked {
    position: absolute;
    right: -32px;
    bottom: -2px;
    padding-right: 0;
    color: #048ed8;
    font-size: 30px;
}

.btn.btn-pm {
    padding-left: 30px;
    padding-right: 30px;
}


.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-main {
    color: #fff;
    background-color: #D50D56;
    border-color: #D50D56;
}
.btn-m, .btn-group-sm > .btn {
    padding: 8px 10px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px;
}
   .leftclose {  
	padding: 8px 10px;

    cursor: pointer;  
	width:40px; height:30px; position:absolute; right:0; top:0; 
       
    }   
	
	
	
	@media (max-width:767px){
    
    .form  {padding: 10px;}
 
}