﻿/*商家登录*/

/*.hysphead{    height: 50px;
    margin: 0 90px;
    font-family: "Microsoft Yahei";
    background-color: #FFF;}
.hysphead span{float:right;line-height:80px;font-size:24px;color:#666;}
.hysphead span .logo{float:left;margin:0 0 0 124px;line-height:50px;font-size:16px;color:#000;width:230px}
.hysphead ul{float:left;}
.hysphead ul li{width:178px;height:80px;font-size:22px; font-weight:bold; color:#333;text-align:center;float:left;line-height:80px}
.hysphead ul li a{width:86px;height:78px;line-height:78px;padding:1px;color:#000;text-decoration:none;display:inline-block}
.hysphead ul li a:hover{color:#000;text-decoration:none;padding:0;border:1px solid #046892;background-color:#046892}
.hysphead ul li.current a,.hysphead ul li.current a:hover{padding:0;font-weight:bold;border:1px solid #046892;background-color:#046892;}
.hysphead ul li a.welcome{ text-align:left; font-family: "Microsoft Yahei"; font-size:14px; margin-left:0px;} 
#login a img {
    margin-top: 14px;
    margin-left: 19px;
    width: 29%;
}*/
.hysphead {
    height: 80px;
    font-family: "Microsoft Yahei";
    background-color: #FFF;
    width: 96%;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}
