#detail_article{background-color:#fff;padding-top:25px;padding-bottom:50px}.detail_article{background-color:#f5f5f5;padding:20px 0 0}.detail_article .detail_tit{margin-bottom:25px}.detail_article .detail_tit h1{font-size:18px;margin-bottom:15px}.detail_article .detail_tit p{font-size:12px;line-height:2em;color:#666}.detail_article .detail_content{padding:0 30px 30px 30px;font-size:14px;line-height:2em}.detail_article .detail_prev{background-color:#eaeaea;padding:20px 30px;line-height:2em}.detail_article .detail_prev .btnprev,.detail_article .detail_prev .btnnext{display:block}.relate_article{padding:60px 0 0}.relate_article .relate_tit h2{text-align:center;font-size:20px;position:relative;margin-bottom:30px}.relate_article .relate_tit h2:before{content:"";position:absolute;width:100px;height:2px;top:50%;left:calc(50% + 120px);background-color:#d1d1d1}.relate_article .relate_tit h2:after{content:"";position:absolute;width:100px;height:2px;top:50%;right:calc(50% + 120px);background-color:#d1d1d1}.relate_article .relate_list .thumbnail{border-radius:0;border:0;border-top:0 solid #ececec;background-color:#f8f8f8;padding:20px;overflow:hidden}.relate_article .relate_list .thumbnail .txt{float:left;width:70%}.relate_article .relate_list .thumbnail .txt h3{font-size:14px;line-height:36px;overflow:hidden;height:36px;margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis}.relate_article .relate_list .thumbnail .txt p{font-size:12px;line-height:24px;height:48px;overflow:hidden;color:#888}.relate_article .relate_list .thumbnail .img{float:right;overflow:hidden}.relate_article .relate_list .thumbnail .img:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}.detail_share{margin-top:10px}.detail_share>a{display:inline-block;width:30px;height:30px;margin:0 10px 0 0;text-align:center}.detail_share>a>i{font-size:24px;line-height:30px;color:#fff;display:block}.detail_share>a>.fa-youtube{background-color:#e13138}.detail_share>a>.fa-facebook{background-color:#3b5998}.detail_share>a>.fa-twitter{background-color:#00abf1}.detail_share>a>.fa-google-plus{background-color:#d0422a;font-size:20px}.detail_share>a>.fa-tumblr{background-color:#44556b}.detail_share>a>.fa-pinterest-p{background-color:#ca2127}.detail_share>a>.fa-linkedin{background-color:#0083be}.detail_share>a>.fa-instagram{background-color:#ad3396}.detail_share>a:hover{-webkit-animation:act-swing .5s alternate;-moz-animation:act-swing .5s alternate;-o-animation:act-swing .5s alternate;animation:act-swing .5s alternate}@media(max-width:767px){#detail_article{padding:0;background:#fff}.detail_article{padding:20px 0 0;background:#fff}.detail_article .detail_tit{margin-bottom:15px}.detail_article .detail_tit h1{font-size:16px;margin-bottom:10px}.detail_article .detail_tit p{font-size:12px}.detail_article .detail_content{padding:0 15px 20px}.detail_article .detail_prev{padding:15px}.relate_article{padding:30px 0 0}.relate_article .relate_tit h2:before{width:60px;left:calc(50% + 80px)}.relate_article .relate_tit h2:after{width:60px;right:calc(50% + 80px)}.relate_article .relate_list .thumbnail{padding:15px}.relate_article .relate_list .thumbnail .txt{float:none;width:100%}.relate_article .relate_list .thumbnail .txt h3{font-size:14px;line-height:24px;overflow:hidden;height:24px;margin-bottom:6px}.relate_article .relate_list .thumbnail .img{display:none}}