@charset "utf-8";
/**
 * 
 * @author           一平  
 * @license          *****
 会员颜色蓝色格调
 
 */

body{font-size:13px;font-family:Tahoma,Arial,sans-serif;line-height:22px;padding:0px;margin:0px;height:100%;width:100%;background-color:#FFF;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0px;padding:0px;}
table{border-collapse:collapse;}
a,img{border:0;}
ol,ul{list-style:none}
a{color:#4395ff;text-decoration:none;}
a:hover{text-decoration:underline;}
.clearfix{clear:both;width:0px;height:0px;overflow:hidden;}


.zw-loginwarrp{position: absolute;top: 46%;padding-bottom:30px;left: 50%;width:480px;height: auto;margin: -175px 0px 0px -240px; background:#FFF;overflow:hidden;font-size:14px;border-radius:8px;color:#333; border:#5973F7 2PX solid;z-index:2;}
.zw-logo{width:365px;margin:40px auto 25px;line-height:35px;font-size:26px;text-align:center;text-shadow: 1px 1px 0px #fff;}
.zw-login-form{width:365px;margin:15px auto 0;}
.zw-login-item{padding:2px 8px;margin-top:10px;height:39px;line-height:39px;border-radius:3px;}
.zw-login-item span{text-align:right;width:58px;display:inline-block;}
.zw-login-input{height:35px;margin-top:2px;border:1px solid #5973F7;line-height:35px;width:285px;padding:0 8px;font-size:14px; outline:none;float:right;background:#fff;box-sizing:border-box;border-radius:3px;}
.zw-login-input:focus{border:1px solid #3890ff;box-shadow:0 0 0 3px rgba(56,144,255,.15);}
.zw-login-item .zw-verify-input{width:177px;margin-right:8px;}
.zw-verifyimg{float:right;height:33px;width:100px;margin-top:3px;cursor:pointer;}
.zw-login-sub{text-align:right;margin-right:8px}
.zw-login-sub input{margin-top:15px;height:35px;line-height:33px;width:285px;color:#fff;font-size:14px;border-radius:4px;cursor:pointer;outline:none;transition:background 0.3s ease 0s;border:1px solid #5973F7;background-color:#5973F7;text-shadow: 0 -1px 0 rgba(0,0,0,.1);}
.zw-login-sub input:hover{background:#F33C12;border:1px solid #F33C12}
.zw-footer{color:#eee;position:fixed;_position:absolute;bottom:0px;text-align:center;width:100%;background:#453c5a;background:rgba(0,0,0,0.3);padding:10px 0;z-index:3;}
.zw-footer a{color:#fff}
.zw-footer a:hover{color:#4395ff}

@media screen and (max-width:640px) {
	
	.zw-logo{width:100%;margin:30px auto 20px}
	.zw-login-form{width:100%;}
	.zw-login-item span{display:none;}
	.zw-loginwarrp{width:90%;top:20%;left:5%;margin:0;height: auto;}
	.zw-login-item{width:70%;margin:0 auto;}
	.zw-login-input{width:100%;}
	.zw-login-item .zw-verify-input{width:50%;float:left;margin-right:0px;}
	.zw-login-sub{width:70%;margin:0 auto;}
	.zw-login-sub input{width:100%;}
}

.zw-circles{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.zw-circles li{position: absolute;display: block;list-style: none;width: 20px;height: 20px;background: rgba(255, 100, 200, 0.6);animation: animate 25s linear infinite;bottom: -150px;}
.zw-circles li:nth-child(1){left: 25%;width: 80px;height: 80px;animation-delay: 0s;}
.zw-circles li:nth-child(2){left: 10%;width: 30px;height: 30px;animation-delay: 2s;animation-duration: 12s;}
.zw-circles li:nth-child(3){left: 70%;width: 110px;height: 110px;animation-delay: 4s;}
.zw-circles li:nth-child(4){left: 40%;width: 60px;height: 60px;animation-delay: 0s;animation-duration: 18s;}
.zw-circles li:nth-child(5){left: 65%;width: 20px;height: 20px;animation-delay: 0s;}
.zw-circles li:nth-child(6){left: 75%;width: 110px;height: 110px;animation-delay: 3s;}
.zw-circles li:nth-child(7){left: 35%;width: 150px;height: 150px;animation-delay: 7s;}
.zw-circles li:nth-child(8){left: 50%;width: 25px;height: 25px;animation-delay: 15s;animation-duration: 45s;}
.zw-circles li:nth-child(9){left: 20%;width: 35px;height: 35px;animation-delay: 2s;animation-duration: 35s;}
.zw-circles li:nth-child(10){left: 85%;width: 150px;height: 150px;animation-delay: 0s;animation-duration: 11s;}
@keyframes animate{0%{transform: translateY(0) rotate(0deg);opacity: 1;border-radius: 0;}
100%{transform: translateY(-1000px) rotate(720deg);opacity: 0;border-radius: 50%;}}