body,html {
    line-height: 1;
    font-family: PingFang SC,STHeitiSC-Light,Helvetica-Light,arial,sans-serif,Droid Sans Fallback;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.clear-fix:after {
    content: "";
    display: table;
    clear: both;
}

.border-bottom-1px,.border-left-1px,.border-right-1px,.border-top-1px {
    position: relative;
}

.border-bottom-1px:after,.border-bottom-1px:before,.border-left-1px:after,.border-left-1px:before,.border-right-1px:after,.border-right-1px:before,.border-top-1px:after,.border-top-1px:before {
    content: "";
    display: block;
    position: absolute;
    transform-origin: 0 0;
}

.border-top-1px:before {
    border-top: 1px solid #ebebeb;
    left: 0;
    top: 0;
    width: 100%;
    transform-origin: 0 top;
}

.border-right-1px:after {
    border-right: 1px solid #f5f5f5;
    top: 0;
    right: 0;
    height: 100%;
    transform-origin: right 0;
}

.border-bottom-1px:after {
    border-bottom: 1px solid #ebebeb;
    left: 0;
    bottom: 0;
    width: 100%;
    transform-origin: 0 bottom;
}

.border-left-1px:before {
    border-left: 1px solid #f5f5f5;
    top: 0;
    left: 0;
    height: 100%;
    transform-origin: left 0;
}

.cube-safe-area-pb {
    padding-bottom: env(safe-area-inset-bottom)!important;
}

@media (min-resolution:2dppx) {
    .border-top-1px:before {
        width: 200%;
        transform: scale(.5);
    }

    .border-right-1px:after {
        height: 200%;
        transform: scale(.5);
    }

    .border-bottom-1px:after {
        width: 200%;
        transform: scale(.5);
    }

    .border-left-1px:before {
        height: 200%;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .border-top-1px:before {
        width: 300%;
        transform: scale(.333);
    }

    .border-right-1px:after {
        height: 300%;
        transform: scale(.333);
    }

    .border-bottom-1px:after {
        width: 300%;
        transform: scale(.333);
    }

    .border-left-1px:before {
        height: 300%;
        transform: scale(.333);
    }
}

.cube-loading {
    font-size: 24px;
}

.cube-loading-spinners {
    position: relative;
    display: block;
    width: 1em;
    height: 1em;
}

.cube-loading-spinner {
    position: absolute;
    left: 44.5%;
    top: 37%;
    width: 2PX;
    height: 25%;
    border-radius: 50%/20%;
    opacity: .25;
    background-color: currentColor;
    animation: spinner-fade 1s linear infinite;
}

.cube-loading-spinner:first-child {
    animation-delay: 0s;
    transform: rotate(-150deg) translateY(-150%);
}

.cube-loading-spinner:nth-child(2) {
    animation-delay: .083333333333333s;
    transform: rotate(-120deg) translateY(-150%);
}

.cube-loading-spinner:nth-child(3) {
    animation-delay: .166666666666667s;
    transform: rotate(-90deg) translateY(-150%);
}

.cube-loading-spinner:nth-child(4) {
    animation-delay: .25s;
    transform: rotate(-60deg) translateY(-150%);
}

.cube-loading-spinner:nth-child(5) {
    animation-delay: .333333333333333s;
    transform: rotate(-30deg) translateY(-150%);
}

.cube-loading-spinner:nth-child(6) {
    animation-delay: .416666666666667s;
    transform: rotate(0deg) translateY(-150%);
}

.cube-loading-spinner:nth-child(7) {
    animation-delay: .5s;
    transform: rotate(30deg) translateY(-150%);
}

.cube-loading-spinner:nth-child(8) {
    animation-delay: .583333333333333s;
    transform: rotate(60deg) translateY(-150%);
}

.cube-loading-spinner:nth-child(9) {
    animation-delay: .666666666666667s;
    transform: rotate(90deg) translateY(-150%);
}

.cube-loading-spinner:nth-child(10) {
    animation-delay: .75s;
    transform: rotate(120deg) translateY(-150%);
}

.cube-loading-spinner:nth-child(11) {
    animation-delay: .833333333333333s;
    transform: rotate(150deg) translateY(-150%);
}

.cube-loading-spinner:nth-child(12) {
    animation-delay: .916666666666667s;
    transform: rotate(180deg) translateY(-150%);
}

@-moz-keyframes spinner-fade {
    0% {
        opacity: .85;
    }

    50% {
        opacity: .25;
    }

    to {
        opacity: .25;
    }
}

@-webkit-keyframes spinner-fade {
    0% {
        opacity: .85;
    }

    50% {
        opacity: .25;
    }

    to {
        opacity: .25;
    }
}

@-o-keyframes spinner-fade {
    0% {
        opacity: .85;
    }

    50% {
        opacity: .25;
    }

    to {
        opacity: .25;
    }
}

@keyframes spinner-fade {
    0% {
        opacity: .85;
    }

    50% {
        opacity: .25;
    }

    to {
        opacity: .25;
    }
}

@font-face {
    font-family:cube-icon;src:url(//a.msstatic.com/huya/hd/h5/udb/fonts/cubeic-c60c4.min.woff) format("woff"),url(//a.msstatic.com/huya/hd/h5/udb/fonts/cubeic-dcc2b.min.ttf) format("truetype");
}

[class*=" cubeic-"],[class^=cubeic-] {
    font-family: cube-icon!important;
    font-size: 100%;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

.cubeic-eye-invisible:before {
    content: "\e624";
}

.cubeic-eye-visible:before {
    content: "\e625";
}

.cubeic-square-right:before {
    content: "\e67d";
}

.cubeic-select:before {
    content: "\e609";
}

.cubeic-pulldown:before {
    content: "\e603";
}

.cubeic-pullup:before {
    content: "\e604";
}

.cubeic-more:before {
    content: "\e607";
}

.cubeic-back:before {
    content: "\e608";
}

.cubeic-arrow:before {
    content: "\e60b";
}

.cubeic-close:before {
    content: "\e60d";
}

.cubeic-warn:before {
    content: "\e614";
}

.cubeic-question:before {
    content: "\e616";
}

.cubeic-right:before {
    content: "\e617";
}

.cubeic-wrong:before {
    content: "\e618";
}

.cubeic-info:before {
    content: "\e619";
}

.cubeic-remove:before {
    content: "\e61a";
}

.cubeic-add:before {
    content: "\e61c";
}

.cubeic-share:before {
    content: "\e631";
}

.cubeic-no-wifi:before {
    content: "\e632";
}

.cubeic-smile:before {
    content: "\e634";
}

.cubeic-sad:before {
    content: "\e636";
}

.cubeic-email:before {
    content: "\e637";
}

.cubeic-game:before {
    content: "\e638";
}

.cubeic-wifi:before {
    content: "\e639";
}

.cubeic-hot:before {
    content: "\e63b";
}

.cubeic-notification:before {
    content: "\e63d";
}

.cubeic-delete:before {
    content: "\e63e";
}

.cubeic-vip:before {
    content: "\e63f";
}

.cubeic-mute:before {
    content: "\e640";
}

.cubeic-danger:before {
    content: "\e641";
}

.cubeic-volume:before {
    content: "\e642";
}

.cubeic-bad:before {
    content: "\e643";
}

.cubeic-mobile-phone:before {
    content: "\e644";
}

.cubeic-aim:before {
    content: "\e645";
}

.cubeic-navigation:before {
    content: "\e64d";
}

.cubeic-safe-pay:before {
    content: "\e64e";
}

.cubeic-tag:before {
    content: "\e64f";
}

.cubeic-lock:before {
    content: "\e651";
}

.cubeic-unlock:before {
    content: "\e652";
}

.cubeic-edit:before {
    content: "\e653";
}

.cubeic-scan:before {
    content: "\e654";
}

.cubeic-qr-code:before {
    content: "\e655";
}

.cubeic-calendar:before {
    content: "\e659";
}

.cubeic-time:before {
    content: "\e65f";
}

.cubeic-red-packet:before {
    content: "\e664";
}

.cubeic-star:before {
    content: "\e668";
}

.cubeic-setting:before {
    content: "\e669";
}

.cubeic-home:before {
    content: "\e66d";
}

.cubeic-credit-card:before {
    content: "\e66e";
}

.cubeic-mall:before {
    content: "\e670";
}

.cubeic-microphone:before {
    content: "\e673";
}

.cubeic-search:before {
    content: "\e674";
}

.cubeic-good:before {
    content: "\e675";
}

.cubeic-alert:before {
    content: "\e676";
}

.cubeic-picture:before {
    content: "\e677";
}

.cubeic-message:before {
    content: "\e678";
}

.cubeic-phone:before {
    content: "\e67a";
}

.cubeic-location:before {
    content: "\e67b";
}

.cubeic-like:before {
    content: "\e67c";
}

.cubeic-camera:before {
    content: "\e67e";
}

.cubeic-person:before {
    content: "\e67f";
}

.cubeic-round-border:before {
    content: "\e683";
}

.cubeic-important:before {
    content: "\e68b";
}

.cubeic-ok:before {
    content: "\e68c";
}

.cubeic-square-border:before {
    content: "\e990";
}

.cube-input {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.429;
    background-color: #fff;
    position: relative;
}

.cube-input:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #ebebeb;
    border-radius: 2PX;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-input:after {
        width: 200%;
        height: 200%;
        border-radius: 4PX;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-input:after {
        width: 300%;
        height: 300%;
        border-radius: 6PX;
        transform: scale(.333);
    }
}

.cube-input-field {
    display: block;
    flex: 1;
    width: 100%;
    min-width: 0;
    padding: 10px;
    box-sizing: border-box;
    color: #666;
    line-height: inherit;
    background-color: inherit;
    border-radius: 2px;
    outline: none;
}

.cube-input-field::-webkit-input-placeholder {
    color: #ccc;
    text-overflow: ellipsis;
}

.cube-input-field+.cube-input-append .cube-input-clear:first-child,.cube-input-field+.cube-input-append .cube-input-eye:first-child {
    margin-left: -5px;
}

.cube-input_active:after {
    border-color: #fc9153;
}

.cube-input-append,.cube-input-prepend {
    display: flex;
    align-items: center;
}

.cube-input-clear,.cube-input-eye {
    width: 1em;
    height: 1em;
    line-height: 1;
    padding: 10px;
    box-sizing: content-box;
    color: #999;
}

.cube-input-clear>i,.cube-input-eye>i {
    display: inline-block;
    transform: scale(1.2);
}

.cube-input-eye>.cubeic-eye-invisible,.cube-input-eye>.cubeic-eye-visible {
    transform: scale(1.4);
}

.cube-popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    pointer-events: none;
}

.cube-popup_mask {
    pointer-events: auto;
}

.cube-popup_mask .cube-popup-mask {
    display: block;
}

.cube-popup-container,.cube-popup-mask {
    position: absolute;
    width: 100%;
    height: 100%;
}

.cube-popup-mask {
    display: none;
    overflow: hidden;
    background-color: #25262d;
    opacity: .4;
    pointer-events: auto;
}

.cube-popup-mask:before {
    content: ".";
    display: block;
    width: 1px;
    height: 1px;
    background-color: rgba(0,0,0,.1);
    margin-left: -10px;
}

.cube-popup-container {
    transform: translate(100%,100%);
}

.cube-popup-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    transform: translate(-100%,-100%);
    pointer-events: auto;
}

.cube-popup-center .cube-popup-content,.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content {
    top: -50%;
    left: -50%;
    width: auto;
    max-width: 100%;
    transform: translate(0);
}

.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content {
    height: 100%;
    top: -100%;
}

.cube-popup-center .cube-popup-content {
    transform: translate(-50%,-50%);
}

.cube-popup-top .cube-popup-content {
    top: -100%;
    left: -100%;
    transform: translate(0);
}

.cube-popup-right .cube-popup-content {
    top: -100%;
    right: 100%;
}

.cube-popup-left .cube-popup-content {
    left: -100%;
}

.cube-toast.cube-popup {
    z-index: 900;
}

.cube-toast .cube-popup-content {
    display: flex;
    align-items: center;
    padding: 13px 16px;
    color: #ccc;
    background-color: rgba(37,38,45,.9);
    border-radius: 2px;
}

.cube-toast-icon {
    width: 24px;
    height: 24px;
    font-size: 24px;
}

.cube-toast-tip {
    line-height: 20px;
    font-size: 14px;
    max-width: 12em;
    max-height: 40px;
    overflow: hidden;
}

.cube-loading~.cube-toast-tip,.cube-toast-icon~.cube-toast-tip {
    margin-left: 8px;
}

.cube-toast-fade-enter-active {
    animation: toast-in .2s;
}

.cube-toast-fade-leave-active {
    animation: toast-out .2s;
}

@-moz-keyframes toast-in {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes toast-in {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes toast-in {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes toast-in {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes toast-out {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes toast-out {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-o-keyframes toast-out {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes toast-out {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.cube-btn {
    display: block;
    margin: 0;
    padding: 17px 16px;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    background: #4a4c5b;
    outline: none;
    border: none;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.cube-btn.cube-btn_active,.cube-btn:active {
    background: #444654;
}

.cube-btn>i {
    display: inline-block;
    margin-right: 4px;
    font-size: 100%;
    transform: scale(1.13);
    transform-origin: right center;
}

.cube-btn-inline {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 9px 10px;
    font-size: 12px;
}

.cube-btn-inline>i {
    margin-right: 2px;
    transform: scale(1.14);
}

.cube-btn-primary {
    color: #fff;
    background: #fc9153;
}

.cube-btn-primary.cube-btn_active,.cube-btn-primary:active {
    background: #e8864c;
}

.cube-btn-light {
    color: #666;
    background: #fcfcfc;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

.cube-btn-light.cube-btn_active,.cube-btn-light:active {
    background: #e8e8e8;
}

.cube-btn-outline {
    color: #666;
    background: rgba(0,0,0,0);
    position: relative;
}

.cube-btn-outline:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #666;
    border-radius: 2PX;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-btn-outline:after {
        width: 200%;
        height: 200%;
        border-radius: 4PX;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-btn-outline:after {
        width: 300%;
        height: 300%;
        border-radius: 6PX;
        transform: scale(.333);
    }
}

.cube-btn-outline.cube-btn_active,.cube-btn-outline:active {
    background: rgba(0,0,0,.08);
    position: relative;
}

.cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #666;
    border-radius: 2PX;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after {
        width: 200%;
        height: 200%;
        border-radius: 4PX;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after {
        width: 300%;
        height: 300%;
        border-radius: 6PX;
        transform: scale(.333);
    }
}

.cube-btn-outline-primary {
    color: #fc9153;
    background: rgba(0,0,0,0);
    position: relative;
}

.cube-btn-outline-primary:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #fc9153;
    border-radius: 2PX;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-btn-outline-primary:after {
        width: 200%;
        height: 200%;
        border-radius: 4PX;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-btn-outline-primary:after {
        width: 300%;
        height: 300%;
        border-radius: 6PX;
        transform: scale(.333);
    }
}

.cube-btn-outline-primary.cube-btn_active,.cube-btn-outline-primary:active {
    background: rgba(252,145,83,.08);
    position: relative;
}

.cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #e8864c;
    border-radius: 2PX;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after {
        width: 200%;
        height: 200%;
        border-radius: 4PX;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after {
        width: 300%;
        height: 300%;
        border-radius: 6PX;
        transform: scale(.333);
    }
}

.cube-btn_disabled {
    color: #fff;
    background: #ccc;
    position: relative;
}

.cube-btn_disabled:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #ccc;
    border-radius: 2PX;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-btn_disabled:after {
        width: 200%;
        height: 200%;
        border-radius: 4PX;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-btn_disabled:after {
        width: 300%;
        height: 300%;
        border-radius: 6PX;
        transform: scale(.333);
    }
}

.cube-btn_disabled.cube-btn_active,.cube-btn_disabled:active {
    background: #ccc;
    position: relative;
}

.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #ccc;
    border-radius: 2PX;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after {
        width: 200%;
        height: 200%;
        border-radius: 4PX;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after {
        width: 300%;
        height: 300%;
        border-radius: 6PX;
        transform: scale(.333);
    }
}

.cube-validator .cube-checkbox,.cube-validator .cube-input input,.cube-validator .cube-radio,.cube-validator .cube-select,.cube-validator .cube-textarea {
    color: inherit;
}

.cube-validator-msg-def {
    font-size: 14px;
    color: #e64340;
}

.cube-checkbox {
    position: relative;
    padding: 0 16px;
    text-align: left;
    font-size: 100%;
    color: #666;
}

.cube-checkbox[data-pos=right] .cube-checkbox-ui {
    margin-right: 0;
    position: absolute;
    right: 0;
}

.cube-checkbox[data-pos=right] .cube-checkbox-label {
    margin-right: 1.42em;
}

.cube-checkbox-wrap {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 11px 0;
    line-height: 1.5;
    word-break: break-word;
    word-wrap: break-word;
}

.cube-checkbox-input {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.cube-checkbox-ui {
    position: relative;
    width: 1em;
    height: 1em;
    margin-right: .42em;
    line-height: 1;
    border-radius: 50%;
}

.cube-checkbox-ui.cubeic-square-border {
    border-radius: 2px;
}

.cube-checkbox-ui:before,.cube-checkbox-ui i {
    transition: all .2s;
}

.cube-checkbox-ui:before {
    color: #ccc;
    display: inline-block;
    transform: scale(1.24);
}

.cube-checkbox-ui i {
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(0,0,0,0);
    transform: scale(.4);
}

.cube-checkbox_checked .cube-checkbox-ui:before {
    color: rgba(0,0,0,0);
}

.cube-checkbox_checked .cube-checkbox-ui i {
    color: #fc9153;
    transform: scale(1.23);
}

.cube-checkbox_disabled .cube-checkbox-ui {
    background-color: #eee;
}

.cube-checkbox_disabled .cube-checkbox-ui:before,.cube-checkbox_disabled .cube-checkbox-ui i {
    transition: none;
}

.cube-checkbox_disabled .cube-checkbox-ui:before {
    color: rgba(0,0,0,0);
}

.cube-checkbox_disabled .cube-checkbox-ui i {
    color: #eee;
}

.cube-checkbox_checked.cube-checkbox_disabled .cube-checkbox-ui {
    background-color: #fff;
}

.cube-checkbox-hollow i {
    width: 100%;
    height: 100%;
}

.cube-checkbox-hollow i:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    transform: translate(-50%,-50%);
    background-color: currentColor;
    border-radius: 2px;
}

.cube-checkbox-hollow.cube-checkbox_checked .cube-checkbox-ui:before {
    color: #fc9153;
}

.cube-checkbox-hollow.cube-checkbox_checked .cube-checkbox-ui i {
    transform: scale(1);
    color: #fc9153;
}

.cube-checkbox-hollow.cube-checkbox_disabled .cube-checkbox-ui {
    background-color: rgba(0,0,0,0);
}

.cube-checkbox-hollow.cube-checkbox_disabled .cube-checkbox-ui:before {
    color: #eee;
}

.cube-checkbox-hollow.cube-checkbox_disabled .cube-checkbox-ui i {
    transform: scale(1);
    color: rgba(0,0,0,0);
}

.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked .cube-checkbox-ui i {
    color: #eee;
}

.cube-checkbox-group {
    z-index: 1;
    overflow: hidden;
    background-color: #fff;
}

.cube-checkbox-group .cube-checkbox:last-child .cube-checkbox-wrap:after,.cube-checkbox-group .cube-checkbox:last-child .cube-checkbox-wrap:before {
    display: none;
}

.cube-checkbox-group[data-col=true],.cube-checkbox-group[data-horz=true] {
    display: flex;
    padding-left: 0;
    position: relative;
    border-radius: 2px;
}

.cube-checkbox-group[data-col=true]:after,.cube-checkbox-group[data-horz=true]:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-checkbox-group[data-col=true]:after,.cube-checkbox-group[data-horz=true]:after {
        width: 200%;
        height: 200%;
        border-radius: 4px;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-checkbox-group[data-col=true]:after,.cube-checkbox-group[data-horz=true]:after {
        width: 300%;
        height: 300%;
        border-radius: 6px;
        transform: scale(.333);
    }
}

.cube-checkbox-group[data-col=true] .cube-checkbox,.cube-checkbox-group[data-horz=true] .cube-checkbox {
    flex: 1;
    flex-basis: 1e-9px;
    width: 1%;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.cube-checkbox-group[data-col=true] .cube-checkbox:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:after {
    border-color: #ccc;
}

.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:before,.cube-checkbox-group[data-horz=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:last-child:before {
    display: none;
}

.cube-checkbox-group[data-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui {
    position: relative;
    margin-left: .42em;
    order: 1;
}

.cube-checkbox-group[data-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-label,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label {
    margin-right: 0;
}

.cube-checkbox-group[data-col=true] .cube-checkbox-wrap,.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap {
    justify-content: center;
}

.cube-checkbox-group[data-col=true] {
    flex-wrap: wrap;
}

.cube-checkbox-group[data-col=true] .cube-checkbox {
    flex: 0 0 auto;
    box-sizing: border-box;
}

.cube-checkbox-group[data-col=true] .cube-checkbox:after {
    display: none;
}

.cube-checker-item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 8px 10px;
    margin-right: 10px;
    color: #666;
    background: #fff;
    border-radius: 4px;
    position: relative;
}

.cube-checker-item:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #fcfcfc;
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-checker-item:after {
        width: 200%;
        height: 200%;
        border-radius: 8px;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-checker-item:after {
        width: 300%;
        height: 300%;
        border-radius: 12px;
        transform: scale(.333);
    }
}

.cube-checker-item_active {
    color: #fc9153;
    background: rgba(252,145,83,.04);
    position: relative;
}

.cube-checker-item_active:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #fc9153;
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-checker-item_active:after {
        width: 200%;
        height: 200%;
        border-radius: 8px;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-checker-item_active:after {
        width: 300%;
        height: 300%;
        border-radius: 12px;
        transform: scale(.333);
    }
}

.cube-checker-item_active.cube-checker-item_disabled {
    background: #eee;
    position: relative;
}

.cube-checker-item_active.cube-checker-item_disabled:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-checker-item_active.cube-checker-item_disabled:after {
        width: 200%;
        height: 200%;
        border-radius: 8px;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-checker-item_active.cube-checker-item_disabled:after {
        width: 300%;
        height: 300%;
        border-radius: 12px;
        transform: scale(.333);
    }
}

.cube-checker-item_disabled {
    color: #ccc;
}

.cube-radio {
    position: relative;
    padding: 0 16px;
    text-align: left;
    font-size: 100%;
    color: #666;
}

.cube-radio[data-pos=right] .cube-radio-ui {
    margin-right: 0;
    position: absolute;
    right: 0;
}

.cube-radio[data-pos=right] .cube-radio-label {
    margin-right: 1.42em;
}

.cube-radio-wrap {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 11px 0;
    line-height: 1.5;
    word-break: break-word;
    word-wrap: break-word;
}

.cube-radio-input {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.cube-radio-ui {
    position: relative;
    width: 1em;
    height: 1em;
    margin-right: .42em;
    line-height: 1;
    color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    border-radius: 50%;
}

.cube-radio-ui:before,.cube-radio-ui i {
    transition: all .2s;
}

.cube-radio-ui:before {
    color: #ccc;
    display: inline-block;
    transform: scale(1.24);
}

.cube-radio-ui i {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: scale(.4);
}

.cube-radio-ui i:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    transform: translate(-50%,-50%) scale(.8);
    border-radius: 50%;
}

.cube-radio_selected .cube-radio-ui {
    background-color: #fc9153;
}

.cube-radio_selected .cube-radio-ui:before {
    color: rgba(0,0,0,0);
}

.cube-radio_selected .cube-radio-ui i {
    transform: scale(1);
}

.cube-radio_selected .cube-radio-ui i:before {
    background-color: #fff;
}

.cube-radio_disabled .cube-radio-ui {
    background-color: #eee;
}

.cube-radio_disabled .cube-radio-ui:before,.cube-radio_disabled .cube-radio-ui i {
    transition: none;
}

.cube-radio_disabled .cube-radio-ui:before {
    color: rgba(0,0,0,0);
}

.cube-radio-hollow.cube-radio_disabled .cube-radio-ui,.cube-radio-hollow.cube-radio_selected .cube-radio-ui {
    background-color: rgba(0,0,0,0);
}

.cube-radio-hollow.cube-radio_disabled .cube-radio-ui i:before,.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before {
    transform: translate(-50%,-50%) scale(1);
}

.cube-radio-hollow.cube-radio_selected .cube-radio-ui:before {
    color: #fc9153;
}

.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before {
    background-color: #fc9153;
}

.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before {
    color: #eee;
}

.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i:before {
    background-color: #eee;
}

.cube-radio-group {
    z-index: 1;
    overflow: hidden;
    background-color: #fff;
}

.cube-radio-group .cube-radio:last-child .cube-radio-wrap:after,.cube-radio-group .cube-radio:last-child .cube-radio-wrap:before {
    display: none;
}

.cube-radio-group[data-col=true],.cube-radio-group[data-horz=true] {
    display: flex;
    padding-left: 0;
    position: relative;
    border-radius: 2px;
}

.cube-radio-group[data-col=true]:after,.cube-radio-group[data-horz=true]:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-radio-group[data-col=true]:after,.cube-radio-group[data-horz=true]:after {
        width: 200%;
        height: 200%;
        border-radius: 4px;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-radio-group[data-col=true]:after,.cube-radio-group[data-horz=true]:after {
        width: 300%;
        height: 300%;
        border-radius: 6px;
        transform: scale(.333);
    }
}

.cube-radio-group[data-col=true] .cube-radio,.cube-radio-group[data-horz=true] .cube-radio {
    flex: 1;
    flex-basis: 1e-9px;
    width: 1%;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.cube-radio-group[data-col=true] .cube-radio:after,.cube-radio-group[data-horz=true] .cube-radio:after {
    border-color: #ccc;
}

.cube-radio-group[data-col=true] .cube-radio:last-child:after,.cube-radio-group[data-col=true] .cube-radio:last-child:before,.cube-radio-group[data-horz=true] .cube-radio:last-child:after,.cube-radio-group[data-horz=true] .cube-radio:last-child:before {
    display: none;
}

.cube-radio-group[data-col=true] .cube-radio[data-pos=right] .cube-radio-ui,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-ui {
    position: relative;
    margin-left: .42em;
    order: 1;
}

.cube-radio-group[data-col=true] .cube-radio[data-pos=right] .cube-radio-label,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-label {
    margin-right: 0;
}

.cube-radio-group[data-col=true] .cube-radio-wrap,.cube-radio-group[data-horz=true] .cube-radio-wrap {
    justify-content: center;
}

.cube-radio-group[data-col=true] {
    flex-wrap: wrap;
}

.cube-radio-group[data-col=true] .cube-radio {
    flex: 0 0 auto;
    box-sizing: border-box;
}

.cube-radio-group[data-col=true] .cube-radio:after {
    display: none;
}

.cube-rate-item {
    position: relative;
    width: 32px;
    flex: 0 1 auto;
    margin-right: 6px;
}

.cube-rate-item:after {
    content: "";
    display: block;
    padding: 50% 0;
}

.cube-rate-item:last-child {
    margin-right: 0;
}

.cube-rate-item .cube-rate-item-def {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAMFBMVEVHcEwKCgoAAAAAAAAAAAAAAADs7OzHx8fPz8+/v7+xsbHn5+fd3d2Ojo50dHTv7+9Zj2rbAAAAD3RSTlMAPRwMJzT0prObi+XNbmFgrPCwAAABcUlEQVQ4y2NgQABmAwbsgMUBh4TdYxwSHi3YxZnlP2K3hKX/B3ZLDP//F8Yq4f7/fwl2K/7/T8RqRf3//9+xWcL4////bwLYrfj/fxIWCTGQBBZLWOaDJH4qYFqRD5L4HYAhofkfDBahixuJQSS2KqOIugTe2g+R+L1W1AUqZ6QSeKsn/z8c/D6+VtQJKKf4qmb/fzTw+/g6IQaWZf+xgCxg2GjtxxT/DXIckwymxEGwPxXPo4v/EYJEhAS6RCM07g37UcV/wGKYORxVohSeWEznI4v/DEaESSSyxFSkwGJFsgUl3pnfIyT+IQcv03qExF8DlNSJZBRy7LIihdefALQ0BQMoacsW2bmPMVMCZnrwQZZoQU+F/79BYn4ruv9+T40EO+4jmv++TVRgksxH9SHIf0BxoAqQDJIPWYGRWwgOOxZxoA8dkP1XCOUBZZB8aPu/0RnGNpFA8qEmQhwkg/ChrzNyHJhcgTOdUbOECYgAAB+uqs2bNe9mAAAAAElFTkSuQmCC);
}

@media (min-resolution:3dppx) {
    .cube-rate-item .cube-rate-item-def {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAKlBMVEVHcEwAAAAAAAAAAAAAAACTk5MAAACurq7Y2Njp6enJyclkZGTi4uLv7+8hQUTcAAAADXRSTlMAPAgXJnIyiMTpqVnY02GtrgAAAjBJREFUSMeNlT1r21AUhhVJePaxI8mOU7BIyGw1+QG1h+6aSgKBKvQPeOgS8OAxUA8ZOhUPHro1g8dSOmQLAQ8ZjD+i81+ij1zbuufqHp9FID1cXr3nPecahlxm2+Cr8mkPyK/tAUWHPGMC8KJsr8+L8pv3vKjuYHHISxrHrCjbQ2RF+ceIjzVWEuK8zkmaIS6Bl4QYdlhJiMOqFgquU4gRBaMUWro6xnIQWVEHjRyafGUlMaJySYhrl5ekFVVpCEgjSkhCfC0VZUYPAlq7ykyZ559hIwlxCt/O25QAaA220GKavNjlcuL2Dgv19HvLnWTE1Q9U1NP3jPtoBND68gfLavWccPUki9eorXk6PL4z1jGrsJa5c6mDfuaOnbU0R62mN+9G/y2Hfgnr7XSO1BXDZpq7jTJouF0etgibXAvYWQuBp4b6u4mxYKA+qBBQ9VH9YvSUR81BSrrvlDSkuHNIn+c0wmdHRNGNZuY2MaezYJH/UwyoTVozoUu40iR9o5D/X4ZeqpoR34w6XefdB9I5ug8iErwlvYiAppJsMrNFG0xuK0uRFeKmfUShSafUy3hW6qb/Qey40BFm3FdLvFyHbiQo4maQf1iGbseKnJHazWgkmORP36m17CaMMyaPvgUZJbuZeRmHYjwSakbdTL3cMungezPiZuJl3IfezgvwxrKbleNVgTGM04SS3DxoSkxGSW76ocyk1L+imwFlUqroZrenupQuim721JfbRf54A8ViFVlFJj3TAAAAAElFTkSuQmCC);
    }
}

.cube-rate-item_active .cube-rate-item-def {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAJFBMVEVHcEz/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyo0hoAbAAAAC3RSTlMAEvU4iqG84yZcczQTTY8AAAE1SURBVDjLdZMxS0MxFIVTrLV1KqIOdlFclCwiKKiLXVy6tLgUXFp06+IouLiog0vRP6CzW6w+9fy5Nsl7zUne7R1COB/h5lzOVSrU0oGSqzZYAM6+FoDRt6zXgQcRLANdEbwAeyK4AsQmdQ2YptwCOBfAmgU7AuhYMCnrFW2B0KQKV+9yC+BWbgH8px1OtQfZG3WpnFzcY17ZjWexSqwDsSZ+EuXqKvmJncCqBJzP17K+737b0Kluxt7HYQp2iwQmRrJ5WJ5jcBdmEj35oWltMhhyzhlwHBsMxml0iuIIrTDgLWkx2OaVYcDr88mA8zBiwJGP5ptFS+aUfDLNxJ/52NKJQ5db01ZqXccOa7mekwEH2vT8dUOzw5m/fnF/BH7JXz988Ql/YZGvOfnHweFlvBNH9pgCV3Bgd1Nc2dwAAAAASUVORK5CYII=);
}

@media (min-resolution:3dppx) {
    .cube-rate-item_active .cube-rate-item-def {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAIVBMVEVHcEz/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyphOT3KAAAACnRSTlMA8hEp2nqcukNd0IJt/AAAAbFJREFUSMeNlbtLw1AUxkPqo3USXfROFXxApwpSwUkcOmQKTrVTqYLSSaw4ZGqHKjhlcXELTR+ev9K0aXJz7z3nnnxLafgN3/3Oy3F0VUcOr93XEtDNtAQULHimAtBkoR2AHm8JgDc1AJiXsARRnbfEmzpZQQe8JYCZnXEF8Ka2YS2ft8SZ6qbQH28pMVXCEkDIWwK45S1ZTbleBsU0VINc9DRsSYg29SuhJdlLnoQWaKNXft6hqKj9oHGVyZMAQ1G7k3Pu5BkhNtxHZ9U2FiLnnDGwOnKqgmOiJNhLDjrU0sEUr194aofu0ggCG7PYTM6FDXpTJhLXXF0AuHpI2+qaYVOiKyTarahjdcMLqiBFjamCUK2rFqSoK6ogiisTatK7wjagSOq+bXozmTetYUL7thHPNKVXk5S5pAJbL2VCihdj18lQnV5ydJpoB/t8lmaaDQzS0/yWb/LINPMs47DmUWkGOZO81CPSFJKRVIxmGd2nf88ElmZNYXJqZGYpmYzyjSyjfvHLuTDS3Eu+9FWbLSPNJMtHvTFaeppdGJrn5lpLczDEjtKXmuYLftw+059/YvfX8rOws8kAAAAASUVORK5CYII=);
    }
}

.cube-rate {
    list-style: none;
    display: inline-flex;
    vertical-align: top;
    flex-wrap: nowrap;
    max-width: 100%;
}

.cube-rate-justify {
    width: 100%;
    justify-content: space-between;
}

.cube-select {
    box-sizing: border-box;
    padding: 10px 20px 10px 10px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1.429;
    color: #666;
    background-color: #fff;
    position: relative;
}

.cube-select:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-select:after {
        width: 200%;
        height: 200%;
        border-radius: 4px;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-select:after {
        width: 300%;
        height: 300%;
        border-radius: 6px;
        transform: scale(.333);
    }
}

.cube-select>span {
    display: inline-block;
}

.cube-select_active {
    position: relative;
}

.cube-select_active:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #fc9153;
    border-radius: 2PX;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-select_active:after {
        width: 200%;
        height: 200%;
        border-radius: 4PX;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-select_active:after {
        width: 300%;
        height: 300%;
        border-radius: 6PX;
        transform: scale(.333);
    }
}

.cube-select_active .cube-select-icon {
    transform: translateY(-50%) rotate(180deg);
}

.cube-select_disabled {
    color: #b8b8b8;
    background-color: rgba(0,0,0,.04);
    cursor: not-allowed;
}

.cube-select-placeholder {
    color: #ccc;
}

.cube-select-icon {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border-color: #999 rgba(0,0,0,0) rgba(0,0,0,0);
    border-style: solid;
    border-width: 4px 4px 0;
    transition: transform .3s ease-in-out;
}

.cube-switch {
    display: flex;
    position: relative;
    align-items: center;
}

.cube-switch .cube-switch-input {
    position: absolute;
    z-index: 1;
    width: 48px;
    height: 28px;
    opacity: 0;
}

.cube-switch .cube-switch-input:checked+.cube-switch-ui {
    border-color: #fc9153;
    background-color: #fc9153;
}

.cube-switch .cube-switch-input:checked+.cube-switch-ui:before {
    transform: scale(0);
}

.cube-switch .cube-switch-input:checked+.cube-switch-ui:after {
    transform: translateX(20px);
}

.cube-switch .cube-switch-input:disabled+.cube-switch-ui {
    opacity: .3;
}

.cube-switch .cube-switch-ui {
    position: relative;
    display: block;
    width: 48px;
    height: 28px;
    box-sizing: content-box;
    border: 1px solid #e4e4e4;
    border-radius: 28px;
    background-color: #e4e4e4;
}

.cube-switch .cube-switch-ui:after,.cube-switch .cube-switch-ui:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 28px;
    background-color: #fff;
    transition: transform .4s cubic-bezier(.25,.1,.25,1.28);
}

.cube-switch .cube-switch-ui:after {
    width: 28px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

.cube-switch .cube-switch-label {
    display: block;
    margin-left: 10px;
}

.cube-switch .cube-switch-label:empty {
    margin-left: 0;
}

.cube-textarea-wrapper {
    transition: height .2s;
    height: 40px;
    font-size: 14px;
    line-height: 1.429;
    position: relative;
}

.cube-textarea-wrapper textarea::-webkit-input-placeholder {
    color: #ccc;
    text-overflow: ellipsis;
}

.cube-textarea-wrapper:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #ebebeb;
    border-radius: 2PX;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-textarea-wrapper:after {
        width: 200%;
        height: 200%;
        border-radius: 4PX;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-textarea-wrapper:after {
        width: 300%;
        height: 300%;
        border-radius: 6PX;
        transform: scale(.333);
    }
}

.cube-textarea_expanded {
    height: 80px;
}

.cube-textarea_active {
    position: relative;
}

.cube-textarea_active:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #fc9153;
    border-radius: 2PX;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-textarea_active:after {
        width: 200%;
        height: 200%;
        border-radius: 4PX;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-textarea_active:after {
        width: 300%;
        height: 300%;
        border-radius: 6PX;
        transform: scale(.333);
    }
}

.cube-textarea-indicator {
    position: absolute;
    bottom: 7px;
    right: 10px;
    color: #ccc;
}

.cube-textarea {
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
    font-size: 100%;
    line-height: inherit;
    color: #666;
    background-color: #fff;
    border-radius: 2px;
    resize: none;
    border: none;
    outline: none;
}

.cube-upload-btn {
    position: relative;
    overflow: hidden;
}

.cube-upload-btn:active .cube-upload-btn-def {
    background-color: rgba(0,0,0,.04);
}

.cube-upload-input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    font-size: 0;
    opacity: 0;
}

.cube-upload-btn-def {
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 0 6px 2px rgba(0,0,0,.08);
    border-radius: 2px;
    position: relative;
}

.cube-upload-btn-def:after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (min-resolution:2dppx) {
    .cube-upload-btn-def:after {
        width: 200%;
        height: 200%;
        border-radius: 4px;
        transform: scale(.5);
    }
}

@media (min-resolution:3dppx) {
    .cube-upload-btn-def:after {
        width: 300%;
        height: 300%;
        border-radius: 6px;
        transform: scale(.333);
    }
}

.cube-upload-btn-def>i:after,.cube-upload-btn-def>i:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    transform: translate(-50%,-50%);
    background-color: #666;
}

.cube-upload-btn-def>i:after {
    transform: translate(-50%,-50%) rotate(90deg);
}

.cube-upload-file {
    position: relative;
}

.cube-upload-file-def {
    position: relative;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    background: #fff no-repeat 50%;
    background-size: cover;
    border-radius: 2px;
}

.cube-upload-file-def>.cubeic-wrong {
    position: absolute;
    z-index: 2;
    top: -2px;
    right: -2px;
    color: rgba(0,0,0,.8);
    font-size: 16px;
    background-color: #fff;
    border-radius: 50%;
}

.cube-upload-file-def>.cubeic-wrong:before {
    display: inline-block;
    transform: scale(1.625);
    transform-origin: center;
}

.cube-upload-file-state {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    opacity: 0;
    background-color: rgba(37,38,45,.4);
    border-radius: 2px;
    transition: opacity .1s;
}

.cube-upload-file-state:before {
    content: ".";
    position: relative;
    left: -50%;
    display: block;
    width: 1px;
    height: 1px;
    margin-left: -1px;
    background-color: rgba(0,0,0,.1);
}

.cube-upload-file_stat {
    opacity: 1;
}

.cube-upload-file-status {
    position: relative;
    z-index: 1;
    font-size: 30px;
    display: none;
}

.cube-upload-file-status.cubeic-right {
    display: block;
    color: #fc9153;
}

.cube-upload-file-status.cubeic-warn {
    display: block;
    color: #f43530;
}

.cube-upload-file-status.cubeic-right:after,.cube-upload-file-status.cubeic-warn:after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: .56em;
    height: .56em;
    border-radius: 50%;
    background-color: #fff;
}

.cube-upload-file-status.cubeic-right+.cube-upload-file-progress,.cube-upload-file-status.cubeic-warn+.cube-upload-file-progress {
    display: none;
}

.cube-upload-file-progress {
    color: #fff;
    font-size: 20px;
}

.cube-upload {
    position: relative;
}

.cube-upload-def {
    margin-right: -10px;
}

.cube-upload-def .cube-upload-btn,.cube-upload-def .cube-upload-file {
    float: left;
    margin: 0 10px 10px 0;
}

.cube-scroll-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.cube-scroll-list-wrapper {
    overflow: hidden;
}

.cube-pulldown-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all;
}

.cube-pulldown-wrapper .before-trigger {
    height: 54px;
    line-height: 0;
    padding-top: 6px;
}

.cube-pulldown-wrapper .after-trigger .loading {
    padding: 8px 0;
}

.cube-pulldown-wrapper .after-trigger .cube-pulldown-loaded {
    padding: 12px 0;
}

.cube-pullup-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cube-pullup-wrapper .before-trigger {
    padding: 22px 0;
    min-height: 1em;
}

.cube-pullup-wrapper .after-trigger {
    padding: 19px 0;
}

.cube-scroll-content {
    position: relative;
    z-index: 1;
}

.cube-scroll-item {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    padding-left: 20px;
}

.cube-drawer-item {
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
}

.cube-drawer-item:after {
    left: 20px;
}

.cube-drawer-item:last-child:after {
    display: none;
}

.cube-drawer-item:first-child:after {
    display: block;
}

.cube-drawer-item_active {
    background: rgba(0,0,0,.04);
}

.cube-drawer-panel {
    position: relative;
    z-index: 1;
    flex: 1;
    width: 170px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.cube-drawer-panel+.cube-drawer-panel {
    margin-left: -67px;
}

.cube-drawer-panel:first-child {
    box-shadow: none;
}

.cube-drawer-scroll-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cube-drawer-move-enter,.cube-drawer-move-leave-to {
    transform: translate(67px);
}

.cube-drawer-move-enter-active,.cube-drawer-move-leave-active {
    transition: transform .3s ease-in-out;
}

.cube-drawer {
    z-index: 5;
    right: 0;
    left: 0;
    color: #333;
}

.cube-drawer,.cube-drawer-main {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.cube-drawer-main {
    left: 100%;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    transform: translateZ(0);
    transition: transform .3s ease-in-out;
    box-shadow: -2px 0 2px rgba(0,0,0,.2);
}

.cube-drawer-title {
    position: relative;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    background-color: #fff;
}

.cube-drawer-panels {
    display: flex;
    flex: 1;
}

.cube-picker-fade-enter,.cube-picker-fade-leave-active {
    opacity: 0;
}

.cube-picker-fade-enter-active,.cube-picker-fade-leave-active {
    transition: all .3s ease-in-out;
}

.cube-picker-panel {
    height: 273px;
    text-align: center;
    font-size: 14px;
    background: #fff;
}

.cube-picker-move-enter,.cube-picker-move-leave-active {
    transform: translate3d(0,100%,0);
}

.cube-picker-move-enter-active,.cube-picker-move-leave-active {
    transition: all .3s ease-in-out;
}

.cube-picker-choose {
    position: relative;
    height: 60px;
}

.cube-picker-cancel,.cube-picker-confirm {
    line-height: 60px;
    padding: 0 16px;
    box-sizing: content-box;
    font-size: 14px;
}

.cube-picker-confirm {
    position: absolute;
    right: 0;
    color: #fc9153;
}

.cube-picker-confirm:active {
    color: #fdc2a5;
}

.cube-picker-cancel {
    position: absolute;
    left: 0;
    color: #999;
}

.cube-picker-cancel:active {
    color: #ccc;
}

.cube-picker-title-group {
    padding: 0 60px;
    display: flex;
    height: 100%;
    flex-flow: column;
    justify-content: center;
    text-align: center;
}

.cube-picker-title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #333;
}

.cube-picker-subtitle {
    margin-top: 2px;
    line-height: 16px;
    font-size: 12px;
    color: #999;
}

.cube-picker-content {
    position: relative;
    top: 20px;
}

.cube-picker-content>i {
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
    height: 68px;
    pointer-events: none;
    transform: translateZ(0);
}

.cube-picker-content>.border-bottom-1px {
    top: 0;
    background: linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));
}

.cube-picker-content>.border-top-1px {
    bottom: 0;
    background: linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));
}

.cube-picker-wheel-wrapper {
    display: flex;
    padding: 0 16px;
}

.cube-picker-wheel-wrapper>div {
    flex: 1;
    flex-basis: 1e-9px;
    width: 1%;
    height: 173px;
    overflow: hidden;
    font-size: 20px;
}

.cube-picker-wheel-scroll {
    padding: 0;
    margin-top: 68px;
    line-height: 36px;
    list-style: none;
}

.cube-picker-wheel-item {
    list-style: none;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
}

.cube-picker-footer {
    height: 20px;
}

.cube-index-list-item-def {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    font-size: 14px;
    color: #333;
}

.cube-index-list-item-def:last-child:after,.cube-index-list-item-def:last-child:before {
    display: none;
}

.cube-index-list-item_active {
    background: rgba(0,0,0,.04);
}

.cube-index-list {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.cube-index-list .cube-scroll-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.cube-index-list-content {
    background: #fff;
    border-radius: 2px;
}

.cube-index-list-title {
    padding: 14px 16px;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

.cube-index-list-anchor {
    padding: 16px 16px 10px;
    line-height: 1;
    font-size: 14px;
    color: #999;
    background: #f7f7f7;
}

.cube-index-list-fixed {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.cube-index-list-nav {
    position: absolute;
    z-index: 30;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: Helvetica;
}

.cube-index-list-nav>ul {
    padding: 0;
    margin: 0;
}

.cube-index-list-nav>ul>li {
    padding: 6px 16px 0;
    line-height: 1;
    text-align: center;
    font-size: 12px;
    color: #666;
}

.cube-index-list-nav>ul>li.active {
    color: #fc9153;
}

@media (max-height:480px) {
    .cube-index-list-nav>ul>li {
        padding-top: 3px;
    }
}

.cube-form-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.cube-form-item:last-child:after {
    display: none;
}

.cube-form-item .cube-checkbox-group,.cube-form-item .cube-radio-group {
    background-color: rgba(0,0,0,0);
}

.cube-form-item .cube-checkbox,.cube-form-item .cube-radio {
    padding-left: 0;
    padding-right: 0;
}

.cube-form-item_btn {
    margin: 15px 0;
}

.cube-form-item_btn:after {
    display: none;
}

.cube-form-label {
    display: flex;
    align-items: center;
    word-wrap: break-word;
    word-break: break-word;
}

.cube-form-item_required .cube-form-label:before {
    content: "*";
    display: block;
    margin-top: 1px;
    margin-right: .3em;
    color: #e64340;
}

.cube-form-group {
    overflow: hidden;
}

.cube-form-group-legend {
    font-size: 14px;
    color: #999;
    background-color: #f3f4f5;
}

.cube-form {
    position: relative;
    font-size: 16px;
    line-height: 1.429;
    color: #666;
    background-color: #fff;
}

.cube-form_groups .cube-form-group-legend {
    padding: 10px 15px;
}

.cube-form_groups .cube-form-group-legend:empty {
    padding-top: 5px;
    padding-bottom: 5px;
}

.cube-form_standard .cube-form-item {
    min-height: 46px;
}

.cube-form_standard .cube-form-field {
    flex: 1;
    font-size: 14px;
}

.cube-form_standard .cube-validator {
    display: flex;
    align-items: center;
    position: relative;
}

.cube-form_standard .cube-validator_invalid {
    color: #e64340;
}

.cube-form_standard .cube-validator-content {
    flex: 1;
}

.cube-form_standard .cube-validator-msg-def {
    font-size: 0;
}

.cube-form_standard .cube-validator_invalid .cube-validator-msg:before {
    content: "\e614";
    padding-left: 5px;
    font-family: cube-icon!important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

.cube-form_standard .cube-form-label {
    width: 100px;
    padding-right: 10px;
}

.cube-form_standard .cube-checkbox-group:after,.cube-form_standard .cube-checkbox-group:before,.cube-form_standard .cube-radio-group:after,.cube-form_standard .cube-radio-group:before {
    display: none;
}

.cube-form_standard .cube-input input {
    padding: 13px 0;
    background-color: rgba(0,0,0,0);
}

.cube-form_standard .cube-input:after {
    display: none;
}

.cube-form_standard .cube-textarea-wrapper {
    padding: 13px 0;
    height: 20px;
}

.cube-form_standard .cube-textarea-wrapper.cube-textarea_expanded {
    height: 60px;
    padding-bottom: 20px;
}

.cube-form_standard .cube-textarea-wrapper.cube-textarea_expanded .cube-textarea-indicator {
    bottom: 2px;
}

.cube-form_standard .cube-textarea-wrapper .cube-textarea {
    padding: 0;
    background-color: rgba(0,0,0,0);
}

.cube-form_standard .cube-textarea-wrapper:after {
    display: none;
}

.cube-form_standard .cube-select {
    padding-left: 0;
    background-color: rgba(0,0,0,0);
}

.cube-form_standard .cube-select:after {
    display: none;
}

.cube-form_standard .cube-upload-def {
    padding: 5px 0;
}

.cube-form_standard .cube-upload-def .cube-upload-btn,.cube-form_standard .cube-upload-def .cube-upload-file {
    margin: 5px 10px 5px 0;
}

.cube-form_classic .cube-form-item {
    display: block;
    padding: 15px;
}

.cube-form_classic .cube-form-item:last-child {
    padding-bottom: 30px;
}

.cube-form_classic .cube-form-item:after {
    display: none;
}

.cube-form_classic .cube-form-item .cube-validator-msg {
    position: absolute;
    margin-top: 3px;
}

.cube-form_classic .cube-form-item .cube-validator-msg:before {
    display: none;
}

.cube-form_classic .cube-form-item .cube-validator-msg-def {
    font-size: 12px;
}

.cube-form_classic .cube-form-item_btn {
    padding-top: 0;
    padding-bottom: 0;
}

.cube-form_classic .cube-form-item_btn:last-child {
    padding-bottom: 0;
}

.cube-form_classic .cube-form-label {
    padding-bottom: 15px;
}

.cube-form_fresh .cube-form-item {
    display: block;
    padding: 2em 15px 10px;
}

.cube-form_fresh .cube-form-item:after {
    display: none;
}

.cube-form_fresh .cube-form-item .cube-validator-msg {
    position: absolute;
    top: 1em;
    right: 15px;
    bottom: auto;
    margin-top: -.4em;
    font-size: 12px;
}

.cube-form_fresh .cube-form-item .cube-validator-msg:before {
    display: none;
}

.cube-form_fresh .cube-form-item .cube-validator-msg-def {
    font-size: 100%;
}

.cube-form_fresh .cube-form-item_btn {
    padding-top: 0;
    padding-bottom: 0;
}

.cube-form_fresh .cube-form-item_btn:last-child {
    padding-bottom: 0;
}

.cube-form_fresh .cube-form-label {
    position: absolute;
    top: 1em;
    margin-top: -.4em;
    font-size: 12px;
}

.cube-dialog-main {
    width: 270px;
    padding: 0;
    text-align: center;
    overflow: hidden;
    border-radius: 2px;
    background-color: #fff;
}

.cube-dialog-alert,.cube-dialog-confirm {
    position: relative;
    overflow: hidden;
}

.cube-dialog-icon {
    margin-top: 20px;
    margin-bottom: 16px;
    line-height: 1;
    color: #4a4c5b;
    font-size: 30px;
}

.cube-dialog-icon i {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 10px;
    box-sizing: content-box;
    border-radius: 50%;
    background-color: #f3f4f5;
}

.cube-dialog-icon+.cube-dialog-title .cube-dialog-title-def {
    margin-top: 0;
}

.cube-dialog-icon+.cube-dialog-content {
    margin-top: -4px;
}

.cube-dialog-title {
    color: #333;
    font-size: 16px;
    line-height: 1;
}

.cube-dialog-title+.cube-dialog-content {
    margin-top: 12px;
}

.cube-dialog-title-def {
    margin: 30px 16px 0;
    overflow: hidden;
    white-space: nowrap;
}

.cube-dialog-content {
    margin: 16px 0;
    text-align: left;
    color: #666;
    font-size: 14px;
    line-height: 22px;
}

.cube-dialog-content-def {
    padding: 0 16px;
}

.cube-dialog-content-def>p {
    display: table;
    margin: auto;
}

.cube-dialog-content-def>p+.cube-input {
    margin-top: 12px;
}

.cube-dialog-confirm .cube-dialog-btns .cube-dialog-btn,.cube-dialog-prompt .cube-dialog-btns .cube-dialog-btn {
    width: 50%;
    float: left;
}

.cube-dialog-confirm .cube-dialog-btns.border-right-1px:after,.cube-dialog-prompt .cube-dialog-btns.border-right-1px:after {
    right: 50%;
    border-color: #ebebeb;
}

.cube-dialog-close {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    color: #999;
    font-size: 18px;
}

.cube-dialog-btns {
    overflow: hidden;
    width: 100%;
    font-size: 0;
}

.cube-dialog-btn {
    display: inline-block;
    width: 100%;
    padding: 17px 10px;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: #999;
    background-color: #fff;
    background-clip: padding-box;
    box-sizing: border-box;
}

.cube-dialog-btn:active {
    background-color: rgba(0,0,0,.04);
}

.cube-dialog-btn_highlight {
    color: #fc9153;
}

.cube-dialog-btn_highlight:active {
    background-color: rgba(252,145,83,.04);
}

.cube-dialog-btn_disabled {
    color: #999;
}

.cube-dialog-btn_disabled:active {
    background-color: rgba(0,0,0,0);
}

.cube-dialog-fade-enter-active {
    animation: dialog-fadein .4s;
}

.cube-dialog-fade-enter-active .cube-dialog-main {
    animation: dialog-zoom .4s;
}

@-moz-keyframes dialog-fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes dialog-fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes dialog-fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes dialog-fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes dialog-zoom {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.1);
    }

    to {
        transform: scale(1);
    }
}

@-webkit-keyframes dialog-zoom {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.1);
    }

    to {
        transform: scale(1);
    }
}

@-o-keyframes dialog-zoom {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.1);
    }

    to {
        transform: scale(1);
    }
}

@keyframes dialog-zoom {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.1);
    }

    to {
        transform: scale(1);
    }
}

*,:after,:before {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
    margin: 0;
    padding: 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

body,button,input,select,textarea {
    font: .32rem/1.5 tahoma,arial,\5b8b\4f53;
}

input,select,textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: inherit;
}

fieldset,img {
    border: 0;
}

iframe {
    display: block;
}

abbr,acronym {
    border: 0;
    font-variant: normal;
}

del {
    text-decoration: line-through;
}

address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: 500;
}

ol,ul {
    list-style: none;
}

caption,th {
    text-align: left;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 500;
}

q:after,q:before {
    content: "";
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

a {
    outline: none;
}

a,ins {
    text-decoration: none;
}

em,i {
    font-style: normal;
}

img {
    box-sizing: border-box;
    vertical-align: middle;
    border: 0;
}

html {
    font-size: .266667rem;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    position: relative;
    background: #fff;
    font-family: Microsoft YaHei,Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
    font-size: 1.6rem;
    -webkit-font-smoothing: antialiased;
}

.ellipsis {
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.hy-cf:after,.hy-cf:before {
    content: " ";
    display: table;
}

.hy-cf:after {
    clear: both;
}

.hy-fl {
    float: left;
}

.hy-fr {
    float: right;
}

.cube-dialog-main {
    width: auto;
    overflow: initial;
    background: rgba(0,0,0,0);
}

.cube-dialog-confirm {
    width: 7.2rem;
}

.cube-dialog-confirm .border-right-1px:after {
    height: 6rem;
}

.my-content {
    background: #fff;
    border-radius: .213333rem;
}

.cube-dialog-btns {
    overflow: visible;
}

.cube-dialog-alert {
    overflow: initial;
}

.cube-dialog-alert .cube-dialog-btn {
    width: .746667rem;
    height: .746667rem;
    background: url("data:image/png;base64,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");
    background-size: 100%;
    font-size: 0;
    padding: 0;
}

.cube-dialog-alert .border-top-1px:before {
    border: none;
}

.cube-dialog-confirm {
    background: #fff;
}

.form-wrap {
    width: 8.5rem;
    position: relative;
    margin: 0 auto;
}

.form-wrap .tit {
    font-size: .426667rem;
    padding: .666667rem 0 .266667rem;
}

.form-wrap .tit .mobile-mask {
    color: #ffa200;
}

.form-wrap .cube-btn-primary {
    height: 1.2rem;
    margin: .666667rem 0 .4rem;
    font-size: .453333rem;
    line-height: 1.2rem;
    text-align: center;
    color: #fff;
    border-radius: 2.666667rem;
    background: #9E39AC;
    padding: 0;
    font-family: PingFangSC-Regular;
}

.form-wrap .cube-btn-primary:active {
    opacity: .6;
}

.form-wrap .cube-btn-outline {
    height: 1.2rem;
    margin: .666667rem 0 .4rem;
    font-size: .453333rem;
    line-height: 1.2rem;
    text-align: center;
    border-radius: 2.666667rem;
    color: #555;
    padding: 0;
    font-family: PingFangSC-Regular;
}

.form-wrap .cube-btn-outline:active {
    opacity: .6;
}

.form-wrap .cube-btn-outline:after {
    border-radius: 2.666667rem;
}

.form-wrap .cube-btn-outline-primary {
    background: rgba(0,0,0,0);
    color: #555;
}

.form-wrap .cube-btn-outline-primary:after {
    border-radius: 2.666667rem;
}

.form-wrap .cube-btn_disabled {
    background: #ffa200;
    opacity: .3;
}

.form-wrap .cube-btn_disabled:after {
    border: none;
}

.form-wrap .form-footer {
    text-align: center;
    font-size: .32rem;
}

.form-wrap .form-footer a {
    color: #45a3f2;
}

.form-wrap .form-result {
    padding: 2.666667rem 0 1.066667rem;
    text-align: center;
}

.form-wrap .form-result .success-icon {
    width: 4.24rem;
    height: 2.72rem;
    margin: 0 auto .266667rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAT4AAADMCAYAAADqFc+WAAAAAXNSR0IArs4c6QAAJN9JREFUeAHtnQmcFMXVwF/17OzBXhzLIcipBiIeKIvmM+KB4hH1EzERxKgx4dMvxiOHFyq63gfGC49PYhIRIWoiakQjqEQFTYRFiYqBgAKrIDe7Owt7zEzX997swR7dPT3dPTN9vOI3v+2p89W/ah7V9eoAYMcEmAATYAJMgAkwASbABJgAE2ACTIAJMAEmwASYABNgAkyACTABJsAEmAATYAJMgAkwASbABJgAE2ACTIAJMAEmwASYABNgAkyACTABJsAEmAATYAJMgAkwASbABJgAE2ACTIAJMAEmwASYABNgAl0JiK5e7MMEzBOokCfkwKbPh6nx+HApxXAQ8iAA2VOAKMZciiV+hJTFUtBfID/A5wg+R6QQEeyAEfSKSJD4V+zCwLVCyDVKKLQGBhzyVYV4N0Zp2DEBJwmw4nOSps/zmrGlb+GeaHSsqsrjsKoHSwkjUI0Nw+dwmqoeRWX4lRCwGvP/QlHE+4Xh8JJr+23dk6byONuAEGDFF5CGtlLNR+WBeTs2VR8DqnoiSDlOSnkU5pMuJWdWxKgQYhkIsRgU5e9lA7p/eJVY12g2McdjAkSAFR/3gw4EaFQXaWyciF3jApBwPL6C5neI4LIv+ErdgL34PRx5zi3Oy5vPo0GXNZBLxWHF59KGyaRYFbJCgaqZ4+KgXojlnouju8JMlu9YWULQK/BLIVDmwKArF1eICtWxvDkjXxFgxeer5kytMnds6Ds0KpouQwPEj1HZDUgttctjC7EJO/dzYZn71PQhW9e7XFoWL8MEWPFlGLgbiqvY3GtEPKpOEyCnoIEixw0ypUsGNIzEJIh5obByT0X/nWQkYccEeI4vSH2g4pveo+Lx6E34v91EVHhKkOqOClDFke38UCh8V8X+21cGqe5c164EeMTXlYnvfKZvLBstIH4bWmXP8F3lLFQIrcKvSwjdesfgHSssJOckPiDAis8HjahXhXs2DurRAJG70TJ7adBGeHpMWv1pBIgW4Vn5UHzjtMFVu1v9+W8wCLDi82E748hO3PZ12cVxNX4/Vq+3D6voZJW2h5TQdbcO3DEbR4L4NswuCARY8fmslW//usehMRWeROX3fZ9VLa3VQaX3QY4CP79l4O7P0loQZ+4KAqz4XNEM9oV4Uf4o9PnGt2/DvbLX+91Sa5+Wdg5kAca9wvcdMvjkW88Tf45rx2JfPxBgxeeDVrzz614DmlT1TzjKG+uD6mS9Cjj6W5KrKOffPHDnpqwLwwKkhQArvrRgzVymFV/3PE1V1Tk4yivLXKn+LwlHfzsURbmwYuCuN/1f2+DVkBWfR9ucjoOSVf+6QwV5Pe6p5XZMRzviCm8FxH1i0OHT+XisdADOXp78g8kee8sl3/3NgF4N8b2v4KvtsZYz4YSmCeCr79L8ULcJN+6/aafpRBzR1QRY8bm6eboKV7G5xyC1CRbi2jw8C49dpgjgmr/VSi6cWtF/d1WmyuRy0keAFV/62Dqe8+0be46MglzouwMFHCeVpgzx4IMwiFNvGbxrVZpK4GwzRIAVX4ZA2y1m+sYeuC5PvobzeT3s5sXpbRAQgLs8xFl3DN79gY1cOGmWCTiu+GTtirEg1Wuxc5Q3101WglBmiJLRS8zUVdZWHosjmub0UvY3k8Y3cYT4FpVbJSihB0Txke+31uuWjT3Owi0FLyCXglY//ptFAkLU4w9n0u2Dd7+WRSm4aBsEHFV8snrFjbiA9k78gXbMVwg0Porpovvou41kldWV09A+SekDdXJIFybNW6duEaXld5LSQ2U4nxcld6GUVY/EYmcQE1n5ZbUZLBfeUUFZzgZ/momRnnxXV2mR8hPiBL2RX9L0NmTzZFJUfm82PHXFhw1/eYBHei5tQRz5oWTj+bXXpe1jIJZzIyt6vTUaqVFY4hVYR5pk6XWS+dV7e2y9qGxc8BArPRe3cGLqQb5GRicXS8miaRBwTvG1zelplNLm1Trv1+bR7sEorF20ADzWqNtg9p5p0KTW5wagut6uIhqbyNJOy4y8XZFgSe+g4gsWuHTVtl7WwrN1N0CtuiNdRXC+ThPA+0pobSUtLHc6a84vPQQcVHxojUzqjOIYhSXN2BcRVIjDvD23wnb1a1/UJ0iVoAXltJuGthIGqd5eratzig+XrKDxQv86v4RxA+PoOVzCgekDfRDk4vpnYGPscz1C7O9yArSFkPZPu1xMFg8JOKb4EtZaKW/RVH6ty1kM1vK1rFuj9IFUfutiy2FJ4/PcKT1OgA6NoBNzPF4N34vv2HKWVlK2FzBHPj4O1Pg1iQXQUu7Xmq+f/0ZwPu+JyGWwB+f32HmfAB1plauERvF5fu5tS8cVn3urak8yKVcVQSTaH2SsHLeNTcCF1hNwqUnYXq64/hFU+GPdNbAhxiee22XppvRDcg6FS4pw9sa5lyo3Vc+KLBGEgTuTxHJQ5CtQJF4VojxqJaPWNFJWhqGm5bcIEn+Xonmnl5CbsZxK/HG9AqXwilY5rPhaKab4F3eZHIBJcM5SnpNi0g7R36n/I7zXOK+DH3/xB4Hj86bASQWX+KMyTtdCiHWoCK8VJeWvWMka3yzPwYHHDPzQ71DfCfElTp9hOaNfbh/JsTm+9pkG4Vl0L/8SPxPxP/TrNec1TUDYFl8PSxtfMBGTo3iRALUttTE7DQJSHohXvL+M21zvQ6OQaT1EcWX18vtBVecnVXpULClGjEtp2pdjukAN0dkLCYiSMffj/uRpVmC8Vv8ILmDhO22ssPNCGmpbamN2RgTU66Dm43uMYnQIq6m8F7/jISYpu2uhOW0iISu+lPl1TZBQfiBSGrKvbFqES1f4WLeuNP3lQ21Mbc3OiIB6HZ7KNMEoBoUlXm+tKb3WrK9tyYNnXluJOPD3GnzlNTVZ2yDrYGH9LAeK5Cy8QIDamtqcnQEBCQ8kjBU6URJhNKdn12EelBeP+OyCbElPc34JK5KJ/N6u/z0uXakxEZOj+IEAtTW1OTsDAjQXRxZaPUdhyQwZemnb+7eUw4qvPRS7zwLN50nc5vhaqGx6PUksDvYbAWpzant2BgRoiZieMwrTS6Pnj3mx4tODY8Vf5CTdr/z3htm4ci+Qm1OsEPVNGmpzant2RgRwLZ6uMwrTTaQTIMtZ8emgseRdHMaFk/puS/xLWBP9SD8Ch/iaALU99QF2OgRaFyBrBRuFacU38sO8WPEZAXI47L3GuQ7nyNl5jQD3AXe0GCs+J9uBtrTpuB141NS/m5bqhLJ3UAhQH6C+wE6DQGKrmYY/eRmF6STR9ca8WPHp0rEQQPt4ddz7DX/iuT0dNkHyprk+6gvstAjg/lpdZxSmm0gnQFSy4tNBY8mbDi/QcNXxLfBZ02KNEPYKIgHqC9Qn2HUiQIcK6DmjML00ev6YFys+PTgp+svqT4clTmzRSLc8uoC3pmlwCaoXbWWjPsGuHQE6TABPUmnn0/GRwiiOXddSDis+uyDb0jfSSRFdjqnCI8nhX03vtMXiByZABKhPUN9g10KATlAxOKYqEYZxbPNqKYcVn22StIew8hrMZqJWVutjn/DFQVpgAu5Hl0lR32CXIDCj87FRWlxa4tjZttZWDis+LcIp+CWUnoT79JKsbHpbL4j9A06A+0aiA8yA0vIbTHeF5rhWlF+HcljxmSbeMSLN6eEZXy/hmWL0iqvJMSob4Ivoko4J+RsTaCFAfYP6SCAdzbUpykTRfcx1wuiSsk5wKC6lobSm5vx0yuGr8DqB1fva4eh5gLMBmvAEWOgyp9c+PXXspqB27PYg+FmTAPUN6iOH547XDPeXp6hrXovXciR8CR0JP9rUaUZaHOi1F09ZWQA1ovkaCL2j53XKsXT0vJRrS6C25hr84f83CoVHP8siLeGC7jenbhqsjRksTQo6IK4/5CuFS28cuOh0IUbWMY7MEUh5xCfrPj4Jamr+gMpuUObE9F5JcYjiBUKfek9wljijBBrVveUz4WzLI5+MCuujwjTnpvTql1B6cfUtVnp6hPb5V8W+QNXXtM+Dn5iABgFc0pK/Y1P1MRpB7JVGAqYVn5SriyGm/h4n8i29HqexDq7Men1spSvlYqFcSEBVT3ShVL4WybTig9o6XDwoB/uahoOV4zVaDsL0e1ZSjvN7Fd1WP/OKr9mQ4Tb5XSkPLVH4JrbalbKxUO4jgNceHjVjS99C90nmX4lSMW4YX9zrX0Yp12xj/DPcjRlPOR0nyDyBg7udBWNLfgU9w8OgNvYNfFI3Dz6MPJFpQcJ7otGxWOibmS44qOWlovh4bs9kL9kQ/cxkTI6WLQIhyIWzez0Co4omt4lQkFsKp/W8C/rmjoSXd/6izT8TD6oqj8NyWPFlAjaWYf5VF2BdhmTyfDHb1I2er4OfK1Co9IZL+v61g9JrX98jiqbAoLyj23tl4vngTBTCZTQTMK/4hNQ/MoZpdiCwI84n7HYA4qIvfcMj4bL93oFB+caKbWg+vXlmzkkJIzJXGpdkXvGVdHsAcX3DyIwJqDi3t1s1vHPIOAMOTRuBEQU/gKn93oTuOQOTlqFAKrNASbMzEUEOq5AnZLpQE3L5M4ppxZfYUqMoP8fDNmP+ROFMrXar37JhwxmUjuYytuSXcH7v5yBPMbe78suGdx0t30RmYdj0+TAT8TiKAwRMKz4qCzcGLwAldDIqv60OlO3LLPg1113NSkaMib2ehPE9bsXDPMzZ51ZE5kBV4z8zXhE1Hh+e8UIDWmBKio8YieIj34NQ/uHYi+7EryvxrxpQdprV3hHn2QBNMFnwLFTK4JJ+r+kaMbREIqX32q5fawWl3Q83RbHiSzvl5gIszSmIokNpxDe95eO4qIntcXvqD4C4ejZukcPTjb1z+stOuclxHpxh6gT6hg+BC/rMMzWfR7mrUoVFu2/BNXyPp16YUymEPMiprDgfYwKWFJ9xlvZDhRgRwVxos+tKWf/JbGiM/xGV3wn2c05/DvWyNv2FcAmGBMiIcW7ZU6bn8xrUWvjz9qmwtgHP38iiEyB7ZbH4QBXtSsXXvgVEwREbcEvPOKhZsdgLyg+PGWovPj9nmMCxJVfD+O7m5/N2RTfA3O2TYXt0TYYl7VrcAaHR58rqe91yA1EEp7FwXZZcBEr4aVE8alVXib3rk/IcXzaqipPSEvJCl+AMo+sPa2yS9dlAFPgyW40Yp/SoMG3E2NDwAczacpIrlB41oMv6TjFOMx2Mhw3/EtTYp7JmxUw88djwxHEvdUJPKD4CSiM/7NG0ltDVrhFY8WW6gRI7MSwYMZ7ZOgH2qrsyLa5uea7tO3SnjFSvgBr5N78oP88ovkRvCSmv6vYalwQ0SX7VzWRTkBEjsRMj7yhTxZIR481dN8Gru64C1WVLUj3Qd06CWvGgKdAuj+QtxVeY6/r9wo38qpuxLk9GjP8xuRODhCIjxtxtk7Jx+oopJt7oO/JyGVk50lSFXBzJW4rPxSBbRfPA/9qtonr6b+tOjFzF3DF2ZMT43ZZT0HL7tmvr7Ym+Q6+9anSqayGaFMz1Vt0O9djTdGCH7/wlcATIiDGh16NweNEk03UnI8aftl8I9epu02k4ohEBcYpRqBfCvKX44nG6ztLVLld0g5gL1vLRJvueOUNBETlotVyNxjm3rJKw3nxkxDi/z3N4ZJS5+TwqaUXkWdyJ8RvXzedpUaC+4wknYZAn5DQQ0jOKDxcyD4HGGO7icLfLEwWwN8uKj+a+zuw5A0py+idgReJb4dWdV8N/6he6G56BdKnvxIjDwt03wz8i/2eQq7uCqO+wywwBT8zx4QJmgbs3/oBIijODxXop2f5fe1De92By72fblB7VpDjUF37c53k4onCK9YplMaU1I8ZkTyk9wpvtvmO6iQVUmY7r0oiuV3yJkV7NindwBfmJLmXYQay8LL+ujCudhq+3oQ4ytX45G+fGSIl4yfnRiKHHP9t9R0+urv64m8PjzpWvuh0OKWiMe+qQgjzI7utK/7xRul2SFOKPev8e5mz9IWxo/EA3nhsCmo0YM9GIcZ5pcdY3LIXnt1/kWSNGtvuOKdB0GpOS87SpuC6OpKn4Equza2ACnrs3AUda5SAFThZl8ISUGjqjwJsuV8mu4tsT3wH5SokuvLDIhyl4askftpwBW6Kf68bLZoDfjRh6bLPdd/Tk6ugvn/TDvt0ur7qydsU5UAv/RkX3Iu7Vm4LGwO9kVOl1pOy5bwVCX+lkojKf7XkpaTGkGC/q+1LC6ps0coYjkBHjf/dbbNpyq8o4/G3XNNyJcbUnLLdGOLPdd4xkaw4Ti6GkW3YOK0wuXEox2hQfGhAUWb38flDV+ajw+A7dlDDui9xLDNj3JQtP79c+CFubkh+kURTqAxf3eRmK0PDhFvfdgjMSOzFKc/Y3JRLtxHgOd2J4yXJrVLFs9x1d2ej1VsDjUFpwOl5B0aQbz0MBbYoPairvRbmv9ZDsrhS1LGTuR5su4WOyAZ7d9kPYHatKWkSP8GBUfi9BfpZHqSQoXeo9ufccSHUnxroGtHv5xGW773TEiCchCfEFKryHcU7vMFE65gq/KD2qZ2KOL/F6q6qs9Dq2vKVvZaGBltI5mSgS3wKz8eSRqf0W4oiut2HWdHn2BX1egNnbzsGF1w2GcdMRaGUnhteNGHocLfUdATi8V55GU/4iKMqrSlwKplcA+7cRUBKGDClntPnwgy0CPZT9IIT/su12xdbDs1vPTWzMTybL4PzvwaSyZ/B2+czKTUaMn/ZbkNL2M9qJMXvrOZ613Oq1BfUZ6jumnRBRHI1dCSXlOBob/TDehfMFKz3T9LCvk/WW5/TME0sSk5RHDwWN4C5wW6KfwbxtU3Ak15hUmuHdTsU9sI8ljedUhH4tRoyBeWNMZdlsxLjRF0YMrQpTnzH9Hw8pvZByOr5+PoaH9PJlX1pAk/gpzUtWksTi4JQIWHplSakE85Fpvd6L23+Kl+nEkyYaVTQZTutxd9J4diPQImq62DsVI8bcbbQT40m7Rbs2fe+Upkjkr0XRkf6Z3MxCq6BxA9fpsXOUQB9lsKP52c1sdf0bib26ZvI5puTncFxJ+lYskBGDLvY2b8RYD7O+He/q46TMcE0Wp7fZPkNzeiXlTyTLj8ONCeCR0rQ4mZ2TBIaED3UyO0fy+mTPXLw+8VZTeZ3cYzqMLrrIVFyzkciIcW6vp/Bi71tM34lBRoyn8E6MHbH/mC3Gs/HM9xnlaX69td/M+5az2M+Lc2ghMDh0KM70ZdZQYAb+0tpH4YNac/N4Z/V8CA7udpaZbJPG2WfEML/9rDIy25dGDC1Y1Feoz5hyZL1lZ5sAzvHJzbZz4Qw6EKBtYfvnjOjg55YvC3dPh0/q5iUVRxEK/LDsdzA0f2zSuEYRrBkxpsFfd+HlXi67E8OonnbCqK9QnzHlcMmKqXgcyZAAjvhEpWEMDrREYGjOEZbSZSLRqzuvgtV730haVI7Igym950L/3MOTxtWKQDsxUjVi+GknhhYTLT839xUtef3gh3N88IofKuK2OgzN0T8lJduyqhBPWHo3NHyYVJQ8pRgu7PMX6JWT2i5GMpCkthOj2Yjhp50YSeG2REipr9Q1ev70Y7Nc0hlPgVJUfEJ8mc5Cgpj3oJyDIYwT+m51MWjEG8fOhy1NnyUVsTBUBhf3nY8HmiZfYNtqxCADCU7CJ82bIgTJiNEZCPUR6iumnSpPMR2XI+oSUIQoxxXggrer6SKyFhBCtTck5zBriTOUqhGPyH8Wz+bbFV2ftMTuOYNwX+98KFC668ZlI4YuGt0A6iPUV8w7dSodKGI+PsfUIpAAKEpGv4yBvG1Ni5ANv8Nyx9lInZmkdeq2xD5dupcjmeuTOwKPsH8RJ+K7XorDRoxk9LTDU+4jEkZCbeXl2rmxr1kC+/7nKC2/AROx8jNLzkS8g8Nj8R4Fk9Y6E/mlK8ru2MbEvt56tSZpEbTFjO70oFvcWl3qRowaXx0n1coh1b/UN6iPpO7Eg7Lu45NST8cpWgm0KT5aFCm6j7kOFGUiz/m14rH3l5YoWOvY9sq1knprdBXO+U2GqFqfNPlBBSfBxLIncbejSOzySN2IcQoE0YjRGSz1DdPLWNonljIMcXWhrF42g19724Mx/6w5+5z1o+fNy+/6mF/FPoZn6q53vZytAn6n4NTElrIQ3sebzO2IroWy8EHJorWF+/U4qbYKpvjwk6L7YFjOkSmm6hRdAM3RL8NlaW/g/0P/xOOpVkO3bnh3w/A6HMx4/zLlTtV16qum4nMqc7flk1DotaEhAOoBINSxuF1vUrpPpqGLvH9bOwVq1R1uw6Erz+GFk2FirydMW2V1M2oXQDsxFuy6JjCLkttVXfOxRCmD35TMS4yaNSOk3ZMOGsXNC1JsRiGq8Ey/t0HmLBDdD9ud9qJdUECgFJ8WbxlZfgLExW/xsAab//Vq5d7s91bD07Ck4QX9CC4MOab4cjit5122JaNTYd7Ei73/6aGLvW1X2kQGY/Mnwfj8qSZiZjCKwK0yUizBUePMFoNnBgvPbFFtc3yZLdY9pYniMe9C6egxIJQrcIgTTYdkY8JnunLvrlFdP4w8Ae/XPGQUJWlYAxpLaCcGK72OqGhvLvUJ1zlJFiu8vxrv3ZE1yz+Qtcu/7zoZHRIo8IqPOCYMO6WjH6fDHfFbctNmivC7h/rBoR5Y2tK5Wm9X3w504rEVR2sDZ33LRgwtdtQXqE+42kk4BucllsqayofRgOK+EzdswmPF1w5g4nDHkHI2znnE2nk78nhc/vm4BMR7Mwt/3fUr+GLvgpQYNO/EGBeI46RSAoORqQ9QX/CMk/JqqF3xNyk/0V+57pnK7BOUFd8+FoknvLvgPRz1/aaTt+2vZcpA+G7usbbzyXQGEv/b//P2n8FXDUtMFV0ZeablOKlqU/GDFon6APUFTzkpx0Nt/EM/KT9WfBo9UJSWP4r/MTt+as3xeRdolOZ+rzg0Je7u2Nz4L11hyYjxBl7sTSPEoBwnpQvDIMCrfQBXP3wXld+LfnntZcWn10llaJpekFX/fqEDYHj4aKvJs5quSdbBHLyvd0vT513kaDZinMdGjC5kOnpQ21Mf8KxLjPxWPOhZ+dsJ7r1Jp3bCp/sRJ3b/jf/TOXqi6Ob4WpgV+QWOiry5tjQH8mBs6S+BFjorIgRVjcvgvZoHoM7EXt90t5eb86e5vUuLH4f+IfMLvl1bHwWOFSVjPnCtfCYEY8VnAElWr7gPFztfZxDFUtCCvY/AsqbUDAaWCuJEriFwVO6ZcGa3q10jjy1BBPwDr7Y8xlYeWU7Mr7qGDSDeMgy2GHhywc+gUJRaTM3JvEaA2pra3DdOwn/J2hXneLk+rPiMWk+IjUbBVsPyRRGcWnCp1eSczmMEqK2pzX3lVHmll+vDis+o9UpyvzUKthM2KvcUGJwz0k4WnNYDBKiNqa1954QcK6s/7eHVerHiy2LLnVVwtee2smURl+eKpq1p1Ma+dLS9TcRcuO/OHG1WfEacItG0XrbeJzQUjs2bZCQBh3mYALUttbF/XXy8V+vGis+o5VQ17TdajSu4GO/mMHmZtJGsHOYqAtSm1La+dlJ4bAvKvtZgxbePhcYTbtVJsxO4e/NH3W5EK29Jmkvi7DNFgNqS2pTa1tdOyLS+EaWTnc9bxiY6oU6wmYOp5MV4KOW5hTfgD4Wd1wlQG1JbUpv63knBis9vjZy4zEXCdzJVrwNzxsDYvMmZKo7LSRMBakNqy2A46c3tR9g4POLT6KG4ERsPplJx10Zm3biCn+ASl0MyWyiX5hgBajtqw8A4AWlb7pVuhqz4tAjXVv4CT6IdrRWUTj8Flz9MKbwNenvt2KJ0QvFI3tRm1HbUhoFxdF+HRx0rvk4NJyOVJ6KXvTPXO+WZytcCnBi/qOheoMto2HmDALUVtRm1XaBc4pIib9aYFV+7dksovTjMx4NTkt+t2C6d04+lSh+4uPAeKFB8ts3JaVAuyI/aiNqK2ix4Tnnbq3VmxYctR3N6eLnKFaDKRfjNFUds9w4NgQu63YkXTud5tW/5Xm5qG2ojaqvAucT1DHmve7XegVd8CettzYrlOMqbme2RXudONAj3eZ7X7Sbe1tYZjAu+03Y0ahtqo0A6vIZSlI7c5dW6B2rpmJSrioC2oSV2ZODiZFqnl8ElK1Y7yZroP+DFvXdBVDZazYLTOUiARnqk9IaH/8vBXD2WlaJM9PLdu55RfDLy8XH4TnoNfk7DT9hj3cS2uFWxVTB3781Qr9bZzoszsE6A5vTo9TawIz1CxweRWu9AqaTEI+BvxlHau/g5K4hKj1jRD21q4UNs7U2l4zgcl6y31AaBVnrEVAjHTyV3uKmSZuf6RUctI73ZqPA8MzpNSt1ihEKlO4wMHwfrosthr6y1mAsns0KA1un9tOi30DM0wEpy/6QR4lG8hXCW1yvkfuOGGqfX28ArvdaORssmphY/zDs8WoFk4C/tyCDmwVyy0g6wwKsYSkb/up2PZx9dr1DwNXczKr79PEs4TYKrEIfF9c/Aksbn0T7DLh0E6MdBe29pG1qgdmRowRQCbxzM/b7ofthurWCv+bHi81qLdZJ3XWw5vLTnXtjDr76dyNj7SkdL0SkrwTlwwIAXjfRk7iS/KD2qqftfdUFWGjRJ4IPoh3l58VN8mKmDPYEOESWmrPQQKs7p4evt6X5SetRV3D/io2UsZNHleT7Dn7bEK8oX18+GpY0v4Etw3DAuB2oToEXJdFw8nZzs+0NEtRHs88UlK2S9FSXlS/d5+ufJ9YqPUMvq5TdhI9zByi95x9sWXw+v1T8CG3HdHzvzBOg2NLoYyN93ZCThQdvQcEcGKGKmlxcnJ6llItgTio8kTSxrIQsviNGoAD178quZRnEizsqmRbCwfhbO/dU4kZ1v86DLvuneW19eAWnYaqIOhETDIR4tJeTXAKG3APJe9/I2NMPqdgr0jOLrJDd/NUHgno2DejRA5G4J8lI8K9cD87kmKuVQFCFAFSBm5UPxjdMGV/nCUukQmkBkw4ovAM1cUVVWrsp4BZ5Cc0YAqpu0ikKI1yWEbr1j8I4VSSNzBF8SYMXny2bVrlTFN71HxePRm7DRJwZtBEgjPFzvOD8UCt9Vsf/2ldqE2DcoBFjxBaWl29WzYnOvEfGoOk2AnIIKMKuHrrYTKy2PqPBiEsS8UFi5p6L/ztVpKYQz9RwBVnyeazLnBL5jQ9+hUdF0GY6EfowGI39tQhViE3bu58Iy96npQ7aud44a5+QHAqz4/NCKNutQISsUqJo5Lg7qhZjVuagEC21mmZ3kQuzBgl8KgTIHBl25uEJUqNkRhEt1OwFWfG5voQzLN2NL38JIY+NEXDZ0AW4CPh4twvkZFiGl4tAy24Crjd/DBU9zi/Py5l/bbyspP3ZMwJAAKz5DPMEOfFQemLdjU/UxuHPmRBwFjkOr8FFIJNuHwEbRKrsMF7QvBkX5e9mA7h9eJdbx0dTB7qop154VX8rIgpuARoN7otGxqiqPw3nBkTgiHI4jrWFIJF3KMIojz69wRLcGO+oqRRHvF4bDS3hUF9w+6FTNWfE5RTKg+VTIE3Jg0+fD1Hh8OG6nHo67AA5Ca3EvtKQWCwnFeJJikZCS/ia+EyZ8jmBYRApBf+sS33FvDqbZiYFrhZBrlFBoDQw45KsK8W4soGi52kyACTABJsAEmAATYAJMgAkwASbABJgAE2ACTIAJMAEmwASYABNgAkyACTABJsAEmAATYALOE8BFzyPx8xB+VuEn0vKhZ/Ib6XyJnCMTYAJMIEsEUKnl4ucx/MTxo+cojOLkZklMLpYJMAEm4AwBUmT4eQc/Zh3FZeXnDH7OhQkwgWwQQCVGo7hU3WPZkJXLZAJMgAnYJoDajub0jF5v9RQipeE5P9stwBmYIcAX0JihxHFSITAVI1vpV5SG0rJjAmknYKWDpl0oLsDTBE6xIb2dtDaK5aRBI8CnswStxdNcX3xdjWARRRaLqcOz9ootpuVkTMA0AR7xmUbFEZkAE/ALAVZ8fmlJ99SjyoYodtLaKJaTBo0AK76gtXj667vIRhF20toolpMyASbABGwQoCUp+OHlLDYYclImwAQ8SAAVHy9g9mC7schMgAnYIICKj7es2eDHSZkAE/AogRblx4cUeLT9WGwmwARsEEAFyMdS2eDHSZkAE2ACTIAJMAEmwASYABNgAkyACTABJsAEmAATYAJMgAkwASbABJgAE2ACTIAJMAEmwASYABNgAkyACTABJsAEmAATYAJMgAkwASbABJgAE2ACTIAJMAEmwASYABNgAm4ikLHLhpYtW/YGblg/vVPlXz/66KPPbO/30UcfLcDvZ7T3S+G5S3465aaQJUdlAr4l8Ab+/jr81nR+L22/K6d/n9kim7Gj51HpqZ0riTdqpb18LFd2Lpe/MwEmAIC/vy4Dn2z9Trk9mAATYAJMgAkwASbABJgAE2ACTIAJMAEmwASYABNgAkyACTABJsAEmAATYAJMgAkwASbABJgAE2ACTIAJMIHgEOiygDE4VeeaOkEg2Ur/1jKcXvFvM79WsZz627azoTVDlO91fP5B6/c0/W3beWG2HdIkh+eyTfvOCc8RYYFTIsAr/VPClbbI3A6pof1/b66ckkpApLIAAAAASUVORK5CYII=");
    background-size: 100% 100%;
}

.form-wrap .form-result h3 {
    font-size: .48rem;
    color: #333;
    font-weight: 800;
    margin-bottom: .133333rem;
}

.form-wrap .form-result .cnt {
    font-size: .373333rem;
    color: #666;
    margin-bottom: .266667rem;
}

.form-wrap .form-result .info {
    font-size: .373333rem;
    padding: .266667rem .4rem;
    color: #ffa200;
    background: #fff7e4;
    display: inline-block;
}

.form-wrap .form-result .cube-btn-primary {
    height: 1.066667rem;
    font-size: .373333rem;
    line-height: 1.066667rem;
    width: 4rem;
    margin: .666667rem auto .4rem;
}

.form-item {
    position: relative;
    height: 1.6rem;
    font-size: .426667rem;
    line-height: 1.6rem;
    border-bottom: .026667rem solid hsla(0,0%,84.7%,.5);
}

.form-item .input-icon {
    position: absolute;
    top: .533333rem;
    left: 0;
    width: .48rem;
    height: .506667rem;
}

.form-item .cube-input {
    line-height: unset;
    font-size: inherit;
    background-color: rgba(0,0,0,0);
}

.form-item .cube-input:after {
    border: none;
}

.form-item input {
    border: none;
    padding: 0;
    height: .8rem;
    margin: .4rem 0 .266667rem .773333rem;
    line-height: normal;
}

.form-item input::-webkit-input-placeholder {
    font-family: PingFang-SC-Regular;
    color: #999;
}

.form-item .icon-account {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAMAAACbFsmhAAAABGdBTUEAALGPC/xhBQAAAQJQTFRFl5eXmJiYmJiYmZmZmJiYnJycl5eXmJiYmZmZmJiYmJiYmZmZmZmZmJiYmJiYmJiYn5+fl5eXqqqql5eXm5ubl5eXl5eXmJiYnp6emJiYmZmZmJiYm5ubl5eXmZmZmJiYmJiYmZmZqqqqnZ2dmJiY////mZmZmZmZmJiYmJiYl5eXmJiYmZmZl5eXm5uboqKimJiYl5eXmJiYmpqamJiYl5eXmJiYmZmZl5eXl5eXmJiYnp6emJiYoqKim5ubmZmZl5eXmJiYmJiYmJiYl5eXl5eXmJiYmJiYmJiYmJiYl5eXmJiYmJiYnZ2dmJiYn5+fmpqaqqqql5eXpaWlAAAAl5eXsPOyxgAAAFV0Uk5T+631I/Qkce0Uxrlaem9ytRjuBulCtsdZFaaEqziFQdw5CgkNrgGA9L8vdos8rBcLsuxeTFezkHj48aMd+hYcbsLk/NnzYPCvef5l2ssnvAg/DBsRAG1pNmAAAAFQSURBVDjLndTVcsQwDAXQLTMz8zIzQ5j5/v+vNO1uuo0DzVRvnjkey7KslJMgUr6VzfI0w9A8a0ciXeCwCE7Qw5GlAJqkmqYqaYBihSFrBtnwFoaMmRVEuoLpr0zsKRQ9gATIvmxtGQKJbA6G/94GOJtALDSyOhpYAvGQSCSBJxANlUQqaAIxMElkgvkbvQVQouNCE3//TwkSFTPRsyR74EStkqzp3BPTGa99M+mI9s2tDPETqVIuBI15EcNsvrhhVtaK+ewQIj8mUaOG1cJoublcWEet4Uf7IqojfzFHVXiVmqMJqMPgx92kMFmipijWw753XRSbHjo+wUH4EJhgq7xAd2hFjYoWSnP0jN44Clk93H+jPm6jp84D+l9ou0sNotGA6l67aA9HcQPsAlcuaqMThzpou2gH53HoEZcu2j2rxKHXpxsXnb7ET9UPx/kEJQerVFyasiMAAAAASUVORK5CYII=");
    background-size: 100% 100%;
}

.form-item .cube-input_active .icon-account {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAMAAACbFsmhAAAABGdBTUEAALGPC/xhBQAAAP9QTFRF/6MA/6IA/6IA/6gA/6MA/6IA/6IA/6QA/6IA/6YA/6MA/6IA/6MA/6MA/6MA/6MA/6oA/6MA/6oA/6IA/6MA/6MA/6oA/6MA/6MA/6IA/6MA/6MA/6QA/6IA/6UA/6YA/7MA/6oA/7EA/6MA//8A/6EA/6MA/6MA/6IA/6MA/6YA/6MA/6YA/6IA/6IA/6MA/6QA/6MA/6QA/6IA/6MA/6QA/6IA/6MA/6MA/6cA/6IA/6MA/6IA/6QA/6IA/6IA/6MA/6MA/6IA/6MA/6IA/6MA/6MA/6IA/6MA/6QA/6IA/6MA/6MA/6MA/6YA/78A/6oA/6oA/6UAAAAA/6IAYn23wwAAAFR0Uk5T+631IyRx7VrGFLm1cnpv7hjpBkK2WRXHpoSrhTjcQTkKCQ2uAYC/L3aLPKwXC+yyTF5Xs5B4+PGjHfr0Fhxu5ML82fNg8K95/mXL2ie8PwgMGxEAW60aTAAAAVFJREFUOMud1NVywzAQBdCUmZkxzGmYzTJD7v9/S90mbmoZ6um+aeZotFqtNjVLECnfyuFFluNYkXcikSkJWIQgmeHIVgBd1ixLk3VAscOQPYFqeAtDxcQOIlPB9FcmzhSKGUASVF+2jgqJRo4Aw39vA4JDIR46XR0dPIVEyDSSIVKIhUYjDSyFOFg0ssD9jV4DKNFxoYm//acEiYqZ6FmSPXCiVknWdO6J6YHXvoN0RPtmV/r4iVQxG4JGIkE/kyusW+W1Qi7TBxFHNKpVsJofLjeX8gNUan50QFAd+os5rMKr1ByNwewHP+4Gg/ESNQiph33vOiENDx0f4TB8CIyxWVqgW3xEjYoPFOfoCZ1RFLI7uP9GXdxET507dL/QTpvpRaMe07500Rb24gbYOS5c1EQrDrXQdNE2zuLQI65ctHtSjkMvD9cuOn2On6rvs9knDyGmN/ZKPxcAAAAASUVORK5CYII=");
    background-size: 100% 100%;
}

.form-item .icon-code {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAMAAACbFsmhAAAABGdBTUEAALGPC/xhBQAAAZhQTFRFl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXAAAAl5eX/y6Z9AAAAId0Uk5TWh7ETXJm5aHUGfSzMAu+7khbXcHVNSorUPC4LWBJFHQSKaUviYjrLoyE/afAMrofOyAats2bj1FzzrBZlca7Ecz+FhUYz2rp6t4T7dDgr989keaQHII+9TRWb67nJDfyoyGNStPkmIU/KAEbCNnoDPb8ydsdysjserEJ3UIs8wUNAwKUB/gA8VwAfgAAAb1JREFUOMvV1GVTw0AQBuDi7u7u7u5a3KHFvQalXqoktHn/NjeXlCZtShm+cZ+ye89MkrvdVXC/WIo/IJfq/OLiXOWKjfz3Nz7Q5bu598shVvPkINt29eWl2k4eHE8aNgKd3T2SjQfnLR/eOh9I+Hh3FkZHxxaScj97xd/hfXaTpOX4iEcnb8DB4VX0T10dHgBvJxTZsONh5f+d9UzCRtEpPmIf0QdOKQoiEBsFEPxfqG14iI2HqlqxMBgHedeBfdnX1e+xIvMp/aZr4cRX8M4XUdnat+GMuKZoF1YaF4FXpSLDWbFN0Qw8NNa/UNXwKjLcHswUjcLJJ5aLiWqSGG4c0xSN4UXHZ5a2AJPEcBOYoiiwiRohNWeG1PTDZ+TLtx2V3+XTLZyPsLowItR4bQUKQllGLzaezuBAqFtWkamVu93lV3SEWyoN6TIlzORilgkjwzxWMiJNThZ2N8TNaXVjO+KNizbkZUvbfMmOzXKxKXFDqY2cBa4doHEjFBmaTTAvRk8V3aoPjjo6dJhqJUwtBtnR09cLpCbPGVPITW/1xBxi+fOk+cmMshQyP0w6XdLsAhIVTLyZqU+ISn0BuBicoBpw/VAAAAAASUVORK5CYII=");
    background-size: 100% 100%;
}

.form-item .cube-input_active .icon-code {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAMAAACbFsmhAAAABGdBTUEAALGPC/xhBQAAAZhQTFRF/6MA/6QA/6oA/6IA/6MA/6MA/6MA/6IA/6MA/6MA/6MA/6UA/6MA/6IA/6IA/6IA/6MA/6MA/6UA/6MA/6MA/6QA/6YA/6QA/6MA/6IA/6MA/6QA/6IA/6QA/6YA/6MA/6oA/6gA/6IA/6MA/6QA/6MA/6YA/6MA/6IA/6IA/6IA/6MA/6IA/6MA/6MA/6UA/6cA/6QA/6MA/6MA/6cA/6MA/6IA/6QA/6IA/6QA/6IA/6MA/6MA/6IA/6IA/6UA/6MA/6MA/6IA/6oA/6oA/6MA/6QA/6MA/6IA/6MA/64A/6IA/6MA/6MA/6MA/6IA/6MA/6QA/6MA/6QA/6MA/6MA/6UA/6IA/6cA/6MA/6IA/6MA/6MA/6MA/6IA/6IA/6MA/6IA/6MA/6UA/6MA/6IA/6MA/6MA/6YA/6YA//8A/6oA/78A/6IA/6MA/6oA/6MA/6MA/6IA/6MA/6cA/6MA/6MA/6IA/6MA/6MA/6oA/6MA/6IA/6IA/6MA/8wA/7EA/6oA//8A/6QA/7YA/6IAAAAA/6IAX1iowgAAAId0Uk5TxFoeTXJm5dSh9Bkw7gu+s0hbXcHVNSsqULjwLWBJFHQSKaUviYgu64z9hKfAMrofIDu2zRqbj1HOc7BZlca7Ecz+FhUYz2rp6t4T7dDgr989kYIc5pA+9TRv564kVjfyoyGNStPkmIU/KAEbCNnoDPb8ydsdysjserEJ3UIs8wUNAwKUB/gAnhe/agAAAb1JREFUOMvV1GVTw0AQBuDi7u7u7u5a3KHFvQalXqoktHn/NjeXlCZtShm+cZ+ye89MkrvdVXC/WIo/INfluVp9fumKjfz3Nz7Q5bu598shVvPkINt21cWFyk4eHE8aNgKd3T2SjQfnLR/eOh9I+Hh3FkaHBxaScj97xd/hfXaTpOXgkEcnb8DR8VX0T10dHwFvJxTZsONh5f+d9UzCRtEpPmIf0QdOKQoiEBsFEPxfqHVokI2HqtqwMBwHedeBfdnX1e+xIvMp/aZr4cRX8M4XUenat+GMuKZoF1YaF4FXZSLDWbFN0Qw8NNa/UNXwKjLcHswUjcLJJ5aLiWqSGG4C0xSN4UXHZ5a2AJPEcOOYoiiwiRohNWeG1AzAZ+TLtx0V3+XTLZyPsLowItR4bSUKQllGLzaejmB/qFtWkaGVu93lV3SGWyodaTIlzORilgkjwzxWMiNNTh52N8TNaXVjO+KNizZkZ0nbfMmOzXKxKXFDqY2cBa4doHEjFBmaTTAvRk8V3aoPjjo6dJhqJUwtBtnR09cLpCbPGVPITW/1xBxi+fOk+cmMshQyP0w6XdLsAhQJTLyZqU+MSn0Bt9KcoCTXuxMAAAAASUVORK5CYII=");
    background-size: 100% 100%;
}

.form-item .icon-passwd {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAMAAACbFsmhAAAABGdBTUEAALGPC/xhBQAAAHtQTFRFmJiYmZmZl5eXnJycl5eXmpqal5eXnJycqqqqnJycmJiYmZmZmJiYmJiYmJiYmZmZmZmZmJiYmJiYl5eXmJiYnp6emJiYmJiYmJiYmJiYmZmZmJiYl5eXmZmZmJiYmZmZl5eXmJiYmJiYmJiYmJiYmJiYm5ubAAAAl5eXoWqiGwAAACh0Uk5TvEu7JOUm1h8JEtmO6PVcFHNtTba1HbKr3t8F9Psjvgqnpu1K5uMcAMIYr7AAAADPSURBVDjL3dPXEoIwEAVQLDTpVTooJNz//0IFcRBCBJ903LdkDjObZa/Qbijhc2Q5YZSmUehYXFRqBoYytHIZiSdgb+ZlmZsCcBKXkEwg1c/DTgKRF1CBQhk/Vu5HFrnQ1ddmVR0ug86wp++2cWZQjHyKDogZlCGZogQZg4D5nMebDtGqAaeaij4QveJNXWmPLvAo79dSH5ceNaD8BaBoesS2PG//26gmpF5FBCCrqBvg/6JNI9g0zN/YgrfrG+A4BMHnB8EbgrApUm2wFs4ba1nLc+n/CuAAAAAASUVORK5CYII=");
    background-size: 100% 100%;
}

.form-item .cube-input_active .icon-passwd {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAMAAACbFsmhAAAABGdBTUEAALGPC/xhBQAAAHtQTFRF/6MA/6MA/6IA/6MA/6MA/6gA/6IA/6oA/6MA/6oA/6IA/6UA/6MA/6IA/6QA/6YA/6QA/6QA/6IA/6MA/6IA/6cA/6MA/6MA/6MA/6IA/8wA/6MA/6MA/6gA/6IA/7MA/6IA/6MA/6MA/6UA/6MA/6MA/6QAAAAA/6IAe+OCcAAAACh0Uk5TvEu7JOUm1gmOEtkf6PVcFHNtTba1HbKr3t8F9Psjvgrtp6ZK5uMcAIy6rUQAAADPSURBVDjL3dPXEoIwEAVQLDTpVTooJNz//0IFcRBCBJ903LdkDjObZa/Qbijhc2Q5YZSmUehYXFQqBoYylHIZiSdgb+ZlmZsCcBKXkEYg1c/DTgLRFlCBQh4/lu9HFrnQ1ddmVR0ug86wp++2cWZQjHyKDogZlCGZogQZg4D5nMebDtFLA041F/pAtMKbqmiPrvAo79dSH9ceNaD8BaBoesS2PG//26gmpF5FBCCrqBvg/6JNI9g0zN/YgrfrG+A4BMHnB8EbgrApUm2wFs4baefLc9nFlEwAAAAASUVORK5CYII=");
    background-size: 100% 100%;
}

.form-item .icon-tel {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmBAMAAABe5iSgAAAABGdBTUEAALGPC/xhBQAAABhQTFRFm5ubmJiYmpqamJiYl5eXl5eXAAAAl5eX4mzfjgAAAAd0Uk5TQvJJ4+KAAN5mfnEAAABESURBVCjPY0hLUylHAk5paQxpaebIQsVgofI0JFA+KjQIhVAATiHijU8IDWVDE0osLxcjLIRFI0EbsSQ5LAkTHWARAgCJJRcaFIm5+gAAAABJRU5ErkJggg==");
    background-size: 100% 100%;
}

.form-item .cube-input_active .icon-tel {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmBAMAAABe5iSgAAAABGdBTUEAALGPC/xhBQAAABhQTFRF/6IA/6IA/6QA/6MA/6IA/6MAAAAA/6IA3udd0AAAAAd0Uk5TQvJJ4+KAAN5mfnEAAABESURBVCjPY0hLUylHAk5paQxpaebIQsVgofI0JFA+KjQIhVAATiHijU8IDWVDE0osLxcjLIRFI0EbsSQ5LAkTHWARAgCJJRcaFIm5+gAAAABJRU5ErkJggg==");
    background-size: 100% 100%;
}

.form-item .icon-passprot {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAAXNSR0IArs4c6QAAAUxJREFUOBHNkzFPg0AYhgshYSZMJuqmf6H9DS6mCz/ABo/Jwc3Ebl26OLjADTobti661RX/gm6mo8CgCwmBvh/hw0uxTS4uvQTu7uN9X57juMFg35pBQFEUnaGTdV0f6gAahrGCXgRB8Gy1Rmma5iXai04QA8Bz1PjCMKx1AlQte021+J8xL63LkFIeV1X1gMIIV4IlT4QQn51gy6BHRCEwv7que0B9G7rF/lvuEeHRyHGcsed5P3Ec36dpekNyfNh37OoJW7FjH9itU57/FZTkeX5FIdRDmJBYNbFZ7XtBeNMTlnOXZdkMBN+YX7NBpdpJBOE5zFPLssa2bb8VRTEsy/IR9S8QLXZRbRLdIuTC9/1lS7FEyAThc8wXVGOqTaJGzz9VM9G8sbe3/Zo5nbwJAuYKyHRwtRp5yEsm/kYCYwlMrdMPD4WQdw/bGnGHi+a9v6h9AAAAAElFTkSuQmCC");
    background-size: 100% 100%;
}

.form-item .cube-input_active .icon-passprot {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAAXNSR0IArs4c6QAAATxJREFUOBHNkzFPAkEQhd+CCf4FE0MnfwFqqaAhNDTEysKOws6CztrCzgIKkcTY2dDSQvQXaCeUdFBIw/pmjyHHLvE4Gt1ks5ndee++vZ0B/tswAmT7qGKFB1icpgI0mCKDK9PEwOlsDxP7hEoqkzWAaDc6+0iWA4dqMwfqA9mRv2NfkMc3OjAokXOEY1yaBr78PD8OiSKTIXI4odnQmfqqHXFA5EhyqJNiQbp7LHEjOv7UDxKebTwMPs0FChqHRnKdJVprk5a7HrPjIhXH19Aoi2fW1B3Nbpk4RxbXKtii+o2IhVmjSZsUdYrHnEXGXe7PWHSvSVTQWuD6xnmuBLKyUMskedc9oZJ8Ryfn8RrcClSx56ra8Pn3NPDTIiM2n2tc/zQhdhppXI7o1djB0v3ETNf9q6j7E773R8c/UxdwtPXqV4kAAAAASUVORK5CYII=");
    background-size: 100% 100%;
}

.form-item .icon-receipt {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmBAMAAABe5iSgAAAAD1BMVEUAAACXl5eXl5eXl5eXl5fOKZFdAAAABHRSTlMAteNJClUDegAAAENJREFUKM9joDYQxGAwuKAyjFzQgDKDCrqQE1gtQiMYu6AYDxdCgKErJAL0syMWIRrYKIIIZUc0IVrYiBm12BIAFQEAdR0oxzm97sUAAAAASUVORK5CYII=");
    background-size: 100% 100%;
}

.form-item .cube-input_active .icon-receipt {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmBAMAAABe5iSgAAAAD1BMVEUAAAD/owD/owD/pAD/ogA/z96ZAAAABHRSTlMAteNJClUDegAAAENJREFUKM9joDYQxGAwuKAyjFzQgDKDCrqQE1gtQiMYu6AYDxdCgKErJAL0syMWIRrYKIIIZUc0IVrYiBm12BIAFQEAdR0oxzm97sUAAAAASUVORK5CYII=");
    background-size: 100% 100%;
}

.area-item label {
    color: #999;
}

.area-item span {
    float: right;
    padding-right: .48rem;
}

.area-item i {
    width: .186667rem;
    height: .346667rem;
    position: absolute;
    right: 0;
    top: .613333rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAMAAACw0Z1uAAAABGdBTUEAALGPC/xhBQAAAJNQTFRFx8fHx8fHxsbGycnJxsbGxsbGx8fHx8fHx8fHysrKzMzMxsbGx8fHyMjIycnJx8fHx8fHx8fHx8fHx8fHx8fHxsbGzs7OxsbGx8fHx8fHxsbGzMzMxsbGx8fHxsbG////////x8fHxsbGx8fHyMjIxsbG1dXVx8fHycnJyMjI////x8fHxsbGx8fH////AAAAxsbGSz6klgAAADB0Uk5TIGUkE91jzLd/NSPp9jgmTuze28DN/BVnyafzCouDtAQDn730F/sMm0tKAp6dnAEAjhFyIgAAAJNJREFUGNNV0EcCwjAMBEDTe+8dQkjiEKz9/+tQMJZt3eailVaR1uRHFUBlIuIjVqYKrSiyosjM0DUD/+htSeZt/SeVtXPjaH0WUrkCjp76BRyEgyewzhyHI2CRus3bJTCfutzTHhhP3FX3K7CZyc05R+7koz7rIv92WA9po+D43s1RcXw3k+oaQDv1xbaSpOlr/wLJ0j4PY0+bDQAAAABJRU5ErkJggg==");
    background-size: 100% 100%;
}

.slide-enter-active,.slide-leave-active {
    -webkit-transition: all .4s cubic-bezier(.4,0,0,1);
    transition: all .4s cubic-bezier(.4,0,0,1);
}

.slide-enter,.slide-leave-active {
    -webkit-transform: translate(100%);
    -ms-transform: translate(100%);
    transform: translate(100%);
}

.captcha-item {
    position: relative;
}

.captcha-item input {
    margin-left: 0;
}

.captcha-item img {
    border-left: .026667rem solid #ebebeb;
    margin: .133333rem 0 0 .266667rem;
    width: 2.666667rem;
    height: 1.2rem;
    background: #000;
}

.form-item-passprot .passport-label {
    padding: 0 0 0 .8rem;
    color: #999;
}

.form-item-passprot input {
    margin-left: 0;
}

.sms-code-item .cube-btn {
    width: 2.4rem;
    height: .72rem;
    line-height: .72rem;
    color: #fff;
    text-align: center;
    font-size: .346667rem;
    background: #9E39AC;
    border-radius: 2.666667rem;
    padding: 0;
    font-family: PingFang-SC-Regular;
    margin-top: .213333rem;
}

.error-item {
    min-height: .826667rem;
    line-height: .906667rem;
    font-size: .346667rem;
    color: #ea4b12;
    background: #fff9f9;
    border-radius: .106667rem;
    margin-top: .4rem;
}

.error-item i {
    float: left;
    width: .373333rem;
    height: .373333rem;
    margin: .24rem .133333rem 0 .266667rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAxtJREFUSA3FVkFLVVEQnrk9oSgw9d1FCi6CDApXGtGugiTwpUb4F1q0qo2tgrctgoLCReAviEotFxlU21BXUpCLIMkC3zVzERY+3zTfeM/zeHn3PiN5HdA558zM9705d87MIWrw4N3wlS7nu3hDhkTogtp3ClM7/Fjoq4pFZnolTTwePosWsJ81MglL/fkeRb0jIuezQJyOmV+T8Eg4Fc25vaSsSSjFs7nS7Px9FrkmGogarQrxRBDQhOT4Qz7HiIyisrRr5CcrQgNMMqi2LWorwjwa9nZf5+Lbcl3CH/2dLRv084mQnFOuX8R0L3eg+Xbr409rSWd//X34aHN5fe0mCd1Qzv1M/KaJDl45PLW46tvtiBCRRTPz0yDT41migIfCyWjWd6g3Lw3ke6ki4/oZOkCaP9Xd50ca+AA4Rkemv+R0LTIZDg+tXGrtg/R93Rw+8MUPBhYwnQ6ySogEwTezY9TI8i9WlnxDNy+tb05vVuglpNtLSvNVDGAB05IvNqoSWjaqBb5ZrciqoEJnbO5kVbFzYhiKhaQDttMaoZ77caS+HsUqEsQp/1UCC5jAxl0GnhFyRQaxQOrXy0bY7XYAC5iwR+GANMK4ghDuGTb3cgRMk8CrcsTgnbaplzpe75nQkvfe59iKMK6NroLsGZsCOUxXf43w7wi0+thwMts7+q1UOvSfJqxLmq2qb7URm1mDA76lzp8hs+yqun10xOZC3yBzsWJRZReX5YTKzBYTPo/uqg3+djVQ3C00bWNwsCNFP8OiUiG7HpinDSkWg+VCeAwyzcbfRyfB2nGYkwTxXdEWg6rvOyTn0cyDpySbCyaTysQaWGhb2EaDhjRCLUMf0TzRz6zFQJMy1OYiVE6mmNk2sIAJbPca2D4W7dSWSdrPrMWkI43FGTeWbkJkGIq1hckjNW2XC20Pl/tbpVRo+xIV2jpqGummXO1pStNhH77AABYwfdvtCHXXngXaNNE89SjepUXKj+Y2fBB/Dh/4AgMNGJi+XiPeORr6xHDUDX1EOVLIhj0TfVIj1gaNnpn5ENa7jOuV9P3v6z+HCJC0G+ehWwAAAABJRU5ErkJggg==");
    background-size: 100% 100%;
}

.error-item a {
    color: #45a3f2;
}

.udb-foot {
    text-align: center;
    font-size: .373333rem;
    width: 100%;
}

.udb-foot a {
    color: #45a3f2;
}

.udb-foot input {
    vertical-align: middle;
}

@media only screen and (orientation:portrait) {
    .udb-foot {
        left: 0;
        bottom: .533333rem;
        position: fixed;
    }
}

@media only screen and (orientation:landscape) {
    .udb-foot {
        padding: .8rem 0;
    }
}

.udb-privacy-layer {
    padding: 0 .4rem;
}

.udb-privacy-layer a {
    color: #45a3f2;
}

#safe-auth-layer {
    position: fixed;
    top: 0;
    left: 0;
}

.udb-strategy-layer {
    padding: 0 .4rem;
}

.account-btn {
    display: block;
    font-size: .373333rem;
    line-height: 1.066667rem;
    height: 1.066667rem;
    text-align: center;
    color: #fff;
    border-radius: 2.666667rem;
    background-color: #ffa200;
    width: 4rem;
    margin: .666667rem auto 0;
}

.account-btn:hover {
    text-decoration: none;
}

.account-loading {
    margin: 2.666667rem auto 0;
    font-size: .133333rem;
    width: .213333rem;
    height: .213333rem;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s ease infinite;
    animation: load5 1.1s ease infinite;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load5 {
    0%,to {
        box-shadow: 0 -2.6em 0 0 #202020,1.8em -1.8em 0 0 rgba(32,32,32,.2),2.5em 0 0 0 rgba(32,32,32,.2),1.75em 1.75em 0 0 rgba(32,32,32,.2),0 2.5em 0 0 rgba(32,32,32,.2),-1.8em 1.8em 0 0 rgba(32,32,32,.2),-2.6em 0 0 0 rgba(32,32,32,.5),-1.8em -1.8em 0 0 rgba(32,32,32,.7);
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.7),1.8em -1.8em 0 0 #202020,2.5em 0 0 0 rgba(32,32,32,.2),1.75em 1.75em 0 0 rgba(32,32,32,.2),0 2.5em 0 0 rgba(32,32,32,.2),-1.8em 1.8em 0 0 rgba(32,32,32,.2),-2.6em 0 0 0 rgba(32,32,32,.2),-1.8em -1.8em 0 0 rgba(32,32,32,.5);
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.5),1.8em -1.8em 0 0 rgba(32,32,32,.7),2.5em 0 0 0 #202020,1.75em 1.75em 0 0 rgba(32,32,32,.2),0 2.5em 0 0 rgba(32,32,32,.2),-1.8em 1.8em 0 0 rgba(32,32,32,.2),-2.6em 0 0 0 rgba(32,32,32,.2),-1.8em -1.8em 0 0 rgba(32,32,32,.2);
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.2),1.8em -1.8em 0 0 rgba(32,32,32,.5),2.5em 0 0 0 rgba(32,32,32,.7),1.75em 1.75em 0 0 #202020,0 2.5em 0 0 rgba(32,32,32,.2),-1.8em 1.8em 0 0 rgba(32,32,32,.2),-2.6em 0 0 0 rgba(32,32,32,.2),-1.8em -1.8em 0 0 rgba(32,32,32,.2);
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.2),1.8em -1.8em 0 0 rgba(32,32,32,.2),2.5em 0 0 0 rgba(32,32,32,.5),1.75em 1.75em 0 0 rgba(32,32,32,.7),0 2.5em 0 0 #202020,-1.8em 1.8em 0 0 rgba(32,32,32,.2),-2.6em 0 0 0 rgba(32,32,32,.2),-1.8em -1.8em 0 0 rgba(32,32,32,.2);
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.2),1.8em -1.8em 0 0 rgba(32,32,32,.2),2.5em 0 0 0 rgba(32,32,32,.2),1.75em 1.75em 0 0 rgba(32,32,32,.5),0 2.5em 0 0 rgba(32,32,32,.7),-1.8em 1.8em 0 0 #202020,-2.6em 0 0 0 rgba(32,32,32,.2),-1.8em -1.8em 0 0 rgba(32,32,32,.2);
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.2),1.8em -1.8em 0 0 rgba(32,32,32,.2),2.5em 0 0 0 rgba(32,32,32,.2),1.75em 1.75em 0 0 rgba(32,32,32,.2),0 2.5em 0 0 rgba(32,32,32,.5),-1.8em 1.8em 0 0 rgba(32,32,32,.7),-2.6em 0 0 0 #202020,-1.8em -1.8em 0 0 rgba(32,32,32,.2);
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.2),1.8em -1.8em 0 0 rgba(32,32,32,.2),2.5em 0 0 0 rgba(32,32,32,.2),1.75em 1.75em 0 0 rgba(32,32,32,.2),0 2.5em 0 0 rgba(32,32,32,.2),-1.8em 1.8em 0 0 rgba(32,32,32,.5),-2.6em 0 0 0 rgba(32,32,32,.7),-1.8em -1.8em 0 0 #202020;
    }
}

