#qcml-login a:visited {color: #333; }

#qcml-login a, #qcml-login button, #qcml-login input {-webkit-tap-highlight-color: rgba(255, 0, 0, 0)}

#qcml-login a {color: #333;text-decoration: none;font-size: 12px}

.qcml-login-overlay {font-size: 16px;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999}

.qcml-login-mask {font-size: 100%;position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow-x: hidden;-webkit-overflow-scrolling: touch;background-color: #00000000}

.qcml-login-mask::before {content: "";position: fixed;top: 0;left: 0;bottom: 0;right: 0;backdrop-filter: blur(2px);z-index: 1}

#qcml-login-box .serial-numbers {position: relative;margin: 10px;height: calc(100% - 20px)}

#qcml-login-box .serial-numbers:hover .borde {width: 70px;height: 120px}

#qcml-login-box .serial-numbers .borde {background: transparent;width: 30px;height: 30px;border-radius: 3px 0 0 0;position: absolute;background: none;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out}

#qcml-login-box .serial-numbers .borde1 {top: 0;left: 0;border-left: 1px solid #fff;border-top: 1px solid #fff}

#qcml-login-box .serial-numbers .borde2 {bottom: 0;right: 0;border-right: 1px solid #fff;border-bottom: 1px solid #fff}

#qcml-login {width: 500px; position: absolute;left: 50%;top: 20%;margin-left: -250px;display: flex;user-select: none}

#qcml-login-box {width: 200px;background: #09a6a5;backdrop-filter: saturate(5) blur(20px);background: var(--qcx-ml-left-side-bg-color, linear-gradient(135deg, #54bab8b0 10%, #28c7e4cc 100%));background-size: 100% 100%;border-top-left-radius: var(--qcx-ml-box-border-radius, 5px);border-bottom-left-radius: var(--qcx-ml-box-border-radius, 5px);box-shadow: -1px -1px 8px 1px rgba(0, 0, 0, .03), 20px 20px 20px 4px rgba(0, 0, 0, .07)}

#qcml-login-tab { border-top-right-radius: var(--qcx-ml-box-border-radius, 5px); border-bottom-right-radius: var(--qcx-ml-box-border-radius, 5px); overflow: hidden;width: 300px;position: relative;background: var(--qcs-color-222, #ffffff);backdrop-filter: saturate(5) blur(20px);background: var(--qcs-color-222, #ffffff);padding: 15px;box-shadow: -1px -1px 8px 1px rgba(0, 0, 0, .03), 20px 20px 20px 4px rgba(0, 0, 0, .07)}

#qcml-login .ml_input-field {position: relative;margin: 0}

#qcml-login .ml_input-field .prefix {position: absolute;width: 48px;font-size: 20px;line-height: 26px; padding: 0 0 0 8px;-webkit-transition: color .2s;-moz-transition: color .2s;-o-transition: color .2s;-ms-transition: color .2s;transition: color .2s;margin: 0;color: #9e9e9e}

#qcml-login .ml_input-field label.active {line-height: 20px; top: 10px;font-size: 0.8em;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%)}

#qcml-login .ml_input-field .prefix.active {color: var(--qcx-ml-input-font-color-active, #28c7e4cc)}

#qcml-login .ml_input-field_height {height: 48px}

#qcml-login .ml_row {margin-left: auto;margin-right: auto}

#qcml-login .ml_row iframe { width: 270px;}

#qcml-login input[type=text], #qcml-login input[type=password], #qcml-login input[type=email] {text-indent: 10px;background-color: transparent;border: none;border-radius: 0;outline: none;height: 2.2em;width: 100%;font-size: 1em;margin: 0 0 15px 0;padding: 0;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;outline: none;border: 0 !important;}

#qcml-login input[type="checkbox"] + label {cursor: pointer;display: inline-block;font-size: 12px;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none}

#qcml-login input[type="checkbox"] {height: 15px;width: 15px;}

#qcml-login input[type="checkbox"]:checked:before {height: 16px; width: 16px;line-height: 16px;}

#qcml-login .ml_input-field label {line-height: 28px; color: #9e9e9e;position: absolute;top: 0;left: 3px;font-size: 14px;font-weight: unset; cursor: text;-webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;-o-transition: .2s ease-out;-ms-transition: .2s ease-out;transition: .2s ease-out}

#qcml-login .center, #qcml-login .center-align {text-align: center}

#qcml-login .me { z-index: 1; display: flex; align-items: center;}

#qcml-login .wj { z-index: 1; height: 27px !important; display: flex; align-items: center; justify-content: flex-end;}

#qcml-login .btn {margin: 0;padding: 0;cursor: pointer;border: none;display: inline-block;height: 36px;line-height: 36px;width: 100%;text-transform: uppercase;vertical-align: middle;text-decoration: none;color: #fff;text-align: center;letter-spacing: .5px;-webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;-o-transition: .2s ease-out;-ms-transition: .2s ease-out;transition: .2s ease-out;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); background: var(--qcx-ml-right-btn-bg-color, linear-gradient(135deg, #54bab8 10%, #28c7e4 100%)); color: rgba(252, 252, 252, 1); border-radius: 5px;}

#qcml-login .btn:hover {color: var(--qcs-color-eee, #fff);background-color: var(--qcs-color-444, #0fc1b1);box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 4px 10px 0 rgba(0, 0, 0, 0.12)}

#qcml-login input[type=email]:focus, #qcml-login input[type=password]:focus {background-color: transparent;box-shadow: none;}

#qcml-login .ml_input-field .prefix ~ input {padding-left: 30px;width: calc(100% - 30px)}

#qcml-login .ml_input-field .prefix ~ label {margin-left: 37px; pointer-events: none;}

#qcml-login .m-right {text-align: right; padding: 0; height: 18px; line-height: 18px;}

#qcml-login .m50 {width: 50%;float: left;box-sizing: border-box;position: relative; margin-bottom: 10px;}

#qcml-login .qcl_forbidden {color: #d8d8d8;background-color: #888888;pointer-events: auto;cursor: not-allowed}

#qcml-login .qcl_forbidden:hover {color: #d8d8d8;background-color: #888888;pointer-events: auto;cursor: not-allowed}

#qcml-login .medium-small {font-size: 0.8em;margin: 0}

#qcml-login a:active, #qcml-login a:hover, #qcml-login a:visited {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none}

.animated {-webkit-animation-duration: 0.8s;animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both}

.ajax-cat-cntent .animated {-webkit-animation-duration: 0s;animation-duration: 0s}

#qcml-login-content {margin-bottom: 10px}

/*.qcl-login-form:has(.social_r) #qcml-login-content {margin-bottom: 90px}

.qcl-phone-form:has(.social_r) #qcml-phone-content {margin-bottom: 90px}*/

@-webkit-keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px)}
    100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}
}

@keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px)}
    100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}
}

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp}

@keyframes fadeInRight {
    from {opacity: 0;transform: translate3d(100%, 0, 0)}
    to {opacity: 1;transform: none}
}

.fadeInRight {animation-name: fadeInRight}

@keyframes fadeInLeft {
    from {opacity: 0;transform: translate3d(-100%, 0, 0)}
    to {opacity: 1;transform: none}
}

.fadeInLeft {animation-name: fadeInLeft}

@keyframes fadeInDown {
    from {opacity: 0;transform: translate3d(0, -100%, 0)}
    to {opacity: 1;transform: none}
}

.fadeInDown {animation-name: fadeInDown}

@keyframes fadeIn {
    from {opacity: 0}
    to {opacity: 1}
}

.fadeIn {animation-name: fadeIn}

#qcml-login .qcl-title { font-size: 20px;
    text-align: center;
    margin: auto auto 25px;
    position: relative;
    padding: 0 2px;transition: .4s;}

#qcml-login .qcl-title:hover { padding: 0 6px;}

#qcml-login .qcl-title:before {
    position: absolute;
    content: '';
    background: var(--qcx-ml-border-line-color, #28c7e4cc);
    border-radius: 5px;
    box-shadow: 1px 1px 3px -1px rgba(16, 188, 182, 1);
    width: 100%;
    height: 3px;
    top: auto;
    left: 0;
    bottom: -8px;
    transition: .4s;
}

#qcml-login .qcl-title-row {padding-top: 10px;display: flex}

