/* 基础重置样式 */
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
/* 全局样式 */
html{height:100%}
body{height:100%;font-family:Arial,Helvetica,"Microsoft Yahei";font-size:14px;color:#333}
a{text-decoration:none;color:#333}
a:hover{color:#1670c6}
img{vertical-align:middle}
button,input,select,textarea{font-family:Tahoma,Arial, Helvetica,"微软雅黑";font-size:inherit;line-height:inherit}
.wrapper{position:relative;min-height:100%;background:#f8f8f8}
.inner{width:1000px;margin:0 auto}
.header{margin-bottom:20px}
.container .inner{position:relative}
/* 清除浮动 */
.inner:before,.inner:after{content:"";display:table}
.inner:after{clear:both;overflow:hidden}
/* 头部样式 */
.mod-head .bd{background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.15);position:relative}
.mod-head .bd .logo{float:left;width:200px;height:80px;line-height:80px;text-align:center;font-size:24px;font-weight:bold;color:#d4237a}
.mod-head .ft{background:#1670c6;overflow:hidden}
.mod-head .ft ul{float:left;border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(255,255,255,0.1)}
.mod-head .ft ul li{float:left;height:40px;border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(0,0,0,0.1);line-height:40px}
.mod-head .ft ul li.active a{background:rgba(0,0,0,0.1);color:#fff}
.mod-head .ft ul li.home a{padding:0 15px}
.mod-head .ft ul a{display:inline-block;padding:0 30px;text-align:center;font-size:16px;color:#fff;color:rgba(255,255,255,0.9)}
/* 面包屑导航 */
.breadcrumb{background:#fff;padding:10px 15px;margin-bottom:20px;font-size:12px;color:#999;box-shadow:0 0 2px rgba(0,0,0,0.15)}
.breadcrumb a{color:#999;margin:0 5px}
.breadcrumb a:hover{color:#1670c6}
.breadcrumb .current{color:#333;font-weight:bold}
/* 主要内容区域 */
.main-content{overflow:hidden}
.content-main{width:100%}
/* 模块通用样式 */
.module{position:relative;background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.15);margin-bottom:20px}
.module .hd{height:48px;line-height:48px;padding:0 15px;border-bottom:2px solid #ebebeb;position:relative}
.module .hd h1{font-weight:700;font-size:18px;cursor:default}
.module .hd h1 span{display:inline-block;padding:0 20px 0 10px;border-bottom:2px solid #1670c6}
.module .hd h2{font-weight:700;font-size:18px;cursor:default}
.module .hd h2 span{display:inline-block;padding:0 20px 0 10px;border-bottom:2px solid #1670c6}
.module .bd{padding:20px 15px}
/* 专题标签云 */
.special-cloud{
line-height:1.8;
text-align:justify;
}
.special-tag{
display:inline-block;
margin:4px 6px 4px 0;
padding:8px 15px;
background:#fff;
border:1px solid #e0e0e0;
border-radius:20px;
color:#333;
font-size:14px;
text-decoration:none;
transition:all 0.3s ease;
position:relative;
overflow:hidden;
}
.special-tag:before{
content:'';
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(90deg, transparent, rgba(22,112,198,0.1), transparent);
transition:left 0.5s ease;
}
.special-tag:hover:before{
left:100%;
}
.special-tag:hover{
border-color:#1670c6;
color:#1670c6;
text-decoration:none;
transform:translateY(-2px);
box-shadow:0 4px 12px rgba(22,112,198,0.2);
}
/* 热门专题标签 */
.special-tag.hot{
background:linear-gradient(135deg, #ff6b6b, #ff8e8e);
color:#fff;
border:none;
font-weight:bold;
}
.special-tag.hot:hover{
background:linear-gradient(135deg, #ff5252, #ff7979);
color:#fff;
transform:translateY(-3px) scale(1.05);
}
/* 新专题标签 */
.special-tag.new{
background:linear-gradient(135deg, #26de81, #20bf6b);
color:#fff;
border:none;
font-weight:bold;
}
.special-tag.new:hover{
background:linear-gradient(135deg, #00d2ff, #3a7bd5);
color:#fff;
transform:translateY(-3px) scale(1.05);
}
/* 推荐专题标签 */
.special-tag.recommend{
background:linear-gradient(135deg, #a55eea, #8854d0);
color:#fff;
border:none;
font-weight:bold;
}
.special-tag.recommend:hover{
background:linear-gradient(135deg, #fd79a8, #fdcb6e);
color:#fff;
transform:translateY(-3px) scale(1.05);
}
/* 大号专题标签 */
.special-tag.large{
font-size:16px;
padding:10px 18px;
font-weight:bold;
}
/* 中号专题标签 */
.special-tag.medium{
font-size:15px;
padding:9px 16px;
}
/* 底部样式 */
.mod-foot .bd{padding:20px 0 10px}
.mod-foot .bd p{line-height:24px;text-align:center;font-size:12px;color:#999}
.mod-foot .bd span,.mod-foot .bd a{margin:0 15px}
.mod-foot .bd a{color:#999}
.mod-foot .bd a:hover{color:#1670c6}
/* 返回顶部 */
.mod-sidebar{position:fixed;right:25px;bottom:25px;width:60px;height:60px;background:#1670c6;border:1px solid #1670c6;line-height:60px;text-align:center;border-radius:50%;color:#fff;font-size:12px;cursor:pointer;transition:all 0.3s ease}
.mod-sidebar:hover{background:#0d5aa7}
/* 响应式设计 */
@media screen and (max-width: 800px){
.inner{width:auto;padding:0 10px}
.header{position:fixed;left:0;top:0;z-index:99;width:100%;margin-bottom:10px}
.container{padding-top:100px}
.mod-head .bd .logo{width:auto;height:50px;line-height:50px;font-size:18px}
.mod-head .ft{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mod-head .ft ul{
border:none;
white-space:nowrap;
overflow:visible;
display:flex;
min-width:max-content;
}
.mod-head .ft ul li{
float:none;
display:inline-block;
border:none;
height:36px;
line-height:36px;
flex-shrink:0;
}
.mod-head .ft ul a{padding:0 15px;font-size:14px}
.special-tag{
margin:3px 4px 3px 0;
padding:6px 12px;
font-size:13px;
}
.special-tag.large{
font-size:14px;
padding:8px 15px;
}
.special-tag.medium{
font-size:13px;
padding:7px 14px;
}
.mod-sidebar{right:15px;bottom:15px;width:45px;height:45px;line-height:45px;font-size:10px}
}