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

body { font-size:28px; line-height:1.7; color:#ffffff; background: #036265; 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: 2160px; margin: 0 auto; position: relative; background: url(../img/login/bg.jpg) center top no-repeat #036265; 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.2); }
100% { opacity:0.5; transform: scale(1); }
}


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

.login_box { background: url(../img/login/login_box.png); position: absolute; left: 50%; top: 546px; width: 1482px; height: 1132px; padding-top: 37px; margin-left: -741px; z-index: 20;}
.login_box .tit { padding: 90px 0; line-height: 82px; text-align: center; font-size: 82px; color: #fff; }
.login_box .tit b{  background-image: linear-gradient(#fafefe,#bdeff1,#4ad2d8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.login_box .item { margin: 0 auto 66px auto; background: url(../img/login/login_input.png) left top no-repeat; width: 905px; height: 151px; position: relative;}
.login_box .item img { display: block; position: absolute; left: 70px; top: 50%; margin-top: -30px;}
.login_box .item .input{ width:100%; height:151px; line-height:151px; font-size:46px; color:#ffffff; border:none; text-align:left; background:none; text-indent:186px; }
.login_box .tip { text-align: center; }

.btnbox{ margin-bottom:30px; }
.btnbox .btn{ display:block; margin:0 auto; width:905px; height:232px; line-height:232px; background: url(../img/login/login_btn.png) no-repeat; border:none; cursor:pointer; text-align: center; font-size: 56px; color: #fff; font-weight: bold; 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; }