.demos-header {
    display: flex;
    line-height: 50px;
    background-color: #2db2ff;
    font-size: 16px;
    color: #fff;
}

.demos-header p:nth-child(1) {
    width: 20%;
    text-align: center;
}

#logo {
    margin-top: 50px !important;
    text-align: center;
    margin: 0 auto;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    /*border: 1px solid #2db2ff;*/
}

#logo > img {
    width: 100%;
    height: 80%;
}

.weui-btn_primary {
    background-color: #2db2ff !important;
}
.weui-cell{
    padding: 7px 15px;
}
.weui-cells_form {
    padding: 0 30px;
}
.weui-cell  input.weui-input, .weui-cell  span.weui-input {
    line-height: 45px;
    height: 45px;
    font-weight: 500;
}
.weui-cell::before {
    content: " ";
    border: none;
    z-index: 2;
}
.login-label {
    display: block;
    word-wrap: break-word;
    word-break: break-all;
    display: flex;
    width: 100%;
}
.login-label i{
    font-style: initial;
    width: 40px;
    display: block;
    line-height: 45px;
    height: 45px;
}
.weui-cell::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #ddd;
    color: #ddd;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    left: 15px;
    z-index: 2;
}
.weui-label {
    width: 40px !important;
}

button.weui-btn,
input.weui-btn {
    margin-top: 50px;
}

.weui-cell__bd > input {
    position: relative;
}

.weui-cell_img {
    position: absolute;
    right: 10px;
    top: 22px;
    width: 25px;
    height: 25px;
}