@charset "utf-8";
:root{
    --color-header:linear-gradient(80deg, #F35A55 0%, #FE0178 100%);
}
*{margin:0px;padding:0px;}

html{height: 100%;font-size: 14px;}
img{border:none;vertical-align:top;object-fit:cover;}
li{list-style-type:none;}
ul,dl,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
address,cite,code,em,th{font-weight:normal; font-style:normal;}
a{outline: none; text-decoration: none;cursor: pointer;  color: inherit;transition: color 0.3s ease;}
.fontBold{font-weight: bold;}
.font12{font-size: 12px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font33{color: #333333;}
.font99{color: #999999;}
.fontFF{color: #FFFFFF;}
.fontBold{font-weight: bold;}
.cursorPointer{cursor: pointer;}
.aClass{cursor: pointer;text-decoration: none;color: #000000;}
.aClass:hover{text-decoration: none;}
.flexRow{display: flex;flex-direction: row;}
.flexColumn{display: flex;flex-direction: column;}
.flexcenter{align-items: center;justify-content: center;}
.overflowclass{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.overflowclassone{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
html, body {overflow-x: hidden;background: #FFFFFF;font-size: 14px;}
input{border:none;outline:none;}
.cBlack a, .cBlack {color: #cccccc;text-decoration: none;}

 
/* container */
.container {max-width: 1380px;margin: 0 auto;padding: 0 20px;}
 /* header navigation */
.site-header {background: #FFFFFF;position: sticky;top: 0;z-index: 100;backdrop-filter: blur(2px);box-shadow: 3px 0px 7px 0px rgba(215,215,215,0.35);}
.header-container {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 12px 0;gap: 15px;}
.logo-area {display: flex;align-items: center;gap: 30px;flex-wrap: wrap;}
.logo {display: flex;align-items: center;}
.logo-img {height: 61px;width: auto;max-height: 61px;display: block;}
.main-nav{margin:0 0 0 90px;}
.main-nav a {font-weight:bold;font-size: 20px;color:#333333;line-height:24px;padding-top: 10px;padding-bottom: 10px;}
.main-nav a.active {padding:8px 40px;border-radius: 5px;color: #FFFFFF;background:var(--color-header);}
.main-nav a:hover{ color: #F65D57;}
.main-nav a.active:hover{ color: #FFFFFF;}

.main-nav ul {display: flex;align-items: center;justify-content: space-between;}
.main-nav ul li {position: relative;margin:0 62px 0 0;    align-items: center;display: flex;}
.main-nav ul li:last-child{margin:0;}
.main-nav .dropdown-menu {position: absolute;top: 120%;left: 50%;transform: translateX(-50%);background: #fff;width:255px;box-shadow: 0px 0px 15px 0px #ECECEC;
     border-radius: 5px;padding:10px;transition: all 0.2s ease;z-index: 200;border: 1px solid #F3F3F3;
     opacity:0;visibility:hidden;display: grid;grid-template-columns: repeat(2, 1fr);gap:10px;
}
.main-nav .has-dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;}
.main-nav .dropdown-menu li {display: block;padding: 0;margin:0;}
.main-nav .dropdown-menu a {display: flex; white-space: nowrap;align-items: center;justify-content: center;margin:0  0;padding: 0;font-weight:400;
     width: 120px;height: 30px;background: #FAFAFA;border-radius:5px;border: 1px solid #F3F3F3;font-size: 14px;color: #333333;
}
.main-nav .has-dropdown::after {content: '';position: absolute;bottom: -20px;left: 0;width: 100%;height: 20px;background: transparent;pointer-events: auto;}
.main-nav .dropdown-menu li:nth-child(2n+2){margin-right: 0;}
.main-nav .dropdown-menu li:nth-last-of-type(-n+2) a{margin:0;}
.main-nav .dropdown-menu a:hover {background:#FEEEEE;color:#F65D57;border: 1px solid #FFD9D9;font-weight:bold;}
.main-nav .has-dropdown > a{display:flex;align-items:baseline;}
.main-nav .has-dropdown > a b{background:url(../images/icon1.png) no-repeat;width:12px;height: 7px;margin:0 0 0 6px;background-size: contain;}
.main-nav .has-dropdown:hover > a b{background:url(../images/icon2.png) no-repeat;width:12px;height: 7px;margin:0 0 0 6px;background-size: contain;}
.main-nav .has-dropdown > a.active b,.main-nav .has-dropdown:hover > a.active b{background:url(../images/icon3.png) no-repeat;width:12px;height: 7px;margin:0 0 0 6px;background-size: contain;}

.type-tag b{background:url(../images/icon16.png) no-repeat;width:11px;height:12px;background-size: contain;margin:0 9px 0 0;}
.date-text b{background:url(../images/icon17.png) no-repeat;width:14px;height:13px;background-size: contain;margin:0 4px 0 0;}
.stat-item b{background:url(../images/icon18.png) no-repeat;width:14px;height:14px;background-size: contain;margin:0 4px 0 0;}
.gxtag-name,.gxtag-time,.gxtag-type,.gxtag-watch{align-items: center;}
 
.gxtag-type b{background:url(../images/icon19.png) no-repeat;width:16px;height:16px;background-size: contain;margin:0 4px 0 0;transform: all .3s ease;}
.gxtag-name b{background:url(../images/icon21.png) no-repeat;width:14px;height:14px;background-size: contain;margin:0 3px 0 0;}
.gxtag-time b{background:url(../images/icon22.png) no-repeat;width:14px;height:14px;background-size: contain;margin:0 4px 0 0;}
.gxtag-watch b{background:url(../images/icon23.png) no-repeat;width:15px;height:11px;background-size: contain;margin:0 2px 0 0;}
.gxtag-type:hover b{background:url(../images/icon20.png) no-repeat;width:16px;height:16px;background-size: contain;margin:0 4px 0 0;}

footer {background:#F9F9F9;color:#999999;padding:0;margin-top: 30px;}
.footer-grid {display:flex;gap: 30px;width:1380px;margin:30px auto 26px auto;justify-content: space-between;}
.footer-col{display: flex;flex-direction: column;align-items: center;}
.footer-col h4 {font-weight:bold;font-size: 18px;color: #333333;margin:0 auto 24px auto;display: flex;align-items: center;justify-content: center;}
.footer-col ul{  display: grid;grid-template-rows: repeat(4, auto);grid-auto-flow: column;gap: 11px 10px;list-style: none;padding: 0;margin: 0;}

.footer-col a {color: #999999;font-size:14px;}
.footer-col a:hover {color: #F65D57;}
.copyright {align-items: center;background: #F0F0F0;height: 38px;}
.copyright p{font-size:14px;color:#999999;margin:0 auto;}
.fotcon{width: auto;max-width: 100%;padding:0;display:flex;flex-direction: column;}

.more-link {font-size: 14px;color: #999999;align-items: center;font-weight:400;}
.more-link:hover {color:#F65D57;}
.more-link b{background:url(../images/icon14.png) no-repeat;width:6px;height:11px;background-size: contain;margin:0 0 0 4px;}
.more-link:hover b{background:url(../images/icon15.png) no-repeat;width:6px;height:11px;background-size: contain;margin:0 0 0 4px;}




.hnsid-cdli li{display:flex;align-items: center;font-size: 16px;color: #333333;border-bottom: 1px solid #F3F3F3;padding:0 0 12px 0;margin:0 0 12px 0;}
.hnsid-cdli li:hover,.hnsid-cdli li:hover a{ color: #F65D57;}
.hnsid-cdli li a{-webkit-line-clamp: 1;font-size: 16px;}
.hnsid-cdli li b{background:url(../images/icon28.png) no-repeat;width:14px;height:14px;background-size: contain;margin:0 10px 0 0;flex-shrink: 0;}
.hnsid-cdli li:hover b{background:url(../images/icon29.png) no-repeat;width:14px;height:14px;background-size: contain;margin:0 10px 0 0;}

.sidebar-card-list {list-style: none;padding: 0;margin:13px 0 0 0;}
.sidebar-card-list>li:last-child {margin-bottom: 0;}
.sidebar-card {gap:20px;}
.sidebar-card-thumb {width: 131px;height: 81px;background: #F1F1F1;border-radius:5px;}
.sidebar-card-thumb img {width: 100%;height: 100%;object-fit: cover;border-radius:5px;}
.sidebar-card-body {flex: 1;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden;min-width: 0;}
.sidebar-card-title {font-size: 16px;line-height:24px;color: #333;-webkit-line-clamp: 2;margin-bottom: 6px;}
.sidebar-card:hover .sidebar-card-title{color:#F65D57;}
.gxtag-type:hover{ color: #F65D57;}
.sidebar-card-meta {font-size: 14px;color: #999;display: flex;align-items: center;gap: 15px;}
.hrsdid-cdli li{margin:0 0 20px 0;}
.hotmb{margin:0 20px 0 0;}

.htombhnsid-cdli li{display:flex;align-items: center;font-size: 16px;color: #333333;margin:0 0 16px 0;position: relative;justify-content: space-between;}
.htombhnsid-cdli li p{ display:flex;align-items: center;}
.htombhnsid-cdli li:hover,.htombhnsid-cdli li:hover a{ color: #F65D57;}
.htombhnsid-cdli li span{ color: #999999;flex-shrink: 0;font-size: 14px;color:#999999;margin:0 0 0 10px;}
.htombhnsid-cdli li a{-webkit-line-clamp: 1;font-size: 16px;text-align: left;width: 100%;}
.htombhnsid-cdli li b{background:url(../images/icon28.png) no-repeat;width:14px;height:14px;background-size: contain;margin:0 10px 0 0;flex-shrink: 0;}
.htombhnsid-cdli li:hover b{background:url(../images/icon29.png) no-repeat;width:14px;height:14px;background-size: contain;margin:0 10px 0 0;}
.htombhnsid-cdli::after{border:1px solid #F3F3F3;}
.htombhnsid-cdli{position:relative;}
.htombhnsid-cdli::before {content: "";position: absolute;left: 6.5px;top: 4px;bottom:10px;width:1px;background: #F3F3F3;}


.ad-banner {padding: 0;background: transparent;box-shadow: none;overflow: hidden;}
.ad-banner img {width: 100%;display: block;}

.hrsdid-cdli{margin:20px 0 0 0;}

.breadcrumb { font-size: 14px;color: #999999;margin:26px 0;}
.breadcrumb i {background:url(../images/icon25.png) no-repeat;width:13px; height:17px;margin:2px 10px 0 0;background-size: contain;align-items: center;}
.breadcrumb a.breaklast{color: #333333;}
.breadcrumb a:hover,.nowbreak{color:#F65D57;}
.rigside-title{position: relative;font-weight: 500;font-size: 22px;color: #333333;justify-content:space-between;align-items: center;}
.rigside-title::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 5px;background: #F9F9F9;border-radius: 3px;}
.rgside-tl{position: relative;padding:0 0 13px 0;}
.rgside-tl::after {content: '';position: absolute;bottom: 0;left: 0;width:43px;height: 5px;
    background: linear-gradient(90deg, #F35A55 0%, #FE0178 100%);border-radius: 3px;z-index: 1;
}
.rigside-title .more-link{padding:0 0 13px 0;}