first commit
This commit is contained in:
@@ -0,0 +1,419 @@
|
||||
/*------------全局样式------------*/
|
||||
.topbody{
|
||||
width:100%;height:30px;
|
||||
background:#1D71B7;
|
||||
font-size:12px;color:#FFF
|
||||
}
|
||||
.topbody li a{font-size:13px;color:#FFF;
|
||||
}
|
||||
.footbody{
|
||||
width: 100%;height:60px;
|
||||
background:#1D71B7;
|
||||
font-size:12px;color:#FFF;
|
||||
}
|
||||
.banner{width:100%;height:100px;background-image:url(../images/banner.png);overflow:hidden;
|
||||
}/*网站头部banner样式*/
|
||||
.bigtitle{width: 100%;height:45px;
|
||||
}
|
||||
.bigtitle li{padding:10px 10px 10px 10px;font-size:16px;color:#FFF;
|
||||
}
|
||||
.bigtitle li a{font-size:16px;color:#FFF;
|
||||
}
|
||||
*{margin:0; padding:0; list-style:none; }
|
||||
body{ background:#fff; font:normal 12px/22px 宋体; }
|
||||
img{ border:0; }
|
||||
a{ text-decoration:none; color:#333; }
|
||||
a:hover{ color:#1974A1; }
|
||||
|
||||
/*------------搜索样式------------*/
|
||||
.search {
|
||||
float: right;
|
||||
|
||||
}
|
||||
.search input {
|
||||
border-radius: 4px;
|
||||
border: 1px solid #1D71B7;
|
||||
}
|
||||
.search input:hover {
|
||||
border-radius: 4px;
|
||||
border: 1px solid #CCC;
|
||||
}
|
||||
.search #SearchT {
|
||||
width:100px;height:20px;
|
||||
|
||||
}
|
||||
.search #SearchDo {
|
||||
margin-left: 0px;
|
||||
|
||||
}
|
||||
|
||||
/*------------单列样式------------*/
|
||||
.singlelist{width:294px;height:245px;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.singlelist ul{ width:294px; overflow:hidden;;
|
||||
}
|
||||
.singlelist ul li{width:284px;overflow:hidden;height:40px;line-height:40px;display:block;margin-left:10px;
|
||||
}
|
||||
.singlelist ul li .date{float:right;color:#999;font-size:12px;margin-right:10px;
|
||||
}
|
||||
/*------------主题焦点图样式------------*/
|
||||
.themebox{ width:988px; height:65px; overflow:hidden; position:relative; border:1px solid #ddd; margin-left:10px; }
|
||||
.themebox .wd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
|
||||
.themebox .wd ul{ overflow:hidden; zoom:1; float:left; }
|
||||
.themebox .wd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
|
||||
.themebox .wd ul li.on{ background:#f00; color:#fff; }
|
||||
.themebox .nd{ position:relative; height:100%; z-index:0; }
|
||||
.themebox .nd li{ zoom:1; vertical-align:middle; }
|
||||
.themebox .nd img{ width:988px; height:65px; display:block; }
|
||||
|
||||
/* 下面是前/后按钮代码，如果不需要删除即可 */
|
||||
.themebox .prev,
|
||||
.themebox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
|
||||
.themebox .next{ left:auto; right:3%; background-position:8px 5px; }
|
||||
.themebox .prev:hover,
|
||||
.themebox .next:hover{ filter:alpha(opacity=100);opacity:1; }
|
||||
.themebox .prevStop{ display:none; }
|
||||
.themebox .nextStop{ display:none; }
|
||||
|
||||
/*------------虎山资讯焦点图样式------------*/
|
||||
.slideBox{ width:410px; height:280px; overflow:hidden; position:relative; border:1px solid #ddd;}
|
||||
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
|
||||
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
|
||||
.slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
|
||||
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
|
||||
.slideBox .bd{ position:relative; height:100%; z-index:0; }
|
||||
.slideBox .bd li{ zoom:1; vertical-align:middle; }
|
||||
.slideBox .bd img{ width:410px; height:280px; display:block; }
|
||||
|
||||
/* 下面是前/后按钮代码，如果不需要删除即可 */
|
||||
.slideBox .prev,
|
||||
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
|
||||
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
|
||||
.slideBox .prev:hover,
|
||||
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
|
||||
.slideBox .prevStop{ display:none; }
|
||||
.slideBox .nextStop{ display:none; }
|
||||
|
||||
/*------------滚动通知样式------------*/
|
||||
|
||||
|
||||
.txtMarquee-top{ width:267px; overflow:hidden; position:relative; border:1px solid #ccc; float:right;}
|
||||
.txtMarquee-top .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
|
||||
.txtMarquee-top .hd .prev,.txtMarquee-top .hd .next{ display:block; width:9px; height:5px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
||||
cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
|
||||
.txtMarquee-top .hd .next{ background-position:0 -140px; }
|
||||
.txtMarquee-top .hd .prevStop{ background-position:-60px -100px; }
|
||||
.txtMarquee-top .hd .nextStop{ background-position:-60px -140px; }
|
||||
.txtMarquee-top .bd{ padding:15px; }
|
||||
.txtMarquee-top .infoList li{ height:40px; line-height:40px; width:274px; overflow:hidden;font-size:13px; }
|
||||
.txtMarquee-top .infoList li .date{ float:right; color:#999; }
|
||||
|
||||
/*------------选项卡样式------------*/
|
||||
|
||||
|
||||
|
||||
|
||||
/* 本例子css */
|
||||
.slideTxtBox{ width:712px; border:1px solid #ddd; text-align:left;height:226px; }
|
||||
.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px; border-bottom:1px solid #ddd; position:relative; }
|
||||
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; }
|
||||
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;}
|
||||
.slideTxtBox .hd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
|
||||
.slideTxtBox .bd ul{ padding:15px; zoom:1; }
|
||||
.slideTxtBox .bd li{ height:40px; line-height:40px; width:340px; float:left; overflow:hidden; text-indent: 10px; }
|
||||
.slideTxtBox .bd li .date{ float:right; color:#999; font-size:12px; }
|
||||
|
||||
/* 下面是前/后按钮代码，如果不需要删除即可 */
|
||||
.slideTxtBox .arrow{ position:absolute; right:10px; top:0; }
|
||||
.slideTxtBox .arrow a{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
||||
cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
|
||||
.slideTxtBox .arrow .next{ background-position:0 -50px; }
|
||||
.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
|
||||
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }
|
||||
/*------------用稿统计表样式------------*/
|
||||
.statistics {
|
||||
width: 267px;
|
||||
height: auto;
|
||||
float:right;
|
||||
border:1px solid #ccc;
|
||||
}
|
||||
|
||||
.statistics h3 {
|
||||
background-color: #F4F4F4;
|
||||
display: block;
|
||||
height: 10px;
|
||||
width: 267px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
line-height: 10px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.statistics .s_row {
|
||||
font-size: 12px;
|
||||
border-bottom: 1px solid #656565;
|
||||
background-color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
padding: 0px 0;
|
||||
}
|
||||
|
||||
.statistics .s_row span {
|
||||
display: inline-block;
|
||||
width: 66px;
|
||||
padding: 0px;
|
||||
text-align: left;
|
||||
text-indent: 10px;
|
||||
}
|
||||
|
||||
.statistics ul li.s_row:nth-child(2n) {
|
||||
background-color: #F9F9F9;
|
||||
}
|
||||
/*------------1/3tab样式------------*/
|
||||
.littletabbox{ width:320px; border:1px solid #ddd; text-align:left;height:365px; overflow:hidden; }
|
||||
.littletabbox .upd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px; border-bottom:1px solid #ddd; position:relative; }
|
||||
.littletabbox .upd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; }
|
||||
.littletabbox .upd ul li{ float:left; padding:0 15px; cursor:pointer;}
|
||||
.littletabbox .upd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
|
||||
.littletabbox .downd ul{ padding:8px; zoom:1;overflow:hidden;height:365px;}
|
||||
.littletabbox .downd li{ height:40px; line-height:40px; width:300px; float:left; overflow:hidden; text-indent: 5px; }
|
||||
.littletabbox .downd li .date{ float:right; color:#999; font-size:12px; }
|
||||
|
||||
/* 下面是前/后按钮代码，如果不需要删除即可 */
|
||||
.littletabbox .arrow{ position:absolute; right:10px; top:0; }
|
||||
.littletabbox .arrow a{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
||||
cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
|
||||
.littletabbox .arrow .next{ background-position:0 -50px; }
|
||||
.littletabbox .arrow .prevStop{ background-position:-60px 0; }
|
||||
.littletabbox .arrow .nextStop{ background-position:-60px -50px; }
|
||||
/*------------滚动图样式------------*/
|
||||
.picMarquee-left{ width:712px; overflow:hidden; position:relative; border:1px solid #ccc; }
|
||||
.picMarquee-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
|
||||
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
||||
cursor:pointer; background:url("../images/arrow.png") no-repeat;}
|
||||
.picMarquee-left .hd .next{ background-position:0 -50px; }
|
||||
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
|
||||
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
|
||||
.picMarquee-left .bd{ padding:10px; }
|
||||
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
|
||||
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
|
||||
.picMarquee-left .bd ul li .pic{ text-align:center; }
|
||||
.picMarquee-left .bd ul li .pic img{ width:170px; height:185px; display:block; padding:2px; border:1px solid #ccc; }
|
||||
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; }
|
||||
.picMarquee-left .bd ul li .title{ line-height:24px; }
|
||||
|
||||
/*------------框样式------------*/
|
||||
|
||||
.box {
|
||||
width: 267px;
|
||||
height: auto;
|
||||
float:right;
|
||||
border:1px solid #ccc;
|
||||
}
|
||||
|
||||
.box h3 {
|
||||
background-color: #F4F4F4;
|
||||
display: block;
|
||||
height: 10px;
|
||||
width: 267px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
line-height: 10px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.box .h3 ul li{width:88;overflow:hidden; float:left;
|
||||
}
|
||||
|
||||
/*------------slider链接框样式------------*/
|
||||
/* css 重置 */
|
||||
|
||||
/* 本例子css */
|
||||
.sideMenu{ border:1px solid #ddd;width:267px; float:right; height:490; }
|
||||
.sideMenu h3{ height:16px; line-height:16px; padding-left:10px; border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;
|
||||
font:normal 14px/12px "Microsoft YaHei";
|
||||
}
|
||||
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px; background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
|
||||
.sideMenu h3.on em{ background-position:16px -57px; }
|
||||
.sideMenu ul{ padding:8px 25px; color:#999; display:none; font-size:14px;height:280; overflow:hidden;/* 默认都隐藏 */ }
|
||||
|
||||
/*------------虎山资讯图片新闻轮播样式------------*/
|
||||
|
||||
/*图片新闻轮播*/
|
||||
.slidenews {
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 410px;
|
||||
height: 280px;
|
||||
margin-bottom: 5px;
|
||||
overflow: hidden;
|
||||
font-family: Arial;
|
||||
text-align: left;
|
||||
background: #fff;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
.slidenews .pic img {
|
||||
width: 410px;
|
||||
height: 245px;
|
||||
display: block;
|
||||
}
|
||||
.slidenews .txt-bg {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
height: 36px;
|
||||
width: 100%;
|
||||
background: #333;
|
||||
filter: alpha(opacity=40);
|
||||
opacity: 0.4;
|
||||
overflow: hidden;
|
||||
}
|
||||
.slidenews .txt {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
height: 40px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.slidenews .txt li {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
position: absolute;
|
||||
bottom: -50px;
|
||||
}
|
||||
.slidenews .txt li a {
|
||||
display: block;
|
||||
color: white;
|
||||
padding: 0 0 0 10px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
.slidenews .num {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
bottom: 7px;
|
||||
right: 8px;
|
||||
}
|
||||
.slidenews .num li {
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 15px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
margin-right: 1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.slidenews .num li a, .slidenews .num li span {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
color: white;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
.slidenews .num li span {
|
||||
z-index: 1;
|
||||
background: black;
|
||||
filter: alpha(opacity=50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
.slidenews .num li.on a, .slidenews .num a:hover {
|
||||
background: #006FB9;
|
||||
}
|
||||
/*------------虎山社区焦点图样式------------*/
|
||||
.shequslidenews {
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 410px;
|
||||
height: 280px;
|
||||
margin-bottom: 5px;
|
||||
overflow: hidden;
|
||||
font-family: Arial;
|
||||
text-align: left;
|
||||
background: #fff;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
.shequslidenews .shequpic img {
|
||||
width: 410px;
|
||||
height: 245px;
|
||||
display: block;
|
||||
}
|
||||
.shequslidenews .shequtxt-bg {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
height: 36px;
|
||||
width: 100%;
|
||||
background: #333;
|
||||
filter: alpha(opacity=40);
|
||||
opacity: 0.4;
|
||||
overflow: hidden;
|
||||
}
|
||||
.shequslidenews .shequtxt {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
height: 40px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.shequslidenews .shequtxt li {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
position: absolute;
|
||||
bottom: -50px;
|
||||
}
|
||||
.shequslidenews .shequtxt li a {
|
||||
display: block;
|
||||
color: white;
|
||||
padding: 0 0 0 10px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
.shequslidenews .numb {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
bottom: 7px;
|
||||
right: 8px;
|
||||
}
|
||||
.shequslidenews .numb li {
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 15px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
margin-right: 1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.shequslidenews .numb li a, .shequslidenews .numb li span {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
color: white;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
.shequslidenews .numb li span {
|
||||
z-index: 1;
|
||||
background: black;
|
||||
filter: alpha(opacity=50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
.shequslidenews .numb li.on a, .shequslidenews .numb a:hover {
|
||||
background: #006FB9;
|
||||
}
|
||||
Reference in New Issue
Block a user