html,
body {
    height: 100%;
    padding: 0;
    margin: 0;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.space-t,
.space-v {
    margin-top: .5em;
}

.space-b,
.space-v {
    margin-bottom: .5em;
}

.space-l,
.space-h {
    margin-left: 1em;
}

.space-r,
.space-h {
    margin-right: 1em;
}

.tss {
    font-size: .8em;
}

.login-bg {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.login-bg-swiper,
.unslider-wrap,
.unslider-wrap>li {
    height: 100%;
}

.unslider-wrap>li {
    position: relative;
}

.login-bg-item {
    position: absolute;
    top:0;
    left:0;
    right:0;
    height: 100%;
}

.login-bg-item img{
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
             -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    width: 100%;
}

.login-bg .unslider {
    height: 100%;
}

.login-bg .unslider-nav {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
}

.login-bg .unslider-arrow {
    top: 50%;
    color: transparent;
    width: 0;
    height: 0;
    border-width: 15px 0;
    border-style: solid;
    border-color: transparent;
}

.login-bg .unslider-arrow.prev {
    border-right-width: 15px;
    border-right-color: #ccc;
}

.login-bg .unslider-arrow.next {
    border-left-width: 15px;
    border-left-color: #ccc;
}

.login-bg.regwin {
    background-image: url('../img/eshop_reg_bg.png')
}

.login-panel {
    width: 400px;
    right: 100px;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
        transform: translateY(-50%);
    border: 1px solid #368ae2;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 450px)  {
    .text-sm-inmb {
        font-size: .8em;
    }
}

@media screen and (max-width:450px) {
    .login-panel {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                 -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    }
}

@media screen and (max-width:400px) {
    html .you-need-to-reg-your-account {
        width: 300px;
    }
    .login-panel {
        width: 350px;
    }
    .regwindow {
        width: 300px;
    }
    html .rbu-aside, html .rbu-body {
        display: block;
        width: auto;

    }
    html .rbu-aside:first-child,
    html .rbu-aside:last-child {
        min-width: auto;
        text-align: initial;
    }
    html .regwindow-body-wrapper {
        width: 300px;
    }
}

@media screen and (max-width:350px) {
    .login-panel {
        width: 300px;
    }
    .regwindow {
        width: 300px;
    }
    html .rbu-aside, html .rbu-body {
        display: block;
        width: auto;
    }
    html .rbu-aside:first-child,
    html .rbu-aside:last-child {
        min-width: auto;
        text-align: initial;
        margin-bottom: .5em
    }
}

.login-panel-head-item {
    display: table-cell;
    width: 999em;
    white-space: nowrap;
    text-align: center;
    padding: 1em;
    background-color: currentColor;
    color: #368ae2;
}

.login-panel-head-item::first-line {
    color: #fff;
}

.login-panel-head-item.active {
    background-color: initial;
}

.login-panel-head-item.active::first-line {
    color: #368ae2;
}

.login-panel-inputcontent.has-addon {
    position: relative;
}

.login-panel-inputcontent.has-addon input {
    padding-left: 2.5em;
}

.login-panel-inputcontent .addon {
    color: #aaa;
    position: absolute;
    top: 50%;
    left: 1rem;
    font-size: 1.2rem;
    -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.login-panel-inputcontent .addon.addon-lg {
    font-size: 1.4rem;
}

.login-panel-inputcontent input {
    width: 100%;
    -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
         box-sizing: border-box;
    border: 1px solid #368ae2;
    border-radius: 5px;
    padding: 1em;
    outline: none;
}

.login-panel-inputcontent input:hover {
    -webkit-box-shadow: -2px -2px 6px 0 rgba(0, 0, 0, 0.2) inset;
            box-shadow: -2px -2px 6px 0 rgba(0, 0, 0, 0.2) inset;
}

.login-panel-inputcontent input:focus {
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}

.login-panel-inputcontent input:active {
    -webkit-box-shadow: -2px -2px 6px 0 rgba(0, 0, 0, 0.2) inset;
            box-shadow: -2px -2px 6px 0 rgba(0, 0, 0, 0.2) inset;
}

.login-panel-body {
    padding: 1em;
}

.login-panel-body.invisible {
    display: none;
}

.login-panel-panel-qrcontent {
    height: 282.5px;
}

.login-panel-body-item {
    padding: 1em 0;
}

.login-panel-btn {
    width: 100%;
    -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
         box-sizing: border-box;
    border: 1px solid currentColor;
    color: #368ae2;
    background-color: transparent;
    padding: .6rem;
    border-radius: 5px;
    font-size: 1.2em;
    outline: none;
    font-weight: bolder;
}

.login-panel-btn:hover {
    -webkit-box-shadow: -1px -1px 6px 0 rgba(0, 0, 0, 0.2) inset;
            box-shadow: -1px -1px 6px 0 rgba(0, 0, 0, 0.2) inset;
}

.login-panel-btn:active {
    -webkit-box-shadow: -2px -2px 6px 0 rgba(0, 0, 0, 0.2) inset;
            box-shadow: -2px -2px 6px 0 rgba(0, 0, 0, 0.2) inset;
}

.login-panel-body-itemunit {
    display: table-cell;
    width: 999em;
    text-align: center;
}

.login-panel-link {
    color: #368ae2;
}

.regwindow {
    padding: 10px 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 3px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 10px 3px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 450px)  {
    html .regwindow {
        width: 80%;
    }
}
.regwindow-head {
    padding: 20px 20px;
    margin: -10px -20px 0;
    color: #368ae2;
    font-size: 22px;
    vertical-align: middle;
}

.regwindow-head * {
    vertical-align: inherit;
}

.regwindow-body {
    padding: 40px 20px;
    margin: 0 -20px -10px;
}

@media screen and (max-width: 450px)  {
    .regwindow-body {
        padding: 20px;
        margin: 0 -20px -10px;
    }
}
.regwindow-body-unit {
    margin: 10px 20px;
}

.regwindow-body-wrapper {
    width: 600px;
}
@media screen and (max-width: 450px)  {
    .regwindow-body-wrapper {
        width: auto;
    }
}
.regwindow-body-wrapper-final-inner {
    width: 250px;
    display: inline-block;
    text-align: left;
}

.regwindow-body-wrapper-final-outer {
    width: 400px;
    text-align: center;
}

@media screen and (max-width: 450px)  {    
    .regwindow-body-wrapper-final-outer {
        width: auto;
    }
}
.rbu-aside,
.rbu-body {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
}

@media screen and (max-width: 450px)  {
    html .rbu-aside:first-child {
        text-align: left;
    }
    .rbu-aside,
    html .rbu-body {
        display: block;
        width: auto;
    }
}

.rbu-aside:first-child {
    text-align: right;
    padding-right: .5em;
}

.rbu-aside:last-child {
    padding-right: .5em;
}

.rbu-aside.require-title::before {
    content: '*\2000';
    color: #f00;
    vertical-align: middle;
}

.rbu-aside:empty::after {
    content: ''
}

.rbu-aside.addcolon::after {
    content: '：'
}

.rbu-body {
    width: 999em;
    color: #555;
}

.rbu-aside:first-child {
    min-width: 8em;
    padding-right: .5rem;
}

.rbu-aside:last-child {
    padding-left: .5rem;
    min-width: 8em;
}

.rbu-body input[type="text"],
.rbu-body input[type="password"],
.rbu-body input[type="button"],
.rbu-body select {
    color: inherit;
    width: 100%;
    -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
         box-sizing: border-box;
    padding: 5px 10px;
    background-color: transparent;
}

.rbu-body input[type="text"],
.rbu-body input[type="password"],
.rbu-body select {
    border: 1px solid #ccc;
}

.rbu-body input[type="button"] {
    border: 1px solid currentColor;
}

.rbu-body:not(.color) input {
    color: #368ae2;
}

.rbu-body .rbu-body-main,
.rbu-body .rbu-body-sub {
    display: table-cell;
    vertical-align: inherit;
}

.rbu-body .rbu-body-main {
    width: 999em;
}

.rbu-body .rbu-body-sub {
    padding-left: .5em
}

.rbu-body .rbu-unit{
    display: table-cell;
    width: 999em;
    position: relative;
}

@media screen and (max-width: 450px)  {
    .rbu-body .rbu-unit{
        display: block;
        position: relative;
        width: auto;
    }
    html .rbu-body .rbu-unit + .rbu-unit:before {
        content: none;
    }
    html .rbu-body .rbu-unit +  .rbu-unit {
        padding-left: 0;
        margin-top: .5em;
    }
    .rbu-body::before ,
    .rbu-body::after {
        content: "";
        display: table;
    }
    .rbu-body::after {
        clear: both;
    }
    .rbu-body .rbu-body-main,
    .rbu-body .rbu-body-sub {
        display: block;
        float: left;
        width: 50%;
        box-sizing: border-box;
    }
}
.rbu-body .rbu-unit + .rbu-unit{
    padding-left: 1em;
}

.rbu-body .rbu-unit + .rbu-unit:before{
    content: '-';
    position: absolute;
    left: .5em;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
             -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
}
.rbu-body .rbu-body-main *,
.rbu-body .rbu-body-sub * {
    vertical-align: inherit;
}

.rbu-body-sub {
    min-width: 100px;
}

.rbu-link:not(.color) {
    color: #368ae2;
}

.rbu-link {
    text-decoration: none;
}

.img-checker {
    width: 100%;
    height: 25px;
    border: 1px solid #ccc;
    display: inline-block;
}

.state-ball {
    display: inline-block;
    background-image: url("data:image/png;base64,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");
    background-position: 0 0 center;
    width: 150px;
    height: 150px;
}

.you-need-to-reg-your-account {
    display: inline-block;
    height: 30px;
    width: 419px;
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
    background-image: url("data:image/png;base64,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");
}

@media screen and (max-width: 450px)  {
    .you-need-to-reg-your-account 
    {
        font-size: 20px;
        width: auto;
        background-image: none;
        color: #368ae2;
    }
}
.welcome-tag {
    display: inline-block;
    width: 87px;
    height: 28px;
    color: transparent;
    background-image: url("data:image/png;base64,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");
}

.qrcode-content {
    height: 198px;
    width: 198px;
    position: relative;
    display: inline-block;
}
.qrcode-content > img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -98.5px;
    margin-top: -98.5px;
}
.regwindow-body {
   max-height: 400px;
   max-height: 70vh;
   overflow: auto;
}

.transparent-input {
  width: 100%;
}
.upload-image{
  position: relative;
  height: 150px;
  overflow: hidden;
}
.upload-image img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.login-box {
    width: 400px;
    height: 430px;
    right: 100px;
    top: 50%;
    position: absolute;
    border-radius: 8px;
    background: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    padding: 60px 50px 64px 50px;
    border:2px solid #f5f5f5
}
.login-change-btn{
    width: 60px;
    height: 60px;
    border-radius: 0 8px 0 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EBF1FF;
}
.login-type{
    width: 40px;
    height: 40px;
}
.white-img {
    width: 60px;
    height: 60px;
    background: linear-gradient(45deg, #fff,#fff 50%,transparent 50%,transparent 100%);
    position: absolute;
    left: 0;
    top: 0;
}
.login-change-btn:hover .white-img{
    display: none;
}
.login-main{
    width: 100%;
    height:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.login-title{
    font-weight: bold;
    color: #20242E;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 36px;
}
.login-form-list{
    height: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.login-form-item{
    width: 300px;
    height: 44px;
    border-radius: 4px;
    background: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 14px;
}
.login-icon{
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.login-input{
    width: 0;
    flex-grow: 1;
    outline: none;
    border: none;
    background-color: transparent;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
     -webkit-box-shadow: 0 0 0 68px #f6f6f6 inset;
}
.login-bottom-box{
    width: 300px;
    height: 50px;
    position: relative;
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-btn{
    width: 300px;
    height: 50px;
    border-radius: 4px;
    background: #407af9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    cursor: pointer;
}
.login-tip{
    position: absolute;
    bottom: -32px;
    color: #86888B;
    font-size: 12px;
    line-height: 12px;
}
.primary-btn{
    color: #407AF9;
    line-height: 14px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
}
.primary-btn:disabled{
    opacity: 0.5;
}
.login-form-left{
    display: flex;
    align-items: center;
    flex-grow: 1;
    width: 0;
}
.code-box{
    width: 70px;
    height: 23px;
    cursor: pointer;
}
.login-other-box{
    width: 100%;
    margin: 28px 0 14px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.check-btn{
    color: #20242E;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
    
}
.check-box-icon{
    width: 16px;
    height: 16px;
    margin-right: 8px;
    cursor: pointer;
}
.other-btn-group{
    display: flex;
    align-items: center;
}
.other-btn-group>a{
    color: #20242E !important;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    text-decoration: none;
}
.login-qrcode-box{
    background-color: rgba(0, 116, 253, .1);
    width: 250px;
    height: 250px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-qrcode{
    width: 226px;
    height: 226px;
}
.code-img{
    height: 23px;
    width: auto;
    cursor: pointer;
}

.success-tip{
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 30px;
}

.success-icon{
    width: 22px;
    height: 22px;
    margin-right: 5px;
}
.en-regwindow-body .regwindow-body-wrapper{
    width: auto;
}
.en-regwindow-body .rbu-aside:first-child{
    min-width: 13em;
}
.en-regwindow-body .you-need-to-reg-your-account{
    width: auto;
    color: #368ae2;
    background-image: none;
}