.pp-detail__top{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width:768px){.pp-detail__top{-ms-flex-wrap:wrap;flex-wrap:wrap}}.pp-swiper{-webkit-box-flex:0;-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%}@media(max-width:768px){.pp-swiper{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.pp-swiper-top{background:#fff;border:1px solid #ddd;height:403px}@media(max-width:768px){.pp-swiper-top{height:75vw}}.pp-swiper-top__cover{background-position:50%;background-size:cover;height:100%;width:100%}.pp-swiper-thumbs{margin:10px 0;padding:0 26px;position:relative}.pp-swiper-thumbs .swiper-slide-active{border:2px solid #b68743}.pp-swiper-thumbs__cover{background-position:50%;background-size:cover;height:78px;width:100%}@media(max-width:768px){.pp-swiper-thumbs__cover{height:45px}}.pro-left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f2f2f3;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;margin-top:0;position:absolute;top:0;width:20px;z-index:1}.pro-left:after{font-size:12px}.pro-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f2f2f3;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin-top:0;position:absolute;right:0;top:0;width:20px;z-index:1}.pro-right:after{font-size:12px}.pp-info{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px 0 0 60px}@media(max-width:768px){.pp-info{padding:20px 0}}.pp-info h1{color:#b68743;font-size:36px;font-weight:400}@media(max-width:768px){.pp-info h1{font-size:18px}}.pp-info__item{border-bottom:1px solid #eee;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;padding:20px 0}.pp-info__item span{color:#707070}.pp-info a{background-color:#b68743;border-radius:2px;color:#fff;display:block;font-size:15px;line-height:50px;margin-top:20px;text-align:center;width:140px}.pp-bd{padding-top:30px}.pp-bd-title{border-bottom:1px solid #ddd}.pp-bd-title span{background:#b68743;color:#fff;display:inline-block;font-size:18px;margin-right:10px;margin-top:0;padding:10px 60px;position:relative;text-align:center}@media(max-width:768px){.pp-bd-title span{font-size:16px;padding:5px}}.pp-bd-content{color:#595959;padding-top:20px}.pp-bd-content hr{border:0;border-bottom:1px solid #ddd;margin-bottom:20px;margin-top:20px}.pp-bd-keyword{padding:20px 0}.pp-bd-keyword span{background:#b68743;color:#fff;padding:10px}.pp-bd-keyword label{background:#f2f3f4;border:1px solid #ccc;margin-right:5px;padding:10px}
@media(max-width:970px){.article-box{padding-top:70px}}.article-box-wrap{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 0 80px}@media(max-width:768px){.article-box-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 0 80px}}.article-box-title{color:#b68743;font-size:30px;line-height:34px;padding:60px 0 10px;position:relative;text-align:center}@media(max-width:768px){.article-box-title{font-size:25px;margin-bottom:20px;padding-top:20px}}.article-box-title:after{background-color:#b68743;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:44px}.article-box-inner{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.article-box-inner.limit{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 230px);flex:0 0 calc(100% - 230px);max-width:calc(100% - 230px)}@media(max-width:970px){.article-box-inner.limit{-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important}}@media(max-width:768px){.article-box-inner{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%!important;padding-top:20px}}
.ab-top{height:310px;overflow:hidden;position:relative}.ab-top img{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}@media(max-width:768px){.ab-top{height:180px}}.ab-top-title{color:#fff;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);z-index:1}.ab-top-title h1{font-size:36px;font-weight:700;line-height:1.3;text-shadow:0 2px 0 rgba(0,0,0,.2)}@media(max-width:768px){.ab-top-title h1{font-size:22px;line-height:20px}}.ab-top-title h2{font-size:24px;font-weight:100;line-height:1.6;margin-top:0;text-transform:uppercase}@media(max-width:768px){.ab-top-title h2{font-size:14px;margin-top:10px}}
.ab-subnav[data-v-069ec10a]{-webkit-box-flex:0;-webkit-box-shadow:0 5px 20px 0 hsla(0,0%,75%,.4);box-shadow:0 5px 20px 0 hsla(0,0%,75%,.4);-ms-flex:0 0 210px;flex:0 0 210px;margin-right:20px;max-width:210px}@media(max-width:970px){.ab-subnav[data-v-069ec10a]{display:none}}.ab-subnav a[data-v-069ec10a]{border-left:3px solid rgba(0,0,0,0);color:#333;display:block;height:50px;line-height:50px;padding-left:20px}.ab-subnav a.active[data-v-069ec10a]{border-color:#b68743;color:#b68743}.ab-subnav a[data-v-069ec10a]:hover{background-color:#f5f8fa}