body, div, ul, li, span, input, h2, p, span {
            margin: 0;
            padding: 0;
            font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;
            font-size: 12px;
            list-style:none;
        }
 i{font-style:normal;}
        body {
            height: 100%;
            background: url(/Content/mapping/skin4-1/images/login-bg.jpg?1898fdef91) no-repeat center top;
        }

        a {
            text-decoration: none;
        }

        .con_login {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
        }

        .head {
        }

        .login_form {
            width: 450px;
            float:left;
            overflow: hidden;
        }


            .login_form form {
                width: 360px;
                margin: 0 auto;
            }

                .login_form form .lg_tips {
                    width: 360px;
                    height: 30px;
                    line-height:30px;
                    color: #FF2F2F;
                    text-align: right;
                }

                .login_form form p {
                    width: 360px;
                    height: 46px;
                    position: relative;
                    background: url(/Content/mapping/skin4-1/images/login-icon.png?8bdfe237b2) no-repeat 0 0 ;
                    margin-bottom:8px;
                }

                .login_form form span {
                    width: 55px;
                    height: 30px;
                    line-height: 30px;
                    overflow: hidden;
                    position: absolute;
                    left: 44px;
                    top: 8px;
                    color: #fff;
                }

                .login_form form input {
                    float: left;
                    width:300px;
                    padding: 9px 15px 9px 44px;
                    line-height: 28px;
                    height: 28px;
                    color:#fff;
                    border:none;
                    background:none;
                }

        input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0px 1000px #8e9896 inset;
        }

        .login_form form i {
            background:url(/Content//mapping/skin4-1/images/login-icon.png?8bdfe237b2) no-repeat 0 -192px;
            width: 20px;
            height: 30px;
            display: block;
            position: absolute;
            left: 12px;
            top: 10px;
        }

            .login_form form i.username {
                background-position: 0 -192px;
            }

            .login_form form i.password {
                background-position: 0 -239px;
            }

        .login_form form .code {
            left:auto;
            right:10px;
            top:10px;
            background:#fff;
            height:26px;
            line-height:26px;
        }

        .login_form p input.code_txt {
            width: 85px;
        }

        .login_form p img {
            padding: 3px 0 0 4px;
        }

        .login_form .login_btn {
            cursor: pointer;
            width: 360px;
            height: 46px;
            float: left;
            margin:32px 0 0 5px;
            display: block;
            border: none;
            background:url(/Content//mapping/skin4-1/images/login-icon.png?8bdfe237b2) no-repeat 0 -50px;
        }

        .login_form form .lg_tips span {
            line-height: 30px;
            font-size: 12px;
        }

        .cop {
            text-align: center;
        }

        input {
            outline: none;
        }

        .hide {
            display: none;
        }

        .QRcode{display:block;}

 /***/
.login_wrap{width:910px;height:370px;padding:60px 0 20px 0 ;margin:10% auto 0 auto;background: url(/Content/mapping/skin4-1/images/forem-bg.png?b7f6f33726) no-repeat; }
.w-head{color:#fff;font-size:16px;padding-left:50px;position:relative;}
.w-head:before{content:"";display:block;position:absolute;left:30px;top:50%;margin-top:-4px;width:8px;height:8px;border-radius:50%;background:#566fa8;}
.line-wrap{width:449px;border-right:1px solid #727675;height:309px;float:left;}
.line-wrap ul{padding:0 22px;}
.line-wrap li{float:left;width:109px;height:54px;color:#fff;text-align:right;margin:42px 4px 0 22px;position:relative;}
.line-wrap i{display:block;position:absolute;left:-18px;top:-18px;width:36px;height:36px;color:#fff;text-align:center;line-height:36px;font-size:16px;  background: url(/Content/mapping/skin4-1/images/login-icon.png?8bdfe237b2) no-repeat -4px -284px ;}
.line-wrap li:hover i{background-position:-61px -284px}
.line-wrap span{display:block;width:100%;height:100%;line-height:54px;text-align:center;  background: url(/Content/mapping/skin4-1/images/login-icon.png?8bdfe237b2) no-repeat 0 -107px ;}
.line-wrap span label{padding-left:2px;}
.f_left{height:264px;}
.browser-list {color:#fff;text-align:center;line-height:26px;margin-top:10px;}
.browser-list a{padding:0 6px;color:#adadad;}
.browser-list i{display:inline-block;width:26px;height:26px;background:url(/Content/mapping/skin4-1/images/login-icon.png?8bdfe237b2) no-repeat -58px -187px;vertical-align: middle;}
.browser-list i.f-icon{background-position:-58px -226px;}

.footer{position:absolute;left:0;bottom:0;width:100%;height:126px;background:url(/Content/skin2/login/foot.jpg?27832a2c8c) no-repeat center top #000;}