@keyframes load5 {
    0%,to {
        box-shadow: 0 -2.6em 0 0 #202020,1.8em -1.8em 0 0 rgba(32,32,32,.2),2.5em 0 0 0 rgba(32,32,32,.2),1.75em 1.75em 0 0 rgba(32,32,32,.2),0 2.5em 0 0 rgba(32,32,32,.2),-1.8em 1.8em 0 0 rgba(32,32,32,.2),-2.6em 0 0 0 rgba(32,32,32,.5),-1.8em -1.8em 0 0 rgba(32,32,32,.7);
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.7),1.8em -1.8em 0 0 #202020,2.5em 0 0 0 rgba(32,32,32,.2),1.75em 1.75em 0 0 rgba(32,32,32,.2),0 2.5em 0 0 rgba(32,32,32,.2),-1.8em 1.8em 0 0 rgba(32,32,32,.2),-2.6em 0 0 0 rgba(32,32,32,.2),-1.8em -1.8em 0 0 rgba(32,32,32,.5);
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.5),1.8em -1.8em 0 0 rgba(32,32,32,.7),2.5em 0 0 0 #202020,1.75em 1.75em 0 0 rgba(32,32,32,.2),0 2.5em 0 0 rgba(32,32,32,.2),-1.8em 1.8em 0 0 rgba(32,32,32,.2),-2.6em 0 0 0 rgba(32,32,32,.2),-1.8em -1.8em 0 0 rgba(32,32,32,.2);
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.2),1.8em -1.8em 0 0 rgba(32,32,32,.5),2.5em 0 0 0 rgba(32,32,32,.7),1.75em 1.75em 0 0 #202020,0 2.5em 0 0 rgba(32,32,32,.2),-1.8em 1.8em 0 0 rgba(32,32,32,.2),-2.6em 0 0 0 rgba(32,32,32,.2),-1.8em -1.8em 0 0 rgba(32,32,32,.2);
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.2),1.8em -1.8em 0 0 rgba(32,32,32,.2),2.5em 0 0 0 rgba(32,32,32,.5),1.75em 1.75em 0 0 rgba(32,32,32,.7),0 2.5em 0 0 #202020,-1.8em 1.8em 0 0 rgba(32,32,32,.2),-2.6em 0 0 0 rgba(32,32,32,.2),-1.8em -1.8em 0 0 rgba(32,32,32,.2);
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.2),1.8em -1.8em 0 0 rgba(32,32,32,.2),2.5em 0 0 0 rgba(32,32,32,.2),1.75em 1.75em 0 0 rgba(32,32,32,.5),0 2.5em 0 0 rgba(32,32,32,.7),-1.8em 1.8em 0 0 #202020,-2.6em 0 0 0 rgba(32,32,32,.2),-1.8em -1.8em 0 0 rgba(32,32,32,.2);
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.2),1.8em -1.8em 0 0 rgba(32,32,32,.2),2.5em 0 0 0 rgba(32,32,32,.2),1.75em 1.75em 0 0 rgba(32,32,32,.2),0 2.5em 0 0 rgba(32,32,32,.5),-1.8em 1.8em 0 0 rgba(32,32,32,.7),-2.6em 0 0 0 #202020,-1.8em -1.8em 0 0 rgba(32,32,32,.2);
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(32,32,32,.2),1.8em -1.8em 0 0 rgba(32,32,32,.2),2.5em 0 0 0 rgba(32,32,32,.2),1.75em 1.75em 0 0 rgba(32,32,32,.2),0 2.5em 0 0 rgba(32,32,32,.2),-1.8em 1.8em 0 0 rgba(32,32,32,.5),-2.6em 0 0 0 rgba(32,32,32,.7),-1.8em -1.8em 0 0 #202020;
    }
}

