*{
    padding: 0;
    margin: 0;
    list-style: none;
}
body,
html {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: #000000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #F9F9F9;
}
img{
    display: inline-block;
    border: none;
}
a,
button,
input,
textarea {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
}

.w-75 { width: 75% !important; }
.w-50 { width: 50% !important; }
.w-25 { width: 25% !important; }
.float-right { float: right !important; }
.float-left { float: left !important; }
.m-auto { margin: 0 auto; }
.m-10 { margin: 10px; }
.m-20 { margin: 20px; }
.mr-10 { margin-right: 10px; }
.mr-20 { margin-right: 20px; }
.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px!important; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mt-20 { margin-top: 20px; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.fixed-top {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999;
}
.icon{
    display: inline-block;
    margin-right:  10px;
    position:relative;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    position: relative;
}
.boxShadow { box-shadow: 0 0 40px rgb(64, 115, 204); }
.clr{ clear: both; }

/* 登录界面 */
.bj-login{
    background-image: url("../images/loginBj.jpg");
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}
.logo{
    position: absolute;
    top: 50px;
    left: 60px;
    width: 268px;
    height: 60px;
    background-image: url("../images/logo.png");
}
.tel{
    position: absolute;
    top: 50px;
    font-size: 18px;
    color: #fff;
    right: 60px;
}
.footer{
    position: fixed;
    bottom: 30px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff
}
.main{
    width: 970px;
    height: 580px;
    border-radius: 30px;
    position: absolute;
    left: 50%;
    margin-left: -485px;
    top: 50%;
    margin-top: -290px;
    padding:94px 110px 0 500px;
    box-sizing: border-box;
    background-color: #ffffff;
    background-image: url("../images/loginIcon.png");
    background-repeat: no-repeat;
    background-position:24px 95px;
}

.title{
    margin-bottom: 60px;
}
.loginForm{}
.loginForm .line{
    position: relative;
    height: 46px;
}
.loginForm .line input{
    width: 100%;
    height: 46px;
    padding: 0 23px 0 80px;
    line-height: 46px;
    border-radius: 23px;
    font-size: 16px;
    color: #67abfe;
    box-sizing: border-box;
    border: none;
    background-image: url("../images/input-bj.jpg");
    background-repeat: repeat-x;
}
.line .icon{
    position: absolute;
    left: 34px;
    top: 6px;
    width: 34px;
    height: 34px;
    background-image: url("../images/loginIcon1.png");
    background-size: 28px 75px;
}
.line .iconUsername{
    background-position: 0 3px;
}
.line .iconPassword{
    background-position: 0 -41px;
}
.loginForm .submit{
    width: 121px;
    height: 45px;
    border-radius: 23px;
    background-image: url("../images/loginbutton.png");
    border: none;
    display: block;
    margin: 0 auto;
}

::-webkit-input-placeholder { color: #67abfe; }
:-moz-placeholder { color: #67abfe; }
::-moz-placeholder { color: #67abfe; }
:-ms-input-placeholder { color: #67abfe; }