/** New: #8799 by LQ 2020-05-27 */
.bg-f8{ background-color: #f8f8f8; }
.hr-line { height: 1px; background-color: #e8e8e8; }
.mr50 { margin-right: 50px; }
.ml15 { margin-left: 15px; }
.mb40 { margin-bottom: 40px; }
.plr20{ padding-left: 20px; padding-right: 20px; }
.w800 { width: 800px; }
.w360 { width: 360px; }
.h582 { height: 582px; }
.h590 { height: 590px; }
.h630 { height: 630px; }
.h430 { height: 430px; }
.ect { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* nav-f22 */
.nav-f22 { padding: 0 20px; height: 60px; line-height: 60px; }
.nav-f22 strong { font-size: 22px; }

/* swiper-w360 */
.swiper-w360 { width: 360px; border-radius: 4px; }
.swiper-w360 .pic { height: 240px; border-radius: 4px; }
.swiper-w360 .pagination { position: absolute; left: 0; bottom: 14px; width: 100%; text-align: center; }
.swiper-w360 .pagination .swiper-pagination-switch { display: inline-block; width: 20px; height: 4px; background-color: #fff; opacity: .5; margin: 0 5px; }
.swiper-w360 .pagination .swiper-active-switch { height: 6px; opacity: 1; }
.swiper-w360-h338 { height: 338px; }
.swiper-w360-h338 .pagination { bottom: 112px; }
.swiper-w360-h284 { height: 284px; }
.swiper-w360-h284 .pagination { bottom: 58px; }

/* headline */
.headline .tit { font-size: 20px; line-height: 24px; height: 24px; }
.headline .txt { font-size: 14px; line-height: 22px; color: #999; height: 44px; overflow: hidden; }

/* txt-list */
.txt-list li { font-size: 16px; line-height: 36px; height: 36px; }
.txt-list li .tag { color: #999; margin-right: 5px; }
    /**/
.txt-list-dot li { position: relative; padding: 0 20px 0 40px; box-sizing: border-box; }
.txt-list-dot li:before { position: absolute; left: 20px; top: 15px; content: ''; width: 6px; height: 6px; background-color: #ddd; }
    /**/
.txt-list.r-2 li { float: left; width: 50%; }

/* view-list */
.view-list li { height: 80px; margin-bottom: 24px; }
.view-list li .img-block { width: 120px; height: 80px; border-radius: 4px; overflow: hidden; }
.view-list li .tit { 
    font-size: 16px; line-height: 24px; height: 48px; 
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
 }
.view-list li .tit.h24 { height:24px; }
.view-list li .other { color: #999; height: 20px; overflow: hidden; }

/* reponses-list */
.reponses-list { padding: 0 20px; }
.reponses-list li { position: relative; padding: 22px 0 17px 38px; border-bottom: 1px dashed #e8e8e8; }
.reponses-list li:last-child { border-bottom: none; }
.reponses-list li .ico-wen { 
    position: absolute; left: 0; top: 22px; 
    width: 24px; height: 24px; background-color: #ff9075; border-radius: 50%; 
    font-size: 12px; color: #fff; line-height: 24px; text-align: center;  
}
.reponses-list li .tit { font-size: 16px; line-height: 22px; height: 22px; }
.reponses-list li .other { color: #999; height: 20px; overflow: hidden; margin-top: 8px; }
.reponses-list li .other span { margin-right: 20px; }

.char-h132 { display: block; height: 132px; }

/* tag-list */
.tag-list { padding-right: 20px; }
.tag-list a { 
    float: left; padding: 0 19px; height: 38px; border: 1px solid #e8e8e8; border-radius: 4px; 
    font-size: 16px; line-height: 38px; margin: 0 0 20px 20px; transition: background .1s linear, color .1s linear;
}
.tag-list a:hover { background-color: #ff562f; color: #fff; box-shadow: 0 3px 12px 0 rgba(255,86,47, .2); }

/* view-list2 */
.view-list2 { height: 197px; overflow: hidden; }
.view-list2 li { float: left; width: 240px; margin-left: 20px; }
.view-list2 li .img-block { height: 160px; border-radius: 4px; }
.view-list2 li .tit { font-size: 16px; line-height: 22px; height: 22px; }

/* view-list3 */
.view-list3 li { float: left; width: 160px; margin: 0 0 20px 20px; }
.view-list3 li .img-block { height: 106px; border-radius: 4px; }
.view-list3 li .tit { font-size: 16px; line-height: 22px; height: 22px; margin-top: 10px; }
.view-list3 li .other { font-size: 12px; color: #999; margin-top: 7px; }
.view-list3 li .other .icon-like { margin-right: 5px; color: #ff562f; }