* { 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:100%; }

body { font-size:28px; line-height:1.7; color:#ffffff; background: #010e32; font-family:'Microsoft YaHei'; }
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; }

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

.light { position: absolute; left: 0; right: 0; top: 0; z-index: 1;}
.light img { display: block; opacity: 0.5; margin: 0 auto; animation: toplight 3s 0s linear infinite; transform-origin: center top;}

@keyframes toplight{
0% { opacity: 0.5; transform: scale(1); }
50% { opacity: 1; transform: scale(1.8); }
100% { opacity:0.5; transform: scale(1); }
}



.topbox .logo { position: absolute; left: 40px; top: 40px; z-index: 10;}
.topbox .tit { position: absolute; left: 0; right: 0; top: 106px;z-index: 10;}
.topbox .tit img { display: block; margin: 0 auto;}

.login_main { background: url(../img/login/login_box.png); position: absolute; left: 50%; top: 50%; width: 2524px; height: 1006px; margin-left: -1262px; margin-top: -503px; z-index: 20;}
.login_img { position: absolute; left: 414px; top: 126px;}
.login_img img { display: block;}

.login_box { position: absolute; right: 500px; top: 200px; width: 587px;}
.login_box .tit { margin-bottom: 45px;}
.login_box .tit img { display: block; margin: 0 auto;}
.login_box .item { margin-bottom: 36px; background: url(../img/login/login_input.png) left top no-repeat; height: 115px; position: relative;}
.login_box .item img { display: block; position: absolute; left: 40px; top: 50%; margin-top: -25px;}
.login_box .item .input{ width:100%; height:115px; line-height:115px; font-size:30px; color:#ffffff; border:none; text-align:left; background:none; text-indent:124px; }
.login_box .tip { text-align: center; }

.btnbox{ padding-top:30px; margin-bottom:30px; }
.btnbox .btn{ display:block; margin:0 auto; width:587px; height:125px; line-height:360px; overflow: hidden; background: url(../img/login/login_btn.png) no-repeat; border:none; cursor:pointer; transition:all 300ms ease; }
.btnbox .btn:hover{ transform: scale(1.04);}

.fcopy { position: absolute; left: 0; right: 0; bottom: 70px; text-align: center; font-size:24px; z-index: 10;}
.fcopy img { vertical-align: middle; margin-bottom: 3px;}

/*滚动条*/
::-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; }


@media (max-width:2000px){
body { font-size:14px; }

.wrap { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: auto; background-size: cover;}
.light img { width: 100%;}


.topbox .logo { left: 20px; top: 20px; }
.topbox .logo img { height: 120px;}
.topbox .tit { top: 53px; }
.topbox .tit img { height: 153px;}

.login_main { background-size: contain; width: 1262px; height: 503px; margin-left: -631px; margin-top: -251px; }
.login_img { left: 207px; top: 63px;}
.login_img img { height: 350px;}

.login_box { right: 250px; top: 100px; width: 294px;}
.login_box .tit { margin-bottom: 22px;}
.login_box .tit img { height: 36px;}
.login_box .item { margin-bottom: 18px; background-size: contain; height: 58px; }
.login_box .item img { left: 20px; height: 25px; margin-top: -13px;}
.login_box .item .input{ height:58px; line-height:58px; font-size:15px; text-indent:62px; }

.btnbox{ padding-top:15px; margin-bottom:15px; }
.btnbox .btn{ width:294px; height:63px; line-height:180px; background-size: contain;}
.btnbox .btn:hover{ transform: scale(1.04);}

.fcopy { bottom: 35px; font-size:12px; }
.fcopy img { height: 14px;}
}