body,html {
    height: 100%;
}

.login-help {
    width: 8.933333rem;
    margin: 0 auto;
}

.login-help a {
    font-size: .373333rem;
    color: #999;
}

.other-login {
    width: 8.933333rem;
    border-top: .026667rem solid #ebebeb;
    position: relative;
    margin: .8rem auto;
}

.other-login h4 {
    position: absolute;
    top: -.32rem;
    left: 50%;
    padding: 0 .266667rem;
    font-size: .373333rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #999;
    background-color: #fff;
}

.other-login .login-list {
    text-align: center;
    padding-top: .666667rem;
}

.other-login .login-list li {
    display: none;
    width: 1.226667rem;
    margin: 0 .666667rem;
    color: #999;
    font-size: .32rem;
}

.other-login .login-list li i {
    width: 1.226667rem;
    height: 1.226667rem;
    display: inline-block;
}

.other-login .login-list li i.login-qq {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcBAMAAAARwc9rAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURUdwTGim4mqn5Gmm4mmm4mmm4mim4m+r6Wmm4mil4Yz30UgAAAAJdFJOUwDoMKpuUckUjUXfFkMAAAKhSURBVFjDpVjPTxpBFF5Glm1vRirIbbk0epOArd602NreIDRtvQGxbbhBtCa92VSN3ooU6vy33V0XmPfNzs6+MAnZOPvl7Xvf+63jrH5+fDw+fvs5G1Y0B6X63V29N2v4VrDXLN3EKPGl1ximo93anoLwOsVWGjpfOqEXF71DM/qiqGkraidGTYoJtomaQR/xzWdcO0cGNfMvkm7Pv5uUvHyd8M0tMwW/dHXaKQy7m9rNRpo/qijrNDU+xCZHuOPsUPFtS/BR8WLDFqlVVd6oZYO7ZeWPfXvW/Fbc3LXDC8sQqQ7tcG9p3lmWHH63MKObBV6Y0zHyM1WIOTfNbBWlET81H3md3vhMM78a07iL6HsZnAmquPZEZQ7v2zI6j6j8evT4hP6W8cGvfiUmLEJ/Dp/Ai4gSrwzflIsDpWE0TLC0sIQ/JNi61jLoomnjhoJzQPBgCZf0lRdS89KouqZ8P/i9hxKnwiH2roPfHtijwv/Qd534C8nESPmPvgv1Bgk5FQ5MPo/NVc5PFQ5hE5CIqaTyKCX1SeAiF5xK0PJqJfihk7/KDn+mwfMUXrbAdyh8ZoFTYiBqQvhuii5SroOplJkcwqdIZNeQGwl+DeoeDYIDhM8gCGiIoaVyDCFGA7iCcIkBTNKj8pfIf/wwxvQgyXdQJsZOCxNMPpLalz7Jpq7oY2pD4SCVwNcLB5ale2MyRR6FoudW0sJdK6mn5lyNSioU7IGR9biH0XZAHeXr7YA2m6eo2brVa2rcbKit55HOQ+cofPYTWhk0yu16/SYUuv1q/01So+S2YWaTZ44QzAGFO/4whyvm6MYdDJljJ3OoddwHi3DQNl28mK427jOXCe6qwlyEuGsWd4ljrojcBZS73nKXZ+5qzl382f9WSD3/AW6Afy4cDTs1AAAAAElFTkSuQmCC);
    background-size: 100%;
}

