@charset "UTF-8";
@keyframes myfirst { 0% { transform: translate(1%, -1%); }
  20% { transform: translate(1%, 1%); }
  40% { transform: translate(-1%, 1%); }
  60% { transform: translate(-1%, -1%); }
  100% { transform: translate(1%, -1%); } }
@-moz-keyframes myfirst /* Firefox */ { 0% { -moz-transform: translate(1%, -1%); }
  20% { -moz-transform: translate(1%, 1%); }
  40% { -moz-transform: translate(-1%, 1%); }
  60% { -moz-transform: translate(-1%, -1%); }
  100% { -moz-transform: translate(1%, -1%); } }
@-webkit-keyframes myfirst /* Safari 和 Chrome */ { 0% { -webkit-transform: translate(1%, -1%); }
  20% { -webkit-transform: translate(1%, 1%); }
  40% { -webkit-transform: translate(-1%, 1%); }
  60% { -webkit-transform: translate(-1%, -1%); }
  100% { -webkit-transform: translate(1%, -1%); } }
.login-bg { width: 100%; overflow: hidden; position: relative; }

.login-bg-img {
 width: 105%;
 height: 105%;
 position: absolute;
 z-index: -1;
 left: -2.5%;
 top: -2.5%;
 background: url("../images/newlogin/login-bg.png") no-repeat center;
 background-size: cover;
 animation: linear myfirst 20s infinite;
 -moz-animation: linear myfirst 20s infinite;
 -webkit-animation: linear myfirst 20s infinite;
 }

.login-box { width: 460px; height: 407px; position: fixed; right: 10%; top: 40%; margin: -225px 0 0 -230px; }

h1.login-logo {
    width: 460px;
    height: 200px;
    background: url(../images/newlogin/logo-standard.png) no-repeat center;
    margin-bottom: 15px;
    background-size: 55%;
}

.ico-user, .ico-pwd { float: left; width: 38px; height: 40px; background: url("../images/newlogin/ico-agg.png") no-repeat 0 0; }

.ico-user { background-position: -120px -120px; }

.ico-pwd { background-position: -160px -120px; }

.ico-err, .ico-del { display: inline-block; vertical-align: top; width: 20px; height: 20px; background: url("../images/newlogin/ico-agg.png") no-repeat; z-index: 10; }

.ico-err { display: none; position: absolute; right: -33px; top: 10px; background-position: -50px -50px; }

.ico-del { position: absolute; right: 10px; top: 10px; background-position: -10px -50px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -moz-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; }
.ico-del:hover { opacity: 1 !important; filter: alpha(opacity=100) !important; }
.ico-del:active { opacity: 0.8 !important; filter: alpha(opacity=80) !important; }

