@charset "utf-8";
/* latest default */
.latest {position: relative; border:1px solid #ddd;  padding:10px; margin-bottom: 20px; }
.latest i {display: none;}
.latest h4 { margin:7px 0; font-size:15px; font-weight:bold;}
.latest li {position: relative;}
.latest .more { position:absolute; top:10px; right:16px; display:block; padding:4px 8px;}
.latest .thumb img {object-fit:cover;}
.latest .no_img {position:relative; display:block; width:100%; height:100%; background:#ddd}
.latest .no_img::after {content: "no-image"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.thumb {width:100%; height:100%; object-fit: cover;}
.latest .cmt {color:#19af00; font-size:12px; font-weight:bold;}
.latest .new_icon {margin-left:3px; padding:1px 4px; border-radius:30%; font-size:11px; color:#fff; background-color:#19af00}
.latest .hot {position:relative; display:inline-block; width:18px; height:18px; margin-left:3px; vertical-align:sub;}
.latest .hot::after {position: absolute; display: inline-block; left:50%; top:50%; width:15px; height:15px; background:#e22222; border-radius:30%; content:'H';
transform:translate(-50%,-50%); color:#fff; font-size:8px; text-indent:4px;}

.latest.text_xxxx li {padding:8px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.latest.text_xxxx h3 {display: none;}
.latest.text_xxxx .title {display:contents; font-size:15px; font-weight: bold;}
.latest.text_xxxx .more {display:none;}

.latest.text_cdnv h4 {display: none;}
.latest.text_cdnv li {padding:18px 0; border-bottom:1px solid #ddd;}
.latest.text_cdnv .title {display:inline-block; margin:5px 0 10px 0; font-size:15px; font-weight: bold; vertical-align:-webkit-baseline-middle;}
.latest.text_cdnv .wr_content {display: block; margin:10px 0;}

.latest.text_cxxx h4 {display: none;}
.latest.text_cxxx li {padding:18px 0; border-bottom:1px solid #ddd;}
.latest.text_cxxx .title {display: inline-block; font-size:14px; font-weight: bold;}
.latest.text_cxxx .wr_content {display:block; margin:10px 0;}

.latest.text_xdnv ul {margin-top:20px;}
.latest.text_xdnv li {margin-top:5px;}
.latest.text_xdnv li a { font-size:14px; line-height:26px;}
.latest.text_xdnv .info {height:100%; width:auto; float:right;}
.latest.text_xdnv .nick,
.latest.text_xdnv .date {display: inline-block; height:100%; line-height: 20px;}
.latest.text_xdnv .date {  margin-top:1px; margin-right: 10px; font-size:12px; color:#ababab;}

.latest.text_xdnx ul {margin-top:20px;}
.latest.text_xdnx li {margin-top:5px;}
.latest.text_xdnx .title {line-height: 26px; font-size:14px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.latest.text_xdnx .info {height:100%; width:auto; float:right;}
.latest.text_xdnx .nick,
.latest.text_xdnx .date {display: inline-block; height:100%; line-height: 20px;}
.latest.text_xdnx .date { float:right; margin-top:1px; margin-left: 10px; font-size:12px; color:#ababab;}

.latest.gallery_banner {padding:0; border:0; }
.latest.gallery_banner h4 {display: none;}
.latest.gallery_banner ul {height:auto; margin:0; text-align-last: center;}
.latest.gallery_banner li {position:relative; }
.latest.gallery_banner .thumb {width:100%; height:auto; }
.latest.gallery_banner span.title {position: absolute; top:0; left:0; right:0; padding:15px 5px; opacity:0; background:rgba(0,0,0,.4); font-size:15px; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.latest.gallery_banner .title a {color:#fff}
.latest.gallery_banner .slick-dots li {padding:0; margin-right:10px}
.latest.gallery_banner .slick-slider:hover .title {opacity:1}
.latest.gallery_banner .slick-slider:hover .slick-arrow {position: absolute; top:30%; opacity:0.7; width:40px; height:60px; font-size: 0; z-index:111 ;}
.latest.gallery_banner .slick-arrow {position: absolute; top:50%; opacity:0; background:#000; outline:none; border:none;}
.latest.gallery_banner .slick-prev {left:0;  border-top-left-radius:0; border-bottom-left-radius:0;}
.latest.gallery_banner .slick-next {right:0; border-top-right-radius:0; border-bottom-right-radius:0;}
.latest.gallery_banner .slick-dots {position:absolute; display: flex; justify-content: center; bottom:10px; left:0; right:0; width:auto; margin:0 auto; }
.latest.gallery_banner .slick-dots li {position:relative; float:left; background:rgba(255,255,255,0.75); border-radius: 50%; }
.latest.gallery_banner .slick-dots li.slick-active {background:#19af00}
.latest.gallery_banner .slick-dots button {background:none; border:none; width:15px; height:15px; border-radius:50%; font-size:0; outline:none; }

.latest.gallery_col_tcnd ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.latest.gallery_col_tcnd li { width:48%; margin:15px 0;}
.latest.gallery_col_tcnd span.title {display:block; width:100%; overflow: hidden; white-space: nowrap; text-overflow: hidden; font-weight: bold;}
.latest.gallery_col_tcnd .thumb {display: block; height:150px; margin-bottom: 5px; overflow: hidden;}
.latest.gallery_col_tcnd .wr_content {display: block; margin:10px 0; text-align: justify; line-height: 20px;}
.latest.gallery_col_tcnd .date {float:right;}

.latest.gallery_col_tcxx ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.latest.gallery_col_tcxx li { width:30%; margin:15px 0;}
.latest.gallery_col_tcxx span.title {display:block; margin:10px 0; font-size:15px; font-weight: bold; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.latest.gallery_col_tcxx .thumb {display: block; height:200px; margin-bottom: 5px; overflow: hidden;}
.latest.gallery_col_tcxx .title {font-size:14px;}
.latest.gallery_col_tcxx .wr_content {text-align: justify; line-height: 20px;}
.latest.gallery_col_tcxx li:hover .wr_content {border-bottom:1px solid #5a5a5a}

.latest.gallery_col_txnd ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.latest.gallery_col_txnd li { width:30%; margin:15px 0;}
.latest.gallery_col_txnd span.title {display:block; margin:10px 0; font-size:15px; font-weight: bold; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.latest.gallery_col_txnd .thumb {display: block; height:200px; margin-bottom: 5px; overflow: hidden;}
.latest.gallery_col_txnd .thumb img {transition: .3s ease;}
.latest.gallery_col_txnd .thumb:hover img {transform: scale(1.2); opacity:.9;}
.latest.gallery_col_txnd .title {font-size:14px;}
.latest.gallery_col_txnd .date {float:right;}

.latest.gallery_col_txnx ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.latest.gallery_col_txnx li { width:30%; height:auto; margin:15px 0;}
.latest.gallery_col_txnx span.title {display:block; margin:10px 0; font-size:15px; font-weight: bold; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.latest.gallery_col_txnx .thumb {display: block; height:135px; margin-bottom: 5px; overflow: hidden;}
.latest.gallery_col_txnx .thumb img {transition: .3s ease;}
.latest.gallery_col_txnx .thumb:hover img {transform: scale(1.2);}
.latest.gallery_col_txnx .title {font-size:14px; }

.latest.gallery_col_txxd ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.latest.gallery_col_txxd li { width:30%; margin:15px 0;}
.latest.gallery_col_txxd span.title {position:absolute;	display:block; width:100%; padding:14px 9px; background:rgba(0,0,0,.5); color:#fff; text-align:center; font-size:15px; white-space:nowrap;
	overflow: hidden;	text-overflow:ellipsis; opacity:0; transition:.4s ease;}
.latest.gallery_col_txxd a.title {color:#fff;}
.latest.gallery_col_txxd .thumb {display: block; width:100%; height:200px; margin-bottom: 5px; overflow: hidden;}
.latest.gallery_col_txxd li:hover span.title {opacity:1;}
.latest.gallery_col_txxd .date {float:right;}

.latest.gallery_col_txxx ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.latest.gallery_col_txxx li { width:30%; height:150px; margin:30px 0;}
.latest.gallery_col_txxx span.title {display:block; margin:10px 0; font-size:15px; font-weight: bold; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.latest.gallery_col_txxx .thumb {display: block; width:100%; height:100%; margin-bottom: 5px; overflow: hidden;}
.latest.gallery_col_txxx .title {font-size:14px;}
.latest.gallery_col_txxx .date {float:right;}

.latest.gallery_col_xcxx ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.latest.gallery_col_xcxx li { width:23%; margin:15px 0;}
.latest.gallery_col_xcxx .thumb {display: block; height:150px; margin-bottom: 5px; overflow: hidden;}
.latest.gallery_col_xcxx .wr_content {display: block; margin:10px 0; text-align: justify; line-height: 20px;}

.latest.gallery_row_tcnd ul {margin-top:30px;}
.latest.gallery_row_tcnd li {display: table; table-layout: fixed; height:180px; margin-bottom:10px;}
.latest.gallery_row_tcnd .thumb {display: table-cell; width:230px; transition: .3s ease;}
.latest.gallery_row_tcnd .thumb:hover {opacity:.8;}
.latest.gallery_row_tcnd .info {display: table-cell; vertical-align: top; padding:0 15px;}
.latest.gallery_row_tcnd .title {display:inline-block; font-size:15px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest.gallery_row_tcnd .new_icon {vertical-align: super;}
.latest.gallery_row_tcnd .wr_content {display: block; margin:20px 0; text-align:justify; line-height: 21px;}
.latest.gallery_row_tcnd .user_info {position: absolute; bottom:10px;}

.latest.gallery_row_tcxx li {margin:20px 0; height:180px; overflow: hidden;}
.latest.gallery_row_tcxx span.title {display:inline-block; width:59%; margin:10px 0; margin-left:1%; font-size:15px; font-weight: bold; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
.latest.gallery_row_tcxx .thumb {display:inline-block; width:40%; float:left; }
.latest.gallery_row_tcxx .wr_content {display:inline-block; width:58%; margin-right:1%; float:right;text-align: justify; line-height:21px;}

.latest.gallery_xcxx ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.latest.gallery_xcxx li { width:30%; margin:15px 0;}
.latest.gallery_xcxx .thumb {display: block; height:250px; margin-bottom: 5px; overflow: hidden;}
.latest.gallery_xcxx .wr_content {position:absolute; bottom:4px; padding:10px; background:rgba(0,0,0,.4); color:#fff; text-align: justify; line-height: 20px; opacity: 0; transition: .4s ease;}
.latest.gallery_xcxx li:hover .wr_content {opacity: 1;}