* {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px}
html {border: 0px;height: 100%; /* if not set the value, body height will not work*/}
body {font-size: 12px; min-width: 1100px;min-height: 100%; background:#f5f5f5; font-family:"苹方","pingfang","\82f9\65b9","微软雅黑","microsoft yahei",'xingothic-sinaweibo',helvetica,arial,sans-serif; height: auto; text-align:center;}
a:link {color: #333333; text-decoration: none}
a:visited {color: #333333; text-decoration: none}
a:hover {color: #ff0000; text-decoration: underline}
a:active {color: #333333; text-decoration: none}
/* #hf_head */
#hf_head {margin:0px auto;width:1100px;padding-right:0px;background:#f5f5f5;height:auto}
#hf_head .top {width:1100px;height:80px;padding:1px 0px;background:#f5f5f5;}
#hf_head .top h1 {width:266px;height:79px;float:left;padding-top:0px;}
#hf_head .top h1 a {display:block;text-indent:-9999px;width:266px;height:79px;background:url(../images/logo.png);overflow:hidden;}
#hf_head .top .ad2 {float:right;width:660px;line-height:79px;height:79px;text-align:right;}
/* menu */
#hf_head .menu {width: 1100px; line-height: 37px; margin-bottom:10px; height: 67px}
#hf_head .menu .father_menu {background:#39ac73;margin-bottom:0px;height:37px;-moz-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;border-top-right-radius:5px;border-top-left-radius:5px;overflow:hidden;}
#hf_head .menu .father_menu li{height:37px;line-height:37px; font-size:13px;cursor:pointer;float:left;position:relative;overflow:hidden;}
#hf_head .menu .father_menu li a{padding:0 20px;color:#fff;line-height:36px}
a.menu:hover{display:inline-block;color:#fff;background:#319563;line-height:36px}
a.nav_hover{display:inline-block;padding:0 20px;color:#fff;background:#1d8fd5}
#hf_head .menu .child_menu {background:#fff;color:#999;height:30px;line-height:30px;padding-left:10px;border:1px solid #ddd;-moz-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
#hf_head .menu .child_menu li{float:left;display:inline;text-align:left;}
#hf_head .menu .child_menu li a{color:#3d7ba3;display:block;}
#hf_head .menu .child_menu .path_left{float:left; text-align:left;}
#hf_head .menu .child_menu .path_right {float:right;text-align:left;padding-right:10px;}
#hf_head .menu .child_menu .path_right a{padding-left:12px;}
#hf_head .menu #div_li{float:left;display:inline;background:url(../images/div_li.png) no-repeat center;width:2px;height:37px;}
#hf_head .menu .child_menu .path_left a{padding:0 4px;/* padding:0 2px; _padding:0; padding:0 \0/ie9;*/}
#hf_head .menu .child_menu .path_left a {padding: 0 2px;}
#hf_head .bar_nav {width:990px;border:1px solid #7aadc8;background:url(../images/channelbg.gif);}
#hf_head .bar_nav h3 {height:18px;line-height:18px;font-weight:normal;font-size:12px;text-align:left;padding:3px 2px 2px 6px;overflow:hidden;}
#hf_head .ad {border-right:#7aadc8 1px solid;border-top:#7aadc8 1px solid;margin-top:3px;border-left:#7aadc8 1px solid;width:990px;border-bottom:#7aadc8 1px solid;height:60px}
#hf_head .ad .s {float:left;width:480px;height:60px}
#hf_head .newsbar {clear:both;margin-top:2px;width:990px;height:22px;}
#hf_head .newsbar .newsbar_content {padding-left:6px;padding-top:5px;text-align:left}
.channel {clear:both;background:url(../images/15.gif);width:990px;margin-top:2px;border-top:#7aadc8 1px solid;border-right:#7aadc8 1px solid;border-bottom:#7aadc8 1px solid;border-left:#7aadc8 1px solid;text-align:left;height:2000px;}
.channel h1 {font-size:12px;background:#e9f3ff;width:990px;color:#005681;text-align:center;text-indent:5px;line-height:24px;height:24px}
.channel ul {width:948px;padding:6px 6px 6px 6px;list-style:none}
.channel ul li {width:200px;float:left;border-bottom:#ccc 1px dotted;line-height:25px;}
.day {padding:6px 10px;border-bottom:0px dashed #ccc;line-height:25px;color:#000000;text-align:left;}
.label {font-size:10.998px;font-weight:bold;line-height:14px;color:#ffffff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#999999;padding:1px 4px 2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#hf_head .tx_web {width:1100px;height:auto;}
#hf_head .tx_web .tx_webr {float:right;margin-top:2px;text-align:left;width:300px;border:#7aadc8 1px solid;height:auto}
#hf_head .tx_web .tx_webr .l {margin-top:2px;text-align:left;padding-bottom:5px;width:290px;height:auto;}
#hf_head .tx_web .tx_webr .l li {margin:0px 5px;overflow:hidden;width:290px;line-height:25px;height:25px}
#hf_head .tx_web .tx_webr .lt {margin-top:2px;text-align:left;padding-bottom:5px;width:290px;height:auto;}
#hf_head .tx_web .tx_webr .lt li {margin:0px 5px;overflow:hidden;width:290px;line-height:20px;height:20px}
#hf_head .tx_web .tx_webl {float:left;backgroud:#ffffff;width:650px;height:auto}
.news_list {width:650px;margin-top:2px;border:#7aadc8 1px solid;height:auto;}
.news_list_content {background:#fff;height:auto;}
.top_news {margin-top:2px;width:650px;height:auto;}
.top_news .top_news_1 {clear:both;width:650px;height:auto;text-align:left;overflow:hidden;}
.top_news .top_news_1 ul {width:650px;padding:2px 0px 2px 10px;list-style:none;overflow:hidden;}
.top_news .top_news_1 ul li {width:210px;float:left;line-height:20px;overflow:hidden;}
.video {width:650px;height:auto;}
.video .video_1 {clear:both;width:650px;height:auto;text-align:left;overflow:hidden;}
.video .video_banner {background:url('../images/menu_bg1.gif') repeat-x 0px 0px;border-top:1px solid #7aadc8;border-bottom:1px solid #aaccee;height:28px;line-height:25px;padding-left:10px;}
.video .video_banner ul {float:left;text-align:center;font:12px tahoma,sans-serif;}
.video .video_banner ul li {display:inline;font-size:12px;padding-right:10px;padding-left:10px;line-height:26px}
.video h2 {color:#005681;font-size:12px;font-weight:bold;float:left;}
.video .video_1_left {width:300px;padding:6px 0px 6px 10px;float:left;overflow:hidden;}
.video .video_1_left li {width:300px;text-align:left;line-height:20px;overflow:hidden;}
.video .video_1_right {width:300px;padding:6px 0px 6px 10px;float:right;overflow:hidden;}
.video .video_1_right li {width:300px;text-align:left;line-height:20px;overflow:hidden;}
.live_list {width:990px;margin-bottom:10px;height:auto;}
.live_list .live_title {background:#ffffff;height:28px;border-bottom:2px solid #39ac73;line-height:28px;padding-left:0px;}
.live_list .live_title h2 {color:#ffffff;width:110px;background:#39ac73;font-size:13px;font-weight:bold;padding-left:10px;float:left;}
.live_list .live_list_content {background:#fff;padding-left:6px;margin-top:0;border:#d3d3d3 1px solid;border-top:#d3d3d3 1px solid;line-height:auto;}
#hf_head .tx_web table td a.s0 {color:#000000;text-decoration:none}
td {text-indent:3px;text-align:left;}
td.off {background:#ffffff;line-height:30px;border-bottom:0px dotted #ccc;clear:both;overflow:hidden;text-indent:0.5em;}
td.on {background:#ffffff;line-height:30px;border-bottom:0px dotted #ccc;clear:both;overflow:hidden;text-indent:0.5em;}
#hf_head .tx_web .tx_webl .v_list {margin:0px auto;overflow:hidden;width:650px;zoom:1}
#hf_head .tx_web .tx_webl .v_list .v_list_top {width:650px;padding-left:5px;float:left;text-align:left;height:20px;font-size:12px;border:1px solid #7aadc8;padding-top:4px;background:#fff url('../images/guide_mid.png') repeat-x;zoom:1}
#hf_head .tx_web .tx_webl .v_list .l {margin-top:2px;text-align:left;padding-bottom:5px;width:645px;height:auto;}
#hf_head .tx_web .tx_webl .v_list .l li {padding-left:8px;font-weight:bold;overflow:hidden;font-size:17px;width:640px;line-height:40px;height:40px;border-bottom:1px dashed #ccc;}
#adcon0 .newslist {padding-right:10px;border-top:#7aadc8 1px solid;padding-left:10px;background:url(../images/bg.png) repeat-y;padding-bottom:4px;margin:0px 0px 5px;padding-top:4px;}
.newslist dl dt.topic {float:left;font-weight:bold;font-size:14px;margin:6px 0px;overflow:hidden;line-height:30px;}
#hf_head .channel {clear:both;width:990px;margin-top:2px;border-top:#7aadc8 1px solid;border-right:#7aadc8 1px solid;border-bottom:#7aadc8 1px solid;background:#f4f4f4;border-left:#7aadc8 1px solid;text-align:left;height:900px;}
#hf_head .channel h1 {font-size:12px;background:#e9f3ff;width:990px;color:#005681;text-align:center;text-indent:5px;line-height:24px;height:24px}
#hf_head .channel ul {width:948px;padding:6px 6px 6px 6px;list-style:none}
#hf_head .channel ul li {width:200px;float:left;border-bottom:#ccc 1px dotted;line-height:25px;}
#hf_head .dibu {text-align:left;}
.player {margin:0px auto;width:990px;margin-top:2px;border-top:#7aadc8 1px solid;border-right:#7aadc8 1px solid;border-bottom:#7aadc8 1px solid;border-left:#7aadc8 1px solid;height:auto}
.player .main_sp {clear:both;width:643px;padding:6px 6px 6px 10px;float:left;}
.player .content_sp {font-size:14px;width:643px;line-height:30px;text-align:left;margin:0 0 0px 0;border-bottom:#7aadc8 1px solid;}
.player .content_sp a:link {color:#0000ff;text-decoration:none}
.player .content_sp a:visited {color:#0000ff;text-decoration:none}
.player .content_sp a:hover {color:#c2130e;text-decoration:underline}
.player .content_sp a:active {color:#c2130e;text-decoration:none}
.player .content_sp .channel_title h1 {padding-right:0px;padding-left:0px;padding-bottom:6px;color:#eb0600;border-bottom:#7aadc8 1px solid;padding-top:10px;}
.player .down_1 {font-size:14px;padding:6px 6px 6px 6px;line-height:30px;}
.player .clear {height:25px;}
.player .box {float:left;width:300px;height:auto;}
.player .box h3 {font-size:12px;background:#fff8e6;width:300px;color:#07519a;text-indent:5px;line-height:24px;border-bottom:#ccc 1px dotted;height:24px}
.player .box ul li {margin:0px 5px;overflow:hidden;width:290px;line-height:25px;border-bottom:#ccc 1px dotted;height:25px}
.player .dibu {text-align:left;}
.livetit td {font-size:14px;background:#e4e4f2;line-height:26px;height:26px;text-align:center}
.liveguide {background:url(../images/tvguide.gif) no-repeat center center}
.huigu {background-color:#ffffff;padding:6px;text-align:left;width:260px;margin-top:2px;line-height:28px;}
.hr {border-bottom:1px dashed #ccc;width:630px;height:1px;}
.webr_daohang {background:url('../images/menu_bg1.gif') repeat-x 0px 0px;border-bottom:solid 1px #aaccee;border-top:solid 1px #7aadc8;height:28px;line-height:25px;padding-left:10px;}
.webr_daohang1 {color:#005681;font-size:12px;font-weight:bold;float:left;}
.webr_daohang2 {float:right;margin-right:8px;}
/*右边结束*//*------ //总中间结束---------*//*友情链接(文字)专用开始*/.flink {width:990px;border:1px solid #7aadc8;margin:2px auto 2px auto;height:auto;overflow:hidden;}
.flink li {padding:0 5px;float:left;height:20px;height:20px;}
.flink .headactions {float:right;line-height:1em;padding:10px 10px 0 0;}
.flink .titlefoot {height:30px;line-height:30px;background:url(../images/bg.gif) repeat-x;padding-left:5px;font-weight:bold;font-size:12px;text-indent:5px;width:990px;margin:0 auto;text-align:left;}
.f5 {width:100%;overflow:hidden;clear:both;padding-bottom:10px;}
.f5 li {float:left;line-height:14px;padding:8px 10px 0px;white-space:nowrap;}
.f5 li a {color:#666666;float:left;}
.urls {padding:10px;}
.urls a {width:auto;margin-right:10px;line-height:22px;}
/*友情链接(文字)专用结束*/.copyright {width:990px;text-align:center;margin:12px auto;line-height:20px;clear:both;}
.copyright p {text-align:center;line-height:20px;}
.copyright p span {padding:0 6px;}
.copyright h1 {font-size:12px;text-align:center;color:gray;}
/*友情链接(文字)专用结束*/#gotop {background:url(../images/gotop.gif) no-repeat;}
#gotop {position:fixed;bottom:10%;width:24px;height:32px;}
#gotop a {display:block;width:224px;height:232px;}
#zblist {width:1100px;margin:0 auto; float:left;}
.list {width:1100px;margin:0 auto;border-radius:5px;border:1px solid #ddd;background:#fff;margin-bottom:6px;padding-bottom:12px;}
#zblist .list {width:100%;}
#zblist .c_cat  .list {width:auto;}
#zblist .videoindex {margin:10px;padding:8px;width:46.1%;float:left;}
#zblist .videoindex .guidon1 {overflow:hidden;width:340px;padding-right:0;}
#zblist .videoindex .time {font-size:18px;margin:0px;line-height:45px;}
#video_ss li {width:50%;float:left;clear:none;}
#zblist #video_ss .time {font-size:18px;margin:0px;line-height:45px;}
#zblist #video_ss .guidon1 {overflow:hidden;width:340px;padding-right:0;}
#zblist .zbleft li{ list-style:none; overflow:hidden;}
.zbleft {width:1100px;float:left;}
.list .gotop {float:right;margin-right:10px;margin-top:6px;}
.fixcc1 {background:#990099;}
.fixcc2 {background:#2dabb5;}
.fixcc3 {background:#f47a00;}
.fixcc4 {background:#52b041;}
.fixcc5 {background:#3081ff;}
.flink {line-height:22px;padding:8px;}
.flink a {padding-right:3px;}
.fixcc6 {background:#4b5a6b;}
#list_d0 h3,#list_d1 h3,#list_d2 h3,#list_d3 h3,#list_d4 h3,#list_d5 h3,#list_d6 h3,.fixcc0 {background:#39ac73;}
.fx_tbox {position:fixed;top:50%;left:48%;margin-left:-638px;_position:absolute;overflow:hidden;background-color:#225378;}
.fx_tbox ul li {width:82px;height:40px;line-height:36px;text-align:center;overflow:hidden;list-style:none;}
.fx_tbox ul li a {color:#c4dcee;}
.fx_tbox ul li:hover {background-color:#0066ac;}
.list p {margin:20px 50px;}
.list ul {margin:0;}
.list .named_anchor {color:#ffffff;}
.list h3 {color:#ffffff;font-size:14px; text-align:left;padding-left:10px;margin:0;height:32px;line-height:32px;border-top-left-radius:5px;border-top-right-radius:5px;position:relative;}
.list h3 a {color:#ffffff;}
.list li {clear:both;height:auto;position:relative;border-bottom:1px dashed #ccc;overflow:hidden;}
.list li:hover {background:#f0f0f0;}
.list .b40 {font-size:14px;font-weight:bold;color:rgb(51,102,153);}
.list #zb_news ul {margin:0px;}
.list .time {margin:0px 0px;width:70px;text-align:center;font-family:"苹方","pingfang","\82f9\65b9","微软雅黑","microsoft yahei",'xingothic-sinaweibo',helvetica,arial,sans-serif;font-size:14px;}
.list .timeleague {width:70px;margin:15px 10px 0px 0px;float:left;}
.list .guidon1 {padding-right:2px;height:46px; width:340px; text-align:left;line-height:46px;}
.guidon1 img {vertical-align:middle;}
.list .guidon span {display:block;margin:0px 0px;width:80px;font-size:12px;color:#333366;}
.list h3 span {float:right;margin-right:10px;margin-top:0px;display:block;font-size:14px;line-height:32px;}
.list h3 #searchhtml {min-width:270px;}
.list .watch_channels {margin-left:10px;float:left;margin-top:-2px; width:640px;}
.list .watch_channel {font-size:16px;text-decoration:underline;margin:0px 10px;}
.list .channel span {margin:0px 0px;width:160px;font-size:12px;}
.list img {}
.list .lm {width:0px;height:0px;display:block;overflow:hidden;}
.list .lm a {color:#069;}
.float {float:left;}
.clear {clear:both;overflow:hidden;}
.list h3 .c_btm span {float:none;margin-right:0px;margin-top:0px;display:inline;font-size:12px;line-height:30px;}
.c_btm {border-radius:5px;height:auto;overflow:hidden;position:relative;background:#e8f3fd;border:solid 1px #dddddd;}
.list h3 .c_btm .c_all {float:left;width:70px;height:30px;line-height:30px;font-size:12px;text-align:center;color:#000000;}
.c_cat span {font-size:12px;line-height:30px;color:#000000;cursor:pointer;font-weight:normal;}
.c_btm .c_cls {width:70px;height:30px;display:block;line-height:30px;font-size:12px;text-align:center;float:right;cursor:pointer;color:#000000;}
.c_cat .list {position:relative;width:auto;height:auto;overflow:hidden;background:#e8f3fd;border:solid 1px #d4d4d4;padding:0px;}
.c_cat .list .items {position:relative;width:160px;height:328px;float:left;overflow:hidden;}
.c_cat .list .items span {width:52px;height:30px;display:block;line-height:30px;font-size:12px;text-align:center;color:#000000;margin-right:0px;float:left;}
.c_first {border-right:solid 1px #dddddd;}
.c_cat .list .items .i_first {font-weight:900;float:none;margin:0 auto;}
.c_cat .list .items span:hover {background:#33abe8;color:#ffffff;}
.skcss，.gotop,.gotop img {cursor:pointer;}
.xhlist a {min-width:50px;float:left;display:block;line-height:22px;margin-right:8px;color:#069;}
.scorelink {float:right;margin:10px 8px 0px 0px;}
.c_cat {position:absolute;top:0px;right:50px;height:auto;text-align:center;font-size:12px;line-height:32px;height:32px;}
.c_cat .c_nav a.current {color:rgb(65,132,243);background:rgb(255,255,255);}
.c_cat .c_nav a {display:table-cell;width:55px;text-align:center;color:inherit;border-right:none;}
.list {float:left;width:780px;margin:0 auto;-moz-box-shadow:0 1px 5px 0px #ddd;-webkit-box-shadow:0 1px 5px 0px #ddd;box-shadow:0 1px 5px 0px #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #ddd;background:#fff;margin-bottom:10px;padding-bottom:3px;}
.list li {clear:both;height:46px;position:relative;border-bottom:1px dashed #ccc;overflow:hidden;}
.list li:hover {background:#f0f0f0;}
.list #zb_news2 li,.list #zb_news3 li {background:none;height:22px;line-height:22px;margin-bottom:6px;overflow:hidden;font-size:12px;}
.list #zb_news2 li b,.list #zb_news3 b {font-size:14px;}
.list .b40 {font-size:14px;font-weight:bold;color:rgb(51,102,153);}
.list #zb_news ul {margin:0px;}
#zb_news {padding:12px 12px 12px 0px;height:190px;}
#zb_news2 {float:left;width:370px;margin-left:2px;}
#zb_news3 {float:left;width:370px;overflow:hidden;margin-left:10px;}
#zb_news2 em {float:right;}
.list #zb_news2 .tb,.list #zb_news3 .tb {margin-top:0;padding-left:0px;line-height:32px;border:none;}
.list #zb_news2 .tb .a,.list #zb_news3 .tb .a {border:1px solid #39ac73;background:#39ac73;-moz-box-shadow:inset 0 -3px 0px 0px #2a5d8f;-webkit-box-shadow:inset 0 -3px 0px 0px rgb(56,169,113);box-shadow:inset 0 -3px 0px 0px rgb(56,169,113);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.list #zb_news2 .tb li:hover,.list #zb_news3 .tb li:hover {background:#39ac73;}
.list #zb_news2 .tb li:hover a,.list #zb_news3 .tb li:hover a {color:white;}
.list #zb_news2 .tb li,.list #zb_news3 .tb li {border:1px solid rgb(221,221,221);background:rgb(246,246,246);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;float:left;clear:none;margin-left:6px;background:rgb(246,246,246);}
.list #zb_news2 .tb .a a,.list #zb_news3 .tb .a a {color:white;font-weight:700;}
.list #zb_news2.tb li,.list #zb_news2 .tb li a,.list #zb_news3.tb li,.list #zb_news3 .tb li a {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-top:none;background:transparent none;}
.list #zb_news2 .tb a,.list #zb_news3 .tb a {border:none;}
.list .tb ul {margin:0;}
.tb .a a,.tb .current a {border-bottom-color:white;background:white;font-weight:700;}
.tb a {display:block;padding:0 10px;border:1px solid rgb(205,205,205);background:rgb(246,246,246);}
.hide {display:none;}
#tab-content {padding-left:10px;}
#tab-content1 {padding-left:10px;}
.leixing {margin-right:6px;}
.zb_news2 a {padding-right:20px;}
.zb_news3 a {padding-right:20px;}
.footer {width:1080px;line-height:23px;-moz-box-shadow:0 1px 5px 0px #ddd;-webkit-box-shadow:0 1px 5px 0px #ddd;box-shadow:0 1px 5px 0px #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #ddd;text-align:left;height:auto;overflow:hidden;margin-bottom:20px;padding:10px 10px;background:#ffffff !important;}
.footer .links {font-size:12px;margin-left:10px;}
.footer .copyright {font-size:12px;margin-left:10px;}
.video-list li{ margin-left:5px; height:30px; line-height:30px;background:none; margin-top:0; padding:0;}
.video-list li a{ margin-left:5px;}
.backtotop{display:none;width:24px;line-height:1.2;padding:5px 0;background-color:#39ac73;color:#fff;font-size:14px;text-align:center;position:fixed;_position:absolute;right:0;bottom:0;_bottom:"auto";cursor:pointer;opacity:.6;filter:alpha(opacity=60);z-index:1;}
/* ===== 顶部导航 ===== */
.head {
 
    position: sticky;
    top: 0;
    z-index: 999;
}

.head .top {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
}

/* ===== Logo ===== */
.head h1 {
    margin: 0;
    padding: 0;
    flex-shrink: 0;
}

.head h1 a {
    display: block;
}

.head h1 img {
    height: 34px;
    width: auto;
    display: block;
}

/* ===== 搜索栏 ===== */
.search-box {
    display: flex;
    align-items: center;
 
    border-radius: 18px;
    padding: 0 14px;
    flex: 1;
    max-width: 360px;
    margin: 0 16px;
    border: 1px solid #ffffff;
}

.search-box input {
    background: transparent;
    border: none;
    outline: none;
    color: #c8d0dc;
    font-size: 13px;
    padding: 6px 0;
    flex: 1;
}

.search-box input::placeholder {
    color: #5a6a7a;
    font-size: 12px;
}

.search-box .search-icon {
    color: #5a6a7a;
    font-size: 14px;
    cursor: pointer;
    padding: 4px;
}

.search-box .search-icon:hover {
    color: #e74c3c;
}

.search-box .ai-tag {
    color: #e74c3c;
    font-size: 12px;
    font-weight: 600;
    padding-left: 10px;
    border-left: 1px solid #3a4555;
    margin-left: 6px;
}

/* ===== 右侧导航 ===== */
.nav-right {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.nav-right a {
    color: #c8d0dc;
    text-decoration: none;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 4px;
    transition: all 0.3s;
}

.nav-right a:hover {
    background: rgba(255,255,255,0.08);
    color: #fff;
}

/* ===== 登录按钮 ===== */
.nav-right .login-btn {
    background: #e74c3c;
    color: #fff;
    padding: 5px 16px;
    border-radius: 16px;
    font-weight: 500;
}

.nav-right .login-btn:hover {
    background: #c0392b;
    color: #fff;
}

/* ===== 安装电脑版 ===== */
.nav-right .install-btn {
    border: 1px solid #e74c3c;
    color: #e74c3c;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 12px;
}

.nav-right .install-btn:hover {
    background: #e74c3c;
    color: #fff;
}