.input-box { clear: both; position: relative; width: 310px; height: 40px; margin: 0 auto 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; line-height: 0; background: #ffffff; }
.input-box input { position: relative; z-index: 7; display: inline-block; vertical-align: top; width: 255px; margin-top: 10px; height: 20px; color: #333; caret-color: #aaa; font: normal 12px/20px "Microsoft Yahei"; outline: none; }
.input-box input.username { background-position: 8px 13px; }
.input-box input.userpwd { background-position: 8px -42px; }
.input-box.hover { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.2); box-shadow: 0 5px 5px rgba(255, 255, 255, 0.2); }
.input-box.hover .ico-lab { background-position-y: -160px; }
.input-box.hover .ico-del { opacity: 0.5; filter: alpha(opacity=50); }

.input-yzm-box { width: 310px; height: 40px; margin: 0 auto 36px; }
.input-yzm-box .input-box { width: 140px; height: 40px; float: left; }
.input-yzm-box .input-box input { margin-left: 40px; width: 80px; }
.input-yzm-box .yzm-con { float: right; padding-top: 10px; line-height: 20px; font-size: 12px; margin-right: 18px; *display: inline-block; cursor: pointer; }
.input-yzm-box .yzm-con img { width: 60px; height: 20px; display: inline-block; vertical-align: top; margin-right: 8px; }
.input-yzm-box .yzm-con span { color: #ffffff; display: inline-block; vertical-align: top; }
.input-yzm-box .yzm-con .ico-yzm-reset { display: inline-block; vertical-align: top; width: 20px; height: 20px; background: url("../images/newlogin/ico-agg.png") no-repeat -90px -90px; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: 0ms; -webkit-transition: 0ms; transition: 0ms; }
.input-yzm-box .yzm-con.active .ico-yzm-reset { -moz-transition: 500ms; -webkit-transition: 500ms; transition: 500ms; -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.btn-box { text-align: center; }
.btn-box input { width: 310px; height: 44px;
    /*background: #0080ff;*/
    /*background: -webkit-linear-gradient(left, #00a1ff, #0080ff); */
    /*background: -o-linear-gradient(right, #00a1ff, #0080ff); */
    /*background: -moz-linear-gradient(right, #00a1ff, #0080ff); */
    background: linear-gradient(to right, #ff6600, #f4ac00);
    -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; font-size: 16px; color: #fff; letter-spacing: 4px; cursor: pointer; -moz-transition: 400ms; -webkit-transition: 400ms; transition: 400ms; -moz-box-shadow: 0 5px 5px rgba(0, 144, 255, 0.3); -webkit-box-shadow: 0 5px 5px rgba(0, 144, 255, 0.3); box-shadow: 0 5px 5px rgba(0, 144, 255, 0.3); }
.btn-box input:hover { -webkit-filter: saturate(150%); filter: saturate(150%); }
.btn-box input:active { -webkit-filter: saturate(100%); filter: saturate(100%); -moz-box-shadow: 0 1px 2px rgba(0, 144, 255, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 144, 255, 0.3); box-shadow: 0 1px 2px rgba(0, 144, 255, 0.3); }

.login-copyright { position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; color: #858585; color: rgba(255, 255, 255, 0.5); letter-spacing: 1px; z-index: 10; height: 40px; font: normal 12px/40px "Microsoft YaHei"; background: url("../images/newlogin/black0.2.png") repeat; background: rgba(0, 0, 0, 0.2); }
.login-copyright a { color: #858585; color: rgba(255, 255, 255, 0.5); }
.login-copyright a:hover { color: #ee9b2c; }

/*分销商*/
/*.login-fxs-bg .login-bg-img { background-image: url("../images/newlogin/login-bg3.jpg"); }
.login-fxs-bg .login-box { height: 466px; margin-top: -260px; }
.login-fxs-bg .login-logo { background: url(../images/newlogin/logo-distributor.png) no-repeat; }*/
.login-fxs-bg .btn-box input { background: -webkit-linear-gradient(left, #fa9708, #ff7200); background: -o-linear-gradient(right, #fa9708, #ff7200); background: -moz-linear-gradient(right, #fa9708, #ff7200); background: linear-gradient(to right, #fa9708, #ff7200); -moz-box-shadow: 0 5px 5px rgba(255, 132, 0, 0.3); -webkit-box-shadow: 0 5px 5px rgba(255, 132, 0, 0.3); box-shadow: 0 5px 5px rgba(255, 132, 0, 0.3); }
.login-fxs-bg .btn-box input:hover { -webkit-filter: hue-rotate(10deg); filter: hue-rotate(10deg); }
.login-fxs-bg .btn-box input:active { -moz-box-shadow: 0 1px 2px rgba(255, 132, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(255, 132, 0, 0.3); box-shadow: 0 1px 2px rgba(255, 132, 0, 0.3); -webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg); }

@keyframes masked { 0% { background-position: left bottom; }
  100% { background-position: right bottom; } }
@-moz-keyframes masked /* Firefox */ { 0% { background-position: left bottom; }
  100% { background-position: right bottom; } }
@-webkit-keyframes masked /* Safari 和 Chrome */ { 0% { background-position: left bottom; }
  100% { background-position: right bottom; } }
@keyframes masked2 { 0% { background-position: right bottom; }
  100% { background-position: left bottom; } }
@-moz-keyframes masked2 /* Firefox */ { 0% { background-position: right bottom; }
  100% { background-position: left bottom; } }
@-webkit-keyframes masked2 /* Safari 和 Chrome */ { 0% { background-position: right bottom; }
  100% { background-position: left bottom; } }
.login-switch { width: 308px; height: 32px; margin: 0 auto 36px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; border: 1px solid #ff8400; position: relative; overflow: hidden; }
.login-switch a { position: relative; z-index: 5; float: left; width: 50%; font-size: 14px; line-height: 32px; color: #ff8400; text-align: center; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.login-switch .hover_bg { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: #ff8400; -moz-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; }
.login-switch.hover_1 .hover_bg { left: 0; -webkit-border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; border-radius: 16px 0 0 16px; }
.login-switch.hover_1 .animate { background: url(../images/newlogin/paint.jpg); -webkit-text-fill-color: transparent; -webkit-background-clip: text; animation: masked 500ms 1; -moz-animation: masked 500ms 1; -webkit-animation: masked 500ms 1; animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; }
.login-switch.hover_2 .hover_bg { left: 50%; -webkit-border-radius: 0 16px 16px 0; -moz-border-radius: 0 16px 16px 0; border-radius: 0 16px 16px 0; }
.login-switch.hover_2 .animate { background: url(../images/newlogin/paint2.jpg); -webkit-text-fill-color: transparent; -webkit-background-clip: text; animation: masked2 500ms 1; -moz-animation: masked2 500ms 1; -webkit-animation: masked2 500ms 1; animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; }
.login-switch .hover_bc { background: #ff8400; color: #ffffff; }

/*# sourceMappingURL=login.css.map */