.logo,
.logo .iflight-logo {
    width: 220px !important;
    height: 42px !important;
}

.iflight-input-group {
    margin-top: 8px;
}

.verify-code-btn {
    border: 1px solid rgba(0, 0, 0, .15);
    min-height: 40px;
    background: #e60012;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

@keyframes slidetounlock {

    0% {
        background-position: -200px 0;
    }

    100% {
        background-position: 200px 0;
    }

}

.verify-wrap {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1);
    border-radius: 4px;
    height: 48px;
    background-color: rgba(0, 0, 0, .04);
  }

.verify-wrap .drag-progress {
    height: 48px;
    line-height: 48px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.verify-wrap .drag-btn {
    height: 48px;
    border-radius: 4px;
}

.verify-wrap .fix-tips {
    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;
}

.verify-wrap .fix-tips,
.verify-msg {
    border-radius: 4px;
    line-height: 48px;

}

.verify-wrap .suc-drag-btn {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
}

.verify-wrap .drag-btn {
    background: url(https://iflight.oss-cn-hongkong.aliyuncs.com/store/pc/account/arrow-right.svg) no-repeat center center;
    background-size: 100% 100%;
    border: 1px solid rgba(0, 0, 0, .15);
}

.qr-switch-wrap {
    outline: 1px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
}

.qr-login-switch {
    background-size: cover;
    border: 32px solid #E60012;
    border-bottom-color: transparent;
    border-left-color: transparent;
    cursor: pointer;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.qr-login-switch {
    height: 72px;
    opacity: .3;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    width: 72px;
}

.qr-switch-wrap:hover .qr-login-switch {
    opacity: 1;
}

.qr-login-switch__icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: -20px;
    right: -20px;
}

.qr-login-switch__icon img {
    width: 100%;
    height: 100%;
}

.qr-login-switch__popover {
    box-sizing: border-box;
    cursor: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    z-index: 1030;
    visibility: hidden;
    transform: scale(.8);
    transition: all .1s cubic-bezier(.645, .045, .355, 1);
}

.qr-switch-wrap:hover .qr-login-switch__popover {
    visibility: visible;
    transform: scale(1)
}

.qr-login-switch__popover>.popover-content>.popover-arrow {
    border-color: #e60012;
    border-width: 5px;
    width: 10px;
    height: 10px;
}

.popover-arrow {
    background: transparent;
    /* overflow:hidden; */
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.51471863px;
}

.popover-arrow-content {
    content: "";
    background-color: #e60012;
    box-shadow: 3px -3px 7px rgba(0, 0, 0, .07);
    transform: translateX(4.24264069px) rotate(45deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    height: 6px;
    pointer-events: auto;
    display: block;
    margin: auto;
}

.popover-inner {
    background-clip: padding-box;
    border-radius: 2px;
    background-color: #e60012;
}

.popover-inner-content {
    padding: 5px 15px;
    color: #fff;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
}


.main-login .hide {
    display: none;
}

.scan-code-login {
    padding-top: 16px;
    padding-bottom: 136px;
}

.scan-code-login__text {
    font-size: 16px;
    color: #aaa;
    font-weight: 400;
    line-height: 19px;
}

.login-qrcode {
    padding-top: 22px;
}

.login-qrcode__wrap {
    width: 180px;
    height: 180px;
    border: 5px solid #fff;
    margin: 0 auto;
}

.login-qrcode__wrap img {
    width: 100%;
    height: 100%;
}

.zoomBigIn {
    animation-name: antZoomBigIn;
    animation-play-state: running;
}

.zoomBigOut {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none;
}

@keyframes zoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes zoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.5)
    }
}

.login-wx-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 24px;
}

.login-wx-info img {
    border-radius: 50%;
    display: inline-block;
}

.login-wx-info .login-wx-nickname {
    font-size: 16px;
    color: #333;
    line-height: 19px;
    font-weight: 400;
    margin-top:5px;
}

#login-qrcode-wrap {
    text-align: -webkit-center;
    margin: 20px auto 0;
}

.login-wx-info .login-wx-desc{
    font-size:14px;
    color:#aaa;
    line-height:19px;
    font-weight:400;
    margin-top: 8px;
}

@media (min-width:768px) {
    .verify-wrap {
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
        border-radius: 4px;
        height: 48px;
        background-color: #f5f5f5;
    }
}