*{
    padding: 0;
    margin: 0;
}
body{
    background: #F5F6F9;
}
.body-apply{
    width: 1170px;
    height: 900px;
    background: #ffffff;
    margin: 80px auto;
    padding: 0.1px;
}
.Navigation{
    width: 1045px;
    height: 66px;
    margin: 0 auto;
    margin-top: 16px;
    background: #fff;
}
.Navigation-module{
    width: 170px;
    height: 64px;
    border-bottom: 1px solid #EFEFEF;
    float: left; 
    cursor: pointer;
    position: relative;
}
.Navigation-modules{
    border: 2px solid #0081FF;
    width: 140px;
    position: absolute;
    bottom: 0;
    display: none;
}
.element{
    width: 26px;
    height: 26px;
    position: relative;
    background: #fff;
    border: 1px solid #0081FF;
    border-radius: 50px;
    margin-left: 20px;
    margin-top: 19px;
    text-align: center;
    color: #666;
}

.hook{
    height: 13px;
    width: 7px;
    border-right: 2px solid #0081FF;
    border-bottom: 2px solid #0081FF;
    position: absolute;
    transform: rotate(40deg);
    left: 9px;
    margin-top: 4px;
}
.elements{
    width: 26px;
    height: 26px;
    position: relative;
    background: #0081FF;
    border: 1px solid #0081FF;
    border-radius: 50px;
    margin-left: 20px;
    margin-top: 19px;
    text-align: center;
    color: #ffffff !important;
}
.hooks{
    height: 13px;
    width: 7px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    transform: rotate(40deg);
    left: 9px;
    margin-top: 4px;
}
.sjx{
    width: 13px;
    height: 13px;
    border-top: 2px solid #C9CACA;
    border-right: 2px solid #C9CACA; 
    position: absolute;
    right: 11px;
    transform: rotate(40deg);
    top: 26px;
}
.module-span{
    display:inline-block;
    position: absolute;
    font-size: 14px;
    color: #666;
    line-height: 66px;
    left: 56px;
}
.module-spans{
    color:  #000000;
}


.Navigation-from{
    display: none;
    height: 550px;
}
.txt-number{
    display: block;
    font-size: 14px;
    margin-top: 4px;
}
#hooks1{
    display: none;
    /*border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;*/
}
#hooks2{
    display: none;
}
#hooks3{
    display: none;
}
#hooks33{
    display: none;
}
#hooks333{
    display: none;
}
#hooks4{
    display: none;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
#hooks44{
    display: none;
}
#hooks5{
    display: none;
}
#hooks6{
    display: none;
}
#hooks66{
    display: none;
}
#number1{
    display: block;
}
#number2{
    display: block;
}
#number3{
    display: block;
}
#number4{
    display: block;
}
#number5{
    display: block;
}
#number6{
    display: block;
}

.Navigation-banner{
    width: 700px;
    height: 32px;
    background: #E6F7FF;
    border: 1px solid #91D5FF;
    position: relative;
    margin: 0 auto;
    border-radius: 5px;
}

.element-y{
    width:15px;
    height:15px;
    position: relative;
    background: #0081FF;
    border: 1px solid #0081FF;
    border-radius: 50px;
    margin-left: 20px;
    margin-top: 8px;
    text-align: center;
    color: #ffffff !important;
}

.i-cl{
    display: block;
    margin-top: 0;
}
.txt-class{
    display: block;
    position: absolute;
    top: 6px;
    left: 42px;
    font-size: 14px;
}
.txt-m{
    width: 100%;
    height: 40px;
    position: relative;
}
.x-cl{
    display: block;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 3px;
    color: red;
}
.txt-Navigation{
    font-size: 14px;
    color: #000000;
    float: left;
    margin-right: 20px;
}
.form-check{
    float: left;
}
.form-check label{
    color: #666;
    font-size: 14px;
    margin-right: 20px;
}
.form-check input{
    margin-top: 7px;
}
.step{
    width: 74px;
    height: 32px;
    background: #2882FF;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin-left: 27%;
    margin-top: 20px;
}
.puts{
    width: 76%;
    height: 32px;
    border: 1px solid #DDDDDD;
}
.cenenr{
    width: 20%;
    height: 30px;
    float: left;
    position: relative;
}
.put-txt{
    color: #FF4D4F;
    font-size: 14px;
    position: absolute;
    display: block;
    left: 130px;
}
.put-txts{
    color: #999999;
    font-size: 12px;
    position: absolute;
    display: block;
    left: 130px;
}
.step-upper{
    width: 74px;
    height: 32px;
    background: #fff;
    color: #666;
    border: none;
    border-radius: 5px;
    margin-left: 45%;
    border: 1px solid #DDDDDD;
}
.step-lower{
    width: 74px;
    height: 32px;
    background: #2882FF;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin-left: 10px;
}
/*#N1{
    display: block;
}
#type-from{
    display: block;
}*/

#N4{
    display: block;
}
#other-from{
    display: block;
}

.form-control{
    height: 35px !important;
    width: 60% !important;
    margin-top: 2px !important;
}

