/* k380独立头部样式 - 完全避免冲突 */
.k380-header { width: 100%; background: #fff; border-bottom: 1px solid #e0e0e0; }
.k380-nav { margin-bottom: 0; background-color: #fff; border: none; display: flex; align-items: center; justify-content: space-between; }
.k380-container { width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.k380-brand { display: flex; align-items: center; }
.k380-brand img { height: 50px; }
.k380-toggle { display: none; padding: 9px 10px; background: none; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; margin-left: auto; }
.k380-toggle:focus { outline: none; }
.k380-toggle .k380-icon-bar { display: block; width: 22px; height: 2px; background: #333; margin: 4px 0; border-radius: 1px; }
.k380-collapse { display: flex; align-items: center; }
.k380-nav-tabs { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.k380-nav-tabs > li { position: relative; }
.k380-nav-tabs > li > a { display: flex; align-items: center; line-height: 60px; padding: 0 23px; color: #333; font-size: 14px; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.k380-nav-tabs > li > a:hover,
.k380-nav-tabs > li.active > a,
.k380-nav-tabs > li.open > a { color: #fff; background-color: #ff4939; }
.k380-nav-tabs li ul.k380-dropdown { display: none; position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid #e0e0e0; min-width: 180px; padding: 0; margin: 0; list-style: none; z-index: 1000; }
.k380-nav-tabs li:hover ul.k380-dropdown { display: block; }
.k380-nav-tabs li ul.k380-dropdown li a { display: block; padding: 10px 20px; color: #333; font-size: 14px; border-bottom: 1px solid #f5f5f5; }
.k380-nav-tabs li ul.k380-dropdown li a:hover { color: #fff; background-color: #ff4939; }

/* footer - 66.html风格 */
.k380-copyrights { width: 100%; padding-top: 20px; }
.k380-copy { line-height: 45px; background: #000; text-align: center; color: #999; }
.k380-copy a { color: #999; }
.k380-copy a:hover { color: #fff; }

/* backtop */
.k380-backtop { position: fixed; right: 20px; bottom: 20px; width: 50px; height: 50px; background: #ff4939; border-radius: 3px; text-align: center; line-height: 50px; color: #fff; cursor: pointer; z-index: 9999; display: block; }
.k380-backtop:hover { background: #3a9fd4; color: #fff; text-decoration: none; }

/* 响应式 */
@media (max-width: 1024px) {
    .k380-container { width: 96%; }
    .k380-nav-tabs > li > a { padding: 0 15px; }
}
@media (max-width: 768px) {
    .k380-container { width: 100%; flex-wrap: wrap; }
    .k380-toggle { display: block; }
    .k380-collapse { display: none; width: 100%; }
    .k380-collapse.k380-open { display: flex; }
    .k380-nav-tabs { flex-direction: column; width: 100%; }
    .k380-nav-tabs > li { width: 100%; }
    .k380-nav-tabs > li > a { line-height: 40px; padding: 10px 15px; border-bottom: 1px solid #f5f5f5; }
    .k380-nav-tabs li ul.k380-dropdown { position: static; border: none; }
    .k380-nav-tabs li ul.k380-dropdown li a { padding-left: 30px; }
    .k380-copy { padding: 15px 0; }
}