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

.main {
    background: url("https://us.jogopwa.com/image/banner.png") no-repeat;
    background-size: 100%;
}

.info-title {
    /* padding-right: 1.333333vw; */
    /* background-color: #0f0f10; */
    /* border-radius: 1.333333vw */
}

.title {
    display: block;
    margin-top: 5.666667vw;
}

.tips {
    font-size: 3.2vw;
    color: #fff;
    white-space: pre-line;
    margin-right: 1.333333vw;
    margin-top: 2.666667vw
}

.txt-price {
    color: #1df970;
    font-size: 4.2vw;
}

.user-name {
    margin-top: 2.666667vw;
    font-size: 3.2vw;
    color: #222
}

.phone-title {
    margin-right: 1.333333vw;
    font-size: 3.2vw;
    color: #fff;
    font-weight: 700
}

.el-input__wrapper {
    padding-right: 0;
}

.phone-box {
    padding: 2vw;
    width: 100%;
}

.phone-box .msg {
    display: block;
    font-size: 3.2vw;
    width: 100%;
    text-align: center;
    padding: 4vw;
    color: #f92210;
}

.input-phone {
    font-size: 3.2vw;
    margin-top: 4vw;
    height: 8vw;
    color: #fff;
    background-color: transparent;
    border-color: #295830;
    --el-input-border-color: #295830;
    --el-input-hover-border-color: #295830;
    --el-input-focus-border-color: #295830;
    /* --el-input-placeholder-color: #295830 */
}

.input-phone .el-input__wrapper {
    /* padding-top: 1.333333vw;
    padding-bottom: 1.333333vw */
}

.input-phone .el-input-group__prepend {
    padding-left: 1.333333vw;
    padding-right: 1.333333vw;
    background-color: transparent
}

.input-phone .el-input__wrapper {
    background-color: transparent
}

.input-phone .el-input__inner {
    /* //padding-left: 1.333333vw;
    //padding-right: 1.333333vw; */
    background-color: transparent;
    color: #fff
}

.info-phone {
    margin-top: 42vw;
}

.cl-phone {
    padding-top: 2.666667vw;
    padding-bottom: 2.666667vw
}

.confirm {
    background-color: #1d2523;
    color: #ffff;
    height: 8vw;
    margin-left: 1vw;
    /* margin-bottom: 5.333333vw; */
    font-size: 3.2vw;
    /* margin-top: 4vw */
}

.confirm .layui-layer-title {
    background-color: #1d2523;
    color: #ffff;
    font-size: 4.8vw;
    border: 0;
}
.confirm .layui-layer-dialog {
    width: 60%;
}
.confirm .layui-layer-ico {
    background: url("x.png") no-repeat;
    background-size: 100%;
}

#confirm {
    background-color: #1d2523;
    color: #ffff;
}

.el-button--primary,
.el-button:active {
    color: #223726 !important;
    background-color: #27ec46 !important;
}

.ijogoapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    border-radius: 2.133333vw;
    margin-top: 2.666667vw;
    margin-left: 1vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.horizontal-line {
    border-bottom: 1px solid #223726;
    width: 100%;
    margin-top: 2.666667vw
}