.other-login .login-list li i.login-wb {
    background: url(//a.msstatic.com/huya/hd/h5/udb/img/wb-9c2e1.min.png);
    background-size: 100%;
}

.other-login .login-list li i.login-wx {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcBAMAAAARwc9rAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURUdwTI7KHI7JG47JHJXQIo7JHI/KHY7JHI7JG5DMHo3IG43/r6oAAAAKdFJOUwBY6p4QdzrTuCfGpvP9AAADOUlEQVRYw6VYzU8TQRTfrdtt66lQSUhPNBQonlpiQ/FU60cNp8ZKJJwqkhA9NcU02lMB0eBpo4kmvbGibfevdGa/5r2Z2d1OmMOyM/yYffN7v3kfaNrdx6+lg4Ol94thze6oclnvNi6m9V4i2Fjdqp34f1cYnDfj0fpODSCMwno+Dv288gAvPLl4HYe2+KVcNF5ft8TF3E6EPblvUibMT5YU/qoj3ya9IVt9+THKyPYXyTfPoinYFa08jmFY30xeid2rGKuPXInbfDteHBO8/bGVINPN6JnUemhsO58E16FXLpNvTQO4uZ8MzzCJ/Ggmww3G3dUid/gwPEZ/EXgmoKPVWyhClP2X7mIRpS4cInb4hKTH6O43Bs5WTUbVPY/KFNTLT8cdfyTHMdfcH6tg6anjj5lEc+fuswaU8TCAOyURXnBPWmYLRw4bYlxo0RPpVaYdgHb+imeljsoy8X6AcEcQtU4pTIWkGcTy2Vtq/sY78igLKqPUnCJb+lrR3XhEyBSsGSIJpAhwrE3I09Iek2dTJgPGY9G1gLLToXZN8zImh+GM7jjtuk5941ydiMRTu2/D2QjQsicT2X0SoNbCGXOpc62ZhwP7jEs9RF0m0yN0ke596iuCZ3se9/zueTMw7BGC56EGQttvXJLcMbWwCtJVxIw7qjqzaxtfkHRHkIzdJG82faHsA2elETwTHpSYZRF3jdv0UxjOpoEJc/JiU/OrWTpDxoCjat89eJ+iauQLpSOse3JUQKTW8k+6D2U/Q0QCN2mmf+0mEG4jNwERkBzhwfGtQiIAEiP3xfVUFcGn7Nf7SMAB9eMo23/jMEMdSzxzm4mICAU+/o5KxkpjiALIHF++U5idPUUZQPnQq0MUOAiTHXZrQwHhwJGV5FRgzT8uLEEViMHS7nFBzyjLknRg/Wc+pPphm68RfTxMC10hHYCks+s4lQbkxd83FVGcGM80bRkoylcXTmVcmXQN9OizrJYoFdOwapJXLCEUCxTV8kexuFIs3VQLQ8Wyk5tJxID30+cJAuCsXY6tmc2bu5X7is2Eaqui2AiptlmqTZxii6jagKq2t6rNM2rNXyS35qqNv/K/FWLHfz+OoSJT+/E2AAAAAElFTkSuQmCC);
    background-size: 100%;
}