.title {
    width: 100%;
    height: 78px;
    margin: 0 auto;
    background:none;
}
#login a img {
    margin-top: 14px;
    margin-left: 19px;
    width: 29%;
}
.consulting {
    position: relative;
    left: 31px;
    top: -43px;
    float: right;
}
.consulting img {
    margin-right: 10px;
    width: 100%;
    height: 35px;
    margin-top: 4px;
}
.consulting span {
    margin-left: .225rem;
    font-size: 1.3rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #128EF1;
    position: relative;
    top: -4px;
}
.loginbg {
    width: 100%;
    height: 640px;
    margin: 0 auto;
    background-image: url(/Content/img/login_bg.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-size: 100% 75%;
}

.login_com {
    width: 300px;
    height: auto;
    background-color: #FFFFFF;
    position: relative;
    left: 240px;
    top: 100px;
    margin: 0 auto;
}
.login-title {
    width:180px;
   height: 40px;
  line-height: 40px;
  display: inline-block;
  cursor: pointer;
  color:#999;
  font-weight:bold;
}
.Imger {
  position:relative;
  top:10px;
}
/*.Haloing {
  position:relative;
  top:5px;
}*/
.login_com_title {
    font-size: 16px;
    color: #666666;
    border-bottom: 2px solid #f4f4f4;
}
    .login_com_title .login_com_title_content {
        padding-left: 20px;
        width:100px;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        cursor:pointer;
        
    }
    .login_com_title .Haloing {
       background-image: url('/Content/img/白圈.png');
         background-repeat: no-repeat;
          background-position:0 50%;
    }
    .login_com_title .OnSelect {
        color: #6686ff;
        background-image: url('/Content/img/蓝圈.png');
         background-repeat: no-repeat;
        
    }
.input_com_div {
    width: 242px;
    height: 42px;
    border: 1px solid #cccccc;
    margin: 0 auto;
    margin-bottom: 20px;
}

    .input_com_div img {
        width: 20px;
        height: 20px;
        float: left;
        position: relative;
        top: 9px;
        left: 4px;
        margin-right: 8px;
    }

    .input_com_div input {
        float: left;
        height: 40px;
        border: none;
        font-size: 14px;
        color: #666666;
        width: 88%;
        outline: none;
    }

.btn_login_com {
    width: 242px;
    height: 35px;
    background-color: #6686FF;
    font-size: 14px;
    text-align: center;
    border: none;
    color: white;
    margin-left: 30px;
    cursor: pointer;
}

.btn_reg_com {
    width: 300px;
    height: 49px;
    background-color: #EDEFF3;
    margin-top: 30px;
}

    .btn_reg_com div {
        font-size: 14px;
        color: #999999;
        width: 80px;
        margin: 0 auto;
        padding-top: 8px;
    }

.tip, .tip1, .tip2, .tip3, .tip4 {
    color: red;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
}


/*商家注册*/
.reg_com {
    width: 1210px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 20px;
}

.reg_com_title {
    font-size: 18px;
    color: #999999;
    float: left;
    margin-top: 38px;
}

.reg_com_form {
    width: 330px;
    height: 40px;
    margin: 30px auto;
}

    .reg_com_form span {
        font-size: 30px;
        color: #747474;
        float: left;
        margin-right: 8px;
    }

    .reg_com_form a {
        font-size: 14px;
        color: #0066CC;
        float: left;
        text-decoration: none;
        margin-top: 15px;
    }

.reg_com table {
    width: 800px;
    height: 460px;
    margin: 20px auto;
    line-height: 30px;
}

    .reg_com table tr {
        height: 30px;
        line-height: 30px;
    }

        .reg_com table tr td div span {
            color: red;
            font-size: 14px;
        }

        .reg_com table tr td div {
            font-size: 14px;
            color: #666666;
            margin-right: 4px;
        }

        .reg_com table tr td input {
            width: 445px;
            height: 40px;
            border: 1px solid #e9e9e9;
            font-size: 14px;
            padding-left: 10px;
            color: #666666;
            float: left;
            outline:none;
        }

.reg_com_sub {
    width: 213px;
    height: 60px;
    background-color: #009cff;
    font-size: 16px;
    text-align: center;
    color: white;
    cursor: pointer;
    margin-left: 190px;
}

.TAright {
    width: 100px;
    text-align: right;
}

.reg_T {
    width: 100%;
    height: 100px;
    line-height: 100px;
    background-color: #FFF;
}

    .reg_T ul {
        width: 1210px;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        margin: 0 auto;
    }

        .reg_T ul li {
            width: 310px;
            height: 60px;
            line-height: 60px;
            margin: 20px auto;
            color: #666;
            float: left;
            list-style: none;
            font-size: 24px;
        }

            .reg_T ul li a {
                font-size: 14px;
                color: #0066CC;
                float: right;
            }

.have {
    font-size: 14px;
}




/*注册流程*/
.flow_max {
    width: 100%;
    height: 100%;
    /*border:1px solid;*/
}

.flow_middle {
    width: 1210px;
    /*border: 1px solid;*/
    /*height: 786px;*/
    margin: 0 auto;
}

.flow_middle_top {
    width: 100%;
    height: 44px;
    background-color: #f1f1f1;
    line-height: 44px;
    color: black;
    font-size: 14px;
}

.flow_content_max {
    width: 1090px;
    height: 100%;
    /*border: 1px solid;*/
    margin: 0 auto;
    margin-top: 14px;
}

.flow_content_navigation {
    width: 100%;
    height: 26px;
    font-size: 14px;
    color: #fff;
}
.bb {
    color: #fff;
    font-size: 14px;
    width: 335px;
    height: 26px;
    background-color: #dad7d7;
    text-align: center;
    line-height: 26px;
    float: left;
}

.cc {
    border: 13px solid rgba(0, 0, 0, 0);
    border-left-color: #dad7d7;
    width: 0;
    height: 0;
    float: left;
    z-index: 2;
}

.aa {
    border: 13px solid rgba(0, 0, 0, 0);
    border-left-color: #ffffff;
    border-right-color: #dad7d7;
    border-top-color: #dad7d7;
    border-bottom-color: #dad7d7;
    width: 0;
    height: 0;
    z-index: 1;
    margin-left: -15px;
    float: left;
}

.flow_content_information {
    width: 100%;
    /*height: 100%;*/
    /*border: 1px solid;*/
    margin-top: 52px;
}

.step1 {
    width: 100%;
    height: 100%;
}

.flow_content_information_title {
    width: 100%;
    height: 30px;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    /*border: 1px solid;*/
}

.flow_content_information_con {
    width: 752px;
    height: 178px;
    /*border: 1px solid;*/
    /*margin-left:100px;*/
}

.flow_content_information_conul {
    width: 752px;
    height: 178px;
}

    .flow_content_information_conul li {
        /*text-align:right;*/
        margin-top: 10px;
    }

.txt {
    width: 260px;
    height: 30px;
    border: 1px solid #8f9bb3;
    margin-left: 6px;
}

.Fruit {
    width: 18px;
    height: 18px;
    position: relative;
    top: 6px;
}

.flow_infor_span {
    width: 330px;
    /*border: 1px solid;*/
    height: 30px;
    line-height: 30px;
    text-align: right;
    float: left;
    font-size: 14px;
}

.flow_content_information_constern {
    width: 100%;
    height: 40px;
    /*border: 1px solid;*/
    text-align: center;
    line-height: 40px;
    color: #9E9E9E;
    font-size: 12px;
}

.flow_content_information_btn {
    float: right;
    width: 350px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #fc5e00;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    letter-spacing: 4px;
}

.step2 {
    width: 98%;
    height: 100%;
    /*border: 1px solid;*/
    margin-left: 20px;
}

.step2_shop_max {
    width: 100%;
    height: 94px;
    /*border: 1px solid;*/
}

.step2_shop_title {
    font-size: 14px;
    color: #666666;
    font-weight: bold;
}

.flow_step2_span {
    width: 257px;
    /*border: 1px solid;*/
    height: 30px;
    line-height: 30px;
    text-align: right;
    float: left;
    font-size: 12px;
    color: #666666;
    letter-spacing: 3px;
}

.step2_permit_max {
    width: 100%;
    height: 880px;
    /*border: 1px solid;*/
    margin-top: 40px;
}

.step2_shop_comment {
    width: 528px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    color: #9E9E9E;
    font-size: 12px;
}

.step2_banks_max {
    width: 100%;
    height: 235px;
    /*border: 1px solid;*/
    margin-top: 40px;
}

.step2_business_max {
    width: 100%;
    height: 134px;
    /*border: 1px solid;*/
    margin-top: 40px;
}

.step2_bottom {
    width: 100%;
    height: 62px;
    /*border: 1px solid;*/
}

.step2_bottom_btndiv {
    width: 350px;
    float: right;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #fc5e00;
    border-radius: 4px;
    border: 0px;
    letter-spacing: 4px;
    cursor: pointer;
    outline: none;
}

.step2_bottom_inpdiv {
    color: black;
    border: 0px;
    background: #E8E8E8;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    letter-spacing: 4px;
    float: right;
    border-radius: 4px;
    margin-right: 50px;
    outline: none;
    cursor: pointer;
}

.step3 {
    width: 98%;
    height: 100%;
    /*border: 1px solid;*/
    margin-left: 20px;
}

.step3_identity_max {
    height: 235px;
    width: 100%;
    /*border: 1px solid;*/
}

.step3_identity_img {
    margin-left: 90px;
    margin-top: 10px;
    margin-bottom:10px;
    width:180px;
    height:180px;
}

.step3_photo_max {
    height: 235px;
    width: 100%;
    /*border: 1px solid;*/
    margin-top: 10px;
}

.step3_bottom {
    width: 100%;
    height: 62px;
    /*border: 1px solid;*/
}

.step3_bottom_btnsave {
    color: #fff;
    border: 0px;
    background: #fc5e00;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    letter-spacing: 4px;
    float: right;
    border-radius: 4px;
    margin-right: 50px;
    outline: none;
    font-size: 12px;
    cursor: pointer;
}

.step3_bottom_linkdiv {
    float: right;
    width: 350px;
    height: 30px;
    /*border: 1px solid;*/
    margin-right: 206px;
}

.step3_bottom_linkinp {
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
    border:0px;
    outline:none;
}
/*@media screen and (max-width: 1440px) {
.hysphead ul li a {
margin-left: -120%;
}
}
@media screen and (min-width: 1600px) {
.hysphead ul li a {
margin-left: -190%;
}
}
@media screen and (min-width: 1900px) {
.hysphead ul li a {
margin-left: -400%;
}
}*/

/*适配*/
@media screen and (max-width:1440px) {
       .hysphead{width:88%;}

}