@charset "UTF-8";
*{margin:0;padding:0;}
body {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 5%;
  background-color: #f5f5f5;
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradientBG 10s ease infinite;
} 

@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@font-face {
    font-family: 'iconfont';  /* project id 1710904 */
    src: url('//at.alicdn.com/t/font_1710904_jivvvtntftc.eot');
    src: url('//at.alicdn.com/t/font_1710904_jivvvtntftc.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1710904_jivvvtntftc.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1710904_jivvvtntftc.woff') format('woff'),
    url('//at.alicdn.com/t/font_1710904_jivvvtntftc.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1710904_jivvvtntftc.svg#iconfont') format('svg');
  }
.iconfont { font-family: 'iconfont'; font-style: normal; font-size: 16px; }

/* 媒介宽度最小641px */
@media only screen and (min-width:641px){
    body{width:640px;margin:0 auto;}
    .form-signin{width: 70% !important;}
    #LogBtn{display: block !important;}
  }
  
/* 媒介宽度最大640px */
@media only screen and (max-width:640px){

}
a:link,a:visited{color:#333;text-decoration:none;}
a:active,a:hover{color:#f33!important;text-decoration:none;}
.clear{clear: both}
.login-btm .fl { float: left; }
.login-btm .fr { float: right; }
#longin{display: block;}
#longin-ewm{display: none;}


.form-signin{position: relative; margin: 0 auto; background: #fff; border-radius:3px;  }

.login-header { height: 4.5rem; line-height: 4.5rem; background: rgba(255, 255, 255, .6); color: #616161; font-size: 1.6rem; border-bottom: 1px solid #ddd; z-index: 999; text-align: center; }
.login-header { display: none; }
.login-header .iconfont { position: absolute; left: 0; width: 3rem; }
.login-logo { width: 50%; text-align: center; overflow: hidden; margin: 20px auto; margin-bottom: 30px;}
.login-logo img{width: 100%;}
.form-signin input { height: 3rem; margin-bottom: 5px; box-shadow: none; background: rgba(255, 255, 255, 0.6) scroll 10px center;}
.form-signin .z-username { background: url(/Content/index/images/z-login-my-m.png) no-repeat 10px center; background-size: 25px 25px; padding-left: 45px; background-color: rgba(255, 255, 255, .6); }
.form-signin .z-psw { background: url(/Content/index/images/z-login-lock-m.png) no-repeat 10px center; background-size: 25px 25px; padding-left: 45px; background-color: rgba(255, 255, 255, .6); }
.quick-login { margin-top: 4rem; padding-top: 2rem; text-align: center; border-top: 1px solid #d7d7d7; position: relative; }
.quick-title { position: absolute; top: -1.5rem; left: 50%; background-color: #f3f5f7; padding: .5rem 2rem; color: #616161; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.quick-login a { position: relative; width: 6rem; color: #616161; display: inline-block; margin: 0 1rem; }
.login-btm { margin-top: 1rem; }
.login-btm i{margin-right: 5px;}
.login-btm a { color: #e64040; padding: 1rem 0; font-size: 12px; }
.help-inline { display: block; }
#LogBtn{display: none;}
.wrap .quick-l{position: absolute; right: 10px; top:15px;}
.wrap .quick-l:hover{opacity:0.8;}
.wrap .quick-l { display: block;
    background: url(/Content/index/images/web_l.png) no-repeat right -50px;  width: 50px; height: 50px;
}
.wrap .active {
    background-position: right 0;
}
.form-signin .wrap { padding:20px 40px; }

.login-title{height: 40px; border-bottom: 1px solid #f2f2f2; margin-bottom:20px;}
.login-title h3{font-size: 16px; line-height: 20px; font-weight: normal; }
.login-title span{padding: 0 5%; height: 99%; border-bottom: 1px solid red; display: inline-block;}
    
.tc{text-align: center;}
 
.controls img{
   width: 230px;
}
.copyright{font-size: 13px; color: #fff; margin-top: 20px;}

/*signup*/
.reg .login-title { text-align: center; color: #e83e3a;}
.form-signin input.imgverify, .password { padding-right: 8rem; }
.code-box { position: absolute; width: 80px; height: 30px; right: 5px; top: 7px; border-left: 1px solid #d7d7d7; font-size: 12px; }
.code-box img { width: 80px; height: 30px; border: 1px solid transparent; }
.input-box { position: relative; padding-right: 100px; }
.mesg-code { position: absolute; width: 90px; height: 44px; font-size: 12px; right: 0; top: 1px; background-color: #fff; color: #2e82ff; border: 1px solid #2e82ff; outline: 0; border-radius: 2px;  }
.help-inline {
    color: #f23030;
    margin-bottom:10px;
}