@charset "utf-8";
*{outline: medium none;margin:0;padding: 0;}
html{font-size: 12px;font-family: "Microsoft YaHei","微软雅黑",Arial,-apple-system,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height: 100%;}
body{zoom: 1;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
i,cite,em,var,address,dfn{font-style: initial;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
h1{margin:.67em 0;font-size:2em;}
mark{color:#000;background:#ff0;}
small{font-size:80%;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}
ol,ul{list-style:none;}
legend{padding:0;border:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-spacing:0;border-collapse:collapse;}
td,th{padding: 0;}
a {color: #34495e; text-decoration: none;}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.version {position: absolute;bottom: 10px;right: 10px;font-size: 14px;}
/*通用样式*/
.mt15{margin-top:15px;}
.mt56{margin-top:56px;}
.hide{display: none;}
.fl{float: left;}
.fr{float: right;}
input[type=checkbox]{display: inline-block;height: 14px;width: 14px;overflow: hidden;margin: -1px auto 0;border: 1px solid #ccc;border-top-color: #999;vertical-align: middle;-webkit-appearance: none;background-color: #fff;background-repeat: no-repeat;background-position: 50% 50%;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;-webkit-transition-property: background-color,border;transition-property: background-color,border;}
input[type=checkbox]:not(:disabled){cursor: pointer;}
input[type=checkbox]:indeterminate{border: 2px solid #fff;background: #1e87f0;box-shadow: 0 0 1px #444;}
input[type=checkbox]:checked{background-color: #257be8;border-color: transparent;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAq0lEQVRIS+2SwQkCMRRE35y0C714dzvQSmxBK9JSrEDWDrQAwQ6+BBJYFszPBnLLnpd5f95ENP7UOJ8OcA13RW0VmdlW0itHqd7AzG7ACRgkjf8gVYBJ+BM4SPpWAYIC4Apc0pVLwgM02yACQn0DjsA5anEvT41cRWa2B+7AGlgBxeFug3RFhDyAD7DLOZ9v4TaYQDaS3u7Dn/1QDFgaXLxBbXAHFJvrI7uqfmwdMhmZ1mQiAAAAAElFTkSuQmCC);}

/*内容*/
.body-bg{background:#d2eafb url(../img/login/sign-bg.png) no-repeat scroll center bottom;text-align: center;height: 100vh;width: 100%;overflow-y: hidden;}
#mainContainer{height: 100%;margin-bottom: -32px;min-height: 100%;text-align: center;white-space: nowrap;position: relative;}

.min-box{box-sizing: border-box;vertical-align: middle;white-space: normal;position: absolute;left: 50%;top: 50%;margin-left: -199px;margin-top: -214px;}
.min-box.min-box1{margin-top: -298px;}
.sign-gift{position: absolute; height: 100px; right: -5px; top: -5px;}
.border-box{background: hsla(0,0%,100%,.9);border-radius: 4px;width: 398px;}
.logo-box{margin-bottom: 35px;padding: 40px 40px 0;text-align: left;}
.logo-box img{height: 38px;width: 46px;display: inline-block;margin-right: 8px;}
.logo-box span{font-size: 20px;position: relative;top: -8px;}
.form-box{width: 318px;padding: 0 40px 40px;}
.form-box .form-group{position: relative;}
.form-box .form-group label{background:#eee;width: 40px;height: 40px;line-height: 40px;border: 1px solid #dadada;border-width: 1px 0 1px 1px;border-radius: 3px 0 0 3px;text-indent: -9999px;float: left;color: #eee;position: relative;}
.form-box .form-group label i{background: url(../img/login/ico.png) no-repeat;display: block;width: 14px;height: 14px;position: absolute;top: 50%;left: 50%;margin: -7px 0 0 -7px;}
.form-box .form-group label.account i{background-position: -300px -80px;}
.form-box .form-group label.password i{background-position: -320px -80px;}
.form-box .form-group label.phone i{background-position: -300px -80px;}
.form-box .form-group label.code i{background-position: -460px -80px;}
.form-box .form-group .inputText{width: 318px;height: 42px;line-height: 42px;font-size: 14px;vertical-align: middle;outline: none;background: transparent;box-shadow: inset 0px 0px 0px rgba(0,0,0,0);-webkit-appearance: none;border: 1px solid #dadada;border-radius: 3px;color: #333;box-sizing: border-box;padding: 0 10px;}
.form-box .form-group .inputText:focus{border-color: #aaa;}
.form-box .form-group .inputText.err{border-color: #ff595f!important;}
.form-box .form-group label + .inputText{border-radius: 0 3px 3px 0;width: 277px;}
.form-box .erro-box{color: #ff4646;font-size: 12px;-webkit-font-smoothing: antialiased;margin-bottom: 12px;padding-top: 2px;text-align: left;}
.form-box .tip-box{font-size: 12px;-webkit-font-smoothing: antialiased;margin-bottom: 16px;padding-top: 2px;text-align: left;color: #999;}
.form-box .getCode{position: absolute;right: 6px;top: 9px;height: 25px;width: 60px;}
.form-box .msg-code-btn{background: #f7f7f6;border: 1px solid #d9d9d9;border-radius: 3px;height: 28px;line-height: 29px;padding: 0 8px;position: absolute;right: 6px;top: 6px;}
.form-box .msg-code-btn:hover{border-color: #c5c5c5;}
.form-box .xy-box{margin-bottom: 16px;-webkit-font-smoothing: antialiased;}
.form-box .xy-box .txt-check{margin: 1px 3px 0 0;}
.form-box .xy-box span{vertical-align: middle;}
.form-box .xy-box .link-color{color: #3388ff;}
.form-box .btn-box{}
.form-box .btn-box .btn-submit{display: block;width: 100%;height: 42px;line-height: 42px;border-radius: 3px;color: #fff;background: #257be8;border: 0;font-size: 16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);transition: all .3s cubic-bezier(.645,.045,.355,1);}
.form-box .btn-box .btn-submit:hover{background-color: #0656bb;}
.form-box .btn-box .btn-submit.disabled{background: #7cb9f7 !important;}

#drag{position: relative;background-color: #e8e8e8;width: 318px;height: 34px;line-height: 34px;text-align: center;margin-bottom: 16px;}
#drag .handler{position: absolute;top: 0px;left: 0px;width: 40px;height: 32px;border: 1px solid #ccc;cursor: move;}

#drag .drag_bg{background-color: #7ac23c;height: 34px;width: 0px;}
#drag .drag_text{position: absolute;top: 0px;width: 318px;-moz-user-select: none;-webkit-user-select: none;user-select: none;-o-user-select:none;-ms-user-select:none;}
#drag .scaleTxt{display:inline-block;width:100%;background:-webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:slidetounlock 3s infinite;-webkit-text-size-adjust:none;}
@-webkit-keyframes slidetounlock{0%{background-position:-200px 0}100%{background-position:200px 0}}
@keyframes slidetounlock{0%{background-position:-200px 0}100%{background-position:200px 0}}
@-webkit-keyframes shake{100%,from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
@keyframes shake{100%,from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
.shake{-webkit-animation-name:shake;animation-name:shake;animation-duration: 0.8s;animation-fill-mode: both;}

.bg-box{height: 100%;position: absolute;top: 0;width: 100%;z-index: -2;}
#myCanvas{background:none;border: 1px none;display: block;height: 100%;width: 100%;}
.login-qrcode{
padding: 10px;
color: #999;
font-size:16px;
}
.tip-box {
width: 80px;
height: 80px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
background: url(../img/login/login_tip_mm.png) no-repeat;
background-size: cover;
}
.tip-box1{
background: url(../img/login/login_tip_sm.png) no-repeat;
background-size: cover;
}
.tip-box-text{
cursor: pointer;
color: #999;
font-size: 15px;
text-align: right;
float: left;
width: 100px;
height: 25px;
line-height: 25px;
position: absolute;
left: -105px;
top: 5px
}
/*自适应窗口*/
header {
    display: none
}

.hidden-lg {
    display: none;
}
@media(max-width: 768px) {
    header {
        display: block;
        background-color: #257be8;
        color: #fff;
        height: 46px;
        line-height: 45px;
        font-size: 18px;
    }

    .body-bg {
        background: inherit;
    }

    .logo-box {
        display: none;
    }

    .bg-box {
        display: none;
    }

    .min-box {
        top: 0;
        left: 0;
        margin-left: 0;
        margin-top: 0!important;
        width: 100%;
    }
	.tip-box{
		width:0;
	}
    .border-box {
        width: 100%;
    }

    .form-box {
        width: 100%;
        box-sizing: border-box;
        padding: 15px;
		margin-top:30px;
    }

    .form-box .form-group {
        display: flex;
    }
    
    .form-box .form-group .inputText{
        width: 100%;
    }

    .form-box .form-group label + .inputText {
        width: 100%;
    }

    .logo-box span {
        font-size: 16px;
    }

    .hidden-xs {
        display: none;
    }

    .hidden-lg {
        display: block;
    }

    .sign-gift{
        display: none;
    }
}