img{width: 100%}
a{text-decoration: none}
a{color: #1a1d20}
a h3{color: #1a1d20}
a p,p{color: #636363}
body{background: #f3f5f7}
.list-article,article.article{background: #f3f5f7;padding-bottom: 40px;margin-top: 75px}
.item-ls{background: #fff;margin-top: 15px;transition:all .2s;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);justify-content: space-between}
.item-ls h3{font-size:18px;font-weight:header, .fixed-top 600;line-height:1.8rem}
.item-ls .item-text{padding-right: 20px}
.item-ls .item-text p{font-size: 14px}
.item-ls:hover{margin-top: 10px;transition:all .2s}
.item-ls .item-img a{aspect-ratio: 16 / 10;overflow: hidden;display: block}
.item-ls .item-img{margin-right:30px}
.item-ls .item-img img{aspect-ratio: 16 / 10;width:100%;height:100%;object-fit:cover}
.item-ls.flex{flex-wrap:nowrap;border-radius:10px;overflow:hidden;padding:20px}
.flex{ display: flex;flex-wrap: wrap;}
.breadcrumb{padding: 30px 0 0 0;}
.breadcrumb a{padding-right: 15px;font-size: 14px}
article.article .content{padding:50px 150px;background: #fff;margin-top: 15px}
article.article .ads{box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);max-height: 480px;text-align:center;padding:30px;background: linear-gradient(180deg, #fff1ed 0%, #ffffff 100%);margin-top: 15px;aspect-ratio: 10 / 12;}
article.article .ads h3{font-size: 24px;font-weight: 600}
article.article .ads p{color: #636363;font-size:14px}
article.article .ads img{aspect-ratio: 1 / 1;width: 80%;margin-bottom: 25px}
article.article .ads .btn-danger{cursor:pointer;font-size: 14px;color:#fff;background:#ff6000;width: 80%;line-height:2;margin: 0 auto;padding: 8px 0}
article.article .article-header{margin: 60px 0 20px 0}
article.article .article-header h1{font-size: 28px;color: #ff6000;line-height:2.25rem;font-weight: 600}
article.article .article-header h4{margin-top: 20px;font-size: 14px}
article.article .article-header h4>*{margin-right: 15px}

.part-item-website p {
    color: #868686;
    margin-top: 5px;
    font-size: 12px;
    margin-bottom: 0;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;
    height: 36px;
}


/* ========== 轮播区样式 (完全自适应 + 炫酷质感) ========== */
.news-items>.row>.col-md-3,.news-items>.row>.col-md-6{margin-bottom: 20px}
.carousel {width: 100%;background: #0e1e28;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);overflow: hidden;transition: all 0.3s;}
.carousel-view {position: relative;width: 100%;height:100%;background: #00000022;overflow: hidden;}
.slides-container {display: flex;width: 100%;height: 100%;transition: transform 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);will-change: transform;}
.slide {flex: 0 0 100%;height: 100%;position: relative;}
.slide a {display: block;width: 100%;height: 100%;}
.slide img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s ease;}
.slide:hover img {transform: scale(1.02);}
.arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 42px;height: 42px;background: rgba(20, 30, 45, 0.65);backdrop-filter: blur(6px);display: flex;align-items: center;justify-content: center;font-size: 28px;font-weight: 300;color: white;cursor: pointer;z-index: 20;transition: all 0.25s;border: 1px solid rgba(255,255,240,0.3);box-shadow: 0 4px 12px rgba(0,0,0,0.2);}
.arrow:hover {background: #1f6e5a;border-color: #c0ffee;transform: translateY(-50%) scale(1.05);color: #ffffff;box-shadow: 0 0 12px rgba(31,110,90,0.6);}
.prev {left: 16px;}
.next {right: 16px;}
.dots {position: absolute;bottom: 16px;left: 0;right: 0;display: flex;justify-content: center;gap: 12px;z-index: 20;}
.dot {width: 10px;height: 10px;background: rgba(255,255,245,0.5);border-radius: 50%;cursor: pointer;transition: all 0.2s ease;backdrop-filter: blur(2px);border: 1px solid rgba(255,255,200,0.7);}
.dot.active {background: #f5b642;border-radius:5px;width: 26px;box-shadow: 0 0 8px #ffb347;border-color: white;}
.counter {position: absolute;bottom: 16px;right: 20px;background: rgba(0,0,0,0.55);backdrop-filter: blur(8px);padding: 4px 12px;font-size: 14px;font-weight: 500;color: #f0f0f0;letter-spacing: 0.5px;z-index: 20;font-family: monospace;border: 1px solid rgba(255,215,0,0.3);}

.part-footer-copyright{text-align:center;font-size:12px;color:rgba(255,255,255,0.7);background:#000;line-height:2.08333333em;padding:22px 24px;position:relative;z-index:10}
.part-footer-copyright .statement p{color:rgba(255,255,255,0.7);}
.part-footer-copyright a{color:inherit;margin:0 5px;white-space:nowrap}
.part-footer-copyright a:hover{color:#fff}
.part-footer-copyright p img{margin-bottom:4px;max-width: 16px}
/*****************/
header,.fixed-top{background:#000!important;}
.navbar a{color:  rgba(255, 255, 255, 0.9)}
.navbar{padding: 0}
.navbar a.active{color:rgba(255, 255, 255, 0.9)!important;}
.navbar .navbar-expand-lg .fixed-top .shadow-lg{margin: 0}
.offcanvas .nav-link{color: #636363}
.offcanvas button{color: #ff6000!important;}
.border-secondary{border-color: #ebebeb!important;}
header .nav-item a{padding: 25px!important;}
header .nav-item a:hover,header .nav-item a.active{background:rgba(0,0,0,0.1);color: rgba(255, 255, 255, 0.9)}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background: #fff;color: #f18b1c!important;}



.container{position:relative!important;width:100%}
.part-main .main{margin-left: 180px}
.part-sidebar{position:absolute;top:0;left:0;width:167px;display:none}
.part-sidebar.a-fixed{position:fixed;z-index:2;top:94px;}
.part-sidebar.a-absolute{position:absolute;top:auto;bottom:0}
.part-sidebar .sidebar-menu-wrap{position:relative}
.part-sidebar .sidebar-menu::-webkit-scrollbar{display:none}
.part-sidebar .sidebar-menu .menu-a:hover{background-color:#fff;color:#ff6000}
.part-sidebar .sidebar-menu .menu-a.active{background-color:#000;color:#fff}
.part-sidebar .has-submenu{border-radius: 8px;text-align:center;display: block;font-style:inherit;font-size: 18px;font-weight: 600;line-height: 20px;padding: 11px 20px 11px 15px;color: #3a3a3a;white-space: nowrap;background-color: #fff;cursor: pointer;position: relative;}
.part-sidebar i.sn-btn{font-style: normal;text-align: center}
.part-sidebar .menu{margin: 0;padding: 0}
.part-sidebar .menu-item{display: block}
.part-sidebar .sidebar-menu .menu-a{display: block;font-size: 14px;padding: 11px 20px 11px 15px;position: relative;color: #5a5a5a;border-radius: 8px;}
.part-cats-loop{margin:0}
.part-cats-loop .c-title .l strong{font-size: 20px}
.part-cats-loop .c-loop{display: grid;grid-template-columns: repeat(6, 1fr);margin-right: -10px;margin-left: -10px}
.part-cats-loop .c-loop .part-item-website{padding:10px;-webkit-transition: all .2s;-o-transition: all .2s;-moz-transition: all .2s;transition: all .2s;}
.part-cats-loop .c-loop .part-item-website a.f-box{background: #fff;display:block;border-radius:6px;overflow: hidden;padding:12px 15px;}
.part-cats-loop .c-loop .part-item-website a.f-box:hover{box-shadow: 0 0 5px #dad9d9}
.part-cats-loop .c-loop .part-item-website:hover{margin-top: -5px;margin-bottom:5px;-webkit-transition: all .2s;-o-transition: all .2s;-moz-transition: all .2s;transition: all .2s;}
.part-cats-loop .c-loop .part-item-website a.f-box .item-title{display: flex;flex-wrap: nowrap;margin-bottom: 0}
.part-cats-loop .item-ico{width: 32px;overflow: hidden;margin-right: 10px;}
.part-cats-loop .item-ico img{object-fit: cover;width: 100%;aspect-ratio: 1 / 1;border-radius:50%;overflow:hidden}
.part-cats-loop .c-loop .part-item-website a.f-box .title{font-size: 14px}
/******内容开始*******/



@media (min-width:1660px){
    .part-sidebar{width:150px}

}
@media (min-width:1330px){
    .post-item .item-title .title{font-size:12px;line-height:21px}
}




@media (min-width:1000px){

    .part-sidebar{display:block}
    .part-main{padding-top:30px}
}
@media (min-width:750px){
    .part-sidebar .sidebar-menu-scrollbar{position:absolute;left:0;top:0;bottom:0;display:none}
    .part-sidebar .sidebar-menu-scrollbar .block{-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;transition:all .2s;display:block;position:absolute;left:0;width:4px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#DDE3E8;cursor:pointer}
    .part-sidebar .sidebar-menu-scrollbar .block:hover{background-color:#cbd4dc}
    .part-sidebar .sidebar-menu-wrap:hover .sidebar-menu-scrollbar.show{display:block}

    .post-item .item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    .part-cat-block .c-content{margin-bottom:15px}
    .part-cat-block-book .c-content{background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
}


@media (max-width:749.5px){

    .post-item{width:100%}
    .post-item .f-box{padding-left:0;padding-right:125px;position:relative;min-height:74px}
    .post-item .item-thumb{position:absolute;right:0;top:0;width:115px}
    .post-item .item-title{height:69px}
    .post-item .item-title .title{font-weight:normal}
    .part-cats-loop{padding:0}
    .part-cat-block{background-color:#fff;padding:15px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
    .part-cat-block .c-title{padding-bottom:10px;position:relative;margin-bottom:15px}
    .part-cat-block .c-title:after{content:'';display:block;height:1px;background-color:#F1F4F9;position:absolute;left:-15px;right:-15px;bottom:0}
    .part-cat-block .c-title .l{white-space:nowrap;overflow-y:hidden;overflow-x:auto}
    .part-cat-block .c-title .l::-webkit-scrollbar{display:none}
    .part-cat-block .c-title .l strong{font-size:16px}
    .part-cat-block .c-title span.j-title{margin:0}
    .part-cat-block .c-title .sub-title{font-size:12px;margin-left:5px}
    .part-cat-block .c-title .btn-slide{margin-left:10px;margin-top:4px;line-height:20px;padding:0 6px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
    .part-cat-block .c-title .btn-slide .si{height:20px}
    .part-cat-block .c-title-mob-no-r .l{width:100%;position:relative}
    .part-cat-block .c-title-mob-no-r .btn-slide{position:absolute;right:0;bottom:0}
    .part-cat-block .c-title-mob-no-r .r{display:none}
    .part-cat-block-color{background-color:transparent;padding:0 10px 15px;margin:0;overflow:hidden}
    .part-cat-block-color .c-loop{margin-left:-7px;margin-right:-7px}
    .part-cat-block-color .c-title{margin-bottom:15px;padding-bottom:0;display:none}
    .part-cat-block-font{background-color:transparent;padding:0 0 15px;margin:0;overflow:hidden}
    .part-cat-block-font .c-loop{margin-left:-7px;margin-right:-7px}
    .part-cat-block-font .c-title{margin-bottom:15px;padding-bottom:0}
}
/**内容结束**/


.news-items-l,
.news-items-r,
.news-items-c{border-radius: 12px}
.news-items-l,
.news-items-r {flex: 1.2;}
.news-items-c {overflow: hidden;flex: 2.2;height: 100%}
.news-items .items:nth-child(1){margin-top: 0}
.news-items .items {background: #ffffff;padding:13px 10px;margin-top: 10px;box-shadow: 0 5px 18px rgba(0, 0, 0, 0.03);transition: all 0.25s ease;border: 1px solid #eef2f8;border-radius: 8px}
.items:hover {border-color: #cbdde9;box-shadow: 0 12px 22px -12px rgba(0, 0, 0, 0.12);}

.sidebar-placeholder{position:absolute}
.t-head {display: flex;justify-content: space-between;align-items: center;padding: 2px 10px;}
.title {font-size: 16px;font-weight: 600;display: flex;align-items: center;gap: 8px;letter-spacing: -0.2px;}
.icon {display: inline-block;border-radius: 8px;position: relative;}
.icon.icon-1-bang::after {content: "鈿�";position: absolute;font-size: 12px;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;}
.t-head a {font-size: 12px;text-decoration: none;font-weight: 500;color: #f18722;padding: 5px 12px;border-radius: 40px;transition: 0.2s;position: relative;}
.t-head a:before{content: ">";position: absolute;right: 3px}
.t-head a:hover {color: #e0782b;}
.items-id {margin-bottom:0;list-style: none;padding:0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.5;max-height: 3em;display:flex;flex-wrap:wrap}
.items-id li {font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:24px}
.items-id li a {text-decoration: none;color: #000;font-weight: 500;display: block;transition: 0.2s;position: relative;padding-left:10px;font-size:12px;color:#636363}
.items-id li a::before {content: "";position: absolute;left: 0;color: #f18722;font-size: 14px;transition: transform 0.2s;}
.items-id li a:hover {color: #f18722;transform: translateX(5px);}
.items-id li a:hover::before {transform: translateX(2px);color: #f0a34b;}
.carousel {width: 100%;overflow: hidden;transition: all 0.3s;height: 100%}
.carousel-view {position: relative;width: 100%;aspect-ratio: 16 / 9;overflow: hidden;}
.news-card .card-item{background: #fff;margin-bottom: 30px;border-radius: 10px}
.news-card .card-item h2{font-size:18px;font-weight: 600;border-bottom: 1px solid #dbd8d8;line-height: 2;padding:15px 20px;margin: 0 5px}
.news-card .card-item a{display: flex;padding:20px 25px}
.news-card .card-item .thumb-card{width: 40%;aspect-ratio: 6 / 4;overflow: hidden}
.news-card .card-item .thumb-card img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px}
.news-card .card-item .text{width: 60%}
.news-card .card-item .text h3{font-size:18px;font-weight:600;line-height:1.8;}
.news-card .card-item .text p{font-size:14px;margin-top: 20px;line-height: 1.8}
.news-card .card-item .text .update-time{font-size: 12px;background: rgba(241, 139, 28, 0.67);color: #f3efef;line-height: 2;display: inline;padding: 3px 5px;border-radius: 3px}
.news-card .card-item .text h3,.news-card .card-item .text p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow: ellipsis;}



.logo{width:100%;max-width: 240px}

/* ========= Tab 鏍� ========= */
.engine-tabs {display: flex;flex-wrap: wrap;gap: 8px;margin-bottom:10px;padding: 6px;}
.tab-btn {flex: 1;background:#fff;font-size: 15px;display: flex;align-items: center;justify-content: center;gap: 8px;cursor: pointer;transition: all 0.2s ease;font-family: inherit;}
.tab-btn .tab-icon {font-size: 18px;}
.tab-btn{border:0}
.tab-btn:hover {background: rgba(255, 255, 255, 0.7);color: #0f2b3d;}
.tab-btn span{padding-bottom: 3px}
.tab-btn.active span{border-bottom: 2px solid #000;}
.tab-btn.active {background: white;color:#3f3f3f;font-weight: 600;}
.search-area {position: relative;border-radius:30px;display: flex;border:1px solid #868484;align-items: center;background: #ffffff;box-shadow: 0 6px 14px -6px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.02);transition: box-shadow 0.2s;}
.engine-badge {background: #f08b1c;padding: 6px 12px;margin-left: 12px;font-size: 13px;font-weight: 500;color: #fff;display: flex;align-items: center;gap: 6px;white-space: nowrap;}
.engine-badge span {font-size: 16px;}
.search-input {flex: 1;border: none;outline: none;padding: 16px 12px;font-size: 16px;background: transparent;color: #0f172a;font-weight: 450;min-width: 0;}
.search-input::placeholder {font-size: 16px;color: #9aaec9;font-weight: 400;transition: color 0.2s;}
.search-btn {border: none;background: #f08b1c;width: 150px;color:#fff;height: 44px;display: flex;align-items: center;justify-content: center;cursor: pointer;margin-right: 5px;transition: all 0.2s ease;flex-shrink: 0;font-size: 20px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.search-btn:hover {background: #f08b1c;transform: scale(0.96);}
.search-btn:active {transform: scale(0.94);}
.info-note {text-align: center;margin-top: 32px;font-size: 12px;color: #5f7397;background: #f8fafd;padding: 8px 18px;border-radius: 40px;display: inline-block;width: auto;}
.footer-wrap {display: flex;justify-content: center;margin-top: 24px;}
@media (max-width: 600px) {

    .tab-btn {padding: 8px 4px;}
    .tab-btn .tab-icon {font-size: 16px; /* 淇濇寔鍍忕礌 */}
    .engine-badge {display: none;}
    .search-input {padding: 12px 8px;}
    .search-input, .search-input::placeholder {font-size: 15px;}
    .search-btn {width: 44px;height: 44px;font-size: 18px;margin-right: 8px;}
    h1 {font-size: 24px;}
    .sub {font-size: 12px;}
    .tab-btn {font-size: 13px;}
    .info-note {font-size: 11px;}
}
@media (min-width: 1001px) {
    .h-item .h-title {
        display: none!important;
    }
}

/*******************************/


.head-search .row{align-items: end;justify-content: center}
.search-container {
    backdrop-filter: blur(2px);

    width: 100%;
    max-width: 760px;
    transition: all 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.03);
}

/* 谷歌风格徽标区域 */
.logo-area {
    text-align: center;
    margin-bottom: 15px;
}
.google-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 2.3rem;
    font-weight: 500;
    letter-spacing: -0.5px;
}
.sub {
    font-size: 0.8rem;
    color: #5f6368;
    margin-top: 6px;
    font-weight: 400;
}
.new-window-badge {
    display: inline-block;
    background: #e8f0fe;
    color: #1967d2;
    font-size: 0.65rem;
    border-radius: 20px;
    padding: 2px 10px;
    margin-left: 10px;
    vertical-align: middle;
    font-weight: 500;
}
.search-wrapper {
    width: 100%;
}
.inner-button-input {
    position: relative;
    width: 100%;
    border-radius: 56px;
    background: #ffffff;
    transition: all 0.2s ease;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.02);
}
/* 当内部输入框聚焦时，外层高亮谷歌蓝 */
.inner-button-input:focus-within {
    box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.3), 0 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 56px;
}
.search-input-inner {
    width: 100%;
    height: 50px;
    padding: 0 150px 0 56px;   /* 右侧留出按钮区域 (按钮宽约130~140px) */
    font-size: 1.05rem;
    font-weight: 400;
    background-color: #ffffff;
    border: 1px solid #dfe1e5;
    border-radius: 56px;
    outline: none;
    color: #202124;
    font-family: inherit;
    transition: border 0.2s, box-shadow 0.2s;
}
.search-input-inner:focus {
    border-color: #4285f4;
    box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.2);
}
.search-input-inner::placeholder {
    color: #9aa0a6;
    font-weight: 400;
    font-size: 0.95rem;
}

/* 左侧搜索图标 (放大镜) */
.search-icon-svg {
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    pointer-events: none;
    fill: #9aa0a6;
    transition: fill 0.2s;
    z-index: 2;
}

/* 右侧内嵌按钮容器 (谷歌搜索按钮) */
.inner-google-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    border: none;
    border-radius: 48px;
    padding: 8px 20px;
    font-size: 0.9rem;
    font-weight: 500;
    color: white;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    font-family: inherit;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    letter-spacing: 0.3px;
    white-space: nowrap;
    z-index: 2;
}
.inner-google-btn:hover {
    background: #2b6ed7;
    transform: translateY(-50%) scale(1.02);
    box-shadow: 0 4px 10px rgba(66, 133, 244, 0.35);
}
.inner-google-btn:active {
    transform: translateY(-50%) scale(0.98);
}
/* 按钮内搜索小图标 */
.btn-icon {
    font-size: 1rem;
    font-weight: 400;
}

/* 清除按钮 (X) 位于放大镜和右侧按钮之间 */
.clear-btn {
    position: absolute;
    right: 140px;      /* 刚好在内嵌按钮左侧，留出间隔 */
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5f6368;
    font-size: 18px;
    font-weight: 500;
    transition: background 0.2s;
    padding: 0;
    opacity: 0.7;
    z-index: 2;
}
.clear-btn:hover {
    background: #f1f3f4;
    opacity: 1;
}
.clear-btn.hidden {
    display: none;
}





.part-sidebar{left:auto;margin-left:-180px}
@media (min-width:750px){.part-footer-copyright .links a{margin:0 10px}}
.part-footer-top{background-color:#f18b1c;font-size:14px;color:#fff;display:none;position:relative;z-index:10}

@media (max-width:1600px){
    .item-ls .item-text p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow: ellipsis;}
    .hhb_index .c-content{grid-template-columns: repeat(5, 1fr);display: grid}
}
@media (max-width:1400px){
    .part-cats-loop .c-loop{grid-template-columns: repeat(5, 1fr);}
    .list-article .article.article .col-md-3{display: none}
    article.article{padding-bottom:30px}
    article.article .content{padding:50px;}
    article.article .ads{padding:20px;}
    article.article .ads h3{font-size: 18px;}
    article.article .ads p,article.article .ads .btn-danger{font-size:13px}
}

@media (max-width:1200px){
    .part-sidebar{display: none}
    .part-main .main{margin: 0}
    .part-cats-loop .c-loop{grid-template-columns: repeat(4, 1fr);}
    article.article .ads h3{font-size: 18px;}
    .item-ls .item-img a{aspect-ratio: 4 / 3;}
    article.article .ads img,article.article .ads .btn-danger{width: 100%;}
    .item-ls .item-text h3{font-size: 15px;line-height:1.8}

}
@media (max-width:992px){
    .part-main{margin-top: 30px}
    .part-main .main{margin: 0}
    .news-items-r{display: block}
    .news-items-l{display: none}
    .navbar{padding: 13px!important;}
    .news-card .card-item a{display:block}
    .news-card .card-item .thumb-card{width: 100%!important;}
    .news-card .card-item .thumb-card img{aspect-ratio: 16 / 9;}
    .news-card .card-item .text{margin-top: 15px;width: 100%}
    .news-card .card-item .text h3{font-size: 17px}
    .hhb_index .c-content{grid-template-columns: repeat(3, 1fr);display: grid}
    article.article{padding-bottom:20px}
    .flex{display: flow}
    .item-text{margin-top: 15px}
    article.article .content{padding:50px 15px;}
    article.article .content{padding:50px;}
    article.article .ads h3{font-size: 16px;}
    article.article .ads .btn-danger{font-size:12px}
    article.article .ads img,article.article .ads .btn-danger{width: 100%;}
}
@media (max-width:768px){
    .head-search .container>.row{align-items: center}
    .head-search .search-container{margin-top: 20px}
    .part-main .main{margin: 0}
    .order-1{order:unset!important}
    .part-cats-loop .c-loop{display: grid;grid-template-columns: repeat(3, 1fr);margin-right: -10px;margin-left: -10px}
    .flex{display: flow;padding-left:15px;padding-right:15px}

    .navlist{margin:0 10px}
    article.article{padding-bottom:10px}
    article.article .content{padding:50px 15px;}
    article.article .article-header{margin-top: 40px}
    article.article .article-header h1{font-size: 22px}
}
@media (max-width:576px){
    .flex{display: flow}
    .logo{margin: 0 auto}
    .head-search .container>.row>div>.logo img{align-items: center;display: inline;max-width:220px}
    .part-cat-block.part-cat-block-website{margin-bottom: 20px}
    .part-cats-loop .c-loop{grid-template-columns: repeat(2, 1fr);}
    .news-items.main-wrap{margin: 20px 0 0 0}
    .part-cats-loop .c-loop .part-item-website{padding: 0}
    .item-ls .item-img{margin-right:0}
}