#CMain { padding: 0px 25px 0px; }
.CMContent { margin: 0px auto; width: 100%; }

.CMContent .Hot { position: relative; overflow: hidden; margin: 10px 0px 20px; width: 100%; padding: 15px 20px; border-radius: 5px; background-color: rgb(79, 144, 140, 0.5); }
.CMContent .Hot svg { position: absolute; top: -20px; right: -25px; z-index: -1; width: 130px; transform: scaleX(-1); fill: #FFFFFF; }
.CMContent .Hot div.Item { margin: 8px 0px; width: 100%; }
.CMContent .Hot div.Item:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
.CMContent .Hot div.Item a { display: block; }
.CMContent .Hot div.Item a:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
.CMContent .Hot div.Item a:hover {  }
.CMContent .Hot div.Item .Image { position: relative; float: left; width: 120px; height: 120px; border-radius: 5px; overflow: hidden; }
.CMContent .Hot div.Item .Image .VTop { position: absolute; display: block; width: 100%; height: 100%; }
.CMContent .Hot div.Item .Image .V { width: 100%; height: 100%; }
.CMContent .Hot div.Item .Image .V:hover {  }
.CMContent .Hot div.Item .Image .I { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: auto 100%; background-image: url( '/__/i/NoImage.png' ); }
.CMContent .Hot div.Item .Image .I:hover {  }
.CMContent .Hot div.Item .IContent { float: left; width: calc( 100% - 120px ); padding-left: 10px; }
.CMContent .Hot div.Item .IContent .Title { margin-bottom: 8px; color: #FFFFFF; font-size: 22px; transition: .3s; }
.CMContent .Hot div.Item a:hover .IContent .Title { color: #ff9c15; }
.CMContent .Hot div.Item .IContent .Content { margin-bottom: 8px; color: #cfcfcf; font-size: 15px; line-height: 25px; transition: .3s; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; }
.CMContent .Hot div.Item .Tag { margin: 0px; width: 100%; display: flex; justify-content: flex-end; }
.CMContent .Hot div.Item .Tag:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
.CMContent .Hot div.Item .Tag a { float: right; }
.CMContent .Hot div.Item .Tag a:hover {  }

.CMContent table { width: 100%; border-collapse: collapse; }
.CMContent table tbody {  }
.CMContent table tbody tr { border-bottom: solid 1px #052c45; }
.CMContent table tbody tr:hover { cursor: pointer; }
.CMContent table tbody tr td { padding: 12px 10px; vertical-align: top; }
.CMContent table tbody tr td[f="Image"] { width: 150px; }
.CMContent table tbody tr td[f="Image"] a.VTop { position: absolute; display: block; width: 100%; height: 100%; }
.CMContent table tbody tr td[f="Image"] .V { width: 140px; height: 140px; border-radius: 5px; }
.CMContent table tbody tr td[f="Image"] .V:hover {  }
.CMContent table tbody tr td[f="Image"] .I { width: 140px; height: 140px; border-radius: 5px; display: block; background-position: center; background-repeat: no-repeat; background-size: auto 100%; background-image: url( '/__/i/NoImage.png' ); }
.CMContent table tbody tr td[f="Image"] .I:hover {  }
.CMContent table tbody tr td div[f="Name"] { line-height: 28px; }
.CMContent table tbody tr td div[f="Name"] a { font-size: 22px; color: #FFFFFF; transition: .3s; }
.CMContent table tbody tr:hover td div[f="Name"] a { color: #ff9c15; }
.CMContent table tbody tr td div[f="AddDate"] { text-align: right; font-size: 13px; color: #FFFFFF; }
.CMContent table tbody tr td div[f="Content"] { margin-bottom: 8px; color: #cfcfcf; font-size: 15px; line-height: 25px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; }
.CMContent table tbody tr td div[f="Tag"] {  }
.CMContent table tbody tr td div[f="Tag"]:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
.CMContent table tbody tr td div[f="Tag"] a { float: right; }
.CMContent table tbody tr td div[f="Tag"] a:hover {  }

.CMContent div.PageList { width: 100%; }
.CMContent div.PageList div.PageItem { width: 100%; padding: 12px 0px; border-bottom: solid 1px #052c45; }
.CMContent div.PageList div.PageItem:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
.CMContent div.PageList div.PageItem a { display: block; }
.CMContent div.PageList div.PageItem a:hover {  }
.CMContent div.PageList div.PageItem a:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
.CMContent div.PageList div.PageItem div[f="left"] { float: left; width: 150px; }
.CMContent div.PageList div.PageItem div[f="left"] .VTop { position: absolute; display: block; width: 100%; height: 100%; }
.CMContent div.PageList div.PageItem div[f="left"] .V { width: 140px; height: 140px; border-radius: 5px; }
.CMContent div.PageList div.PageItem div[f="left"] .V:hover {  }
.CMContent div.PageList div.PageItem div[f="left"] .I { width: 140px; height: 140px; border-radius: 5px; display: block; background-position: center; background-repeat: no-repeat; background-size: auto 100%; background-image: url( '/__/i/NoImage.png' ); }
.CMContent div.PageList div.PageItem div[f="left"] .I:hover {  }
.CMContent div.PageList div.PageItem div[f="right"] { float: left; width: calc( 100% - 150px ); } 
.CMContent div.PageList div.PageItem div[f="right"] div[f="Name"] { font-size: 22px; color: #FFFFFF; transition: .3s; line-height: 28px; }
.CMContent div.PageList div.PageItem a:hover div[f="right"] div[f="Name"] { color: #ff9c15; }
.CMContent div.PageList div.PageItem div[f="right"] div[f="AddDate"] { text-align: right; font-size: 13px; color: #FFFFFF; }
.CMContent div.PageList div.PageItem div[f="right"] div[f="Content"] { margin-bottom: 8px; color: #cfcfcf; font-size: 15px; line-height: 25px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; }
.CMContent div.PageList div.PageItem div[f="Tag"] { display: flex; justify-content: flex-end; margin: 0px; width: 100%; }
.CMContent div.PageList div.PageItem div[f="Tag"]:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
.CMContent div.PageList div.PageItem div[f="Tag"] a { float: right; }
.CMContent div.PageList div.PageItem div[f="Tag"] a:hover {  }


#lightboxId { background-repeat: no-repeat; background-size: 100%; border-radius: 10px; border: solid 3px #FFF; transition: .5s; }
#lightboxId a.Prev { height: 100%; width: 34%; left: 0; float: left; background: url( /__/i/prev.png ) left 48% no-repeat; }
#lightboxId a.Next { height: 100%; width: 66%; right: 0; float: right; background: url( /__/i/next.png ) right 48% no-repeat; }
#lightboxId a.Close { width: 27px; height: 27px; position: absolute; right: 0px; bottom: -33px; opacity: 0.8; background-image: url( /__/i/close.png ); background-repeat: no-repeat; }
#lightboxId div.Title { width: calc( 100% - 30px ); position: absolute; left: 0px; bottom: -24px; color: #CCC; font-size: 13px; }


@media screen and ( max-width: 773px ) {
#CMain { padding: 0px 10px 0px; }
}

@media screen and ( max-width: 414px ) {
#CMain { padding: 0px 5px 0px; }
.CMContent .Hot { padding: 15px 10px; }
.CMContent .Hot div.Item { margin: 15px 0px; }
.CMContent .Hot div.Item .Image { width: 100px; height: 100px; }
.CMContent .Hot div.Item .IContent { width: calc( 100% - 100px ); padding-left: 10px; }
.CMContent .Hot div.Item .IContent .Title { margin-bottom: 5px; }
.CMContent .Hot div.Item .IContent .Title a { font-size: 19px; }
.CMContent .Hot div.Item .IContent .Content { margin-bottom: 5px; font-size: 13px; line-height: 20px; }

.CMContent table tbody tr td { padding: 12px 3px; }
.CMContent table tbody tr td[f="Image"] { width: 120px; }
.CMContent table tbody tr td[f="Image"] .I { width: 110px; height: 110px; }
.CMContent table tbody tr td div[f="Name"] { line-height: 25px; }
.CMContent table tbody tr td div[f="Name"] a { font-size: 19px; }
.CMContent table tbody tr td div[f="Content"] { font-size: 13px; line-height: 20px; }
}