@font-face {
        font-family: 'iconfont';
        src: url('../fonts/iconfont.ttf?t=1665284552908') format('truetype');
}

.iconfont {
        font-family: "iconfont" !important;
        font-size: 12px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}


.w {
        width: 1200px;
        margin: 0 auto;
}

.header {
        position: relative;
        height: 82px;
        /* background-color: skyblue; */
        /* border-bottom: 2px solid #ddd4d4;
        box-shadow: 0 3px 6px rgb(203, 199, 199); */
}

.header h1 a {
        position: absolute;
        top: 24px;
}


.header h1 .logo_title {
        position: absolute;
        top: 35px;
        left: 225px;
        font-size: 24px;
}


.header_right {
        position: absolute;
        top: 45px;
        right: 85px;
}

.header_right a {
        font-size: 14px;
}

.header_right i {
        font-size: 30px;
        color: skyblue;
        vertical-align: middle;
}

.content {
        position: relative;
        height: 600px;
        width: 100%;
        /* margin-top: 15px; */
        background: url(../images/loginbac2.jpg) no-repeat;
}

.login_box {
        position: relative;
        height: 350px;
        width: 350px;
        top: 120px;
        left: -384px;
        padding: 25px 25px 23px;
        color: #6c6c6c;
        background: #fff;
        margin: 0 auto;
        background-color: hsla(0, 0%, 100%, .9);

}

.login_box .hd {
        height: 18px;
}

.login_box .hd h1 {
        font-size: 16px;
}

.login_box .bd ul li {
        width: 100%;
        height: 42px;
        margin: 25px 0;
        /* background-color: pink; */
}

.login_box .bd ul li label {
        color: #fff;
        font-size: 42px;
        line-height: 43px;
        background-color: #ccc;

}

.login_box .bd span {
        display: block;
        float: left;
        line-height: 30px;
        height: 30px;
}

.login_box .bd .ways a {
        display: block;
        float: left;
        margin: 0 3px;
}

.login_box .bd .wx {
        display: block;
        float: left;
        vertical-align: middle;
        font-size: 20px;
        color: rgb(44, 173, 44);
}

.login_box .bd .zfb {
        display: block;
        float: left;
        vertical-align: middle;
        font-size: 15px;

        color: rgb(75, 75, 204);
}

.login_box .bd .wb {
        display: block;
        float: left;
        vertical-align: middle;
        font-size: 15px;
        color: red;
}

.login_box .bd .txt {
        display: block;
        float: left;
}

.login_box .bd ul li input {
        height: 42px;
        width: 258px;
        padding-left: 12px;
        vertical-align: top;
}

.login_box .bd ul li button {
        color: #fff;
        font-size: 16px;
        width: 300px;
        height: 42px;
        background-color: #f40;
}

.login_box .bd .other {
        float: right;
}