#app{min-height: 500px;}



@media (max-width: 767px) { /*touch*/
    .container{width:100%;}



}
@media (min-width: 768px) { /*PC*/
    .container{width:1200px; margin: auto;}
    .show-touch{display:none;}


}


.section-a{background: #f5f5f5; padding: 50px 0;}
.section-a .item{width: 50%; padding: 1px;}
.section-a .item .box{padding: 50px; background: #ffffff;}


/*文章*/
.article-content p{line-height: 24px; margin-bottom: 15px;}

.form-item{display:flex; flex-direction:row; align-items:center; width: 100%;}
.form-item .label{width: 80px;}
.form-item .box{width: calc(100% - 80px);}
.form-item input{width: 100%;outline: none; border:0; padding:0; color:#999999}
/*公共部分*/
.pc-header{position: fixed;left: 0; top:0;width: 100%; height: 80px; z-index: 999;transition:all .4s ease;}
.pc-header .nav .item{padding: 0 20px; font-size: 16px; }
.pc-header.dark{background:none; border-bottom: 1px solid #888; box-shadow:none; }
.pc-header.dark .nav .item a{color: #fff;}
.pc-header.light{background-color: #ffffff;box-shadow: 1px 1px 2px #eee;}
.pc-header.light .nav .item a{color: #555;}


.pc-footer{padding:60px 0;}
.top-bg{width: 100%; height: 300px; background: url("/static/img/top-bg.jpg") no-repeat; background-size: cover;}


/*底部*/
.pc-footer{padding:30px 0;}