html,body { height: 100%;}
body,input,button{font-family: arial, microsoft yahei,"\5B8B\4F53"; }
.login-bg { background-repeat:no-repeat; background-position:center top; background-size:100% 100%;}
.login-bg-default {background-image: url(../images/bg-login.jpg); }
.login-bg-gootrack {background-image: url(../brand/gootrack/bg-login.png); }
.login-bg:before { content: ""; position: fixed; left: 0; top: 0; z-index: -1; width:100%; height:100%; background-color: rgba(0,0,0,.7); }
.login-bg-tianyan { background-image: url(../brand/tianyan/bg-login.jpg);}
.login-bg-tianyan:before { display: none;}
.login-bg-tianyan .login .form-checkbox, .login-bg-tianyan .login .form-checkbox a, .login-bg-tianyan .copyright { color:#333;}
.login-bg-tianyan .login .form-username, .login-bg-tianyan .login .form-password { box-shadow: 0 0 1px #6b6b6b;}
.login-bg-tianyan .mappin { display: none;}

.login-bg-skyzaixian { background-image: url(../brand/skyzaixian/bg-login.jpg);}
.login-bg-skyzaixian .form-checkbox .checkbox { background-color: rgba(0,0,0,.8)}

.mappin {opacity:.4;}
.mappin>i, .mappin>i:before {  position:absolute;  display: block; width: 20px; height: 20px; border: 5px solid; border-radius: 50%;  }
.mappin>i:before { content: ""; position: absolute; top: -5px; left: -5px; border-bottom-right-radius: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(45deg); }
.mappin>i:after { content: ""; position: absolute; left: 50%; bottom: -11px; width: 10px; height: 4px; margin-left: -5px; box-shadow: inset 0 0 2px rgba(255,255,255,1); border-radius: 50%; -webkit-animation: scale-zoom 1s infinite; -moz-animation: scale-zoom 1s infinite; -ms-animation: scale-zoom 1s infinite;  animation: scale-zoom 1s infinite;}
.mappin .shenzhen{left: -110px; top: 175px; -webkit-transform:scale(2, 2); -moz-transform:scale(2, 2); -ms-transform:scale(2, 2);    transform:scale(2, 2);  }
.mappin .shenzhen,.mappin .shenzhen:before,.mappin .santiago, .mappin .santiago:before{ border-color: rgb(208,128,73); }
.mappin .beijing{left: -102px; top: 126px; }
.mappin .beijing,.mappin .beijing:before { border-color: rgb(203,73,73); }
.mappin .dubai{left: -318px; top: 182px; }
.mappin .dubai,.mappin .dubai:before,.mappin .canberra,.mappin .canberra:before,.mappin .washington, .mappin .washington:before{ border-color: rgb(104,176,94); }
.mappin .canberra{ left: 13px; top: 368px; }
.mappin .washington{ left: 486px; top: 132px; }
.mappin .losangeles { left: 350px; top: 153px;}
.mappin .losangeles,.mappin .losangeles:before { border-color: rgb(203,195,73); }
.mappin .santiago { left: 511px; top: 358px;}

@media screen and (min-width:1281px) and (min-height:600px) {
.mappin .shenzhen{ left: -128px; top: 175px; }
.mappin .beijing{  left: -119px; top: 126px; }
.mappin .dubai{left: -350px; top: 182px;}
.mappin .canberra{ left: 6px; top: 384px;}
.mappin .washington{left: 510px; top: 132px;}
.mappin .losangeles{ left: 365px; top: 153px;}
.mappin .santiago { left: 537px; top: 375px;}
}

@media screen and (min-width:1367px) and (min-height:700px) {
.mappin .shenzhen{ left: -143px; top: 180px; }
.mappin .beijing{  left: -133px; top: 118px; }
.mappin .dubai{left: -376px; top: 186px; }
.mappin .canberra{left: -3px; top: 430px; }
.mappin .washington{left: 530px; top: 127px; }
.mappin .losangeles{ left: 373px; top: 148px; }
.mappin .santiago { left: 560px; top: 420px;}
}

@media screen and (min-width:1441px) and (min-height:700px) {
.mappin .shenzhen{ left: -175px;}
.mappin .beijing{  left: -165px;}
.mappin .dubai{left: -435px; }
.mappin .canberra{left: -20px;}
.mappin .washington{left: 573px; }
.mappin .losangeles{ left: 398px;}
.mappin .santiago { left: 603px;}
}

@media screen and (min-width:1601px) and (min-height:900px) {
.mappin .shenzhen{ left: -240px; top: 190px; }
.mappin .beijing{ left:-228px; top:108px; }
.mappin .dubai{left:-552px; top:190px; }
.mappin .canberra{left:-50px; top:490px; }
.mappin .washington{left:660px; top:116px; }
.mappin .losangeles{ left: 444px; top: 142px; }
.mappin .santiago {left: 692px; top: 480px;}
}
.login { width: 318px; position: fixed; left: 50%; top:50%; margin-left: -159px; margin-top:-185px;}
.logo-login, .login .form-group, .login .form-checkbox { margin-bottom: 20px; }
.login .form-tip {top:115px; color:#eae61f;}
.login .form-control, .login .btn { height: 50px; border: 0; border-radius: 0; }
.login .form-control { padding-left: 52px; font-size: 20px; line-height: 38px; }
.login .btn { height: 50px; background-color: #4d94dd; font-size: 18px; color: #fff; }
.login .form-username,.login .form-password, .login .form-captcha { position:relative;} 
.login .form-username:before,.login .form-password:before,.login .form-captcha:before { content:""; position:absolute; left:0; top:0;  width:52px; height:100%; background-repeat: no-repeat; background-position: 10px center;}
.login .form-username:before {background-image:url(../images/icon-user.svg);}
.login .form-password:before  {background-image:url(../images/icon-key.svg);}
.login .form-captcha:before  {background-image:url(../images/captcha.svg);}
.login .form-checkbox,.login .form-checkbox a { color: #fff; text-decoration: none; }
.login .form-checkbox a {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display: inline-block;}
.login .form-checkbox label { font-weight: normal; margin-bottom:0; max-width:103px;overflow:hidden;text-overflow:ellipsis;display:inline-block;white-space:nowrap;}
.login .form-checkbox a:hover { color: #4d94dd; }
.form-checkbox .checkbox {display: inline-block; height: 18px; width: 18px; margin-top: 0; margin-bottom: 5px; vertical-align: bottom; background-color:#252c35\0; background-color:rgba(204,204,204,.48); }
.form-checkbox .checkbox input { cursor: pointer; height: 18px; opacity: 0; filter:alpha(opacity=0)\9; vertical-align: middle; width: 18px; margin:0; position:static; }
.form-checkbox .checked {background-color:#4d94dd; background-repeat:no-repeat; background-position:center center;   background-image:url(../images/icon-hook.svg); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC2SURBVDhPY2AYWeDfv3+KQHwBiJ1J9jlQkw4QP/kPBED6FxAHoRgCFGcGCrphMxkobg7Eb0CaYQDI3wZXCxRkAwqsh5peg2wIUNwJiD8jawayV4H0wNUBFexEM70PyGcEigeCnIsmNwvkWhSXAhX5AfE3NIV7gGJ/0cS6QAZjDUCghANQw0c0pyL7uYxgyANVGwMNeY1mK8gVaQQ1wxQAFWugRVcY0ZphCoEGyEITjDvJmoeeBgCmNBfdBpk2sgAAAABJRU5ErkJggg==")\9; }
/* 增加 车之城 定制样式  start*/
.form-checkbox .checked.ts-checked{background-color:#C70A27!important;}
.login .btn.ts-btn{background-color: #C70A27!important;}
.login .form-checkbox .fr.ts-txt a,.login .form-checkbox .ts-rembem{color:#fff}
/* 增加定制样式 end */

.login .checkbox span { color: #ddd; }
.login .form-checkbox .fr .demo{color:#7abaf1;}
.side-QRcode{position:absolute; top:50%; right:10px;margin-top:-125px;}

.footer { position:fixed;  left:0; bottom:0; width:100%;}
.language {padding:15px 0; }
.language ul {margin-bottom:0;}
.language a { position: relative; display: inline-block;  text-decoration: none; }
.language a img {height: 25px;margin: 0 5px;width: 35px;  }
.language .active a img {outline:1px solid #4d94dd; outline-offset:2px;}
.language a:before {content: attr(title); position: absolute; top:-20px; left: 50%; display: none; font-size: 12px; color: #fff; color: rgba(255,255,255,.8); white-space: nowrap; -webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0); transform:translate(-50%,0); }
.language a:hover:before { display: block;}

.certification { width:100%; height: 47px; padding-bottom:8px; background-color:rgba(0,0,0,.2);}
.certification a { display: inline-block; height: 39px;  margin-right: 5px; border:1px solid #ddd; }
.certification a img {display: block; height: 100%;}

.copyright { line-height: 30px;color: #fff; font-size: 12px; background-color:rgba(0,0,0,.2);}
.copyright a { color: #65b8ff;}

@keyframes scale-zoom {
form {
-moz-transform:scale(1, 1);
-ms-transform:scale(1, 1);
transform:scale(1, 1);
opacity:1;
}
to {
-moz-transform:scale(5, 5);
-ms-transform:scale(5, 5);	
transform:scale(5, 5);
opacity:0;
}
}

@-webkit-keyframes scale-zoom {
form {
-webkit-transform:scale(1, 1);
opacity:1;
}
to {
-webkit-transform:scale(5, 5);
opacity:0;
}
}

/* ie6~8 */
@media \0screen\,screen\9  {
.login-bg:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAWSURBVChTY2BgYNhMJB5ViDcEqBw8AJntRe1kR/KkAAAAAElFTkSuQmCC");}
.mappin { display:none;}
.login .form-username .username {background:url(../images/icon-user.png) no-repeat 10px center #fff;}
.login .form-password .password {background:url(../images/icon-key.png) no-repeat 10px center #fff;}
}

/*浏览器升级提示*/
.browser{ position:fixed; left:0; top:0; width:100%; padding:15px; text-align:center; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAWSURBVChTY2BgYDAmEo8qxBsCVA4eANiVE+3mi7vjAAAAAElFTkSuQmCC");}
.browser-instructions{ font-size: 18px; font-weight:bold;  color: orange; }
.browser-list a{ color:#add4f3; font-size:12px; padding-right:15px;}
.browser-list a:hover{ text-decoration:underline;}
.browser-list a img { margin-right:10px;} 


/* .browser{ position:absolute; left:50%; width:1366px; margin-top:10px; margin-left:-683px; text-align:center;}
.browser-instructions{ font-size: 16px; font-weight:bold;  color: orange; }
.browser-list{ font-family: SimSun;}
.browser-list a{ color:#add4f3; font-size:12px; padding-right:15px;}
.browser-list a:hover{ text-decoration:underline;}
.browser-list a img { margin-right:10px;} */

/* 密码强度  */
.password-strength {width: 180px; margin-top:8px; font-size: 12px;text-align: center;color: #666;}
.password-strength ul {display:table; table-layout: fixed;   width: 100%; margin: 0; padding: 0;}
.password-strength ul li {display:table-cell; list-style: none; padding: 0;}
.password-strength .strength-bar {  border: 1px solid #aaa;border-radius: 14px;  background-color:#ccc;}
.password-strength .strength-bar li {  height: 8px; border:2px solid #fff;  }
.password-strength .strength-bar li.first { border-left-width: 3px; border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.password-strength .strength-bar li.last { border-right-width: 3px; border-top-right-radius: inherit; border-bottom-right-radius: inherit; }
.password-strength .strength-bar li span { width: 0; height: 8px; display: block; border-top-left-radius: inherit; border-bottom-left-radius: inherit;border-top-right-radius: inherit; border-bottom-right-radius: inherit; transition: width .5s; }
.password-strength .first span{ background-color: #ec3701; }
.password-strength .center span{ background-color: #f78115; }
.password-strength .last span{ background-color: #6ba001; }
.password-strength.weak .first span, .password-strength.medium .first span,.password-strength.medium .center span,.password-strength.strong .first span, .password-strength.strong .center span, .password-strength.strong .last span{ width: 100%; }
.form-group .error { color: red; margin-bottom: 0; margin-top: 5px; }


.ts_input_left{
    width: 26%;
}

.ts_button_right{
    width: 24%;
}

.ts_padding_vifi{
    padding:  6px 129px 6px 5px;
    margin-left: -20px;
}