#qcml-login .Login-socialButton {border: none;border-radius: 5px;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03), inset 0px 4px 3px -2px rgba(0, 0, 0, .07);position: relative}

#qcml-login .Login-socialButton:hover {box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03), inset 0px 4px 3px -2px rgba(0, 0, 0, .07)}

#qcml-login .Login-socialButton:hover:after {width: 100%}

#qcml-login .Login-socialButton:after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 0;background: rgba(0, 0, 0, .05);z-index: 1;transition: width .2s ease-in-out}

#qcml-login .Login-socialButton {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;height: auto;padding: 0 6px;line-height: inherit;background-color: transparent;border: none;border-radius: 0}

#qcml-login .button {display: inline-block;min-width: 18px;padding: 0 8px;margin: 0 2px; font-size: 14px;line-height: 32px;color: #8590a6;text-align: center;cursor: pointer;background: none;border: none;border-radius: 3px}

#qcml-login .social-title {display: block;text-align: center;font-size: 12px;margin: 10px;color: #838383}

#qcml-login .social-title:before {background: linear-gradient(to right, transparent, rgba(50, 50, 50, 0.06));content: "";height: 1px;width: 60px;margin: 0 10px 4px 0;display: inline-block}

#qcml-login .social-title:after {background: linear-gradient(to right, rgba(50, 50, 50, 0.06), transparent);content: "";height: 1px;width: 60px;margin: 0 0 4px 10px;display: inline-block}

#qcml-login .social-block {display: block;text-align: center}

#qcml-login .qcl-form { position: relative;height: 100%;}

#qcml-login .social_r {margin-top: 10px;/*position: absolute;*/width: 100%; bottom: 10px;}

#qcml-login .login_count_a_l {width: 100%;display: inline-flex;align-items: center;justify-content: flex-end}

#qcml-login .login_a_l_t { color: white; font-size: 12px; padding: 0 5px 0 8px; line-height: 19px; height: 20px; border-radius: 5px 1px 1px 5px; background: var(--qcx-ml-toggle-btn-bg-color, #28c7e4cc);}

#qcml-login .triangle {float: left;width: 0; /*height: 17px;*/border-width: 10px;border-style: solid;border-color: transparent var(--qcx-ml-toggle-btn-bg-color, #28c7e4cc) transparent transparent;transform: rotate(180deg)}

#qcml-login .icon_e {font-size: 1.6em;color: var(--qcx-ml-toggle-btn-bg-color, #28c7e4cc)}

#qcml-login .ml_row_b {margin-bottom: 20px}

#qcml-login .r_error {text-align: center}

#qcml-login .qcl-error {color: #ababab;font-size: 0.8em}

#qcml-login .qcl-mima {position: absolute;margin-left: -30px;margin-top: 4px;font-size: 20px;color: #b9b9b9;line-height: 20px}

#qcml-login .pl_l_phoneyzm {position: absolute;display: block}

#qcml-login .qcl-phoneyzm { right: 0;
    position: absolute;
    margin-top: 0px;
    font-size: 12px;
    padding: 8px 10px;
    color: #2997f7;
    border-radius: 5px;
    line-height: 12px;
    background: rgba(41, 151, 247, .1);}

#qcml-login .qcz-slogan {font-size: 16px;color: var(--qcx-ml-left-side-font-color, #fff);font-weight: bold;margin-top: 5px;text-align: center}

#qcml-login .qcz-logo {text-align: center;margin: 0;padding: 0}

#qcml-login .qcz-logo img {max-width: 150px;max-height: 70px;border-radius: 40px;margin: 0 auto;border: 1px solid #dfdfdf;}

#qcml-login .qcz-cbox .qcz-logo img {border: 0;}

#qcml-login .qcz-cbox {padding: 25px 0}

#qcml-login .qcz-effectList {margin: 20px 15px;display: inline-block}

#qcml-login .qcz-effectList p {margin-bottom: 15px;font-size: 14px;color: var(--qcx-ml-left-side-font-color, #fff);text-align: left}

#qcml-login .qcz-effectList p span {margin-right: 4px;font-weight: 700}

#qcml-login .qcwl-close {position: absolute;font-size: 1.5em;transition: all 0.5s}

#qcml-login .qcwl-close:hover {transform: rotate(180deg)}

.qcml_hide {display: none}

