.bindParent {
    width: 100%;
    height: 100%;
    /*background-image: url("./bg_bind_phone.jpg");*/
    background-size: 100% 100%;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    padding: 0 50px;
    align-items: center;
}

.uasIcon {
    width: 90px;
    height: 30px;
    margin-top: 80px;
}

.phoneLayout {
    width: 100%;
    height: 156px;
    /*background-color: rgba(255, 255, 255, 0.25);*/
    display: flex;
    flex-direction: column;
    margin: 50px auto;
    /*border-radius: 30px 0 30px 0;*/
    /*padding: 0 25px;*/
}

.phoneCaption {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: 1.48px;
    margin-top: 25px;
    margin-left: 4px;
}

.phoneInput {
    width: 100%;
    font-family: PingFangSC-Regular;
    letter-spacing: 1.48px;
    margin-top: 10px;
    height: 35px;
    outline: none;
    border: none;
    font-size: 14px;
    border-bottom: 1px solid #bfbfbf;
    /*border-radius: 3px;*/
    background: transparent;
    color: #333333;
    padding: 8px;
}

.phoneInput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #bfbfbf;
}

.phoneInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bfbfbf;
}

.phoneInput::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bfbfbf;
}

.phoneInput:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bfbfbf;
}

.bindButton {
    background: #ff4063;
    font-size: 14px;
    width: 100%;
    color: white;
    letter-spacing: 8px;
    height: 40px;
    text-align: center;
    line-height: 42px;
}

.bindButton:active {
    background: #ff4148;
}

.finishedLayout {
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}