*{padding:0;margin:0; }

body {
            position: relative;
            font: 12px/1.6 Microsoft Yahei;
            padding-top:10%;
        }

        /*html, body {
            height: 100%;
        }*/

        input {
            outline: none;
        }
li,ul{list-style:none;}
i{font-style:normal}
            .login_wrap .tit {
                text-align: center;
                font-size: 25px;
                padding-top: 110px;
            }

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

            .login ul {
                width: 359px;
                margin: 0 auto;
            }

                .login ul li ,.lg_btn{
                    margin: 0 0 10px 0;
                    width: 360px;
                    height: 49px;
                    position: relative;
                      background: url(/Content/mapping/Default-1/images/login/login-icon.png?8bdfe237b2) no-repeat 0 0 ;
                }

                    .login ul li span {
                       
                        overflow: hidden;
                        line-height:30px;
                        height: 30px;
                        position: absolute;
                        left: 44px; top: 8px;width: 60px;
                    }

                        .login ul li span.username_tit {
                            background-position: center 0;
                        }

                        .login ul li span.password_tit {
                            background-position: center -14px;
                        }

                        .login ul li span.code_tit {
                          left:30px;
                        }

                    .login ul li img {
                        position:absolute;
                        left:auto;
                        right:10px;
                        top:10px;
                        background:#fff;
                        height:26px;
                        line-height:26px;
                    }

                    .login ul li input.input-text {
                        float: left;
                        width:300px;
                        padding: 9px 15px 9px 45px;
                        line-height: 28px;
                        height: 28px;
                        color:#fff;
                        border:none;
                        background:none;
                    }
        input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0px 1000px #d1cbbe inset;
        }
        .login .lg_btn{background:none;margin:32px auto 0 auto;}
        .login input.btn {
            width: 360px;
            height: 46px;
            display: block;
            border: none;
            background:url(/Content/mapping/Default-1/images/login/login-icon.png?8bdfe237b2) no-repeat 0 -50px;
        
        }

        .login ul li.error-tip {
            font-size: 12px;
            margin: 0;
        }

        .login ul li span.unhappyMessage {
            font-size: 12px;
            position: absolute;
            right: 65px;
            top: -22px;
        }

        .login ul li i {
            width: 20px;
            height: 30px;
            display: block;
            position: absolute;
            left: 12px;
            top: 10px;
            background-repeat:no-repeat;
        }

            .login ul li i.username_ico {
                background-position: 0 -192px;
            }

            .login ul li i.password_ico {
                background-position: 0 -239px;
            }

        a.not-again {
            margin-left: 5px;
        }

        .hide {
            display: none;
        }


.login_wrap { width: 910px; height: 370px; padding: 123px 0 0 0; background: url(/Content/mapping/Default-1/images/login/lg-forem-bg.png?8a5da1cc34) no-repeat; margin:0 auto;  overflow:hidden;}
.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/Default-1/images/login/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/Default-1/images/login/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/Default-1/images/login/login-icon.png?8bdfe237b2) no-repeat -58px -187px;vertical-align: middle;}
.browser-list i.f-icon{background-position:-58px -226px;}