.hbd-sytjlm {
  box-shadow: var(--comiis-shadow);
  background: var(--comiis-bgf);
  border-radius: var(--comiis-radius-m);
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  font-weight: 700;
  padding: 0;
  border: 1px solid #9595952e;
}
.hbd-sytjlm h2 {
  float: left;
  background: url(/index-diy/img/tbwenzhang.svg) no-repeat 0px;
  padding-left: 25px;
  margin-left: 15px;
  font-weight: normal;
  color: var(--comiis-fa);
  font-size: 14px;
}
.hbd-sytjlm .jrgk {
  margin-left: 15px;
  float: left;
  padding-left: 0px;
  background: none;
  font-size: 12px;
  font-weight: 400;
  color: var(--comiis-fc);
}
.hbd-sytjlm em {
  color: var(--comiis-fa);
}
.mhphd {
  overflow: hidden;
margin: 10px 0;
}
/*.mhzc {
  float: left;
  width: 360px;
}*/
.mhhdt {
  float: left;
  width: 360px;
  /*height: 433px;
  padding-bottom: 12px;
  margin-bottom: 10px;*/
  position: relative;
  overflow: hidden;
  border-radius: var(--comiis-radius-m);
}
.mhcldb {
  width: auto;
  background: var(--comiis-bgf);
  overflow: hidden;
  margin-top: 10px;
  border-radius: var(--comiis-radius-m);
  box-shadow: var(--comiis-shadow);
  border: 1px solid #9595952e;
}
.index-news-tool-container {
  width: 340px;
  margin: 10px auto 10px;
  /*height: 82px;*/
}
.index-news-tool-container .noad {
  border: 1px solid #dc3545;
  background:#dc3545;
  color:#fff;
  display: block;
  height: 2pc;
  line-height: 2pc;
  width: 48%;
  text-align: center;
  margin: 0 auto;
  float: none;
  font-size: 12px;
  /*transition: all .1s ease-in;*/
  border-radius: var(--comiis-radius-m);
}
.index-news-tool-container .mytg {
  border: 1px solid var(--comiis-btnbg);
  display: block;
  height: 2.2pc;
  line-height: 2.2pc;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  /*transition: all .5s ease-in;*/
  border-radius: var(--comiis-radius-m);
  margin-top: 10px;
  background: var(--comiis-btnbg);
  float: none;
  color: #fff;
}
.index-news-tool-container fieldset {
  display: block;
  height: 34px;
  border-top: 1px solid #a9a9a9;
  margin: 0 auto;
    margin-top: 0px;
  float: none;
  margin-top: 10px;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.index-news-tool-container legend {
  width: 110pt;
  font-size: 12px;
  line-height: 34px;
  color: #9a9a9a;
  text-align: center;
  border: 0;
  margin-left: 90px;
}
.index-news-tool-container .tequan {
  margin: 0 auto;
  float: none;
  padding: 0;
  overflow: hidden;
  width: 290px;
}
.index-news-tool-container .tequan li {
  margin-top: 9px;
  overflow: hidden;
}
.index-news-tool-container .tequan div {
  float: left;
}
.index-news-tool-container .tequan div i {
  background: url(/index-diy/img/privilege_icon.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
  width: 24px;
  height: 24px;
  display: block;
  float: left;
  margin-right: 7px;
}
.index-news-tool-container .tequan div span {
  cursor: default;
  height: 24px;
  line-height: 24px;
  display: block;
  float: left;
  color: #9a9a9a;
}
.index-news-tool-container .tequan .liright {
  float: right;
  text-align: right;
}
.index-news-article {
  width: 830px;
  overflow: hidden;
  background: var(--comiis-bgf);
  border-radius: var(--comiis-radius-m);
}
.right {
  float: right;
  box-shadow: var(--comiis-shadow);
  border: 1px solid #9595952e;
}
.news-article-title {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #F6F6F6;
  font-size: 18px;
  color:#FF3548;
  font-weight: 400;
  /*font-family: Georgia;*/
}
.news-article-title-icon {
  display: block;
  background: url(/index-diy/img/news-article-title-icon.svg) no-repeat center;
    background-size: auto;
  background-size: 20px;
  height: 40px;
  width: 40px;
  float: left;
  margin-left: 15px;
}
.index-news-article .page {
  margin: 12px auto;
  position: relative;
  overflow: hidden;
  width: 96%;
}
.index-news-article .page .nextStop, .index-news-article .page .prevStop {
  color: var(--comiis-fd);
}
.index-news-article .page .nextStop:hover, .index-news-article .page .prevStop:hover {
  background-color: var(--comiis-bgf);
  color: var(--comiis-fd);
  cursor:not-allowed !important;
}
.index-news-article .page .top {
  float: left;
  border-right: 0;
  border-radius: 5px 0 0 5px;
}
.index-news-article .page > div {
  width: calc(50% - 1px);
  height: 30px;
  /*color: var(--comiis-color);*/
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-size: 12px;
  border: 1px solid var(--comiis-fd);
  user-select: none;
  /*font-weight: bold;*/
}
.index-news-article .page .cfx {
  width: 84px;
  height: 21px;
  background: var(--comiis-bgf);
  display: block;
  float: left;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translate(-50%,-50%) rotate(-42deg);
  left: 50%;
  border-bottom: 1px solid var(--comiis-fd);
  border-top: 1px solid var(--comiis-fd);
}
.index-news-article .page .bottom {
  float: right;
  border-left: 0;
  border-radius: 0 5px 5px 0;
}
.news-article-title strong{padding:0 3px;font-size:20px;color:#ff7800;height:34px;display:-webkit-inline-box;font-family: Georgia;}
.news-article_container ul{padding-top:5px;overflow:hidden}
.news-article_container li{width:98%;float:left;height:34px;overflow:hidden;line-height:36px;margin-bottom:10px;margin:0 0 0px 1.5%;border-bottom: 1px dashed var(--comiis-fd);}
.news-article_container li a{float:left;text-align:left;padding-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;font-size:14px;/*text-indent:15px*/}
.news-article_container li a:before{position:absolute;content:" ";width:4px;height:4px;background:#acacac;left:0;top:15px;border-radius:50%;display: none;}
.news-article_container li span{float:right;/*font-size:14px;*/margin-right:10px;/*font-family: Georgia;*/}
.news-article_container ul:nth-child(1) li span{/*color:red*/}
.comiis_tbnva .tb .a a, .comiis_tbnva .tb .current a {
  border-radius: var(--comiis-radius-b);
}
.indexnews-tools{/*margin:10px auto;*/background:var(--comiis-bgf);padding:10px 20px;overflow:hidden;border-radius:var(--comiis-radius-b);border: 1px solid #9595952e;}
.indexnewss-tools li{width:30%;margin-right:5%;float:left;box-sizing:content-box}
.indexnewss-tools li img{float:left;width:32px;height:32px;margin-right:15px;margin-top: 10px;border-radius:10px}
.indexnewss-tools li div{float:left;width:calc(100% - 10px - 25px - 75pt - 25px)}
.indexnewss-tools li div h3,.indexnewss-tools li div span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.indexnewss-tools li div h3{font-size:14px;/*color:#333;*/height:25px;line-height:30px;font-weight: normal;}
.indexnewss-tools li div span{font-size:12px;height:26px;line-height:26px;color:#a9a9a9}
.indexnewss-tools li div h3,.indexnewss-tools li div span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.indexnewss-tools li .go{float:right;width:60pt;border-radius:20px;height:26px;line-height:26px;margin-top:12px;text-align:center;margin-left:10px;/*color:#FF7800;border:1px solid #FF7800;*/border: 1px solid var(--comiis-fd);transition:.1s all;font-size: 12px;}
.indexnewss-tools li:nth-child(3){margin-right:0;border-right:0;padding-right:0}
.xl ol li {
  height: 30px;
  line-height: 30px;
  margin: 0px 0 2px;
  border-bottom: 1px dashed var(--comiis-fd);
}
.hbd-syng {
color: #aeaeae;
  font-size: 12px;
  /*font-family: Georgia;*/
}
.indexnewss-tools li .go:hover {
  color: #FF7800;
  border: 1px solid #FF7800;
}
.hbd-bkfl {
color:#aeaeae;margin-right: 5px;font-size: 10px;/*vertical-align: bottom;*/padding: 2px 5px;text-align: center;border: 1px solid #AEAEAE69;border-radius: 5px;
}
.frame-tab .tb li a {
background: #0000000f none;
  border-radius: var(--comiis-radius-b);
}

.comiis_wide.comiis_tbnva .tb li {
  margin: 0 6px 6px 0;
}
.tab-title {
  width: calc(100% - 20px) !important;
}
.title {
  margin: 0 10px;
}
#category_lk {
  padding: 15px 15px 10px !important;
}
.lk .x li {
  margin-right: 20px;
  margin-bottom: 10px;
}
.comiis_an #an li {
  width: 100%;
}
.comiis_an #an li span {
  width: calc(100% - 90px);
}
.noad:hover, .mytg:hover {
  cursor: pointer;
  opacity: 0.8;
}
.frame-tab .tb-c {
  padding: 10px 15px;
}
.lk_logo .lk_content h5 {
  font-weight: normal;
  font-size: 14px;
}



.fl_tb td.fl_g {
  /*float: left;*/
  width: 248px;
  height: auto;
  margin: 0px 5px 10px 5px;
  /*border: 1px solid #9595952e;*/
  overflow: hidden;
  padding: 10px;
  transition: all 0.2s ease 0s;
  height: 44px;
}
.fl_tb td.fl_g:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 0 1px 2px 0 var(--comiis-fd);
}



.fl_g dl {
  margin-left: 50px;
}
.fl_icn img, .fl_icn_g img {
  width: 42px !important;
}
.fl_icn, .fl_icn_g {
  margin-right: 5px;
  width: 20px;
  min-height: 20px;
}
.kmtoday {font-size: 10px;}
.fl_g dt, .fl_tb td h2 {
  height: 20px;
  line-height: 20px;}
.bbda {
  font-size: 12px;
  -webkit-text-size-adjust: none;
}


.nex_mustsee{border:1px solid #ffd7d7;border-radius:var(--comiis-radius-b);overflow:hidden;}
.nex_mustseel{width:80px;height:80px;float:left;background:#ff7070;position:relative}
.nex_mustseel span{display:block;width:44px;height:46px;margin:17px auto;background:url(/index-diy/img/remen.png) center no-repeat}
.nex_mustseel i{display:block;width:22px;height:24px;position:absolute;left:0;bottom:0;background:url(/index-diy/img/rabbit.png) center no-repeat}
.nex_mustseer{float:right;width:1088px;height:50px;padding:15px;/*background:url(/index-diy/img/hot-see-bg.png) left bottom no-repeat;*/}
.nex_mustseer ul{width:1090px;height:50px;overflow:hidden}
.nex_mustseer ul li{float:left;width:208px;margin:0 5px 0 5px;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nex_mustseer ul li a{font-size:14px;color:#666}
.nex_mustseer ul li:hover{transform: scale(1.05);transition-duration: 0.1s;}
#portal_block_296 {border-radius: var(--comiis-radius-b);}


.lk .x li {
  margin-bottom: 10px;
  color: #aeaeae;
  margin-right: 5px;
  font-size: 12px;
  padding: 2px 5px;
  text-align: center;
  border: 1px solid #AEAEAE69;
  border-radius: 5px;
}
.lk .x li:hover {
-webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  box-shadow: 0 1px 2px 0 var(--comiis-fd);
  transition: all 0.2s ease 0s;
}

.news-avatar {
width: 20px;
height: 20px;
border-radius: 50px;
}
.zuixin {
  width: calc(100% - 260px);
  margin-left: 8px;
}
.news-by {
  float: left;
  width: 65px;
  margin-right: 5px;
  overflow: hidden;
}
.news-num {
  float: left;
  width: 50px;
  margin: 10px 0 0 0;
  line-height: 14px;
  overflow: hidden;
}
.news-xi2 {
  padding: 1px 5px 1px 8px !important;
  border-radius: 10px 0 0 6px;
  font-size: 10px !important;
  background: var(--comiis-bga);
  float: none !important;
  color: var(--comiis-color);
}
.news-num {
    display: flex;                   
    border-radius: 20px;             
    overflow: hidden;                
    min-width: 60px;
    font-size: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); 
    border: 1px solid rgba(0,0,0,0.05);
    margin-bottom: 8px;              
    transition: all 0.25s ease;      
}

/* 鼠标悬停整体浮起效果 */
.news-num:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

/* 左半 - 回复数（亮灰渐变 + 微动画） */
.news-num a {
    flex: 1;                         
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #fdfdfd, #e6e6e6, #f9f9f9); 
    background-size: 200% 200%;
    animation: slide-left 6s linear infinite; 
    color: #333;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(255,255,255,0.6);
    transition: color 0.25s ease, transform 0.25s ease;
    animation: slide-left 6s linear infinite, text-glow-left 2s ease-in-out infinite alternate;
}

/* 右半 - 查看数（黑色渐变 + 快动画 + 文字发光） */
.news-num em {
    flex: 1;                         
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(225deg, #000, #111); 
    background-size: 200% 200%;
    animation: slide-right 3s linear infinite, text-glow-right 1.5s ease-in-out infinite alternate;
    color: #fff;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    transition: color 0.25s ease, transform 0.25s ease;
}

/* 左半背景动画关键帧 */
@keyframes slide-left {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 100%; }
    100% { background-position: 0% 0%; }
}

/* 右半背景动画关键帧 */
@keyframes slide-right {
    0% { background-position: 100% 0%; }
    50% { background-position: 0% 100%; }
    100% { background-position: 100% 0%; }
}

/* 左半文字微光动画 */
@keyframes text-glow-left {
    0% { text-shadow: 0 1px 2px rgba(255,255,255,0.6); }
    50% { text-shadow: 0 1px 4px rgba(255,255,255,0.9); }
    100% { text-shadow: 0 1px 2px rgba(255,255,255,0.6); }
}

/* 右半文字微光动画 */
@keyframes text-glow-right {
    0% { text-shadow: 0 1px 2px rgba(0,0,0,0.6); }
    50% { text-shadow: 0 1px 4px rgba(255,255,255,1); }
    100% { text-shadow: 0 1px 2px rgba(0,0,0,0.6); }
}

/* 鼠标悬停文字高亮并微微放大 */
.news-num a:hover,
.news-num em:hover {
    color: #ff6600;
    transform: scale(1.05);
}