/* 防止页面闪烁 */
[v-cloak] {
    display: none;
}

.root{
    width:1920px;
    height: 1080px;
    background: #000000 url(https://sslbashadianzikan.metshow.cn/fromchina/pcbgnew.jpg) no-repeat top left;
    background-size:cover;
    margin:0 auto;
    margin-top:0px;
    position: relative;
}
.hide{
    display: none !important;
}
.root .container{
    width: 464px;
    background: #FFFFFF;
    border-radius: 40px;
    position: absolute;
    top: 172px;
    right:376px;
}
.root .container .loginbox{
    height: 554px;
    margin-left: 48px;
    position: relative;
}
.root .container .regbox{
    height: 666px;
    margin-left: 48px;
    position: relative;
}
.root .container .title{
    margin-top: 44px;
    font-size: 40px;
    color: #11142D;
    line-height: 60px;
    text-align: left;
    font-style: normal;
}
.root .container .r1{
    display: flex;
    margin-top: 24px;
}

.root .container .r2{
    margin-top: 42px;
    font-weight: normal;
    font-size: 12px;
    color: #B2B3BD;
    line-height: 16px;
    text-align: left;
    font-style: normal;
}
.root .container .r3{
    margin-top: 16px;
}
.root .container .r4{
    margin-top: 24px;
    font-weight: normal;
    font-size: 12px;
    color: #B2B3BD;
    line-height: 16px;
    text-align: left;
    font-style: normal;
}
.root .container .r5{
    margin-top: 16px;
}
.root .container .r6{
    margin-top: 24px;
    width: 364px;
    height: 56px;
    background: #BF1D2D;
    border-radius: 16px;
    line-height: 56px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
}
.root .container .r7{
    margin-top: 24px;
    font-size: 12px;
    color: #B2B3BD;
    line-height: 16px;
    text-align: left;
    font-style: normal;
    cursor: pointer;
}


.root .container .t1{
    font-weight: normal;
    font-size: 12px;
    color: #B2B3BD;
    line-height: 16px;
    text-align: left;
    font-style: normal;
}

.root .container .t2{
    font-weight: normal;
    font-size: 12px;
    color: #BF1D2D;
    line-height: 16px;
    text-align: left;
    font-style: normal;
    margin-left: 35px;
    cursor: pointer;
}

.root .container .tbinput{
    width: 330px;
    height: 20px;
    background: rgba(228,228,228,0.25);
    border-radius: 8px;
    font-weight: normal;
    font-size: 14px;
    color: #11142D;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    padding: 18px;
}

.root .container .tbcode{
    width: 191px;
    height: 20px;
    background: rgba(228,228,228,0.25);
    border-radius: 8px;
    font-weight: normal;
    font-size: 14px;
    color: #11142D;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    padding: 18px;
}
.root .container .codebox{
    display: flex;
    margin-top: 16px;
}
.root .container .codebox .sendcode{
    width: 120px;
    height: 56px;
    line-height: 56px;
    background: #BF1D2D;
    border-radius: 16px;
    text-align: center;
    margin-left: 16px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    cursor: pointer;
}
.root .container .topbox{
    margin-top: 44px;
    display: flex;

}
.root .container .regtitle{
    font-size: 40px;
    color: #11142D;
    line-height: 60px;
    text-align: left;
    font-style: normal;
    flex: 1;
}
.root .container .topbox .close{
    width: 50px;
    height: 50px;
    cursor: pointer;
    margin-right: 50px;
}