@media screen and (max-width: 500px) {
    #qcml-login {width: 300px;margin-left: -150px}

    #qcml-login-box {display: none}

    #qcml-login-tab {
        border-radius: var(--qcx-ml-box-border-radius, 5px);
    }
}

/*隐藏侧边栏*/
#qcml-login.ml_hide_side .ml_input-field .prefix ~ label {margin-left: 4px;}

#qcml-login.ml_hide_side .ml_input-field .prefix {display: none;}

#qcml-login.ml_hide_side .ml_input-field .prefix ~ input {padding-left: 0;width: 100%;}

#qcml-login.ml_hide_side {width: 300px;margin-left: -150px;}

#qcml-login.ml_hide_side #qcml-login-box {display: none;}

#qcml-login.ml_hide_side #qcml-login-tab {border-radius: var(--qcx-ml-box-border-radius);}


/*移动端全屏*/

/*id="qcml-login" data-close="1" data-login=""*/
#qcml-login.ml_fullscreen { width: 100% !important; margin-left: 0 !important; left: 0 !important; top: 0 !important; height: 100% !important;}

#qcml-login.ml_fullscreen #qcml-login-tab {width: 100% !important;height: 100% !important;}

#qcml-login.ml_fullscreen #qcml-login-content {margin: 0}

/*#qcml-login .social_r {bottom: 80px;}*/

.verify-wrap {width: 250px;height: 30px;background-color: #e5e5e5;border: 1px solid #e0e0e0;margin: 5px auto 10px;position: relative;display: flex}

.verify-wrap .drag-btn {position: absolute;left: -1px;top: -1px;width: 40px;height: 30px;background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAA/UlEQVRYhe3XLc9GYBjG8eN6dkdFIQuqoCiCbj6ob2CCIplRaJKqEHT3c/kAz66Xc/fLnvO3UY7N/jNmxDAMF77AQ57iOH53x5/GccTPuyNUcSg1DqXGodQ4lNr/CC3LEsuyaG8mrEKzLEPXdZjnWWszYRXq+z7yPMc0Tej7XnkzYf2Muq6LoiiwrivatsV1XUrby0Mlx3Huu7fvO5qmUd50kL31QgijTdXD+gq/zvNEVVXwPA9pmipvOqxDj+O4Q4IgQJIkypsuq9Bt21DXNaIoug/VzYRVqHw55J0Kw1BrMyHkXyj/3BHiUGocSo1DqXEota8Jvb/18hP16Z7qL3h/w53n4AAAAABJRU5ErkJggg==) no-repeat center center;background-size: 100% 100%;z-index: 2;cursor: move}

