.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*height:1%; +height:1%;}
.w330{width: 330px;}
.w200{width: 200px;}
.w160{width: 160px;}
.sb_con{padding: 40px; font-family: "Microsoft yahei";}
.sb_con h2{font-size: 24px; color: #333;text-align: center; margin-bottom: 20px;}
.sb_con .bd{width: 100%; }
#step{position: relative;}
#step .page{position: relative;  width: 100%;}
#step .page .pagebox{box-shadow: 0 0 5px #b3b3b3; padding: 30px 150px;}
#step .page:not(:first-of-type){display: none;}
ul#status{height: 46px; padding: 40px 0; width: 690px; margin: 0 auto;}
#status li{width: 198px; height: 46px; line-height: 35px; background: url(../images/step.jpg) 0 0 no-repeat; text-align: center;font-size: 16px; color: #fff;margin-right: 32px; float: left;}
#status li.active,#status li.on{background: url(../images/step-on.jpg) 0 0 no-repeat;}
#step .page h3{font-size: 18px; color: #333; margin-bottom: 20px;}
#step .page dl{padding-left: 50px; margin-bottom: 25px;}
#step .page dt{float: left; width: 130px;font-size: 14px; color: #666; text-align: right; padding-right: 10px;}
#step .page dt.long{width: 130px;}
#step .page dt span{color: #f00; padding-right: 5px; line-height: 30px;}
#step .page dd{margin-left: 140px;}
#step .page dd.long{margin-left: 130px;}
#step .page dd p{float: left; margin-right: 20px; line-height: 30px; font-size: 14px; color: #666; vertical-align: middle;}
#step .page dd p *{vertical-align: middle;}
#step .page dd b{float: left; width: 50%; margin-bottom: 15px; font-weight: normal; color: #666;}
#step .page input+label{padding-left: 6px;}
#step .inp{box-sizing:content-box; padding: 5px; height: 20px; line-height: 20px;border: 1px solid #abadb3; border-radius: 4px;}
#step .page input.data{width: 220px; background: url(../images/dataicon.png) right center no-repeat;}
#step .page textarea{width: 370px; padding: 5px; height: 160px;border: 1px solid #abadb3; border-radius: 4px;}
.btn_nav{text-align: center; margin: 50px 0 0;}
#step .next,#step .prev,#step .sub{width: 135px; height: 40px;text-align: center; line-height: 40px; font-size: 15px; color: #00b66a; padding: 0; background: none; border: 1px solid #00b66a; border-radius: 5px; cursor: pointer;}
#step .prev{margin-right: 20px;}
#step a.next,#step a.prev{display:inline-block;}

#step .page dl.step2 dt{float: none; width: 100%; margin-bottom: 10px; text-align: left;}
#step .page dl.step2 dd{float: none; width: 100%; margin-bottom: 10px; margin-left: 0;}
#step .page dl.step2 textarea{width: 750px;}
#step .page3 dl{width: 1000px; margin: 15px auto; padding-left: 0;}
#step .page3 dt{width: 350px; line-height: 40px; text-align: left;}
#step .page3 dd{margin-left: 350px; line-height: 40px;}
#step .page3 dd span.tips{ color: #999; font-size: 14px; padding-left: 15px;}
#step dl.la dt{width: 300px;}
#step dl.la dd{margin-left: 300px;}
#step dl.long{margin-bottom: 25px;}
#step dl.long dt{ float: none; line-height: 24px; width: 810px;}
#step dl.long dt input[type="checkbox"]{float: left; width: 16px; height: 16px;margin-top: 4px;}
#step dl.long dt label{float: left; width: 780px;}
#step dl.long dd{float: none; width: 900px; margin-left: 0; padding-left: 22px; display: none; padding-top: 15px;}
#step dl.long dd .t_up{height: 40px; margin-top: 10px;}
#step dl.long dd .t_up .p1{float: left;width: 300px; line-height: 40px; text-align: left; margin-right: 0;font-size: 14px; color: #888;}
#step dl.long dd .t_up .p2{margin-left: 300px; line-height: 40px;}

.red{color:#f00;}


#step .page.page4 dt{width:300px;}
#step .page.page4 dd{margin-left:320px;}


.qypanel-card{
    margin-bottom: 15px;
    padding: 15px 15px 0 15px;
    border:1px solid #D5D5D5;
    overflow: hidden;
}
.qypanel-group{
    float: left;
    width:420px;
    margin-bottom: 15px;
}
.qypanel-row:after,
.qypanel-row:before,
.qypanel-group:after,
.qypanel-group:before{
    content: '';
    display: table;
}
.qypanel-row:after,
.qypanel-group:after{
    clear: both;
}
.qypanel-group .qypanel-label{
    float: left;
    width: 400px;
    line-height: 40px;
    text-align: left;
    margin-right: 0;
    font-size: 14px;
    color: #888;
}
.qypanel-group .input-box{
    float: left;

}
.qypanels .showfile_box{
    width: auto;
    padding-left: 0;
}
.t_up .p2>.select-control{
    display: block;
    width: 100%;
    padding: 5px;
    height: 31px;
    line-height: 20px;
    border: solid #abadb3;
    border-width:1px;
    background-color:transparent;
    border-radius: 4px;
    box-sizing: border-box;
}
.qypanel-group .input-box>.select-control,
.qypanel-group .input-box>input{
    display: block;
    width: 100%;
    padding: 5px;
    height: 31px;
    line-height: 20px;
    border: solid #abadb3;
    border-width:1px;
    background-color:transparent;
    border-radius: 4px;
    box-sizing: border-box;
}
 
.qypanel-group .a-upload{
        width:100%;
}
.qypanel-card-num{
    position: relative;
    padding-right: 32px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #D5D5D5;
}
.qypanel-card-num>span{
    font-size: 14px;
    font-weight:700;
    color: #333;
    line-height: 20px;
}
.qypanel-card-num .delpanel{
    display: none;
    position: absolute;
    right:0;
    top:5px;
    width:20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
    color: #333;
    background-color:transparent;
    border:none;
    text-align: center;
    cursor: pointer;
}
.qypanels:hover .delpanel{
    display: block;
}
.qypanel-row+.qypanel-row{
    border-top:1px dashed #D5D5D5;
}
.panel-card-btns{
    margin-bottom: 15px;
}
.panel-card-btns .addpanel{
    display: block;
    width: 110px;
    height: 32px;
    border: none;
    background-color: #eee;
    margin-top: 15px;
    font: 14px/20px "Microsoft Yahei";
    color: #333;
    border-radius: 16px;
    cursor: pointer;
    outline: none;
}
.panel-allval>input{
    display: block;
    width: 300px;
    padding: 5px;
    height: 31px;
    line-height: 20px;
    border: solid #abadb3;
    border-width: 1px;
    border-radius: 4px;
    box-sizing: border-box;
}
.panel-allval1>input{
    width: 70%;
}
.qypanel-cell{
    width:100%;
    padding-top: 15px;
}
.qypanel-cell .qypanel-group{
    float: none;
    width:100%;
}
.qypanel-cell .qypanel-group .qypanel-label{
    width: 300px;
}
.jingwai{
    display: none;
}
.qypanel-group .input-box>input.w50{
    width:50%;
}
.qypanel-group .input-box>input.w80{
    width:80%;
}
.input-box{position:relative;}

.t_up h6{font-size: 14px;color:#888;margin-bottom:0;line-height:40px;}

.dsBox{border:1px solid #ddd; padding:0 10px 10px; margin-top:20px;}
.dsBox .con h7{font-size:14px; color:#888;margin-bottom:15px;}
.dsBox .con.pt li{float:left;width:33.333%;}
.dsBox .con.pt li label{display: inline-block; width:118px;color:#555;text-align:right;line-height:12px;padding:8px 10px 8px 0;}
.dsBox .con.pt li input[type="text"]{border:1px solid #ddd;height:26px; width:110px;}
.dsBox .con.pt li input[type="checkbox"]{position:relative;top:2px;}

#step .dsBox .con.yy li{float:left;width:50%;}
.dsBox .con.yy li label{float:left; width:100px;color:#555;text-align:right;line-height:12px;padding:8px 10px 8px 0;}
#step .dsBox .con.yy li textarea{width:240px; border:1px solid #ddd; padding:5px; height:80px;}

.je{position:relative;}
.je i{position:absolute;line-height:30px;font-size:12px;color:#999;top:0;right:309px;font-style:normal;}

i.ts{display:inline-block;width:18px;height:18px;text-align:center;line-height:20px;border-radius:50%;border:1px solid #ddd;color:#ddd;margin-right:5px;font-style:normal;}

#step dl.wp dd .t_up .p1{width:200px;}
#step dl.wp dd .t_up .p2{margin-left:210px;}