.other-login .login-list li i.login-sms {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuBAMAAACllzYEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURUdwTFfdtFXbs1TaslTasmLsy1jhuVTasVPYsFTasVTZsVPYsPj+/Kzs2WNJIsMAAAALdFJOUwAjPGpYBRF36Ye2pzBy9wAAAU5JREFUOMtjYICBMEElwVQGdMCmUuyi5GLulIAqzGjuyMAQysAqUiyAImwsgMECAlZnBIfRJADOTlZFUhNkBrezCMUudZhmSQFUN0yDKi9Ec7M4xLHBCmjiTKZgygnDkypg40wxxINBFjILYIgzGgAJYYizZ+wGgU6IpwyhmIGBczcETADzgGrZCsAsjl0g4xhXN4B57AkMTA5gFvdGMCW9AUyxKDCwQKzl3oBMMTowhDNgEWcoZUjGKm7GIIIkrqEAE3dEFmdqYkCIKyHENZSaYOJKSOJMTXBzWJVwmoMkrqGAJA5zJ4p/ge6E+QsaPlDzS+HhAA1PeDjAwg0oduc2TBwYbrBwBoqfOb17NzyckeIFpB4eLzjjEVe840onuNIVznSIK90yZKKl84kwBlq+SMCWjxgQ+Qgl3wUi5Ttc+RSar4EALV/jLAcwyg0AUB5fQ27WSg4AAAAASUVORK5CYII=);
    background-size: 100%;
}

