* { 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: #0465a7; }
html { height:100%; }

body { font-size:28px; line-height:1.7; color:#02aafe; background: #011432; font-family:'Microsoft YaHei'; }
a{text-decoration:none; color:#02aafe; cursor:pointer;}
a:hover{text-decoration:none; color:#ffde00; }
a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; }

@font-face{
  font-family:'DIN-Medium';
  src: url('fonts/DIN-Medium.eot') format('eot');
  src: url('fonts/DIN-Medium.eot?iefix') format('opentype'),url('fonts/DIN-Medium.ttf') format('truetype');
}


.wrap { width: 3840px; height: 2160px; margin: 0 auto; position: relative; background: url(../img/login/bg.jpg) center top no-repeat #011432; overflow: hidden;}

.time1 { position: absolute; right: 50%; margin-right: 420px; top: 90px; line-height: 64px; color: #fff; font-size: 42px; font-family:'DIN-Medium';}
.time2 { position: absolute; left: 50%; margin-left: -400px; top: 60px; width: 800px; text-align: center; line-height: 102px; color: #fff; font-size: 84px; font-family:'DIN-Medium';}
.time3 { position: absolute; left: 50%; margin-left: 420px; top: 90px; line-height: 64px; color: #fff; font-size: 42px; font-family:'DIN-Medium';}

.logo { position: absolute; left: 0; right: 0; top: 220px; background: url(../img/login/topbg.png) center bottom no-repeat; height: 180px; padding-top: 12px;}
.logo img{ display: block; margin: 0 auto;}


.login_box { position: absolute; left: 50%; top: 50%; width: 1000px; margin-left: -500px; margin-top: -420px; z-index: 20;}
.login_box .tit { line-height: 62px; text-align: center; font-size: 62px; color: #02aafe; margin-bottom: 80px; }
.login_box .item { margin: 0 auto 77px auto; position: relative;}
.login_box .item img { display: block; position: absolute; left: 45px; top: 50%; margin-top: -35px;}
.login_box .item .input{ width:100%; border: 2px #02aafe solid; box-sizing: border-box; border-radius: 10px; height:146px; line-height:142px; font-size:46px; color:#ffffff; text-align:left; background:none; box-shadow: 0 0 140px rgba(2,170,254,0.2) inset; text-indent:170px; }
.login_box .tip { text-align: center; }

.btnbox{ margin-bottom:30px; padding-top: 56px; }
.btnbox .btn{ display:block; margin:0 auto; width:100%; border-radius: 10px; height:146px; line-height:146px; background: #02aafe; border:none; cursor:pointer; text-align: center; font-size: 48px; color: #fff; font-weight: bold; transition:all 300ms ease; }
.btnbox .btn:hover{ transform: scale(1.04);}

.copy { position: fixed; left: 0; right: 0; text-align: center; bottom:30px; opacity: 0.5;}

/*滚动条*/
::-webkit-scrollbar-corner { background-color:#010e32;}
::-webkit-scrollbar{width: 6px; height:6px; border-radius:3px; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(63,110,218,0.5); border-radius:3px; }