body {
    background: url(/mobile/img/bg.jpg) center center no-repeat;
    background-size: cover
}

.um-vp {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none
}

    .um-vp .up {
        top: 0;
        left: 0;
        width: 100%;
        min-height: 100%;
        max-height: 100%;
        position: absolute;
        border: 0
    }

.ub-ver {
    -webkit-box-orient: vertical;
    box-orient: vertical;
}

.uh {
    display: block;
    width: 100%;
    font-size: 1em;
}

.ub {
    display: -webkit-box !important;
    display: box !important;
    position: relative;
}

.ub-f1 {
    position: relative;
    -webkit-box-flex: 1;
    box-flex: 1;
}

::-webkit-input-placeholder {
    color: #FFFFFF;
}

.logo {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.LoginBox {
    margin: 0 auto;
    width: 70%;
}

    .LoginBox .li {
        background: rgba(0,0,0,0);
        border-bottom: 1px #ffffff solid;
        width: 100%;
        margin-top: 15px;
    }
        /*.LoginBox .li input{position:relative; z-index:1; padding:0 25px;height:40px; line-height:40px; background:rgba(0,0,0,0); border:0px; width:100%; color:#fff; font-size:15px; }*/
        .LoginBox .li input {
            position: relative;
            z-index: 1;
            padding-left: 25px;
            height: 40px;
            line-height: 40px;
            background: rgba(0,0,0,0);
            border: 0px;
            width: 100%;
            color: #fff;
            font-size: 15px;
        }

        .LoginBox .li i {
            position: absolute;
            width: 20px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            display: block;
            color: #fff;
            z-index: 2;
        }

            .LoginBox .li i.fa-mobile {
                font-size: 30px;
            }

            .LoginBox .li i.fa-lock {
                font-size: 20px;
            }

        .LoginBox .li img {
            position: absolute;
            right: 0;
            bottom: 0;
            height: 40px;
            width: 60px;
        }

.dlbtn {
    width: 100%;
    height: 44px;
    margin-top: 25px;
    text-align: center;
    color: #fff;
    float: left;
    line-height: 44px;
    font-size: 18px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#2299ee', endColorstr = '#75b75a');
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#2299ee', endColorstr = '#75b75a')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: -moz-linear-gradient(left, #2299ee, #75b75a);
    background-image: -ms-linear-gradient(left, #2299ee, #75b75a);
    background-image: -o-linear-gradient(left, #2299ee, #75b75a);
    background-image: -webkit-gradient(linear, left top, right top, from(#2299ee), to(#75b75a));
    background-image: -webkit-linear-gradient(left, #2299ee, #75b75a);
    background-image: linear-gradient(left, #2299ee, #75b75a);
    /*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}

.zcbtn{width:100%; height:44px;  margin:15px 0; text-align:center; color:#fff; float:left; line-height:44px; font-size:18px;
       filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#fa7516', endColorstr = '#db5e05');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#fa7516', endColorstr = '#db5e05')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(left, #fa7516, #db5e05);
background-image: -ms-linear-gradient(left, #fa7516, #db5e05);
background-image: -o-linear-gradient(left, #fa7516, #db5e05);
background-image: -webkit-gradient(linear, left top, right top, from(#fa7516), to(#db5e05));
background-image: -webkit-linear-gradient(left, #fa7516, #db5e05);
background-image: linear-gradient(left, #fa7516, #db5e05);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}
.zhpswbtn {
    width: 100%;
    height: 44px;
    text-align: center;
    color: #fff;
    float: left;
    line-height: 44px;
    font-size: 18px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#8840d8', endColorstr = '#426cd1');
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#8840d8', endColorstr = '#426cd1')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: -moz-linear-gradient(left, #8840d8, #426cd1);
    background-image: -ms-linear-gradient(left, #8840d8, #426cd1);
    background-image: -o-linear-gradient(left, #8840d8, #426cd1);
    background-image: -webkit-gradient(linear, left top, right top, from(#8840d8), to(#426cd1));
    background-image: -webkit-linear-gradient(left, #8840d8, #426cd1);
    background-image: linear-gradient(left, #8840d8, #426cd1);
    /*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}

.LoginBox a {
    color: #fff;
}

    .LoginBox a:focus {
        color: #ff6a00;
    }