www.gusucode.com > 宽屏大气简约风格的织梦网站模板源码程序 > 宽屏大气简约风格的织梦网站模板/dede58/style80_portal_index.css

    /*dede58.com 做最好的织梦模板*/
.photo-big h3 {
	height:26px;
	overflow:hidden;
}
.meta {
	height:30px;
	margin-top:15px;
	border-bottom:1px solid #e5e5e5;
	font-size:12px;
}
.meta span {
	float:left;
	height:30px;
	line-height:30px;
}
.meta span a {
	text-decoration:none;
}
.meta .delim {
	position:relative;
	height:30px;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #e5e5e5;
}
.meta .meta-column {
}
.meta .meta-column i {
	width:20px;
	height:30px;
	float:left;
	display:inline;
	margin-right:5px;
	background:url(column.png) no-repeat 50% 50%;
	_background-image:url(column.gif);
}
.meta .meta-data {
}
.meta .meta-comments {
}
.meta .meta-comments i {
	width:20px;
	height:30px;
	float:left;
	display:inline;
	margin-right:5px;
	background:url(comment.png) no-repeat 50% 50%;
	_background-image:url(comment.gif);
}
.hover-box, .soc-icons a, .clients-item a, a.link, .feature-box-wrap {
-moz-transition:background .2s ease-out, opacity .2s ease-out;
-webkit-transition:background .2s ease-out, opacity .2s ease-out;
-o-transition:background .2s ease-out, opacity .2s ease-out;
transition:background .2s ease-out, opacity .2s ease-out;
}
#scrolldiv {
	width:1000px;
	height:25px;
	line-height:25px;
	margin:15px auto;
}
#scrolldiv {
	line-height:25px;
}
#scrolldiv .ticker {
	width:32px;
	height:20px;
	float:right;
}
#scrolldiv .bd {
	width:960px;
	float:left;
}
#scrolldiv ul.ticker li {
	width:14px;
	height:14px;
	margin-left:0px;
	display:inline;
	float:left;
	margin:6px 0 0 2px;
	line-height:0px;
}
#scrolldiv li {
	height:25px;
}
#scrolldiv .ticker li a {
	width:14px;
	height:14px;
	overflow:hidden;
	display:block;
	background:url(ticker.png) no-repeat 0 0;
}
#scrolldiv .ticker .prev a {
	background-position:0 0;
}
#scrolldiv .ticker .prev a:hover {
	background-position:-14px 0;
}
#scrolldiv .ticker .next a {
	background-position:0 -14px;
}
#scrolldiv .ticker .next a:hover {
	background-position:-14px -14px;
}
#scrolldiv a {
	color:#484e50;
	text-decoration:none;
	font-size:14px;
}
#scrolldiv a:hover {
	color:#57bae8
}
.focus_bg {
	width:100%;
	padding:20px 0;
	background:url(bg.jpg) no-repeat center top;
}
.focus_box {
	width:1000px;
	height:336px;
	position:relative;
}
.focus_box .bd {
}
.focus_box .bd li {
	display:block;
	width:1000px;
	height:336px;
	overflow:hidden;
	position:relative;
}
.caption_info {
	width:160px;
	height:40px;
	float:left;
	position:relative;
	top:2px;
}
.caption_info .num {
	position:absolute;
	font-size:44px;
	left:0;
	text-align:right;
	line-height:38px;
	color:#fff;
}
.caption_info .author {
	line-height:15px;
	position:absolute;
	left:60px;
	font-size:15px;
	color:#cdeffc;
}
.caption_info .data {
	font-size:11px;
	position:absolute;
	left:60px;
	top:19px;
	color:#cdeffc;
}
.focus_box .txt {
	width:370px;
	padding:20px 0;
	float:left;
	position:relative;
}
.focus_box .txt h2 {
	line-height:32px;
	width:200px;
	float:right;
	text-align:right;
}
.focus_box .txt h2 a {
	font-size:20px;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}
