html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.dynamic-area1   {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/poster-drop-animate2.png) repeat-x 0px 0px;
  background-size: cover;
  animation: posterDrop1 6000s linear infinite;
}

@keyframes posterDrop1 {
  from { background-position: 0 0; }
  to { background-position: 4000% 0; }
}

.dynamic-area2   {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/poster-drop-animate1.png) repeat-x 0px 0px;
  background-size: cover;
  animation: posterDrop2 8000s linear infinite;
}

@keyframes posterDrop2 {
  from { background-position: 0 0; }
  to { background-position: 30000% 0; }
}

body{font:14px/1.5 Microsoft YaHei,Tahoma,Helvetica,"宋体",san-serif;background-color:#fff;}
body,div,p,form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
img{border:0;}
ul,ol{list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
a:link,a:visited{color:#666;text-decoration:none;outline: none;}
a:hover {color: #000;}
a:active {text-decoration: none;}
input{outline:none;}

/* signin */
.login-content{position:fixed;left:0;right:0;top:22%;bottom:0;width: 100%;height: 100%;margin: 0;padding: 0;font-family:Microsoft YaHei,Tahoma,Helvetica,"宋体",san-serif;overflow:hidden;zoom:1;z-index:999999999}
.con{margin:0 auto;overflow:hidden;zoom:1;}
.con .title{padding:20px;overflow:hidden;zoom:1;}
.con .title .logo{color:#000;text-align:center;font-weight:bold;font-size:28px;}
.con .title .logo img{width:55%}


 .content-list{position:relative;margin:0 auto;padding:0;margin-top:90px;text-align:center;overflow:hidden;zoom:1;}
 .content-list h2{padding:.8rem 1rem 1rem 1rem;font-size:16px;color:#fff;font-weight:normal;text-align:center;}

 .singinpanel{float:right;width:60%;padding:30px 30px 20px 30px;overflow:hidden;zoom:1;}
 .singinpanel p{margin-bottom:20px;height:40px;background-color:#fff;border-radius:3px;overflow:hidden;zoom:1;}
 .singinpanel p input{margin-top:4px;padding:.5rem;width:237px;border:none;font-size:16px;}
 .singinpanel p span{display:inline-block;float:left;width:38px;height:55px;border-right:1px solid #efefef;background:#f2f2f2 url(../images/login-icon1.png) no-repeat center 13px;background-size:auto 26%;}
 .singinpanel p span.pwdSpan{background:#f2f2f2 url(../images/login-icon2.png) no-repeat center 13px;background-size:auto 26%;}
 .singinpanel p:nth-child(2) span{background:#f2f2f2 url(../images/login-icon2.png) no-repeat center 13px;background-size:auto 26%;}
 .singinpanel p:nth-child(3) span{background:#f2f2f2 url(../images/login-icon3.png) no-repeat center 13px;background-size:auto 26%;}
 .singinpanel p:nth-child(3) input{width:120px}
 .singinpanel p a{display:block;float:right;}
 .singinpanel p a img{display:block;width:80px;height:40px;}
 .singinpanel h4{font-weight:normal;}
 .singinpanel h4 span{padding-right:2rem;}
 .singinpanel a.login-btnx{display:block;margin-top:1rem;padding:.8rem .5rem;border-radius:8px;background-color:#d90000;background: linear-gradient(#d90000,#b20000); color:#fff;text-align:center;font-size:16px;}

 .login-tip{line-height:50px;}
 .login-tip a{position:relative;display:block;width:150px;height:130px;text-align:center;font-size:16px;background: linear-gradient(#fff,#ccc);color:#0078ff;font-weight:bold;}
 .login-tip a:nth-child(2){border-right:0;}
 .login-tip a.select-tip{background: linear-gradient(#195ba4,#3381d6);color:#fff;font-weight:bold;}
.bodybg{position:fixed;left:0;right:0;bottom:0;top:0;background:url(../images/bodybg.png) no-repeat center bottom;background-size:100% auto;z-index:2;}

 .login-tip a{display:inline-table;margin:0 50px;width:360px;border-radius:10px;}
 .login-tip a span{display:block;height:170px;line-height:260px;background:url(../images/icon-data3a.png) no-repeat center 25px;background-size:20% auto;font-size:26px}
 .login-tip a:nth-child(2) span{background:url(../images/icon-data2a.png) no-repeat center 25px;background-size:20% auto;}
 .login-tip a:nth-child(3) span{background:url(../images/icon-data1a.png) no-repeat center 25px;background-size:20% auto;}
 .login-tip a.select-tip span{background:url(../images/icon-data1.png) no-repeat center 25px;background-size:20% auto;color:#ffcc00}
 .login-tip a.select-tip:nth-child(3) span{background:url(../images/icon-data1.png) no-repeat center 25px;background-size:20% auto;color:#ffcc00}
 .login-tip a.select-tip:nth-child(2) span{background:url(../images/icon-data2.png) no-repeat center 25px;background-size:20% auto;color:#ffcc00}
 .login-tip a.select-tip:nth-child(1) span{background:url(../images/icon-data3.png) no-repeat center 25px;background-size:20% auto;color:#ffcc00}

 .login-tip a i{display:none;}
 .login-tip a.select-tip i{display:none;position:absolute;right:-5px;top:45%;width:12px;height:12px;background: linear-gradient(#256cba,#2870c0);transform:rotate(45deg);border-radius:2px;}
 .singinpanel p span.pwd{background:#f2f2f2 url(../images/login-icon2.png) no-repeat center 13px;background-size:auto 26%;}