*{margin:0;padding:0;font-size:13px;font-family:microsoft yahei}
html,body{width:100%;height:100%;background:#fff}
::-webkit-scrollbar {display: none;}
#container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
#output{width:100%;height:100%}
.prompt{width:60%;height:30px;margin:5px auto;line-height:30px;font-family:microsoft yahei,Arial,sans-serif;font-size:16px;}
.containerT{max-width:500px; width:92%;overflow: hidden;position:absolute;left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%, -50%); background: rgba(255, 255, 255, 1.0); padding: 10px 0px 30px 0px;border-radius: 8px;
 box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);}

.login_t_box{padding: 15px 0px; margin: 0px; border-bottom: 1px rgba(65, 132, 234, 0.7) solid;}
.login_t_box h1 {font-size:25px;font-family:microsoft yahei,Arial,sans-serif;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:ease-in-put;transition-timing-function:ease-in-put;font-weight:700;line-height: 40px;padding: 0px; margin: 0px;text-align:center;
position: relative;
    background-image: -webkit-linear-gradient(left,#0053a9,#26baff,#0053a9 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 5s forwards linear infinite;
}
.login_t_box p{font-size:16px;font-weight:300; line-height: 22px; padding: 0px; margin: 0px;text-align:center;}

.qc_login_form{font-size: 16px; width: 70%; margin: 0 auto; margin-top: 20px}

.qc_login{ margin:0px; padding:0px; margin-bottom: 15px}
.qc_login .div_input_k1{width:100%;line-height:44px;position:relative;border-radius: 10px;}
.qc_login .div_input_k1 .input1{ width:100%; line-height:46px; padding:2px 0px;  font-size:16px; height:46px;text-indent:50px;border-radius:8px; border: 1px solid #ddd; }
.qc_login .div_input_k1 span{  position: absolute; z-index:2; top:3px; float:left; margin-left:14px; font-size:22px; color:#3b8de8; margin-top:0px}
.qc_login .div_input_k1 span i{ font-size:28px;}
.qc_login .div_input_k2 span i{ font-size:28px;}
.qc_login .div_input_k2{width:100%;line-height:44px;position:relative;border-radius: 10px;}
.qc_login .div_input_k2 .input1{ width:100%; line-height:46px; padding:2px 0px;  font-size:16px; height:46px;text-indent:50px;border-radius:8px; border: 1px solid #ddd}
.qc_login .div_input_k2 span{  position: absolute; z-index:2; top:3px; float:left; margin-left:14px; font-size:22px; color:#3b8de8; margin-top:1px}

.input2{ width:100%; line-height:46px; padding:2px 0px;  font-size:16px; height:46px;text-indent:50px;border-radius:8px; border: 1px solid #ddd}

.qc_login .inputyz{ width:120px; line-height:46px; padding:2px 0px;  font-size:16px; height:46px;text-indent:10px;border-radius:8px; border: 1px solid #ddd}
.qc_login .city{width:100%;line-height:44px;position:relative;border-radius: 10px;border: 1px solid #ddd; text-indent: 10px;  font-size:16px;}

.qc_login1 { position: relative;height: auto;margin-bottom: 15px; padding: 0px; width: 100%}
.qc_login1 .icon_xtu i{ font-size:21px;}
.qc_login1 .icon_xtu{  position: absolute; z-index:2; top:6px; float:left; margin-left:14px; font-size:20px; color:#3b8de8; margin-top:1px}

.cop_text{text-align:left; position: absolute;z-index: 99;bottom:1%;width:100%; padding-left:5px; color: #fff;font-size:14px;}

.input1::-webkit-input-placeholder{ font-size:16px; color:#999}
.input2::-webkit-input-placeholder{ font-size:16px; color:#999}

.buttons {
    margin: 10%;
    text-align: center;
}
.btn-k{width: 200px; margin: 0 auto;margin-top: 15px;}
.btn-hover {
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    height: 55px;
    text-align:center;
    border: none;
    background-size: 300% 100%;

    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}

.btn-hover.color-9 {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 10px 0 rgba(65, 132, 234, 0.15);
}