@CHARSET "gb2312"; #index-seach{ height: 100px; border-top: 1px #DDD solid; border-bottom: 1px #DDD solid; margin: 0px 0px 5px 0px; } #index-seach .forms { width: auto; padding-top: 25px; padding-bottom: 15px; position: relative; } #index-seach .input_out { border-radius: 4px 0 0 4px; width: 50%; height: 26px; color: #666; padding: 4px; border-width: 2px 0 2px 2px; border-color: #f60; border-style: solid; outline: 0; font-family: "microsoft yahei"; } #index-slide{ margin: 0px; } /*九游(中国)右侧内容区h2设置*/ .content-right .right_b_u{ position:relative; height:42px; background:url(/images/probg_01.png) repeat-y center; background-size: 100% 100%; } .content-right .right_b_u .right_b_h{ position:static; left:25px; top:15px; font-size:14px; font-weight:700; color:#f60; font-family:微软雅黑,Arial;} .content-right .right_b_c{ background:url(/images/probg_03.png) repeat-y center; background-size: 100% 100%; min-height:320px; padding:0px 15px;} .content-right .right_b_c .c_left,#content .right_b_c .c_right{ text-align:left; width:100%; } .content-right .right_b_c .right_b_c_h1,.content-right .right_b_c .right_b_c_h2{ color:#015EAC; font-size:14px; font-weight:bold; text-align:left; padding-top:15px; margin-bottom:5px; padding-left:15px; } .content-right .right_b_c .right_b_c_h1{ } .content-right .right_b_c .right_b_c_h2{ } .content-right .right_b_c .right_b_c_t{ position:static; top: 32px; width: 100%; } .content-right .right_b_c ul,.content-right .right_b_c_s ul{ margin:0px; padding:0px 15px; text-align:left; } .content-right .right_b_c ul li{ display:inline-block; width:15%; padding:5px; } @media (min-width: 992px){ .content-right .right_b_c ul li{ width:134px; } } .content-right .Vote{ margin:0; text-align:center; background:#FDFFFD; width:100%; } .content-right .Vote .content{ position:relative; margin:0 auto; text-align:left;} .content-right .Vote .content .VoteTable{ margin:0; padding:5px; border:1px solid #1e2c5c;} .content-right .Vote .content .VoteTable ul{ text-align:left; } .content-right .Vote .content .VoteTable li{ display:inline-block; width:140px; padding:2px; text-align:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .content-right .right_b_c .right_b_c_t li a{} .content-right .right_b_c_s{ background:url(/images/probg_03.png) repeat-y center; background-size: 100% 100%; padding:0px 15px;} .content-right .right_b_c_s ul li{ display:inline-block; width:144px; padding:5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .content-right .right_b_d{ height:15px; background:url(/images/probg_05.png) repeat-y center; background-size: 100% 100%; margin-bottom:1px;} /*九游(中国)选项卡样式*/ ul,li{list-style-type:none;margin:0;padding:0;} p{margin:0;padding:0;} .sec_idx_tabs{background:#eee;border-top:1px solid #aaa;margin:10px auto;overflow:hidden;_zoom:1;} .inner_section{margin:10px;} .inner_section .ul-tabs-nav{background:#f7b74d;height:35px;padding:3px 0 0;} .inner_section .ul-tabs-nav li{cursor:pointer;color:#05a;display:inline;float:left;font-size:14px;font-family:微软雅黑,宋体,Arial;height:25px;line-height:25px;margin-left:3px;padding:5px 15px;} .inner_section .ul-tabs-nav li.current{background:#fff;color:#f60;height:26px;} /*内容区域*/ .inner_section .ul_con_panel{background:#fff;clear:both;padding:10px 5px 5px;min-height:280px;_height:280px;} .ul_con_panel .tag_more{line-height:25px;margin-top:10px;padding-right:25px;text-align:right;} /* 调整代理品牌部分样式 */ .inner_section #section0 ul { display: flex; /* 使用 Flex 布局 */ flex-wrap: wrap; /* 自动换行 */ gap: 10px; /* 项目之间的间距 */ justify-content: space-between; /* 平均分布项目 */ padding-bottom: 8px; } .inner_section #section0 ul li { background: #fff; border: 1px solid #eee; border-bottom: 1px solid #aaa; display: flex; flex-direction: column; /* 垂直排列内容 */ align-items: center; /* 居中对齐 */ justify-content: center; text-align: center; width: calc(20% - 10px); /* 每行显示 5 个项目,计算宽度 */ margin: 10px 0 0 0; /* 上下间距调整 */ height: auto; /* 自动适应内容高度 */ } .inner_section #section0 ul li img { border: 0; display: block; margin: 0 auto; max-width: 100%; /* 限制图片宽度 */ height: auto; padding: 2px 2px 0; } .inner_section #section0 ul li .pname { height: 20px; line-height: 20px; margin-top: 2px; text-align: center; overflow: hidden; text-overflow: ellipsis; } .inner_section #section0 ul li .pname a { color: #666; } .inner_section #section0 ul li .pname a:hover { color: #f60; text-decoration: underline; } @media (max-width: 768px) { .inner_section #section0 ul li { width: calc(50% - 10px); /* 每排显示 2 个 */ } } @media (max-width: 480px) { .inner_section #section0 ul li { width: calc(100% - 10px); /* 每排显示 1 个 */ } } /* 选项卡二三 CSS:调整为两排布局 */ .inner_section .ul_con_panel ul.ul_news { display: flex; /* 使用 Flex 布局 */ flex-wrap: wrap; /* 允许换行,形成多排布局 */ gap: 10px; /* 项目之间的间距 */ padding-bottom: 6px; } .inner_section .ul_con_panel ul.ul_news li { background: url(/images/jiantou.gif) no-repeat 3px center #fafafa; height: 24px; line-height: 24px; margin: 0; /* 移除不必要的外边距 */ padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(50% - 10px); /* 每行显示两项,动态计算宽度 */ box-sizing: border-box; /* 包括内边距和边框 */ } /* 链接样式保持不变 */ .inner_section .ul_con_panel ul.ul_news li a { color: #666; } .inner_section .ul_con_panel ul.ul_news li a:hover { color: #f60; text-decoration: underline; } @media (max-width: 768px){ .content-right .right_b_c ul,.content-right .right_b_c_s ul{ padding: 0px; } .inner_section #section0 ul li{ width: 99%; margin-left: 0px; } .inner_section .ul_con_panel ul.ul_news li{ width: 94%; margin-left: 0px; } } /* 基础样式重置,确保一致的浏览器表现 */ ul { margin: 0; padding: 0; list-style: none; } /* 导航链接的样式优化 */ .ul-tabs-nav { display: flex; } .ul-tabs-nav li { flex: 1; /* 让每个导航项平均分配宽度 */ text-align: center; cursor: pointer; transition: background-color 0.3s ease; /* 平滑过渡效果 */ } .ul-tabs-nav li:hover { background-color: #f0f0f0; /* 鼠标悬停时的背景颜色 */ } .ul-tabs-nav li.current { font-weight: bold; /* 当前激活项的样式 */ } /* 内容列表项的触摸优化 */ .ul-tabs-nav li a, .ul_news li a, .pname a { display: block; /* 确保链接覆盖整个容器 */ padding: 3px 16px; /* 增加点击区域 */ text-decoration: none; color: inherit; } .ul_news li { margin-bottom: 10px; /* 间距调整,避免紧密排列 */ } /* “更多”链接样式 */ .tag_more a { display: inline-block; padding: 8px 16px; background-color: #f0f0f0; color: red; text-decoration: none; border-radius: 4px; transition: background-color 0.3s ease; } .tag_more a:hover { background-color: #ddd; /* 鼠标悬停时的背景颜色变化 */ }