body, html {
    width: 100%;
}

body {
    width: 100%;
    position: relative;

}

* {
    font-family: "微软雅黑" !important;
}

img {
    border: none;
}

a {
    text-decoration: none;
}

.bigbox {
    width: 100%;
    float: left;
    height: 100%;
    background: url(../images/bg.png) no-repeat left top;
    background-size: 100% 100%;
}

.main {
    width: 930px;
    margin: 0 auto;
}

.main_box {
    float: left;
    width: 100%;
}

.main_box h1 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-top: 130px;
    color: #333333;
}

.main_box ul {
    float: left;
    width: 100%;
}

.main_box ul li {
    float: left;
    width: 120px;
    margin: 80px 82px 0 0;
}

.main_box ul li[lp] {
    margin-right: 0;
}

.main_box ul li a {
    float: left;
    width: 120px;
    color: #333333;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: "微软雅黑";
    transition: all 30ms linear;
}

.main_box ul li a img {
    float: left;
    margin-bottom: 16px;
}

.main_box ul li a:hover {
    transform: scale(1.1, 1.1);
}

/*pc端*/
/*pc端*/
.big_box {
    width: 100%;
    height: 100%;
    background: url(../images/bg.png) no-repeat left top;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.box_login {
    width: 1000px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.box_login h1 {
    float: left;
    width: 100%;
    height: 60px;
    line-height: 60px;
}

.box_login h1 img {
    float: left;
    margin-left: 30px;
}

.box_login h1 b {
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 36px;
    margin-left: 40px;
}

.login_item {
    margin-top: 30px;
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 1px 2px 8px 4px #e0e0e0;
    height: 500px;
}

.box_left {
    width: 500px;
    height: 500px;
    float: left;
    background: url(../images/img1.png) no-repeat center center;
}

.box_right {
    width: 380px;
    padding: 60px 60px;
    float: right;
}

.login_box_item {
    float: left;
    width: 100%;
    position: relative;
}

.mess {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.mess:last-child {
    margin-bottom: 0;
}

.mess > label {
    width: 100%;
    height: 34px;
    line-height: 34px;
    float: left;
    color: #676767;
    font-size: 14px;
    font-family: "微软雅黑";
}

.mess span {
    float: left;
    width: 99.7%;
    border: 1px solid #ddd;
}

.mess span input {
    float: left;
    outline: none;
    border: none;
    padding: 14px 0;
    font-size: 14px;
    color: #a9a9a9;
}

.mess span input::-webkit-input-placeholder { /*WebKit 对placeholder起作用*/
    color: #a9a9a9;
}

.user {
    width: 97%;
    background: url(../images/userbicon.png) no-repeat 3% center;
    text-indent: 35px;
}

.pass {
    width: 97%;
    background: url(../images/passicon.png) no-repeat 3% center;
    text-indent: 35px;
}

.veri {
    width: 55%;
    background: url(../images/verification_icon.png) no-repeat 5% center;
    text-indent: 35px;
}

.mess > span > label {
    float: right;
    height: 35px;
}

.mess > span > label > img {
    width: 130px;
    height: 47px;
}

.mess > button {
    float: left;
    outline: none;
    border: none;
    width: 100%;
    margin-top: 30px;
    height: 47px;
    font-size: 16px;
    line-height: 47px;
    font-family: "微软雅黑";
    color: #fff;
    background: #0092dc;
    cursor: pointer;
}