* { margin: 0; padding: 0; outline:none !important;}
ol,ul,li{list-style-type:none;}
img{ border:0px; vertical-align:middle;}
.clear { height:0px; clear: both; overflow:hidden; }
iframe { border:0;}
::-webkit-input-placeholder { color: rgba(255,255,255,0.8); }
html { height: 100vh; font-size: calc(100vw/1920) !important;}

body { font-size:14rem; line-height:1.7; color:#ffffff; font-family:'Microsoft YaHei'; background: url(../img/login/bg.jpg) center center no-repeat #010e32; background-size: cover;}
a{text-decoration:none; color:#ffffff; cursor:pointer;}
a:hover{text-decoration:none; color:#ffde00; }
a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; }

@font-face {
	font-family: 'ShuHeiTi';
	src: url('fonts/AlimamaShuHeiTi-Bold.woff2') format('woff2');
}

.wrap { position: relative; overflow: hidden; box-sizing: border-box; margin: 0 auto;}

.wow {visibility:hidden;}

.login_main { position: fixed; left: 50%; top: 50%; width: 600rem; margin-left: -300rem; margin-top: -270rem; z-index: 200;
border: 1px solid transparent;
}
.login_main .tit { margin-bottom: 54rem;}
.login_main .tit img { display: block; margin: 0 auto; max-width: 100%;}

.login_box {
	width: 80%;
	margin: 0 auto;
	border-radius: 20rem;
	background: rgba(7,56,112,0.8);
	padding: 80rem 50rem 50rem 50rem;
	box-sizing: border-box;
	box-shadow: 0 0 30rem rgba(52,110,220,0.3);
	border: 1rem #62cceb solid;
}
.login_box .item { margin-bottom: 24rem; background: rgba(255,255,255,0.1); height: 60rem; position: relative; border-radius: 10rem;}
.login_box .item img { display: block; position: absolute; left: 24rem; top: 50%; margin-top: -14rem; height: 28rem;}
.login_box .item .input{ width:100%; height:60rem; line-height:60rem; font-size:18rem; color:#ffffff; border:none; text-align:left; background:none; text-indent:80rem; }
.login_box .tip { text-align: center; }

.btnbox{ padding-top:15rem; }
.btnbox .btn{ display:block; border-radius: 10rem; margin:0 auto; width:160rem; height:50rem; line-height:50rem; font-size: 20rem; font-weight: bold; color: #fff; overflow: hidden; border: 1rem #62cceb solid; background: linear-gradient(#079af8,#0281d2); cursor:pointer; transition:all 300ms ease; }
.btnbox .btn:hover{ transform: scale(1.04);}


.fcopy { position: fixed; left: 50%; width: 500rem; margin-left: -250rem; text-align: center; bottom: 30rem; text-align: center; font-size:12rem; z-index: 10; color: rgba(255,255,255,0.5);}
.fcopy a { color: rgba(255,255,255,0.5);}
.fcopy a:hover { color: #fff; }
.fcopy img { vertical-align: middle; margin-bottom: 3rem;}


.fbtn { padding-top: 40rem; text-align: center;}
.fbtn a { display: inline-block; line-height:60rem; font-size: 20rem; font-weight: normal; color: #fff; text-shadow: 0 2rem 2rem rgba(0,0,0,0.2); cursor:pointer; transition:all 300ms ease; }
.fbtn a:hover{ transform: scale(1.04);}


.etip { position: fixed; left: 50%; top: 50%; margin-left: -130px; display: none; transform:translate(0,-50%); background: rgba(255,255,255,0.9); color: #ff6600; width: 400px; padding: 5px; text-align: center; font-size: 14px; line-height: 20px; border-radius: 15px; z-index: 9999991;}


/*滚动条*/
::-webkit-scrollbar-corner { background-color:#010e32;}
::-webkit-scrollbar{width: 10px; height:10px; border-radius:5px; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(0,216,255,0.3); border-radius:5px; }