@charset "utf-8";
/* CSS Document */
a{ color: #06C; text-decoration: none; }
a:hover{ color: #000; text-decoration: none; }
a:link{ color: #06C; text-decoration: none; }
a:visited{ color: #06C; text-decoration: none; }
a:active{ color: #90C; text-decoration: none; }
@keyframes example {
 0% { opacity:0; width:440px; height:380px; top:50%; left:50%; margin-left:-220px; margin-top:-150px; }
 70% { opacity:0.8; }
 100% { opacity:1; }
}
@keyframes example1 {
 0% { opacity:0; }
 20% { opacity:0; }
 100% { opacity:1; }
}
/* background-size:100% auto;*/
html{ width:100%; height:100%; margin:0px; padding:0px; background:#000; }
/* 15 17 21 25 31 32 33 40 41 52*/
body{ width:100%; height:100%; margin:0px; padding:0px; font-size:14px; line-height:18px; font-family:"微软雅黑"; }
img,ul,li{ margin:0px; padding:0px; list-style-type:none; border:0px; }
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus::-moz-placeholder{ color: transparent; }
textarea:focus:-moz-placeholder{ color: transparent; }
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus::-moz-placeholder{ color: transparent; }
input:focus:-moz-placeholder{ color: transparent; }
input::-webkit-input-placeholder{ color: #999; }
input::-moz-input-placeholder{ color: #999; }
input::-ms-input-placeholder{ color: #999; }
input:focus{ outline: none;border:0px solid white;}
/*
#background{ position:fixed; width:100%; height:100%; top:0px; right:0px; bottom:0px; left:0px; overflow:hidden; background: url(../style/../images/15.gif) no-repeat center right; background-size: cover; content: ''; filter: blur(20px); -webkit-filter: blur(20px); z-index:-1; opacity:0.5; }
*/
.login{ position:absolute; z-index:20; width:400px; height:400px; top:50%; left:50%; margin-left:-200px; margin-top:-200px; border-radius:15px; border:3px solid #09F; backdrop-filter:blur(8px); animation-name: example; animation-duration:1s; }
.login .form{ width:100%; height:100%; margin:0px auto; background:rgba(255,255,255,0.03); }
.login .form ul{ width:60%; height:100%; margin:0px auto; padding-top:90px; }
.login .subtitle1{ position:absolute; width:40%; height:40px; left:35px; margin-top:-48px; line-height:48px; z-index:2; }
.login .subtitle2{ position:absolute; width:40%; height:34px; left:45%; margin-top:-41px; line-height:41px; z-index:1; }
.login .subtitle1 i{ display:block; width:100%; height:100%; background-color:#09F; font-style:normal; border-radius:10px 10px 0px 0px; -webkit-transform:perspective(1em) rotateX(10deg); }
.login .subtitle2 i{ display:block; width:100%; height:100%; background-color:#CCC; font-style:normal; border-radius:10px 10px 0px 0px; -webkit-transform:perspective(1em) rotateX(10deg); }
.login .subtitle1 a{ position:absolute; display:block; width:100%; height:100%; color:#FFF; z-index:1; text-align:center; font-size:16px; font-weight:normal; transition:all ease-in .3s; }
.login .subtitle2 a{ position:absolute; display:block; width:100%; height:100%; color:#000; z-index:1; text-align:center; font-size:16px; font-weight:normal; transition:all ease-in .3s; }
.login .subtitle2 a:hover{ color:#F00; }


.login_m{ position:absolute; z-index:20; width:96%; height:400px; top:50%; left:50%; margin-left:-48%; margin-top:-200px; border-radius:15px; border:3px solid #09F; backdrop-filter:blur(8px); animation-name: example; animation-duration:1s; }
.login_m .form{ width:100%; height:100%; margin:0px auto; background:rgba(255,255,255,0.03); }
.login_m .form ul{ width:60%; height:100%; margin:0px auto; padding-top:90px; }
.login_m .subtitle1{ position:absolute; width:40%; height:40px; left:35px; margin-top:-48px; line-height:48px; z-index:2; }
.login_m .subtitle2{ position:absolute; width:40%; height:34px; left:45%; margin-top:-41px; line-height:41px; z-index:1; }
.login_m .subtitle1 i{ display:block; width:100%; height:100%; background-color:#09F; font-style:normal; border-radius:10px 10px 0px 0px; -webkit-transform:perspective(1em) rotateX(10deg); }
.login_m .subtitle2 i{ display:block; width:100%; height:100%; background-color:#CCC; font-style:normal; border-radius:10px 10px 0px 0px; -webkit-transform:perspective(1em) rotateX(10deg); }
.login_m .subtitle1 a{ position:absolute; display:block; width:100%; height:100%; color:#FFF; z-index:1; text-align:center; font-size:16px; font-weight:normal; transition:all ease-in .3s; }
.login_m .subtitle2 a{ position:absolute; display:block; width:100%; height:100%; color:#000; z-index:1; text-align:center; font-size:16px; font-weight:normal; transition:all ease-in .3s; }
.login_m .subtitle2 a:hover{ color:#F00; }

.input_1,.input_2,.input_3{ width:100%; height:40px; margin:3px auto; border:0px; padding-left:5px; border-radius:7px; font-size:14px; color:#000; background:rgba(255,255,255,0.95); }
.input_1{ animation-name: example1; animation-duration:1s; }
.input_2{ animation-name: example1; animation-duration:2s; }
.input_3{ animation-name: example1; animation-duration:3s; }
img{ position:absolute; margin:7px 0px 0px -107px ; padding:0px; border:1px solid #333; border-radius: 3px; position:absolute; z-index:21; background-color:#FFF; animation-name: example1; animation-duration: 4s; }

button{ position:absolute; width:103px; height:32px; margin:7px 0px 0px -107px ; padding:0px; cursor:pointer; border:1px solid #333; border-radius: 3px; position:absolute; z-index:21; background-color:#090; color:#FFF; animation-name: example1; animation-duration:1s; transition:all ease-in .4s;}
button:hover{ background-color:#060; }

.checkbox{ height:30px; color:#FFF; line-height:30px; animation-name: example1; animation-duration:4s; }
.checkbox input,.checkbox span{ float:left; }
/* box-shadow:0px 0px 2px #000;*/
.submit1{ width:100%; height:40px; margin-top:3px; border:0px; cursor:pointer; background-color:#09F; color:#FFF; font-size:16px; border-radius:7px; animation-name: example1; animation-duration:3s; transition:all ease-in .4s; }
.submit1:hover{ background-color:#06c; }

.submit2{ width:100%; height:40px; margin-top:3px; border:0px; cursor:pointer; background-color:#090; color:#FFF; font-size:16px; border-radius:7px; animation-name: example1; animation-duration:3s; transition:all ease-in .4s; }
.submit2:hover{ background-color:#060; }

.background{ position:absolute; width:100%; height:100%; z-index:3; overflow:hidden; background:#000 url(../../lib/images/bg3.jpg) no-repeat center right; opacity:0.5; }
.video-box { position: relative; height:100vh; background-color:#C1CFF7; /*进行视频裁剪*/ overflow:hidden; z-index:1; }
.video-box .video-background { position:absolute; width:100%; height:100%; left:50%; top:50%; /*保证视频内容始终居中*/ transform:translate(-50%, -50%); /*保证视频充满屏幕*/ object-fit:cover; min-height:800px; }

.cnzz,.cnzz img{ position: absolute; top: 0; width:0px; height:0px; }