/*登录注册页面的公用头部样式*/
.login_header,.register_header{width: 100%;min-width: 1200px;background: #fafafa;height: 100px;}
.login_header .header_center,.register_header .header_center{width: 1200px;margin: auto;}
.login_header .myfl img,.register_header .header_center img{margin-top: 20px;}
.login_header .myfl span,.register_header .header_center .myfl span{height: 40px;line-height: 40px;border-left: 1px solid #eaeaea;color: #999;font-size: 18px;display: inline-block;margin: 30px 0 0 30px;padding-left: 30px;}
/*登录头部样式*/
.login_header .myfr {margin-top: 40px;}
.login_header .myfr span{height: 12px;width: 1px;background: #bfbfbf;margin: 0 16px;}
.login_header .myfr a{font-size: 12px;color: #999;}
.bg1{background: url("/Image/public/xc.png") no-repeat 40px 40px;}
.bg2{background: url("/Image/public/buy_register_bag.png") no-repeat 40px 120px;}
.bg3{background: url("/Image/public/seller_register_bag.png") no-repeat 40px 40px;}
/*登录内容区*/
.login_content{width: 1200px;height: 500px;padding-top: 60px;margin: auto;}

    .login_content .login_box {
        width: 449px;
        height: 388px;
        border: 1px solid #eaeaea;
        margin: 100px auto;
        text-align: center;
    }

.login_content .login_box .tabchange em{display: inline-block;width: 1px;height: 52px;background: #eaeaea;}
.login_content .login_box .tabchange span{display: inline-block;width: 449px;height: 51px;line-height: 51px;text-align: center;font-size: 16px;color: #666;cursor: pointer;}
.login_content .login_box .tabchange .bor_bottom{border-bottom: 1px solid #eaeaea;background: #fff;}
.login_content .login_box .tabchange .sign_select{color: #ff366f;}
.login_content .login_box .system_error{height: 26px;line-height: 26px;padding: 0 20px;color: red;}
.login_content .login_box input{width: 278px;height: 46px;border-bottom: 1px solid #ccc;outline: none;margin-left: 20px;padding-left: 30px;line-height: 46px;}
.login_content .login_box .username_error,.login_content .login_box .password_error{height: 18px;line-height: 18px;color: red;margin: 0 20px;}
.login_content .login_box .username_error span,.login_content .login_box .password_error span{padding-left: 16px;background: url("/img/login_register/login_error_icon.png") no-repeat 0 center;display: none;}
.forget_password{margin-left: 20px;margin-right: 20px;margin-top:20px}
.login_content .login_box .forget_password a{display: inline-block;color: #999999;line-height: 24px;}
.login_content .login_box .submit_btn{border: none;padding-left: 0;width: 310px;height: 48px;background: #409EFF;color: white;margin: 20px;cursor: pointer;font-size: 18px;border-radius: 4px;margin-bottom: 0;}
.login_content .login_box .entry_mode{color: #999;width: 100%;text-align: center;}
.login_content .entry_mode a{color: #999;line-height: 66px;}
.login_content .entry_mode span{line-height: 66px;}
/*.login_content .entry_mode a em{width: 34px;height: 34px;display: block;background: url("/img/login_register/login_entry_icon1.png") no-repeat center;margin-left: 10px;}*/
/*.login_content .entry_mode a:hover em{background: url("/img/login_register/login_entry_icon2.png") no-repeat center;}*/
/*登录底部*/
.login_bottom{background: #fafafa;text-align: center;height: 68px;line-height: 68px;color: #999;}

.regsand{margin-top:10px}

#password{
    border: none;
}
/*找回密码第一步页面的相关样式设置*/
.retrieve_a_content{width: 100%;min-width: 1200px;background: #F1F1F1;padding-top: 20px;}
.retrieve_a_con_top,.retrieve_a_con_top ul{width: 1200px;height: 82px;background: white;margin: auto;line-height: 82px;}
.retrieve_a_con_top li{line-height: 82px;width: 106px;margin-left: 155px;}
.retrieve_a_con_top li span{margin-right: 7px;vertical-align: middle;}
.retrieve_a_con_fonta span{display: inline-block;width: 20px;height: 20px;border-radius: 10px;background: #FF366F;line-height: 20px;text-align: center;color: white;}
.retrieve_a_con_fontb span{display: inline-block;width: 18px;height: 18px;border: 1px solid #EAEAEA;text-align: center;line-height: 20px;border-radius: 10px;}
.retrieve_a_con_fontb{color: #999999;}
.retrieve_a_wire,.retrieve_b_wire,.retrieve_c_wire,.retrieve_d_wire{width: 1200px;height: 1px;margin: auto;position: relative;}
.retrieve_a_wire span,.retrieve_b_wire span,.retrieve_c_wire span,.retrieve_d_wire span{display: inline-block;width: 1200px;height: 1px;background: #EAEAEA;position: absolute;}
.retrieve_a_wire span em,.retrieve_b_wire span em,.retrieve_c_wire em,.retrieve_d_wire em{width: 150px;height: 1px;background: #FF366F;position: absolute;top: 0px;}
.retrieve_a_wire span em{left: 127px;}
.retrieve_b_wire span em{left: 386px;}
.retrieve_a_center,.retrieve_b_center,.retrieve_c_center,.retrieve_d_center{width: 1200px;height: 460px;margin: auto;background: white;}
.retrieve_a_center ul{padding-top: 104px;width: 370px;margin: auto;}
.retrieve_a_centera{color: #666666;vertical-align: middle;}
.name_error{line-height: 20px;height: 20px;padding-left: 100px;visibility: hidden;color: #ff0000;background:url("/img/business/shop_bind_f.png") no-repeat;background-position-y: center;background-position-x: 88px;}
.retrieve_a_centera input{width: 268px;height: 40px;line-height: 40px;border: 1px solid #EBEBEC;border-radius: 3px;vertical-align: middle;margin-left: 18px;padding-left: 10px;}
.retrieve_a_centerb a{cursor:default;display: block;width: 280px;height: 42px;background: #808080;text-align: center;line-height: 42px;color: white;margin-left: 88px;border-radius: 3px;margin-top: 60px;}
.retrieve_a_bottom,.retrieve_b_bottom,.retrieve_b_bottom,.retrieve_d_bottom{width: 100%;min-width: 1200px;height: 70px;background: #F1F1F1;padding-top: 20px;text-align: center;color: #999999;}
/*找回密码第二步页面的相关样式设置*/
.retrieve_a_con_fontc span{display: inline-block;width: 20px;height: 20px;background: url(../img/base/info_a.png) no-repeat;vertical-align: middle;background-position-y: center;}
.retrieve_b_center ul{width: 510px;margin: auto;color: #666666;padding-top: 60px;}
.retrieve_b_center ul li{margin-bottom: 20px;}
.retrieve_b_centera span,.retrieve_b_centerb span,.retrieve_b_centerc span{vertical-align: middle;display: inline-block;width: 100px;text-align: right;margin-right: 20px;}
.retrieve_b_centera em{vertical-align: middle;}
.retrieve_b_centerb input,.retrieve_b_centerc input{width: 148px;height: 40px;border: 1px solid #EBEBEC;padding-left: 10px;vertical-align: middle;border-radius: 3px;}
.retrieve_b_center #code_err{color: #ff0000;padding-left: 136px;background: url("/img/business/shop_bind_f.png") no-repeat;background-position-y: center;background-position-x:120px;visibility: hidden;height: 20px;line-height: 20px;}
.retrieve_b_text{position: relative;width: 100px;height: 42px;vertical-align: middle;margin-left: 20px;display: inline-block;}
.retrieve_b_centerb .retrieve_b_text span{position: absolute; border-radius: 3px;text-align: center;width: 98px;height: 40px;line-height: 40px;background: white;border: 1px solid #FF366F;color: #FF366F;margin-right: 0px;}
.retrieve_b_text em{display: inline-block;width: 98px;height: 40px;line-height: 40px;border: 1px solid #EBEBEC;border-radius: 3px;}
.retrieve_b_centerd a{display: inline-block;width: 280px;height: 42px;background: #808080;cursor: default;text-align: center;line-height: 42px;color: white;margin-left: 120px;border-radius: 3px;}
.retrieve_b_centerc em{display: inline-block; width: 100px;height: 42px;line-height: 42px;background: #EFEFEF;vertical-align: middle;margin-left: 20px;}
/*找回密码的第三步相关样式的设置*/
.retrieve_c_wire em{left: 648px;}
.retrieve_c_center ul{width: 370px;margin: auto;padding-top: 96px;}
.retrieve_c_center ul .pass_error{visibility: hidden;padding-left: 104px;height: 30px;line-height: 30px;background: url("/img/business/shop_bind_f.png") no-repeat;background-position-y: center;background-position-x: 90px;color: #ff0000;}
.retrieve_c_centera span,.retrieve_c_centerb span{display: inline-block;width: 70px;vertical-align: middle;color: #666666;text-align: right;margin-right: 20px;}
.retrieve_c_centera input,.retrieve_c_centerb input{width: 268px;height: 40px;line-height: 40px;border: 1px solid #EBEBEC;vertical-align: middle;padding-left: 10px;border-radius: 3px;}
.retrieve_c_centerc a{cursor:default;display: block;width: 280px;height: 42px;line-height: 42px;background: #808080;color: white;text-align: center;margin-left: 90px;}
/*找回密码页面的第四步相关样式的设置*/
.retrieve_d_wire em{left: 910px;}
.retrieve_d_center ul{width: 420px;margin: auto;padding-top: 130px;}
.retrieve_d_centera{width: 420px;height: 80px;background: url(/img/base/success_a.png) no-repeat;background-position: center;}
.retrieve_d_centerb{font-size: 20px;color: #666666;line-height: 30px;vertical-align:top;height: 30px;}
.retrieve_d_centerb span{vertical-align: top;line-height: 30px;color: #FF366F;}

/**
 * 响应式布局
 */
.login_content .login_box {
    height: 520px
}

.login_boxl {
    margin-left: 40px;
}


@media (max-width:1200px) {
    .login_header, .register_header {
        min-width: auto;
    }

        .login_header .header_center, .register_header .header_center {
            width: calc(100% - 40px);
            margin: 0 20px;
        }

    .login_content {
        width: calc(100% - 30px);
        margin: 0 15px;
    }

    .login_boxl img {
        width: 500px;
        margin-top: 35px;
    }
}

@media (max-width: 992px) {
    .header_center {
        width: 960px;
    }

    .login_boxl img {
        width: 455px;
        margin-top: 50px;
    }

    .login_content .login_box .tabchange span {
        width: 100%;
    }

    .login_content .login_box {
        width: 330px;
        height: auto;
    }

    .regsand p {
        width: 290px !important;
    }

    .login_content .login_box input {
        width: 180px !important;
        height: 36px;
    }

    .login_content .login_box .submit_btn {
        width: calc(100% - 40px) !important;
    }

    .login_boxl {
        margin-left: 20px;
    }
}

@media (max-width: 878px) {
    .login_boxl img {
        width: 400px;
        margin-top: 70px;
    }
}

@media (max-width: 810px) {

    .login_boxl img {
        width: 360px;
        margin-top: 70px;
    }
}

@media (max-width: 768px) {
    .header_center {
        width: 720px;
    }

    .login_content .login_boxl {
        float: none;
        width: 100%;
    }

    .login_content {
        height: auto;
        padding-top: 30px;
    }

        .login_content .login_box {
            float: none;
        }

    .login_boxl {
        margin: 0;
    }

        .login_boxl img {
            width: calc(100% - 40px);
            margin: 0 20px;
            margin-top: 20px;
        }

    .login_content .login_box {
        width: 100%;
        margin-top: 30px;
    }

    .regsand p {
        width: calc(100% - 40px) !important;
        margin: 0 20px !important;
    }

    .login_content .login_box input {
        width: calc(100% - 110px) !important;
    }
}

@media (max-width: 630px) {
    .login_header, .register_header {
        height: 160px;
    }

    .header_center .myfl, .header_center .myfr {
        float: none;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .login_header .header_center, .register_header .header_center {
        width: calc(100% - 20px);
        margin: 0 10px;
    }
}