*{ margin:0; padding: 0; } img{ border: 0; } ul li{ list-style: none; } .header{ width: 100%; height: 25px; background-color: black; } .main{ width: 1200px; margin: 0 auto; } /*顶部大图收缩*/ #top{ width: 100%; position: relative; overflow: hidden; } #top .picB{ width: 100%; float: left; } #top .close{ width: 4%; position: absolute; right: 0; bottom: 0; cursor: pointer; z-index: 2; } #top .picS{ width: 100%; float: left; display: none; } /*右上角撕页*/ #pageflip { right: 0px; float: right; position: relative; top: 0px } #pageflip img { z-index: 99; right: 0px; width: 50px; position: absolute; top: 0px; height: 52px; ms-interpolation-mode: bicubic } #pageflip .msg_block { right: 0px; background: url(../images/subscribe.png) no-repeat right top; overflow: hidden; width: 50px; position: absolute; top: 0px; height: 50px } /*右下角广告*/ .indexPicBox { width: 338px; height: 142px; position: fixed; right: 0; bottom: 0; z-index: 1000; } .hotPic { width: 338px; height: 142px; position: relative; overflow: hidden; } .hotPic .num { position: absolute; right: 0; bottom: 0; z-index: 10; width: 300px; padding-right: 8px; height: 30px; text-align: right; } .hotPic .num span { width: 16px; height: 16px; display: inline-block; line-height: 16px; font-size: 12px; text-align: center; margin: 5px 2px 0; cursor: pointer; border:1px solid #fff; border-radius: 16px; color: #fff; } .hotPic .num span.cur { background: #ddd; color: #fff; } .hotPic .pic { position: relative; z-index: 5; } .hotPic .pic li { position: absolute; top:0; left:0; display: none; } .hotPic .pic li img { width: 338px; height: 142px; /* display: block;*/ } .hotPic .close_{ width: 12px; height: 12px; position: absolute; top:3px; right: 3px; z-index: 10001; } /*漂浮广告*/ .floatingAd .ad { z-index: 100; background: none; position: absolute; display: none; } .floatingAd a { color: #000000; display: inline-block; text-decoration: none; } .floatingAd a img { border: 0; } .floatingAd .close { display: none; } .floatingAd .opacity { position: absolute; top: 0; width: 100%; height: 12px; background-color: #000000; opacity: 0.20; filter: alpha(opacity 20); } .opacity1 { opacity: 0.90; filter: alpha(opacity 90); } .floatingAd .text { position: absolute; top: 0; width: 100%; height: 12px; color: #fff; line-height: 12px; font-family: microsoft yahei; text-align: center; } .floatingAd .text .button { position: relative; float: right; top: 5px; right: 5px; width: 16px; height: 16px; background: url("../images/close2.png") no-repeat; cursor: pointer; } .floatingAd .text .title { position: relative; float: left; font-size: 12px; margin-left: 5px; } /*对联*/ #couplet{position:relative;} #couplet .item{ display: block; width:171px; height: 612px; } #couplet .left { position: absolute; top:0px; left:10px; z-index:100; } #couplet .right{ position: absolute; top:0px; right:10px; z-index:100; } #couplet img { width:120px;} #couplet .couplet_close{ display: block; width: 50px; height: 23px; position: absolute; top: 0px; right: 30px; z-index: 100; cursor: pointer; font-family:Microsoft yahei; font-size:12px; line-height:23px; } /*底部满屏*/ .bottom_mask{ width:100%; height: 0px; background: url(../images/bg.png) repeat; position: fixed; left:0; bottom: 0; z-index: 100; } .bottom_mask .mask_content{ width: 900px; height: 170px; margin: 0 auto; position: relative; } .bottom_mask .close{ width: 37px; height: 37px; background: url(../images/close3.png); cursor: pointer; float: right; margin-top: 5px; margin-right: 5px; } .bottom_mask .mask_pic{ float: left; } /*固定右侧*/ .right_fixed{ width: 39px; height: 500px; position: fixed; top:50%; right: 0; margin-top: -250px; } .right_fixed .fixed_sPic{ width: 39px; height: 202px; position: absolute; top:150px; left: 0; } .right_fixed .fixed_sPic .show{ display: block; width: 39px; height: 202px; background: url(../images/6.png) 0 0 no-repeat; } .right_fixed .fixed_sPic .hide{ display: none; width: 39px; height: 202px; background: url(../images/6.png) -40px 0 no-repeat; } .right_fixed .fixed_content a{ display: none; width: 0; height: 500px; background: url(../images/7.jpg); position: absolute; top:0; right: 0; }