* { 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; background: #010e32; font-family:'Microsoft YaHei'; background: url(../img/login/bg.jpg) center center no-repeat; 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;}


/*顶部*/
.header { position: fixed; left:0; top:0; right: 0; z-index:103; }
.topbox { height: 124rem; /*background: url(../img/common/topbg.png) center top no-repeat; background-size: auto 115rem;*/ position: relative;}

.topbox_m { position: relative; }
.topbox_m .logo { position: absolute; left: 50rem; top: 20rem; /*width: 1000rem; margin-left: -500rem;*/ text-align: center;}
.topbox_m .logo img { display: block; /*margin: 0 auto;*/ height: 42rem;}


.login_main { position: fixed; left: 66%; top: 50%; width: 500rem; height: 440rem; margin-left: -100rem; margin-top: -220rem; z-index: 200;
border: 1px solid transparent;
border-image: linear-gradient(rgba(39,101,176,1), rgba(39,101,176,0)) 1 stretch;
border-radius: 0 0 10rem 10rem;
background: linear-gradient(rgba(16,53,88,0.8),rgba(16,53,88,0.3));
box-shadow: 0 0 30rem rgba(52,110,220,0.3) inset;
}

.login_box { width: 70%; margin: 0 auto; padding-top: 50rem;}
.login_box .tit { margin-bottom: 54rem;}
.login_box .tit img { display: block; margin: 0 auto;}
.login_box .item { margin-bottom: 24rem; background: rgba(255,255,255,0.1); height: 70rem; 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:70rem; line-height:70rem; 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; margin-bottom:20rem; }
.btnbox .btn{ display:block; margin:0 auto; width:260rem; border-radius: 10rem; height:60rem; line-height:60rem; font-size: 24rem; font-weight: bold; color: #fff; text-shadow: 0 2rem 2rem rgba(0,0,0,0.2); overflow: hidden; background: linear-gradient(rgba(52,110,220,1),rgba(52,110,220,0.5)); border:none; cursor:pointer; transition:all 300ms ease; }
.btnbox .btn:hover{ transform: scale(1.04);}


.fcopy { position: fixed; left: 66%; width: 500rem; margin-left: -100rem; 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; }