@charset "utf-8";
li{list-style:none}
/**
 * PC端
 */
@media screen and (min-width:768px){
.navLayout .left{float:left;width:200px;line-height:50px;white-space:nowrap;text-indent:16px;font-size:16px;background:#FFF}
.navLayout .left .title{color:#22272e;font-weight:bold;border-bottom:1px solid #f5f5f5}
.navLayout .navList .tab{display:block;color:#22272e;position:relative}
.navLayout .navList .tab:before{content:'\276F';font-weight:normal;position:absolute;right:10px;top:0;transform:rotate(90deg);width:32px;height:32px;line-height:32px;text-align:center;color:#bec2c9}
.navLayout .navList .con{position:relative;}
.navLayout .navList .con:before,.navLayout .navList .con:after{content:'';position:absolute;width:168px;border-top:1px solid #f5f5f5;left:16px}
.navLayout .navList .con:before{top:0}
.navLayout .navList .con:after{bottom:0}
.navLayout .navList .con a{display:block;font-size:14px;color:#627386;text-indent:32px}
.navLayout .navList.on .tab:before{top:18px;transform:rotate(270deg);color:#e15616}
.navLayout .navList.on .tab{color:#e15616}
.navLayout .navList .con a.on{color:#e15616;background-color:#ffe6dc}
.navLayout .right{float:right;width:968px}
.pageContent{background:#FFF;padding:16px}
.pageContent form{
    width: 498px;
    margin: 0 auto;
    padding: 50px 0;
}
/*.pageContent form button{
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: #e15616;
    border-radius: 2px;
    text-align: center;
    font-size: 18px;
    color: #FFF;
}*/



}

/**
* 移动端
*/
@media screen and (max-width:768px){
.navLayout{background:#FFF;border-top:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5;}
.navLayout .crumbs{display:none;}
.navLayout .left{width:29.3vw;border-right:1px solid #F5F5F5;line-height:11.8vw;white-space:nowrap;text-indent:3.3vw;font-size:3.4vw;}
.navLayout .left .title{color:#22272e;font-weight:bold;border-bottom:1px solid #f5f5f5;font-size: 3.7vw;}
.navLayout .navList .tab{display:block;color:#22272e;position:relative}
.navLayout .navList .tab:before{content:'\276F';font-weight:normal;position:absolute;right:1.4vw;top:1vw;transform:rotate(90deg);width:6.4vw;height:6.4vw;line-height:6.4vw;text-align:center;color:#bec2c9}
.navLayout .navList .con a{display:block;color:#9aa5b5;}
.navLayout .navList.on .tab:before{top:4vw;transform:rotate(270deg);color:#e15616}
.navLayout .navList.on .tab{color:#e15616}
.navLayout .navList .con a.on{color:#e15616;background-color:#ffe6dc}
.navLayout .right{width:70.5vw}
.pageContent{padding:3.3vw}

.pageContent .formLine .diyBox {
    width: 24vw;
}





}

