.number-cell {
    font-size: 1em;
    width: 1em;
    text-align: center
}

.el-message-box {
    width: 90% !important;
    max-width: 420px!important;
    border: 1px solid #ecc79a!important;
    background-color: #010101!important;
}

body {
    margin: 0 0;
    background-color: #010101;
}

* {
    font-family: -apple-system-font, Helvetica Neue, sans-serif;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none
}


/* 自定义 */

.logo {
    width: 40%;
    height: auto;
    float: left;
}

.title {
    width: 60%;
    float: left;
    color: #ecc79a;
    margin-top: 10%;
}

h1 {
    color: #ecc79a;
    text-align: center;
    overflow: hidden;
    display: block;
    font-size: 1.6em!important;
    width: 80%;
}

.input_area {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

span {
    color: #ecc79a;
}

i {
    color: #ecc79a!important;
}

button span {
    color: #000;
}

.v-modal {
    background: #fff!important;
}

.el-input__inner {
    border: 1px solid #ecc79a!important;
    background-color: #010101!important;
    color: #ecc79a!important;
}

.el-button--primary {
    color: #000!important;
    background-color: #ecc79a!important;
    border-color: #ecc79a!important;
}

.el-collapse-item__header {
    color: #ecc79a!important;
    background-color: #010101!important;
}

.el-collapse-item__content {
    background-color: #010101!important;
}

div {
    color: #fff;
}

#app {
    height: 100%;
}

.bg_body {
    background-image: url("../img/bg_body.jpg");
    background-repeat: repeat-y;
    background-size: 100% auto;
    justify-content: center;
    max-width: 512px;
    margin: 0 auto;
}

.bg_header {
    justify-content: center;
    max-width: 512px;
    margin: 0 auto -10px auto;
}

.bg_header img {
    width: 100%;
    height: auto;
}

.bg_footer {
    justify-content: center;
    max-width: 512px;
    margin: 0 auto;
}

.bg_footer img {
    width: 100%;
    height: auto;
}