www.gusucode.com > 金融基金黄金投资类网站织梦模板源码(demo127) > 金融基金黄金投资类网站织梦模板源码(demo127)/www7/skin/css/list.css
/* AB模版网 做最好的织梦整站模板下载网站 */ /* 网址:Www.AdminBuy.Cn */ /* QQ:9490489 */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } .container { width: 100%; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; line-height: 0; content: ""; } .container:after { clear: both; } .main { width: 1100px; } .main { margin-right: auto; margin-left: auto; *zoom: 1; } .main:before, .main:after { display: table; line-height: 0; content: ""; } .main:after { clear: both; } .container-banner { text-align: center; max-width: 1920px; min-width: 1100px; _max-width: 1920px; _min-width: 1100px; width: 100%; height: 243px; background-image: url("../images/list_ico04.jpg"); background-position: center; background-repeat: no-repeat; } .container-banner1 { text-align: center; max-width: 1920px; min-width: 1100px; _max-width: 1920px; _min-width: 1100px; width: 100%; height: 243px; background-image: url("../images/list_ico05.jpg"); background-position: center; background-repeat: no-repeat; } .container-banner2 { text-align: center; max-width: 1920px; min-width: 1100px; _max-width: 1920px; _min-width: 1100px; width: 100%; height: 245px; background-image: url("../images/news-banner.jpg"); background-position: center; background-repeat: no-repeat; } .main-content { margin-top: 25px; margin-bottom: 0px; } .side-wrap { float: left; width: 238px; } .content-wrap { float: right; width: 748px; border: 1px solid #d1d1d1; padding: 0px 25px 50px; margin-bottom:20px; } .side-hd { height: 60px; background-color: #0179B6; color: #fff; margin-bottom:20px; _margin-bottom:10px; } .side-hd-top, .side-hd-bottom { display: block; text-align: center; color: #fff; } .side-hd-top { padding-top: 10px; font-size: 25px; } .side-hd-bottom { font-size: 20px; } .side-bd { margin-top: 3px; border: 1px solid #e3e3e3; border-top: none; } .side-bd a { display: block; text-align: center; height: 58px; line-height: 58px; border-top: 1px solid #d1d1d1; font-size: 20px; position: relative; } .side-bd a:hover { background-color: #DC1E1E; color: #fff; } .side-bd .active { background-color: #DC1E1E; color: #fff; } .side-bd i { display: inline-block; margin-top: 26px; height: 9px; width: 6px; float: right; margin-right: 24px; background-image: url("../images/list_ico01.jpg"); } .side-bd .active i { background-image: url("../images/list_ico02.jpg"); } .side-bd .active span { position: absolute; display: block; width: 20px; height: 33px; top: 15px; right: -64px; background-image: url("../images/list_ico.jpg"); } .side-bd a:hover i { background-image: url("../images/list_ico02.jpg"); } .content-hd { height: 120px; position: relative; } .content-wrap .list { border-bottom:1px dotted #8D8D8D; height:150px; margin-top:20px; } .content-wrap .list .l_left { float:left; width:180px; height:130px; } .content-wrap .list .l_right { float:right; width:530px; } .content-wrap .list .l_right h2 { color:red } .content-wrap .list .l_right h2 a { color:red; font-size:16px; } .content-wrap .list .l_right h2 em { float:right; font-style:normal; font-weight:normal; font-size:12px; color:gray } .content-wrap .list .l_right p a { color:red; float:right } .colunm { position: absolute; width: 100%; height: 150px; left: 0px; font-size: 20px; top: 10px; text-align: center; line-height: 150px; color: #fff; } .content-bd h3 { margin-top: 15px; font-size: 20px; color: #333; font-weight: bold; } .content-bd h3 span { color: #c4261d; padding-right: 10px; } .content-bd p { margin-top: 20px; line-height: 30px; color: #666; font-size: 14px; } .content-bd { padding-top:30px; }