/* 自定义开关样式 - 尺寸调整为55x25px */
.switch {
    position: relative;
    display: inline-block;
    width: 55px;    /* 宽度改为55px */
    height: 25px;   /* 高度改为25px */
}

.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 25px; /* 调整为与高度相同的圆角 */
}

.slider:before {
    position: absolute;
    content: "";
    height: 19px;   /* 滑块高度减小 */
    width: 19px;    /* 滑块宽度减小 */
    left: 3px;      /* 调整左边距 */
    bottom: 3px;    /* 调整底部边距 */
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #5cb85c; /* Bootstrap success color */
}

input:checked + .slider:before {
    transform: translateX(30px); /* 调整滑动距离 */
}

.content,body,html {
    height: 100%
}

#switch,#weblogin,.qlogin {
    max-width: 396px;
}

.deltouch,.inputstyle {
    -webkit-tap-highlight-color: rgb(182 62 62 / 0%);
}

.header,.nick,.qlogin {
    text-align: center
}

body {
    font-family: PingFang SC;
    font-size: 14px;
    background: #eeeeee;
    min-height: 600px;
    overflow: scroll
}

* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
}

#weblogin,.content,.login {
    margin: 0 auto;
}

input::-webkit-input-placeholder,input::-webkit-input-placeholder {
    color: #CCC
}

input::-ms-input-placeholder,input::-ms-input-placeholder {
    color: #CCC
}

input:focus {
    outline: 0
}


#errortips {
    position: absolute;
    top: 0;
    z-index: 100;
    display: none;
    opacity: .95;
    width: 100%
}

#errortips #errortipscontent {
    position: relative;
    padding: 10px 3px;
    border-radius: 5px;
    background-color: #525C5F
}

#errortips #errortipscontent #errormessage {
    display: inline-block;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    padding: 0 0 0 28px
}

#errormessage a,#errormessage a:visited {
    color: #F15A22
}

.login {
}

.qlogin {
    margin: 0 auto 40px;
    width: 100%;
    overflow: hidden
}

.inputstyle {
    font-family: PingFang;
    width: 100%;
    color: #000;
    border: none;
    background: 0 0;
    font-size: 15px;
    -webkit-appearance: none;
    text-align: center;
    padding: 8 8 8 8px;
    border-radius: 5px;
    resize: none;
}

.inputstyle:-webkit-autofill {
    box-shadow: 0 0 0 1000px #FFF inset
}

.inputstyle:-webkit-autofill::first-line {
    font-family: PingFang;
    font-size: 17px
}

.inputstyle:placeholder {
    font-size: 17px;
    color: #CCC
}

#weblogin {
    width: 100%;
}

.deltouch,.delu {
    width: 18px;
    position: absolute
}

#glist {
    background: #fff;
    height: min-content;
}

#gp,#gu {
    position: relative;
    height: 46px;
}

#gu {
    border-bottom: .5px solid #E6E6E6
}

.txtdefault {
    position: absolute;
    top: 12px;
    left: 10px;
    color: #b3b3b3
}

.deltouch {
    right: 0;
    display: none;
    height: 56px;
    z-index: 1
}

#autologin {
    height: 17px;
    margin: 15px 0;
    color: #000;
    position: relative
}

#autologin .wording {
    position: absolute;
    left: 21px;
    line-height: 17px;
    height: 17px;
    font-size: 14px
}

#remember,#remember+.checkbox {
    width: 16px;
    height: 16px;
    position: absolute
}

#go,#onekey,#switch #swicthlogin {
    font-size: 13px;
    font-weight: 500;
    text-align: center
}

#remember {
    cursor: pointer;
    z-index: 1;
    opacity: .01
}

#go.weak,#onekey.weak,#switch #swicthlogin {
    height: 45px;
    border: 1px solid #CCC;
    margin-top: 16px
}

#go,#onekey {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #09F;
    border: none;
    border-radius: 4px;
    color: #fff;
    margin-top: 10px;
    display: block
}

#onekey {
    margin-top: 16px;
    background: #09F;
    display: none
}

#go.weak,#onekey.weak {
    background-color: #F5F5F5;
    color: #000
}

#switch {
    width: 100%;
    margin: 0px auto;
    justify-content: center;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    /* bottom: 33px; */
    display: flex;
    justify-content: center;
    margin-top: 35px;
    overflow: hidden;
    padding-bottom: 40px;
}

#switch #swicthlogin {
    width: 100%;
    line-height: 44px;
    border-radius: 5px;
    background: #F5F5F5;
    color: #000
}

#switch #zcfeedback {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 33px;
    display: flex;
    justify-content: center;
    margin-top: 15px;
    overflow: hidden
}

#switch #forgetpwd,#switch #zc {
    color: #000;
    line-height: 14px;
    font-size: 14px;
    font-weight: 500
}

#switch #split {
    height: 13px;
    width: 1px;
    margin: 0 31px;
    background: #E6E6E6
}

#zs,onekey {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #9c27b0;
    border: none;
    border-radius: 4px;
    color: #fff;
    margin-top: 10px;
    display: block;
}

#szs,onekey {
    width: 100%;
    height: 50px;
    line-height: 45px;
    background: #55b4ff;
    border: none;
    color: #fff;
    display: block;
}


.column1 {
    width: 100%;
}

.column2 {
    width: 30%;
}

.left-one {
    width: 100px;
    height: 45px;
    line-height: 45px;
    background: #09F;
    border: none;
    color: #fff;
    display: block;
}
#popup {
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    visibility: hidden;
}

#popup-box {
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -150%);
    border-radius: 11px;
    box-shadow: 0px 0px 10px #acbfc7;
    padding: 10px;
}

@media only screen and (max-width: 768px) {
    #popup-box {
        font-size: 10px;
    }
}

#popup.show {
    visibility: visible;
    opacity: 1;
    transform: translate(0%, 10%) scale(1);
}

#popup.hide {
    visibility: hidden;
    opacity: 0;
    transform: translate(0%, 0%) scale(0.5);
}