.other-login .login-list li i.login-psw {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuBAMAAACllzYEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUdwTGbN9mrP+GfO+GbO9mbN9WrR/nzh/2bM9WXM9GbN9WXM9Pj9/5Ha99Lw+z5yBIsAAAALdFJOUwBnIDJNeRIF6KayufZb4gAAAVVJREFUOMtjYICBMmVjo3QGdMBmGCji4igqnIAqzCzqBKZVAg2QhZkEFTBYQMDuiFDFLFIAZye6I+ktEYPbGYxilynMJFUFFHGmMKjyIDQ3q0IcW2iAJs4sDqZEMDzpAjZOHEO8EGQhI8wYq47FMIMEgIQhlMO6e/fuAChbGIiFoGzrrWnRm6FsRaArYWpWBzCw7oLpTWBgdoCyuxMY2HZA2SwGDIwwz+6GYrAbBRhKoawZu0GgE6oqnCERwtDYDQFNEK4YyGoQmA0V3wnhCjGYQG2FikNtdoaJA4X2nrkNJDHF95w5TYS4IlZzhGDuBNl5ZjdcXAzmLzTxcFg4gNz5Du5OYDhAww3VX8Bwg4YzajgAwxkaL6jhpogUj8hAGDnekRKQAJ50wu6CPV3hTIe40i1DKlo6h6krQssXCQTyEc58x16EnE8LMPM1O1q+xlkOYJQbAMVNgsWgrY0BAAAAAElFTkSuQmCC);
    background-size: 100%;
}

.area-wrap {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #efeff4;
}