.focus_box .txt h2 a:hover {
	color:#57bae8;
}
.focus_box .txt p {
	line-height:24px;
	text-align:left;
	font-size:14px;
	margin-top:20px;
	float:left;
	color:#FFF;
}
.focus_box .txt a.read-more {
	display:block;
	border:1px solid #FFF;
	height:24px;
	line-height:24px;
	padding:0 10px;
	font-style:italic;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	float:right;
	margin-top:20px;
}
.focus_box .txt a:hover.read-more {
	background:#FFF;
	color:#696969;
}
.focus_box .img-con {
	float:right;
	width:600px;
	height:336px;
	overflow:hidden;
}
.focus_box img {
	display:block;
}
.focus_box .btn {
}
.focus_box .btn a {
	position:absolute;
	top:50%;
	margin-top:-25px;
	font-size:50px;
	color:#FFF;
	text-decoration:none;
	font-family:'Simsun';
	font-weight:700;
}
.focus_box .btn a.prev {
	left:-100px;
}
.focus_box .btn a.next {
	right:-100px;
}
.focus_box .btn a:hover {
	color:#26799b;
	text-decoration:none;
}
.left-con, .ct2 .mn {
	width:680px;
	float:left;
}
.right-con, .ct2 .sd {
	width:280px;
	float:right;
}
.portal-hd {
	height:30px;
	line-height:30px;
	margin:0 0 25px;
	padding:15px 0;
	_padding:15px 0 0;
	border-bottom:2px solid #eee;
}
.portal-hd h2 {
	float:left;
	color:#3e4142;
	font-size:18px;
	border-bottom:2px #57bae8 solid;
	padding-bottom:13px;
	_padding-bottom:15px;
	position:relative;
	left:0;
	bottom:-2px;
}
.portal-hd .more {
	float:right;
	font-size:14px;
}
.photo-part {
}
.photo-part .columns {
	width:680px;
	margin-bottom:30px;
}
.photo-big {
	width:330px;
	float:left
}
.photo-big img {
	width:330px;
	height:220px;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.photo-big a:hover img {
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.photo-big .photo-pic {
	width:330px;
	height:220px;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
}
.photo-big h3 {
	line-height:26px;
	font-size:16px;
}
.photo-big h3 a {
	text-decoration:none;
	color:#484d4f;
}
.photo-big h3 a:hover {
	color:#647687
}
.photo-big p {
	line-height:26px;
	font-size:14px;
	color:#777;
}
.photo-small {
	float:right;
	width:320px;
}
.photo-small .meta {
	border:none;
	position:absolute;
	bottom:0;
	left:115px;
}
.photo-small ul {
}
.photo-small li {
	height:75px;
	margin:0 0 25px;
	overflow:hidden;
	position:relative;
}
.photo-small .photo-pic {
	width:100px;
	height:75px;
	margin-right:15px;
	float:left;
	position:relative;
	overflow:hidden;
}
.photo-small .photo-pic img {
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.photo-small .photo-pic a:hover img {
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.photo-small h3 {
	line-height:26px;
	height:26px;
	font-size:15px;
	overflow:hidden;
	margin-bottom:5px;
}
.photo-small h3 a {
	text-decoration:none;
	color:#57bae8;
}
.photo-small h3 a:hover {
	color:#647687
}
.photo-small p {
	line-height:24px;
	color:#777;
}
.web-info {
	width:280px;
	overflow:hidden;
	margin:20px 0 30px;
}
.web-info ul {
	width:282px;
}
.web-info li {
	width:92px;
	height:120px;
	background:#FFF;
	float:left;
}
.web-info em {
	width:83px;
	height:73px;
	display:block;
	overflow:hidden;
}
.web-info em i {
	width:50px;
	height:50px;
	margin:10px auto;
	background:url(web_info.png) no-repeat;
	display:block;
	overflow:hidden;
}
.web-info .toadypost i {
	background-position:-50px -50px;
	;
}
.web-info a:hover .toadypost i {
	background-position:0 -50px;
	;
}
.web-info .allpost i {
	background-position:-50px 0;
}
.web-info a:hover .allpost i {
	background-position:0 0;
}
.web-info .alluser i {
	background-position:-50px -100px;
}
.web-info a:hover .alluser i {
	background-position:0 -100px;
}
.web-info .info_num {
	width:83px;
	text-align:center;
	color:#444;
	display:block;
	font-size:16px;
	font-weight:700
}
.web-info .info_num p {
	height:22px;
	line-height:22px;
	font-size:12px;
	font-weight:100;
}
.web-info a:hover {
	text-decoration:none;
}
.right-ad {
	width:280px;
}
.ranking {
}
.ranking .hd {
	height:52px;
	margin-bottom:10px;
}
.ranking .hd ul {
	width:282px;
}
.ranking .hd li {
	width:91px;
	height:50px;
	line-height:50px;
	font-size:16px;
	float:left;
	background:#f8f8f8;
	border:1px solid #e5e5e5;
	color:#595959;
	cursor:pointer;
	text-align:center;
-webkit-transition:background .3s ease-in-out, border .3s ease-in-out;
-moz-transition:background .3s ease-in-out, border .3s ease-in-out;
-o-transition:background .3s ease-in-out, border .3s ease-in-out;
transition:background .3s ease-in-out, border .3s ease-in-out;
}
.ranking .hd li.on {
	background-color:#57bae8;
	border:1px solid #57bae8;
	color:#fff;
}
.ranking .bd .top10 {
	padding-top:6px;
}
.ranking .bd .top10 li {
	width:280px;
	height:22px;
	line-height:22px;
	margin:6px 0;
	overflow:hidden;
	color:#57bae8;
	float:left;
}
.ranking .bd .top10 li a {
	font-size:14px;
}
.ranking .bd .top10 .num {
	background-color:#d7d8d7;
	width:22px;
	height:22px;
	float:left;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-family:Arial;
	line-height:22px;
	font-size:14px;
	margin-right:8px;
}
.ranking .bd .top10 .top .num {
	background-color:#57bae8;
}
.wonderful {
	margin-bottom:20px;
}
.wonderful .bd {
	width:680px;
	height:220px;
	overflow:hidden;
	position:relative;
}
.wonderful .bd ul {
	width:700px;
}
.wonderful li {
	width:330px;
	margin-right:20px;
	float:left;
}
.wonderful li .wonderful-pic {
	width:330px;
	height:220px;
	position:relative;
}
.wonderful .text-box {
	width:310px;
	position:absolute;
	left:0;
	bottom:0;
	padding:10px;
	background:url(wonderful-pic.png) repeat-x;
	_background:none;
}
.wonderful .text-box h3 {
	line-height:24px;
	font-size:16px;
	color:#FFF;
	font-weight:700;
}
.wonderful .text-box h3 a {
	font-size:16px;
	color:#FFF;
}
.wonderful .text-box .meta {
	margin-top:5px;
	height:20px;
	line-height:20px;
	border:none;
}
.wonderful .text-box .meta a {
	color:#fff;
	font-size:14px;
}
.wonderful .btn {
}
.wonderful .btn a {
	width:40px;
	height:40px;
	display:block;
	z-index:10;
	background:url(wonderful.png) no-repeat;
	position:absolute;
	top:90px;
}
.wonderful .btn a.prev {
	background-position:0 0;
	left:0;
}
.wonderful .btn a:hover.prev {
	background-position:0 -40px;
}
.wonderful .btn a.next {
	background-position:-40px 0;
	right:0;
}
.wonderful .btn a:hover.next {
	background-position:-40px -40px;
}
.new-pic .photo-small {
	width:680px;
	margin-top:0;
}
.new-pic .bd {
	width:680px;
	overflow:hidden;
}
.new-pic .bd ul {
	width:700px;
}
.new-pic .bd li {
	width:330px;
	margin-right:20px;
	float:left;
}
.new-article .photo-small {
	width:280px;
}
.new-article .bd li {
	width:280px;
	height:auto;
	float:left;
	background:none;
	padding:0;
	margin-bottom:20px;
}
.new-article .bd .quote {
	width:24px;
	height:22px;
	float:left;
	padding-left:0;
	margin:0;
	background:url(quote.png) no-repeat 50% 50%;
}
.new-article .bd h3 {
	line-height:26px;
	height:26px;
	font-size:15px;
	overflow:hidden;
	margin-bottom:5px;
}
.new-article .bd h3 a {
	text-decoration:none;
	color:#57bae8;
}
.new-article .bd h3 a:hover {
	color:#ff6565;
}
.photo-big-s {
	width:280px;
	float:left
}
.photo-big-s img {
	width:280px;
	height:187px;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.photo-big-s a:hover img {
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.photo-big-s .photo-pic {
	width:280px;
height187px;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
}
.photo-big-s h3 {
	line-height:26px;
	font-size:16px;
}
.photo-big-s h3 a {
	text-decoration:none;
	color:#484d4f;
}
.photo-big-s h3 a:hover {
	color:#647687
}
.photo-big-s p {
	line-height:26px;
	font-size:14px;
	color:#777;
}
.all-pic {
}
.all-pic li {
	float:left;
	margin-bottom:10px;
	position:relative;
}
.all-pic-l {
	width:596px;
	height:270px;
	overflow:hidden;
	margin:0 10px 10px 0;
	float:left;
}
.all-pic-r {
	width:394px;
	height:270px;
	overflow:hidden;
	margin:0 0 10px 0;
	float:left;
}
.pic-large {
	width:596px;
	height:270px;
	float:left;
}
.pic-minimal {
	width:192px;
	float:left;
}
.pic-small {
	width:394px;
	float:left;
}
.mask {
	position:absolute;
	display:block;
	height:100%;
	width:100%;
	top:0;
	left:0;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
	background:url(gallery.png) center center no-repeat rgba(87, 186, 232, 0);
	background-size:0 0;
	opacity:0;
	filter:alpha(opacity=0);
	_display:none;
}
a:hover.mask {
	background:url(gallery.png) center center no-repeat rgba(87, 186, 232, .7);
	background-size:31px 25px;
	opacity:1;
	filter:alpha(opacity=100);
}
.mask h4 {
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	color:#fff;
	left:0;
	width:100%;
	text-align:center;
}
a:hover.mask h4 {
	font-size:14px;
	bottom:15px;
	font-weight:500;
	filter:alpha(opacity=100);
	opacity:1;
}
.v-mask {
	background:#647687;
	position:absolute;
	top:0;
	left:0;
	font-size:14px;
	color:#FFF;
	height:30px;
	line-height:30px;
	padding:0 10px;
}
.index_link ul {
	white-space:nowrap;
}
.index_link li {
	height:30px;
	font-size:14px;
	line-height:30px;
	float:left;
	margin-right:20px;
}
.portal-hd .rss {
	margin-left:10px;
	margin-top:5px;
	padding-left:30px;
	display:block;
	background:url(rss.png) no-repeat 0 45%;
}
.portal-hd .add {
	margin-left:10px;
	margin-top:5px;
	padding-left:30px;
	display:block;
	background:url(addthis.png) no-repeat 0 45%;
}
.pic-list {
	width:680px;
}
.pic-list li {
	width:680px;
	height:152px;
	overflow:hidden;
	margin:15px 0;
	float:left;
}
.pic-list .photo-big p {
	height:75px;
	overflow:hidden;
	margin-top:10px;
}
.pic-list .photo-big .meta {
	border:none;
	margin-top:5px;
}
.pic-list .photo-big .photo-pic {
	width:220px;
	height:152px;
	float:left;
	margin:0 25px 0 0;
}
.pic-list .photo-big .photo-pic img {
	width:220px;
	height:152px;
}
.pic-tow-list {
	width:700px;
}
.pic-tow-list li {
	width:330px;
	height:415px;
	margin-bottom:25px;
	overflow:hidden;
	float:left;
}
.pic-tow-list .photo-big p {
	height:78px;
	overflow:hidden;
}
.no-pic {
	width:330px;
	height:220px;
	background:url(nopic.png) no-repeat 50% 50%;
}
.list_box {
	margin-bottom:15px;
}
.portal_sort {
	margin-top:20px;
}
.portal_sort ul {
	overflow:hidden;
}
.portal_sort li {
	float:left;
	padding:0 10px 5px 0;
}
.portal_sort li a {
	text-decoration:none;
	padding:0 3px;
	display:inline-block;
	font-size:16px;
}
.ct2 .sd .wonderful .bd, .ct2 .sd .wonderful li, .ct2 .sd .wonderful li .wonderful-pic {
	width:280px;
}
.ct2 .sd .wonderful .text-box {
	width:260px;
}
#nv_portal .vw .h, #nv_portal .vw .s, #nv_portal .vw .d, #nv_portal .vw .o, #nv_portal .vw .pren, #nv_forum .vw .h, #nv_forum .vw .s, #nv_forum .vw .d {
	margin-left:0;
	margin-right:0;
}
.h .xg1, .h .xg1 a {
	color:#ACACAC !important;
}
.h_avr {
	display:inline-block;
	float:left;
	margin:15px 10px 15px 0;
}
.h_avr img {
	width:58px;
	height:58px;
	border-radius:5px;
}
.vw .hm {
	text-align:left;
}
.vw .ph {
	font-size:20px;
}
.vw .h {
	border:none;
	padding-bottom:0;
}
.vw .s {
	border:none;
	border-left:5px solid #ddd;
	padding:0px 14px 0px 14px;
	margin:22px 0 22px 0;
	font-style:italic;
	font-size:14px;
	color:#888;
}
.vw .s strong {
	color:#57bae8;
}
.vw .s {
	color:#888;
}
#nv_portal .vw .pren em {
	width:48%;
	display:block;
	height:24px;
	line-height:24px;
	overflow:hidden;
	font-size:14px;
}
#nv_portal .vw .pren em a {
	color:#57bae8;
	font-size:14px;
}
#nv_portal .vw .pren em.y {
	text-align:right;
}
#related_article .bm_c {
	padding:10px 0;
}
#related_article .xl2 li {
	width:50%;
	height:26px;
	line-height:26px;
	font-size:14px;
	margin:0;
}
.mls .avt img {
	width:46px;
	height:46px;
	padding:0;
	max-width:100%;
	vertical-align:top;
	border-radius:50%;
	border:none;
}
.vw .d img {
	max-width:680px;
}
.atd .num em {
	font-size:16px;
}
.atdc div {
	display:none;
}
.vw .o {
	border:none;
}
.oshr {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #CDCDCD;
}
#comment .portal_tit {
	border-bottom:none;
	margin-bottom:0;
	height:36px;
	line-height:36px;
}
#comment .portal_tit h3 {
	font-size:16px;
	line-height:36px;
	border-bottom:none;
	float:left;
}
#comment .portal_tit em {
	margin-left:20px;
	float:right;
}
#comment_ul {
	padding-top:5px;
}
#comment_ul ul {
	padding-left:70px;
}
#comment_ul .mbm {
	position:relative;
}
#comment_ul .portrait {
	position:absolute;
	left:-70px;
	top:0;
}
#comment_ul .portrait img {
	width:40px;
	height:40px;
	max-width:100%;
	vertical-align:top;
	border-radius:50%;
}
#comment_ul .username {
	margin-right:10px;
}
#comment_ul .xg1, #comment_ul .xg1 a {
	color:#ccc!important;
}
.ie6 #comment_ul #cform, .ie7 #comment_ul #cform {
	height:141px;
}
.tedt {
	border:none;
	width:680px;
	overflow:hidden;
}
.tedt .pt {
	width:678px;
	height:100px;
	padding:8px 10px!important;
	line-height:1.6;
	border:1px solid #D9D9D9;
	background-color:#F7F7F7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
	vertical-align:middle;
	resize:vertical;
	color:#999;
}
.ie6 .tedt, .ie7 .tedt {
	height:120px;
}
.ie6 .tedt .pt, .ie7 .tedt .pt {
	width:657px;
}
.tedt .pt.bgchange {
	background:#FFF;
	background-color:#FFF;
	-webkit-box-shadow:1px 1px 2px #e6e6e6;
	-moz-box-shadow:1px 1px 2px #e6e6e6;
	box-shadow:1px 1px 2px #e6e6e6;
	color:#BBB;
}
.ptn {
	padding-top:15px !important;
}