www.gusucode.com > (自适应手机版)html5响应式影视文化公司源码 传播传媒企业通用类织梦模板(demo223) > (自适应手机版)html5响应式影视文化公司源码 传播传媒企业通用类织梦模板(demo223)/www2/member/templets/style/index.css

    /**************************************
          首页样式部分(CaicaiStyle)
           Update:09-11-19
      Author:      From:DesDev INC.
**************************************/
@import url("base.css");
input {
	margin:0;
	padding:0;
}
.clr{
	clear:both;
	}
.f_r{
	float:right;
	}
.755 {
	width: 755px;
	float: right;
}
.main-wrap {
	margin-left:10px;
	width: 550px;
	float: left;
}
.sns-avatar {
	height:100px;
	overflow:visible;
	z-index:10;
	min-height:100px;
	margin: 10px 0 10px 10px;
}
.sns-avatar dt {
	float:left;
	height:100px;
	margin-right:10px;
	width:100px;
}
.s120, .s120 a, .s120 span {
	height:100px;
	width:100px;
}
.sns-avatar .av-index {
	line-height:20px;
	color: #525252;
}
.sns-avatar .av-index .name {
	font-size:16px;
	font-weight:700;
	line-height: 20px;
	color: #000;
}
ul .name span {
	font-size: 12px;
	font-weight: normal;
	margin-left: 5px;
}
.av-index ul .sign a {
	color: #F00;
}
.av-index ul .other {
	color: #999;
}
.msg {
	width: 430px;
	margin-top: 8px;
	height: 30px;
	line-height: 27px;
	overflow: hidden;
	float: left;
}
.msg p {
	border:1px solid #ffcfa4;
	background: #fffef1;
	padding-right: 10px;
	padding-left: 10px;
}
.msg p em a {
	color: #999;
}
.share .share01 {
	background: url(../images/feed_6.gif) no-repeat 20px;
	height: 16px;
}
.share .share02 {
	height: 24px;
	background: #e0dfe1;
	padding: 11px;
}
#share_textarea {
	background: #FFF;
	height: 25px;
	width: 427px;
	line-height: 25px;
	font-size: 12px;
	border-style: none;
	color: #999;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}
#form1 {
	height: 25px;
}
#btn_submit {
	background: url(../images/btn1_bg.gif) no-repeat;
	height: 22px;
	width: 55px;
	border-style: none;
	color: #FFF;
	float: right;
	margin-right: 22px;
	margin-top: 1.5px;
}
.indexTab {
	height: 26px;
	margin-top: 14px;
	margin-left:10px;
}
.indexTab ul li {
	background: #FFF;
	margin-left:4px;
	float: left;
	font-size: 12px;
	font-weight: bolder;
	margin-bottom:-1px;
	position:relative;
	z-index:10;
	border: 1px solid #dedede;	
}
.indexTab ul li a{
	color:#313131;
	outline:none;
	blr:expression(this.onFocus=this.blur());
	}
.indexTab ul .thisTab {
	border-bottom:none;
	height: 26px;
}
.indexTab ul .thisTab a {
	color:#5f9304;
}
.indexTab ul .thisTab a:hover {
	text-decoration:none;
}
.indexTab ul li a {
	line-height: 25px;
	height: 25px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
#sns-feeds .sns-box {
	background: #FFF;
	border: 1px solid #ddd;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}
#sns-feeds .sns-box .newarticlelist{
	padding-top:10px;
	}
#sns-feeds .sns-box .newarticlelist ul li{
	line-height:28px;
	background:url(../images/lineDot.gif) left bottom repeat-x;
	}
#sns-feeds .sns-box .newarticlelist ul li a{
	color: #2ca9cc;
	}
#sns-feeds .sns-box .newarticlelist ul li span{
	float:right;
	margin-left:5px;
	}
#sns-feeds {
	color: #525252;
}
.feeds_title {
	line-height: 20px;	
	padding-left: 24px;
	margin-top: 12px;
}
.feeds_title span .act{
	visibility:hidden;
	position:absolute;
	float:right;
	right:0px;
	*right:0px;
	_right:10px;	
	z-index: 999;
	}
.feeds_title span:hover .act,.feeds_title span.hover .act,.feeds_title span.hover .act:visited {
	visibility:visible;
}
.icostow{
	background: url(../images/icon2.png) no-repeat left 3px;
}
.icoaddfriends{
	background: url(../images/icon5.png) no-repeat left 3px;
}
.icofeedback{
	background: url(../images/icon4.gif) no-repeat left 3px;
}
.icoaddsoft{
	background: url(../images/icon1.gif) no-repeat left 3px;
}
.icoadd{
	background: url(../images/icon1.gif) no-repeat left 3px;
}
.feeds_title span {
	display: block;
	position: relative;
}
.feeds_title span a {
	color: #2ca9cc;
}
.feeds_title.icostow span em,.feeds_title.icoaddfriends span em,.feeds_title.icofeedback span em,.feeds_title.icoaddsoft span em,.feeds_title.icoadd span em{
	color: #999;
}
.feeds_title1 {
	line-height: 20px;
	margin-top: 12px;
}
.feeds_title1 img{
	vertical-align:middle;
	}
.feeds_title1 span .act{
	visibility:hidden;
	position:absolute;
	float:right;
	right:0px;
	*right:0px;
	_right:10px;	
	z-index: 999;
	}
.feeds_title1 span:hover .act,.feeds_title1 span.hover .act,.feeds_title1 span.hover .act:visited {
	visibility:visible;
}
.feeds_title1 span {
	display: block;
	position: relative;
}
.feeds_title1 span a {
	color: #2ca9cc;
}
.feeds_title1 span em{
	color:#999;
	}

/*
right
*/
.col-extra {
	width:195px;
	float: right;
	color: #525252;
	margin-right:0!important;;
	margin-right:-5px;
}

.sns-box .hd {
	background: url(../images/sns_box.gif);
}
.hd h3 {
	line-height: 27px;
	font-size: 12px;
	color: #FFF;
	padding-left: 10px;
}
.statistics {
line-height:22px;
overflow:hidden;
}
.statistics dt {
	color:#525252;
	float:left;
	text-indent:5px;
	width:90px;
}
.statistics dd {
clear:right;
color:#5f9304;
}
.sns-avatar-m {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	overflow:hidden;
}
.sns-avatar-m ul{
	
	}
.sns-avatar-m li {
	float:left;
	margin-right:12px;
	padding: 0px;
	width: 48px;
	text-align: center;
}
.sns-avatar-m ul .pic a img {
	margin-bottom: 6px;
}
#mt10 {
	margin: 5px 0px 0px;
	width: 100%;
}
.sns-avatar-m .pic a {
	color:#2ca9cc;
}
.bd{
	height: 55px;
	width: 175px;
	background: #e0dfe1;
	padding-top: 11px;
	padding-right: 10px;
	padding-left: 10px;
}
.text1{
	width: 132px;
	height:23px;
	line-height:23px;
	background:#FFF;
	border:none;
	float:left;
	color:#525252;
	font-size: 12px;
	
}
.button1 {
	background: #76b63a;
	height: 23px;
	width: 38px;
	border-style: none;
	float: right;
	color: #FFF;
	line-height: 23px;
}
.faceBox {
	padding: 8px;
	width: 250px;
	border: 1px solid #CCC;
	background: #FFF;
	z-index: 100000;
	}
.faceBox ul li {
	float: left;
	width: 25px;
	height: 25px; 
	overflow: hidden;
	}