/* ==========================================================================
 重置
 ========================================================================== */

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; font-size: 62.5%; }
body { font-size: 14px; line-height: 1.8; overflow: hidden; }
body, button, input, select, textarea { font-family: 'helvetica neue', arial, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'Microsoft YaHei', sans-serif; -ms-text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis; text-spacing: ideograph-alpha ideograph-numeric ideograph-parenthesis; }
input, textarea, select, button { outline: none; border: 0; -webkit-appearance : none; border-radius: 0; }
/*(去除chrome下表单的边框)*/
label { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/*(清除手机端点击 出现蓝色背景)*/
input:-webkit-autofill {
background-color: #fff;
}
/*(重置chrome下input自动填充时的黄色背景)*/
/* ========= 链接 ========= */
/* 去除链接默认的下划线，提高文字可读性 */
a {text-decoration:none;color: #fff; }
/* 去掉 IE10+ 点击链接时的灰色背景 */
a:active { background-color: transparent; text-decoration: none;}
/* 去掉点击时的焦点框，同时保证使用键盘可以显示焦点框 */
A{text-decoration:none;}
A:link{text-decoration:none;}
A:visited{text-decoration:none;}
a:hover { outline: 0 none;text-decoration: none; }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: block; zoom: 1 ;text-decoration: none;}
.clearfix  a:active { background-color: transparent; text-decoration: none;}
.pull-left { float: left; text-decoration: none;}
.pull-right { float: right; text-decoration: none;}
.pull-right a{text-decoration: none;}
.margin-top-15 { margin-top: 15px; }
/* ********************************************************************
   box
   ******************************************************************** */

.header { position: absolute; width: 100%; height: 100px; top: 0; left: 0; z-index: 3; padding: 10px 30px; }
.box { position: absolute; left: 50%; top: 50%;  z-index: 3333333; animation-duration: 1s; animation-fill-mode: both;}
.box.login { width: 460px; height: 320px; margin-left: -230px; margin-top: -160px; }
.box.register { width: 460px; height: 400px; margin-left: -230px; margin-top: -200px; }
.box.reset { width: 460px; height: 400px; margin-left: -230px; margin-top: -200px; }
.box-footer { color: #fff; line-height: 42px; cursor: pointer; text-decoration: none; }
.box-footer .tylink{ text-decoration: none; }
.box input[type="checkbox"] { height: 14px; vertical-align: middle; -webkit-appearance: checkbox; }
.box input[type="radio"] { height: 14px; vertical-align: middle; -webkit-appearance: radio; }
.box .form-group { margin: 0; height: 42px; overflow: hidden; position: relative; }
.box .form-group.border-bottom { border-bottom: 1px solid #ddd; }
.box .form-group .form-control { font-size: 14px; height: 42px; line-height: 26px; padding: 8px 115px 8px 40px; width: 100%; border: none; background: rgba(255, 255, 255, 1); color: #1F2D3D; box-sizing: border-box; }
.box .form-group > .icon { position: absolute; left: 15px; top: 5px; color: #475669; }
.box .form-group .help-block { display: none; }
.box .form-group.has-error { }
.box a:hover { text-decoration: underline; }
.tabs { background: #fff; line-height: 42px; }
.tab-item { display: table-cell; *display:inline-block;
width: 500px; *width:auto;
text-align: center; cursor: pointer; }
.tab-item.active::after { height: 3px; margin-top: -3px; width: 100%; background-color: #20A0FF; content: ''; display: block; }
.tab-item:hover { background-color: #eee; }
.tab-item:active { background-color: #ddd; }
.tab-item input { display: none; }
.input-type .icon { top: 0!important; }
.box label { margin: 0 20px 0 0; cursor: pointer; }
.box .form-group.has-error .form-control { background-color: #fff; }
.box .form-group.has-error .help-block { position: absolute; right: 5px; top: 8px; display: block; color: #ff4949; line-height: 26px; }
.box .form-group.has-error .help-block-fix { right: 109px; }
.box .form-group.has-error .help-block > .icon { vertical-align: middle; }
.box .form-group .form-control::-webkit-input-placeholder {
color: #324057;
line-height: inherit;
}
.box .form-group .form-control:-moz-placeholder {
color: #324057;
line-height: inherit;
}
.box .form-group .form-control::-moz-placeholder {
color: #324057;
line-height: inherit;
}
.box .form-group .form-control:focus { background: #fff; }
.J_codeimg { vertical-align: middle; width: 100px; position: absolute; right: 5px; top: 6px; cursor: pointer; }
.box .form-group .submit_btn { width: 100%; height: 42px; border: none; font-size: 16px; background: #20A0FF; color: #f8f8f8; cursor: pointer; }
.box .form-group .submit_btn:hover { color: #f4f4f4; background: #0695ff; }
.box .form-group .submit_btn:active { color: #f4f4f4; background: #0088ec; }
.tab-pane { display: none; }
.tab-pane.active { display: block; }
.getCode { background-color: #58B7FF; width: 100px; position: absolute; right: 5px; top: 4px; border-radius: 3px; text-align: center; padding: 6px; line-height: 20px; vertical-align: middle; display: inline-block; }
.getCode:hover { opacity: 0.8; text-decoration: none!important; }
.getCode:active { background-color: #1D8CE0; text-decoration: none!important; }
/* ********************************************************************
   背景
   ******************************************************************** */

.mask { width: 100%; height: 100%; background: rgba(0, 0, 0, .1); position: absolute; z-index: 2; }
.slideshow { position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: 0; top: 0; left: 0; height: 100%; }
.slideshow-image { position: absolute; width: 100%; height: 100%; /*background: no-repeat 50% 50%;*/ background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 26s; animation-duration: 26s; opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
.slideshow-image:nth-child(1) { -webkit-animation-name: kenburns-1; animation-name: kenburns-1; }
@-webkit-keyframes kenburns-1 {  0% {
 opacity: 1;
 -webkit-transform:translateZ(1px) scale(1.2);
 transform:translateZ(1px) scale(1.2);
}
 1.5625% {
 opacity: 1;
}
 23.4375% {
 opacity: 1;
}
 26.5625% {
 opacity: 1;
 -webkit-transform:translateZ(1px) scale(1);
 transform:translateZ(1px) scale(1);
}
 100% {
 opacity: 1;
 -webkit-transform:translateZ(1px) scale(1.2);
 transform:translateZ(1px) scale(1.2);
}
 98.4375% {
 opacity: 1;
 -webkit-transform:translateZ(1px) scale(1.21176);
 transform:translateZ(1px) scale(1.21176);
}
 100% {
 opacity: 1;
}
}
@keyframes kenburns-1 { 0% {
 opacity: 1;
 -webkit-transform:translateZ(1px) scale(1.2);
 transform:translateZ(1px) scale(1.2);
}
 1.5625% {
 opacity: 1;
}
 23.4375% {
 opacity: 1;
}
 26.5625% {
 opacity: 1;
 -webkit-transform:translateZ(1px) scale(1);
 transform:translateZ(1px) scale(1);
}
 100% {
 opacity: 1;
 -webkit-transform:translateZ(1px) scale(1.2);
 transform:translateZ(1px) scale(1.2);
}
 98.4375% {
 opacity: 1;
 -webkit-transform:translateZ(1px) scale(1.21176);
 transform:translateZ(1px) scale(1.21176);
}
 100% {
 opacity: 1;
}
}
/* shake动画 */
@keyframes shake { from, to {
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 transform: translate3d(10px, 0, 0);
}
}
@keyframes headShake { 0% {
 transform: translateX(0);
}
 6.5% {
 transform: translateX(-6px) rotateY(-9deg);
}
 18.5% {
 transform: translateX(5px) rotateY(7deg);
}
 31.5% {
 transform: translateX(-3px) rotateY(-5deg);
}
 43.5% {
 transform: translateX(2px) rotateY(3deg);
}
 50% {
 transform: translateX(0);
}
}
.shake { animation-name: shake; }
/* flipIn动画 */
@keyframes flipInY {  from {
 transform: perspective(400px) translateZ(2px) rotate3d(0, 1, 0, 90deg);
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 transform: perspective(400px) translateZ(2px) rotate3d(0, 1, 0, -20deg);
 animation-timing-function: ease-in;
}
 60% {
 transform: perspective(400px) translateZ(2px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 transform: perspective(400px) translateZ(2px) rotate3d(0, 1, 0, -5deg);
}
to { }}
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; }
/* ********************************************************************
   字体
   ******************************************************************** */
@font-face { font-family: "iconfont"; src: url('../fonts/iconfont_1.eot'); /* IE9*/ src: url('../fonts/iconfont_1.eot') format('embedded-opentype'), /* IE6-IE8 */  url('../fonts/a7d4a58148344f629206a74113e30817.woff') format('woff'),  url('../fonts/iconfont_1.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/  url('../fonts/iconfont_1.svg') format('svg'); /* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-size: 16px; display: inline-block; *display: inline;
letter-spacing: 0; vertical-align: top; *zoom: 1;
font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-shouji:before { content: "\e621"; }
.icon-user:before { content: "\e6a0"; }
.icon-right:before { content: "\e660"; }
.icon-repeat:before { content: "\e631"; }
.icon-email:before { content: "\e604"; }
.icon-password:before { content: "\e602"; }
.icon-wrong-:before { content: "\e609"; }
.icon-code:before { content: "\e7a7"; }
.icon-type:before { content: "\e73d"; }
.icon-qudao2:before { content: "\e716"; }
.icon-qudao:before { content: "\e6d7"; }
.icon-qudao1:before { content: "\e600"; }

/* ********************************************************************
   适配
   ******************************************************************** */

@media screen and (max-width: 460px) {
.box { width: 90%!important; margin-left: -45%!important; }
.box.login { height: 360px; margin-top: -180px; }
.box.register { height: 446px; margin-top: -223px; }
.box.reset { height: 446px; margin-top: -223px; }
.form-control { width: 100%; }
.box .logo { background: url('../images/logo-small_1.png') no-repeat center center; width: 233px; height: 92px; background-size: cover; }
}
 @media screen and (min-width: 2000px) {
.box { width: 920px!important; margin-left: -460px!important; }
.box.login { height: 360px; margin-top: -180px; }
.box.register { height: 446px; margin-top: -223px; }
.box.reset { height: 446px; margin-top: -223px; }
.form-control { width: 100%; }
.box .logo { background: url('../images/logo-small_1.png') no-repeat center center; width: 233px; height: 92px; background-size: cover; }
}

/* ********************************************************************
   ie8 hack
   ******************************************************************** */

.placeholder-parent { width: 100%; }
.box .form-group > .icon { position: absolute\9; top: 5px\9; left: 15px\9; z-index: 33333\9; }
.tab-item.active { background-color: #eeeeee\9; }



/* .logtab.active::after{background-color: #fff!important;}
.logtab{border-bottom:1px solid #ccc;line-height: 41px;background: #f3f3f3;color:#2b2b2b;}
.logtab.active{background: #fff;border:none;color: #1080eF;} */

.tab-item.logtab.sh.active{background:#fafafa url(../images/ico-sh_1.png) no-repeat;background-size:auto 60%;background-position: 28% 50%;color:#0291d2;}
.tab-item.logtab.qd.active{background:#fafafa url(../images/ico-qd_1.png) no-repeat;background-size:auto 60%;background-position: 28% 50%;color:#4fa33a;}
@media screen and (max-width: 414px) {
   .tab-item.logtab.sh.active{background-position: 20% 50%;}
   .tab-item.logtab.qd.active{background-position: 20% 50%;}
}