.verify-wrap .suc-drag-btn {background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAACA0lEQVRYhe2Y2yuDYRzHv7PJYc5zKspYSRMymStXu5NCs5W4csEfwJ+gSA53csg1F4R/gSu0OcWSmNIQkfMcEvu9tdpY79793leo91Nbbft993x6nj2/52kal8v1gX+Ajp4sFstve4jidrsR99sSUlFFlUYVVRpVVGl0SnyJ934VaxczOLpdwd3bufBeWnw+StLrYc1tQ3FqnewxZIk+vz9g7rAHO9dL3z67efXBfTkrPCqymtBqGkaiNoU9FnvpSXJyzx5R8itUQ7WU4cIWnT/qhe9xS3I91VKGC0uUfpPbV4uSajUhQ1CGshxYorRxpGDObECf1Ysm40DM2a+wNhPt7mhUZzvhMI1Aq9HBkFgUUzYSrBkNtiDCkGBES/Eg8pLKwiSdplFB8uRhEzMH3RGzsSC7j9oKe1CT4wi0oEZMeRzITy4XJOM0WkFy2uOE//1O7jA8UWrm1CeJ5dMxlGXYoI/PQrd5AQlavagkZTmwlt4UOHGCnPs9wkw+vl0jSZcWdSZDsz8uas1tD3t99rSL8b0W3Lz4cHy/LrrctYEjlQNr6Y2ptag0NIf10gv/Pvo3akRzlOGe++yTyV4yhAJ9leR6qqUMF7YoXTC6zPPChSMaVEO1ci4lstoTDdxROhE4Fjv/9jUvCIkoISPGv7nhq6JKo4oqjSqqNEIfpf8f/zqf+36643RPeo8AAAAASUVORK5CYII=) no-repeat center center;background-size: 100% 100%}

.verify-wrap .drag-progress {position: absolute;left: 0;top: -1px;height: 30px;border-top: 1px solid #7ac23c;width: 0;background-color: #7ac23c;color: #fff;font-size: 18px;text-align: center;line-height: 30px}

.verify-wrap .fix-tips, .verify-msg {width: 100%;position: absolute;right: 0;left: 1px;height: 100%;color: #51555c;z-index: 1;line-height: 28px;font-size: 12px;text-align: center}

.verify-wrap .verify-msg {background-color: #7ac23c;color: #fff;display: none}

.xuanzhuan {width: 16px;height: 16px;line-height: 16px;display: inherit;position: relative;-webkit-animation: rotating 1s infinite}

@keyframes rotating {
    from {transform: rotate(0)}
    to {transform: rotate(360deg)}
}

.verify-wrap .drag-progress {border-top: 1px solid #7ac23c;background-color: #7ac23c}

.verify-wrap .verify-msg {background-color: #7ac23c}

.qcmls_login {width: 100%;display: inline-flex;align-items: center;justify-content: space-between}

.qcmls_login a {cursor: pointer;border: none;border-radius: 2px;display: inline-block;height: 36px;line-height: 36px;width: 48%;margin: 0 10px;text-transform: uppercase;vertical-align: middle;text-decoration: none;color: #fff;background-color: #26a69a;text-align: center;letter-spacing: .5px;-webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;-o-transition: .2s ease-out;-ms-transition: .2s ease-out;transition: .2s ease-out;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)}

.qcmls_login a:active, .qcmls_login a:hover, .qcmls_login a:visited {background-color: #039496;color: #fcfcfc;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none}

.frosted-glass {width: 100%;height: 100%}

/*用户小工具*/
.ml-user-widget-cover {height: 83px;object-fit: cover;margin: 0;background-color: #f6f6f6;position: relative;}

.ml-user-widget-cover img {height: 85px;width: 100%;display: block;position: absolute;left: 0;top: 0}

.ml-user-w-avatar {
    position: absolute;
    top: -15px;
    left: 30px;
    border: 2px solid #ecebeb;
    border-radius: 50px;
}


.ml-user-widget-info {position: relative}

.ml-user-widget {width: 100%}

.ml-user-w-loading {display: flex;align-items: center;justify-content: center}

.ml-user-w-loading button {display: block;width: 100%;height: 50px;border-top: 1px solid #f3f3f3}

.ml-user-w-name {    margin-left: 90px;
    height: 40px;
    box-sizing: border-box;}


.ml-user-w-tj {display: flex;justify-content: space-between;margin: 10px 20px;border-top: 1px solid #ebeef5;padding-top: 10px;height: 65px}

.ml-user-w-tj > div {display: flex;flex-flow: column;align-items: center;width: 100%}

.ml-user-w-login {display: flex;width: 80%;text-align: center;margin: auto}

.qcml-btn-login {background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);box-shadow: none}

.qcml-btn-register {background: linear-gradient(135deg, #f59f54 10%, #ff6922 100%);box-shadow: none}

.qcml-btn-login:hover, .qcml-btn-register:hover {color: #fff}

.ml-user-w-login a {width: 100%;margin: 30px 8px 10px;flex-flow: column;align-items: center;line-height: 20px;font-size: 12px;color: #fff !important;}

.ml-user-w-login a i { margin-right: 4px;}

.ml-user-w-social {text-align: center;margin-bottom: 25px}

.ml-user-w-social-title {display: block;text-align: center;font-size: 12px;margin: 10px 0;color: #838383}

.ml-user-w-social-title:before {background: linear-gradient(to right, transparent, #838383);content: "";height: 1px;width: 60px;margin: 0 10px 4px 0;display: inline-block}

.ml-user-w-social-title:after {background: linear-gradient(to right, #838383, transparent);content: "";height: 1px;width: 60px;margin: 0 0 4px 10px;display: inline-block}

.ml-user-w-social-block {display: block;text-align: center}

.ml-user-w-social-block .socialbutton {margin-bottom: 4px;display: inline-block;min-width: 18px;padding: 0 8px;font-size: 14px;line-height: 32px;color: #8590a6;text-align: center;background: none;border-radius: 3px;align-items: center;height: auto;box-shadow: inset 0 0 0 1px rgb(0 0 0 / 3%), inset 0px 4px 3px -2px rgb(0 0 0 / 7%);position: relative}

.ml-user-w-social-block .socialbutton:hover {box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03), inset 0px 4px 3px -2px rgba(0, 0, 0, .07)}

.ml-user-w-social-block .socialbutton:hover:after {width: 100%}

.ml-user-w-social-block .socialbutton:after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 0;background: rgba(0, 0, 0, .05);z-index: 1;transition: width .2s ease-in-out}

.line-form-lines, .line-form-lines:before {
    position: absolute;
    bottom: 14px;
    left: 0;
    height: 1px;
    width: 100%;
    transition: .8s;
    background: rgba(50, 50, 50, 0.06)
}

.line-form-lines:before {
    bottom: 0;
}

.line-form-lines:before {
    content: '';
    width: 0;
    background: var(--qcx-ml-border-line-color, #28c7e4cc);
}

.validate:focus ~ .line-form-lines:before, .validate:hover ~ .line-form-lines:before {
    width: 100%
}

.validate:focus ~ .line-form-lines:before {
    box-shadow: 0 -1px 2px 1px var(--qcx-ml-border-line-color, #28c7e4cc);
}

/*仅社交*/
.qcml_only_social #qcml-login {
    z-index: 998;
}

.qcml_only_social #qcml-login .qcwl-closes {
    position: absolute;
    transition: all 0.5s;
    right: -6px;
    top: -9px;
}

.qcml_only_social #qcml-login .qcml-logo {
    min-height: 50px;max-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;margin-bottom: 20px;
}

.qcml_only_social #qcml-login .qcml-logo img {

}

.qcml_only_social #qcml-login .social-block {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.qcml_only_social #qcml-login .social-titles {
    display: block;
    text-align: center;
    font-size: 12px;
    margin: 10px;
    color: #838383;
}

.qcml_only_social #qcml-login .login-social-button {
    width: 100%;
    max-width: 120px;
    height: 120px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin: 5px;
    padding: 10px 0 0;
    transition: all 0.3s;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}

.qcml_protocol {
    background: rgb(238 238 238 / 20%);
    color: #999;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 10px 0;
}

.qcml_protocol a {
    color: var(--qcs-core) !important;
}

.qcml_only_social #qcml-login .login-social-qq {
    border: 1px solid #0e9af4;
    color: #0e9af4;
}

.qcml_only_social #qcml-login .login-social-wx, .qcml_only_social #qcml-login .login-social-wxmp, .qcml_only_social #qcml-login .login-social-wxmp, .qcml_only_social #qcml-login .login-social-wxmpqcr, .qcml_only_social #qcml-login .login-social-wxqcr {
    border: 1px solid #43c93e;
    color: #43c93e;
}

.qcml_only_social #qcml-login .login-social-wb {
    border: 1px solid #f56467;
    color: #f56467;
}

.qcml_only_social #qcml-login .login-social-bd {
    border: 1px solid #306cff;
    color: #306cff;
}

.qcml_only_social #qcml-login .login-social-phone {
    border: 1px solid #ff9000;
    color: #ff9000;
}


.qcml_only_social #qcml-login .login-social-button span {
    font-size: 40px;
}

.qcml_only_social #qcml-login {
    width: 400px;
    margin-left: -200px;
}

.qcml_only_social #qcml-login-tab {
    width: 400px;
    height: 400px;
}

.qcml_only_social #qcml-login .qcml-privacy {
    font-size: 12px;
    color: #c3c3c3;
    font-weight: unset;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}

.qcml-privacy a {
    color: #c3c3c3 !important;
}

#wxqr {
    height: 260px;display: flex;justify-content: center;
}

#f_wxaqcr, #f_wxmpqcr {
    height: 270px;width: 270px;text-align: center;position: relative
}

#f_wxaqcr > div img, #f_wxmpqcr > div img, .qr_img {
    position: relative;
    display: inline-block;
    height: 190px;
    width: 190px;
}

#f_wxaqcr > div p, #f_wxmpqcr > div p {
    margin-top: 10px;
}

#f_wxaqcr .qr_img::after, #f_wxmpqcr .qr_img::after {
    content: "\e617";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.5s ease;
    font-size: 70px;
    color: #b5b5b5;
    display: flex;
    align-items: center;
    justify-content: center;
}

