@import url(./w3.css);
/* define the main style of the website */
@import url(./style.css);

/* vue app */
#app {
    height: 100%;
}

.contianer {
    width: 100%;
    height: 100%;
}

.mainform {
    background-color: white;
    width: 375px;
    height: 420px;
    border-radius: 4px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}

.mainform-content-wrapper {
    padding: 24px 24px 24px 24px;
    height: 100%;
}

.mainform-title {
    color: #2196f3;
    font-size: 32px;
}

.mainform-tips {

}

.mainform-content-middle {
    width: 100%;
}

.mainform-content-middle-right-input {
    width: 250px;
}

.reset-way-group-btn {
    width: auto;
}

.getcode-button {
    width: 120px;
}

.verify-code-input-wrapper {
    flex-grow: 1;
    margin-right: 8px;
}

.mainform-content-middle {
    height: 210px;
}

.input-item {
    height: 45px;
}

.reset-pass-btn-area {
    height: 60px;
}