.layui-input{
    height: 32px !important;
    line-height: 32px !important;
    float: left;
    width: 65% !important;
    margin-top: 4px;
    border: 1px solid #DDDDDD;
}
.from-txt{
    display: block;
    margin-left: 27%;
    font-size: 12px;
    color: #999;
    width: 65%;
}
.selects{
    width: 31%;
    height: 32px;
    line-height: 32px;
    margin-right: 2.5%;
    margin-top: 4px;
    border: 1px solid #DDDDDD;
}
#test1{
    height: 32px;
    line-height: 32px;
    background: #fff;
    color: #666;
    border: 1px solid #ddd;
    margin-top: 4px;
    float: left;
    margin-right: 15px;
}
.lay-txt{
    font-size: 12px;
    display: block;
    line-height: 40px;
    color: #999;
}
.txt-ms{
    width: 100%;
    height: 40px;
    position: relative;
    margin-top: 10px;
    padding: 0.1px;
}
.remark-css{
    width: 100%;
    position: relative;
}
.remark-css-div{
    float: left;
    border-top:1px solid #EFEFEF;
    padding-top:20px;
}
.remark-css-download{
    background-color: #2882FF;
    width: 40px;
    height: 25px;
    display: inline-block;
    text-align: center;
    color: white;
}
.remark-css-download:hover{
    text-decoration: none;
}
#popImg{
    position:absolute;
    z-index:1;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:rgba(119,119,119,0.7);
    display: flex;
    justify-content:center;
    align-items:center;
}
.popImg-div{

}
.popImg-img{
    width: 850px;
}
.cenenrs{
    width: 27%;
    height: 30px;
    float: left;
    position: relative;
    margin-top: 3px;
}
.layui-form-radioed>i, .layui-form-radio>i:hover{
 color: #2882ff !important;
}
.layui-form-checked[lay-skin="primary"] i{
    border-color: #A0A0A0 !important;
    background-color: #2882ff;
    color: #fff;
}
.layui-form-checkbox[lay-skin="primary"] i{
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    border-radius: 50px !important;
}
.type-cl{
    width: 100px;
    height: 32px;
    position: absolute;
    right: 10px;
    top: -40px;
    line-height: 32px;
}
.h-title{
    display: inline-block;
    position: absolute;
    font-size: 18px;
    color: #000;
    text-align: center;
    width: 100%;
    top: -50px;
}
#geti{
    float: left;
}
#getis{
    display: block;
}
#qiye{
    float: left;
}
#qiyes{
    display: none ;
}
.flos1{
    display: block;
}
.flos2{
    display: none;
}
.fls1{
    display: block;
}
.fls11{
    display: block;
}

.fls2{
    display: none;
}
.txt-ms select{
    margin-top: 5px;
    margin-right: 29px;
}
.yzm{
    width: 12%;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 10px;
    cursor: pointer;
    display: block;
    border: 1px solid bisque;
    float: left;
    text-align: center;
    background: blanchedalmond;
}
.ttcc{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 999;
}
.ttcc1{
    width: 600px;
    height: 400px;
    background: #fff;
    margin: auto;
    margin-top: 80px;
}
.steps{
    display: block;
    width: 74px;
    height: 32px;
    background: #2882FF;
    color: #fff;
    border: none;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    border-radius: 5px;
    float: left;
    margin-top: 15px;
    margin-left: 15px;
}
.step{
    display: block;
    width: 74px;
    height: 32px;
    background: #fff;
    color: #666666;
    border: none;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    border: 1px solid #666;
    border-radius: 5px;
    float: left;
    margin-top: 15px;
}
#getis1{
    float: left;
}
#getis2{
    float: left;
}
.flos1{
    display: block;
}
.flos2{
    display: none;
}
.flos3{
    display: none;
}
.shadow1{
    display: block;
}
.shadow2{
    display: none;
}
.shadow3{
    display: none;
}
.shadow1s{
    display: block;
}
.shadowts{
    display: block;
}
.shadow2s{
    display: block;
}
.mendian{
    display: none;
}
.shw1{
    display: block;
}
.fll{
    display: block;
}
.fll1{
    display: none;
}
.zhanghuleix{
    display: block;
}
.zhanghuleixs{
    display: none;
}
.qitaxx{
    display: none;
}
.swy{
    display: block;
}
.swys{
    display: none;
}
.tull{
    display: none;
}
#qiyes1{
    float: left;
}
#qiyes2{
    float: left;
}
#qiyes3{
    float: left;
}
#contactStatusDiv0{
    float: left;
}
#contactStatusDiv1{
    float: left;
}
.vv1{
    display: none;
}
.zhifub{
    display: block;
}
#certificates-froms{
    display: none;
}
.minchen{
    display: block;
}
/*#layui-laydate1{*/
    /*top: 460px !important;*/
/*}*/
/*#layui-laydate2{*/
    /*top: 460px !important;*/
/*}*/
/*#layui-laydate3{*/
    /*top: 390px !important;*/
/*}*/

.bcolor{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.remark-css-widths{
    width: 850px;
    height: 57px;
    background: #f2f2f2;
    margin-left: 60px;
    margin-top: 30px;
}
.remark-css-widths span{
    display: inline-block;
    width: 100%;
    height: 19px;
    text-align: left;
}

.markcss{
    width: 850px;
    border: 1px solid #EFEFEF;
    margin-top: 70px;
    margin-left: 60px;
}
.imgMode-css{
    width: 100%;
    height: 80px;
    position: relative;
    padding-left: 320px;
}

.imgMode-css-img{
    width: 75px;
    height: 75px;
}
.imgMode-css-first-div{
    width: 75px;
    height: 75px;
   /* background-image: url('shopEnv.png');*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.imgMode-css-first-div-chlid{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);

}
.imgMode-css-second-div{
   /* position: absolute;
    width: 75px;
    height: 75px;
    top: 0px;
    background: rgba(0,0,0,0.3);*/
   /* z-index:-1;*/
}
.deleteImg{
    margin-left: 5px;
}