#f_wxaqcr .qr_refresh::after, #f_wxmpqcr .qr_refresh::after {
    opacity: .8;
}

#wx_after_scan {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

#wx_after_scan .status_icon {
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
    width: 44px;
    height: 44px;
    background-size: cover;
}

#wx_after_scan .status_icon.succ {
    background-position: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALKADAAQAAAABAAAALAAAAAD8buejAAAEF0lEQVRYCe2Zz2sTQRTHZ3YTk6ZSUQ+VHj168KCiIm2k6kVEK4IHPTWtKIg9KohnERRPiiBa05OCB7EKBQWVph6K1AoePPgHBD1URNtN0mR3fN9NN83O/shud9NS7F52Z+bNe599Oz/evGVs49rwgM0D3FaKUBBC8K7Pl7YbmtFT46IHqhKCF5WMUvyz9+Ec51xEUN/oGgm489PlHXqlfEoYYoAxcYS0phua7Q9lxvh7rvBxNZV+tbD/wQ97c/DSioA3F3K7qoLdYlycZIKF08Gph+Cvk5xdn8/mvwVHrUuGMtY5faFbr9ZuCoMNUnc1rDFJXucKG1OTiRsLBx//lNo8i4GBMx+H9hmGGKexao5PT40hG2hsFxWFD2i9T2aCdFWCCHVM5c7phlGIGxa2oRO6YSMIS0sPQxF59mkQZVFlyNPnS335Z356fIExDPD2NE06/JTE1sZZSVWUrN/w8AQ2J9iiPtuOYeD3ghjT6iZ1j9dE9BzD5moQ8wTzA7XazDFNK5FVlu+uHq6vs+IrCUddumR7Qct6kvPdbuu0q4fNTWHtYPFS6hKD4wUdHsZ2WytrxdA7mEO1XwWvkOHftOV1e0rRjphIZ3rkbdzhYcQG7YZVVXEmqSSymGCewLTlmyySgAOYApnTkkyMRV4BrNY7NvG379F3RfW35cZiA6YZSl9K9MdI2KRqGRaV26ZHugyd32sScHkU/XWm5SYbMOJZavIKEZd7hX5ywmqL828J5kALVeklpoaYDRjBd6Ol1QPn1VYi9fYVw5rdZSYbsHVSaAVCk+UXLdAHFc7v+8tGg4VumSnhb9CtlVeUhHJMOzT6hVpnOwo5ZghxxSkZHdapkzGbh3EGcxOy14mUXtMboWApmx9xejo+WJnJBowDox3OoyTY1VRh8LbVaoeODxb6ZSbbToclJF3IaSQXbKXg7E4lO3bNAk8Vhu6qivEO6yzqts5c3FLSqm8CrAaWCvleLmfzGZozjRO3DRjSqckcGRPH5Z6eZQnakosBllTxicrh/AlLJ+62IYEKOoq/xD3wheExmXuRnhraiT5nxXM1XRg+WlqozkTwrGkeaQGZw+HhKMEPKZujb4fh1CkbCl0OGvyY0RHlDUIboA4Ei50yOiyME4McqaHaMSRQiSQH3XQ8r9FFAbzJ4DDvCoxIH0kOh/QqVcC222kD5l2B0YCMjG+8CqE2XLAJ216qPYFxakVGhjJnJa/OsdeTLdj0OjHDnicwGpEfoG13GM+rccGWX04CDL7AEEAmBhmZtnq67tmWWR/wONZhVLpd6yoZiBfAp0JGhmbwKBXjWPKQbh2FzlbDoNmBgT3c3GndJLSbofHc9MuATtrm4dUrysMvgw+IU9bkl4EMjjJC09X4KeNme6Puv/bAP9U/9N7f2fg5AAAAAElFTkSuQmCC);
}

.status_txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: rgb(55, 55, 55);
}

.status_txt span { font-size: 14px;}