a,a:link {text-decoration: none;}
body {background:#2c2a2a;}
.hk_hr {width:100%;display: inline-block;height:100px;}

.data,.lists {width:100%;display: inline-block;}
.data .videos {width:100%;}

/* top&nav */
.huakui_top_max {background-color: rgba(52,50,50,0.7);display:inline-block;width:100%;margin-bottom:20px;padding:15px 0;box-shadow: 0 3px 7px rgba(5, 5, 5, 0.2);position: relative;}
.huakui_top_min {max-width:1200px;margin:0 auto;}
.huakui_top_min div.logo {width:13%;float:left;}
.huakui_top_min div.logo img {width:40px;}
.huakui_top_min div.logo strong {color:white;font-weight: bold;font-size:20px;position: relative;bottom:10px;}
.huakui_top_nav {width:87%;float:left;margin-top:10px;text-align:left;}
.huakui_top_nav a {font-size:14px;color:white;padding:0 5px;display:inline-block;}
.huakui_top_nav a:hover,.huakui_top_nav a.this {color:rgb(204, 204, 204);}

/* page */
.dh_page {text-align:center;margin:20px 0 30px 0;display:inline-block;width:100%}
.dh_page .pagination em {margin:0 1px;}
.dh_page .pagination em.current {font-style:normal;background:#2c2a2a;border:0;color:rgb(243, 45, 45);font-weight: bold;padding:0 6px;font-size:20px;display: inline-block;border-radius:5px;}
.dh_page .pagination a {padding:0 10px;height:30px;line-height:30px;background:#2c2a2a;color:rgb(236, 236, 236);display: inline-block;border:1px solid rgb(235, 235, 235);border-radius:3px;text-decoration:none;}
.dh_page .pagination a,.dh_page .pagination a.next_page {margin-top:5px;}
.dh_page .pagination a:hover {background:#868686;color:rgb(255, 255, 255);}
.dh_page .pagination .disabled {display:none}
.dh_page .pagination .gap {color:rgb(133, 129, 129)}
.previous_page {display:none}

.dh_page form {margin-top:10px;}
.dh_page input {width:60px;font-size:14px;background:#181818;text-align:center;padding:5px 2px;border:1px solid rgb(107, 107, 107);color:white;border-radius:3px;}
.dh_page button {background:#181818;border:1px solid rgb(107, 107, 107);padding:4px 10px;font-size:14px;border-radius:3px;color:white;position: relative;top:0px;}
.dh_page button:hover {background: #868686;color:white;}

.goav-list {max-width:900px;margin:0 auto;}
h1.title {color:white;font-size:30px;margin-bottom:25px;text-align: center;width:100%;}
h2.title {color:rgb(158, 158, 158);font-size:12px;font-weight: 400;margin:20px 0;}
h2.title a {color:white;font-size:12px;}
/* 图片瀑布流 */
.colliu {column-count:2;}
.colliu div.data {margin-bottom:10px;break-inside:avoid;padding:0px;background:rgb(20, 20, 20);position: relative;}
.colliu div.img img {width:100%;opacity: 0.8;min-height:130px;}
.colliu div.data:hover img {opacity:1;}
.colliu div p {margin:0;font-size:14px;}
.colliu div p.title {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));color: #ebebeb;padding: 20px;font-size: 20px;font-weight: bold;margin: 0;word-break:break-word;}
.colliu div p.category a {position: absolute;bottom: 0;left: 40px;right: 0;size: 14px;color: rgb(150, 175, 90);margin:5px 0;}

.container {width: 98%;max-width: 900px;margin: 20px auto;}

.search_tags {width:100%;display:inline-block;margin:0px 0 10px 0;}
.search_tags a {color:white;padding:3px 2px;font-size:14px;color:rgb(226, 226, 226);display: inline-block;}
.search_tags svg {position: relative;top:5px;}
.search_tags strong {color:#f66151;margin-bottom: 3px;}
.search_tags a:hover {color:gray;}

/* list-end */
.share_width {max-width: 1200px;margin:0 auto;text-align: center;}

.foot_info {text-align: center;margin-top:80px;padding-bottom:80px;}
.foot_info p{margin:0;color:gray;font-size:12px;}

.menu_dh {width:100%;display:inline-block;margin-bottom:15px;}
.menu_dh strong {color:rgb(45, 184, 45);padding-left:3px;font-weight: 400;}
.menu_dh svg {position: relative;top:3px;}
.menu_dh a {font-size:14px;color:rgb(207, 199, 81);margin:4px 2px 1px 1px;display:inline-block;text-decoration: underline;}
.menu_dh a:hover {color:red;}
.menu_dh a.nav_this {color:rgb(102, 98, 45);}

/* searc */
.search-box {
    max-width:400px;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    display: inline-block;
}

.search-box input[type="text"] {
    width: 100%;
    padding: 10px 15px;
    padding-right: 40px; /* 为图标预留空间 */
    border: 1px solid #444;
    border-radius: 25px;
    background-color: #2e2e2e;
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.search-box input[type="text"]::placeholder {
    color: #aaa; /* 占位符颜色 */
}

.search-box input[type="text"]:focus {
    border-color: #888;
    box-shadow: 0 0 5px rgba(136, 136, 136, 0.8); /* 聚焦时外边框阴影 */
}

.search-box button {
    position: absolute;
    top: 51%;
    right: 3px;
    padding: 6px 15px 0 10px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #aaa;
    background: none;
    border:0;
}

/* phone-nav */
.menu-btn {position: absolute;top: 25px;right: 20px;z-index: 99999999999;cursor: pointer;width: 30px;height: 25px;display: flex;flex-direction: column;justify-content: space-between;display:none;}
.menu-btn span {display: block;width: 100%;height: 4px;background-color: #fff;border-radius: 2px;transition: 0.3s;}
.menu {position: fixed;top: 0;z-index: 99999999999;right: -250px;width: auto;height: 100%;background-color: #333;color: #fff;display: flex;flex-direction: column;align-items: center;padding-top:50px;padding-bottom:50px;overflow-y: auto;transition: 0.3s ease;box-shadow: -2px 0 10px rgba(0, 0, 0, 0.5);}
/* 自定义滚动条样式 */
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 1px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.menu.open {right: 0;}
.menu a {color: #fff;width: 100%;text-align: center;text-decoration: none;padding:5px 30px;font-size: 16px;transition: 0.3s ease;}
.menu a:hover {color: #00bcd4;background-color: black;}
.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: none;z-index: 999;}
.overlay.active {display: block;}

/* links */
.hk_links {max-width:900px;margin:0 auto;}
.hk_links a {display:inline-block;padding:0 10px;height:36px;line-height:36px;font-weight:bold;background:rgb(54, 168, 92);color:white;font-size:14px;text-decoration: none;text-align: center;}
.hk_links a:hover {background:black;}

.goav-content {max-width:900px;margin:0 auto;padding-top:20px;}
.new_foot_links h2 {color:white;display:none;}
.new_foot_links a {color:rgb(255, 255, 255);border:0;border-radius:2px;background:rgb(56, 69, 182);}

.hk_index_nav {}
.hk_index_nav a {width:100%;display:inline-block;color:rgb(250, 228, 27);text-align: center;border-bottom: 1px solid rgb(0, 0, 0);padding:3px 0;}
.hk_index_nav a:hover {background-color: black;}

@media screen and (max-width: 1200px){
    body {padding:0 1%;}
    .huakui_top_min div.logo {width:13%;}
    .huakui_top_nav {width:87%;}
}
@media screen and (max-width: 1000px){
    .huakui_top_min div.logo {width:16%;}
    .huakui_top_nav {width:84%;}
    .huakui_top_nav a {padding:0 5px;}
}
@media screen and (max-width: 1000px){
    .huakui_top_min div.logo {width:20%;}
    .huakui_top_nav {width:80%;}
    .huakui_top_nav a {padding:0 1px;}
}
@media screen and (max-width: 1000px){
    .huakui_top_min div.logo {width:25%;}
    .huakui_top_nav {width:75%;}
}
@media screen and (max-width: 800px){
    .huakui_top_nav {display: none;}
    .menu-btn {display: flex;}
    .colliu div p.title {font-size:16px;}
}
@media screen and (max-width: 600px){
    .card {height:250px;}
    .goav-list {width:98%;}
    .huakui_top_min {padding:0 1%}
    .search-box {width:80%;}
    .huakui_top_min div.logo {width:100%;}
    .huakui_top_min div.logo img {width:35px;position: relative;top:3px;}
    .huakui_top_min div.logo strong {color:white;font-weight: bold;font-size:16px;position: relative;bottom:7px;}
    /* .colliu {column-count:1;} */
    .colliu div.data {position:relative;}
    .colliu div.img img {min-height:120px;opacity:1;}
    .colliu div p {margin:0;}
    .colliu div p.title {position: relative;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));padding:5px 7px;font-size:12px;font-weight: bold;margin: 0;}
    .colliu div p.category a {position: relative;bottom: 0;left:0px;right: 0;font-size:12px;padding:15px 5px;}
    
    .hk_links {padding:0 1%}
    .search_tags a {color:white;padding:3px 2px;font-size:14px;color:rgb(226, 226, 226);}
}
@media screen and (max-width: 420px){
}
@media screen and (max-width: 360px){
}
@media screen and (max-width: 320px){
    .colliu {column-count:1;}
}