@charset "utf-8";
/* CSS Document */

/* ~~ 首页:发布文章 ~~ */

.postDiv{
	display:block;
	width:300px;
	height:54px;
	line-height:54px;
	position:relative;
	background-color:#f6f6f6;
	margin-bottom:10px;
}
.postDiv span{
	font-size:14px;
	padding:0 10px;
}
.postDiv i{
	color:#F00;
	font-style:normal;
}
.postDiv .postArt{
	width:140px;
	background-image:url(../images/icon/post_art.png);
	background-position:right;
	background-repeat:no-repeat;
	font-size:20px;
	position:absolute;
	top:0;
	right:0;
}
.postDiv .postArt a:link,.postDiv .postArt a:visited{
	font-size:20px;
	color:#333;
}
.postDiv .postArt a:hover{
	color:#009DE1;
}


/****热门标签****/
.tagsDiv{
	display:block;
	margin:0;
	padding:15px;
	width:270px;
	height:201px;
	background-color:#009DE1;
	color:#FFF;
}
.sidebar .tagsDiv h3{
	font-size:20px;
	color:#FFF;
	margin:0;
	padding:5px 0;
}
.hotTags{
	height:167px;
	overflow:hidden;
}
.hotTags span{
	font-size:16px;
	padding:10px 0px;
	line-height:33px;
	margin-right:10px;
}
.hotTags span a:link,.hotTags span a:visited{
	color:#FFF;
}
.hotTags span a:hover{
	color:#FFF;
	background-color:#73A901;
}
.hotTags span.hot{
	font-size:24px;
	font-weight:bold;
	margin-right:10px;
	padding:5px 0px;
}

/***首页****/
.col3{
	margin:10px 0 15px 0;
	padding:0;
	display:block;
	width:200px;
	height:240px;
	border:0px solid #CCC;
	position:relative;
}
.col3.fl{
	margin-right:10px;
}
.col3 img{
	margin:0;
	padding:0;
	display:block;
	width:200px;
	height:130px;
}
.col3 h3{
	font-size:16px;
	margin:0 0 20px 0;
	padding:15px 5px 5px 5px;
	font-weight:100;
}

.col3 p{
	margin:10px;
	padding:0;
	line-height:1.6em;
	font-size:12px;
}
.col3 .tags{
	position:absolute;
	bottom:10px;
	left:0;
}
/*****热门达人******/
.popUser{
	position:absolute;
	top:5px;
	left:120px;
	font-size:12px;
}
.popUser .u_name{
	height:16px;
	line-height:16px;
	margin:0;
	padding:10px 0;
}
/*****排行榜*****/
.hotRank {
	margin:10px 0px 10px 10px;
	padding: 0;
	width:940px;
	float:left;
	display:inline;
	overflow:hidden;
}
.ucContent .hotRank{
	width:100%;
	margin:0;
	float:none;
}
.hotRank h2{
  	position:relative;
	margin:0 0 0 0;
	padding:5px 0 5px 10px;
	display:block;
	border-top:1px solid #73A901;
	border-bottom:1px solid #CCCCCC;
	height:40px;
	line-height:40px;
	font-size:22px;
	font-weight:100;
	color:#333;
	background-color:#F6F6F6;
}
.rankCategoryL,
.rankCategoryR{
	position:relative;
	padding:10px;
	display:inline;
	overflow: hidden;
	font-size:14px;
	border:0px;
	background-color:#F90;
}
.hotRank .rankCategoryL {
	width:450px;
	float:left;
	margin:0;
}
.hotRank .rankCategoryR{
	float:left;
	width:450px;
	margin:0
}
.hotRank table {
	background-color:#FFF;
    border: 0 solid #666666;
    border-collapse: collapse;
	display:table;
	width:100%;
}
.hotRank th{
	font-size:12px;
}
.hotRank td{
	font-size:14px;
}
.hotRank caption{
	padding:10px;
	font-size:16px;
	color:#FFF;
	background-color:#F90;
	text-align:left;
}
.hotRank caption strong{
	font-size:20px;
	margin:0 5px;
}
.hotRank th {
    background-color: #F6F6F6;
	border:0px;
	border-bottom:1px solid #CCC;
	padding:5px;
	color:#666;
	font-weight:100;
}
.hotRank td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FFFFFF #FFFFFF #CCCCCC;
    border-image: none;
    border-style: solid solid dashed;
    border-width: 0 0 1px;
	padding:5px;
	color:#999;
	height:32px;
}
.hotRank td img{
	width:24px;
	height:24px;
	margin:2px;
	display:inline-block;
	vertical-align:middle;
}
.hotRank td a:link,.hotRank td a:visited{
	color:#C30;
	display:inline-block;
	vertical-align:middle;
}
.hotRank td a:hover{
	color:#73A901;
}

.rankList{
	display:block;
	width:940px;
	height:260px;
	background-image:url(../images/rank_bg.jpg);
	background-repeat:no-repeat;
	position: relative;
}
.rankList #hero-bar{

}
.rankList ul{
	display:block;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
	left: 0;
}
.rankList ul li{
	display:inline-block;
	float:left;
	margin:0;
	width:235px;
	height:260px;
	background-image:url(../images/circle_bg.png);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFF;
}
.rankList ul li p{
	font-size:18px;
	margin:0 0 10px 0;
}
.rankList ul li h4{
	font-size:28px;
	margin:100px 0 10px 0;
}
.rankList ul li#crl01{
	background-position:0px 40px;
}
.rankList ul li#crl02{
	background-position:-235px 40px;
}
.rankList ul li#crl03{
	background-position:-470px 40px;
}
.rankList ul li#crl04{
	background-position:-705px 40px;
}
.rankList ul li#crl01:hover{
	background-position: 0px -229px;
}
.rankList ul li#crl02:hover{
	background-position: -235px -229px;
}

.rankList ul li#crl03:hover{
	background-position: -470px -229px;
}

.rankList ul li#crl04:hover{
	background-position: -705px -229px;
}


.rankList ul li a:link,.rankList ul li a:visited{
	color:#FFF;
}
.rankList ul li a:hover,.rankList ul li a:active,.rankList ul li a:focus{
	text-decoration:none;
}
/*****列表导航*****/
.categoryWrap .qaCategory{
	line-height:24px;
}
.qaCategory .crt{
	background-color:#009DE1;
	color:#FFFFFF;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.qaCategory a.crt:link,.qaCategory a.crt:visited,
a.crt:link,a.crt:visited{
	color:#FFFFFF;
}

.content .categoryWrap{
	display:block;
	margin:10px 10px 10px 10px;
	padding:10px;
	border:0px solid #CCC;
}
.content .qaCategory{
	display:block;
	margin:0 0 10px 0;
	padding:5px 0;
	border-bottom:1px dashed #CCC;
}
.content .qaCategory h4{
	margin:0 0 5px 0;
	padding:0;
	font-size:14px;
}
.content .qaCategory ul{
	display:inline;
	margin:0;
	padding:0;
}
.content .qaCategory li{
	display:inline;
	float:left;
	white-space:nowrap;
}
.content .qaCategory li a:link,.content .qaCategory li a:visited{
	margin:0 5px;
	padding:0 5px;
	float:left;
	text-decoration:none;
}
/****会员类别标签******/
.sidebarUCat{
	display:block;
	margin:10px;
}
.tabUCat{
	display:block;
	margin:10px;
}
.tabUCat .uType{
	display:block;
	border-bottom:2px solid #73A901;
	margin:0;
	padding:0;
}
.uType ul{
	margin:0;
	padding:0;
	display:inline;
}
.uType li{
	display:inline;
	float:left;
	text-align:center;
}
.uType li a:link,.uType li a:visited{
	display:inline-block;
	background-color:#F6F6F6;
	border:1px solid #CCC;
	border-bottom:0px;
	margin:0 5px 0 0;
	padding:2px 10px;
	width:70px;
}
.uType li.crt a:link,.uType li.crt a:visited{
	background-color:#73A901;
	border:1px solid #73A901;
	border-bottom:0px;
	color:#FFF;
}
/*****会员模块*****/
.userBody{
	display:block;
	position:relative;
	background-color:#F6F6F6;
	margin:0 0 10px 0;
	padding:15px;
	color:#999;
	float:left;
}
.userBody a:link,.userBody a:visited{
	color:#009DE1;
}
.u_middle img{
	display:block;
	width:100px;
	height:100px;
}

.userBody .u_middle{
	display:inline;
	float:left;
}
.u_info{
	display:inline;
	float:left;
	padding:0 0 0 10px;
	width:160px;
}
.u_dd,
.u_name{
	display:block;
	width:160px;
	margin-bottom:10px;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	-o-text-overflow: ellipsis;    /* Opera */
	text-overflow: ellipsis;    /* IE, Safari (WebKit) */
}
.u_tags{
	display:block;
	margin:10px 0 0 0;
	padding:5px 0;
	float:left;
}
.u_progress{
	background-color:#FFEA95;
	margin:0;
	padding:0;
	display:inline-block;
	width:140px;
	float:left;
}
.u_progress_value{
	display:inline-block;
	background-color:#F90;
	margin:0;
	padding:0;
	height:16px;
	line-height:16px;
	color:#FFF;
	font-size:10px;
	text-align:center;
	overflow:hidden;
}
.u_progress_value a:link,.u_progress_value a:visited{
	color:#FFF;
}
.u_dd span.to{
	float:left;
	margin-left:4px;
	width:16px;
}

/*****编辑*****/
.edit{
	position:absolute;
	top:0;
	right:0;
}
.mainContent .edit a:link,.mainContent .edit a:visited,
.edit a:link,.edit a:visited{
	background-color:#73A901;
	color:#FFF;
	margin:0 0 0 5px;
	padding:2px 10px;
}
.mainContent .edit a:hover,.mainContent .edit a:active,.mainContent .edit a:focus,
.edit a:hover,.edit a:active,.edit a:focus{
	background-color:#7DB701;
}
/****文章发布****/
.pubContent {
	padding: 10px;
	/*width:678px;*/
	display:block;
	background-color:#FFF;
	/*margin:10px 240px 0px 10px;*/
	margin:0 10px 10px 10px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	overflow:hidden;
	position:relative;
}
.mainPublish {
	margin:0;
	padding:0;
	display:block;
	font-size:14px;
}
.mainPublish .bindListp select{
	width:150px;
	padding:5px;
}
.mainPublish .bindListp .styleInput{
	width:350px;
	padding:5px;
}

.mainPublish .bindListp .longInput{
	width:90%;
	padding:5px;
}

/*******标签提示*******/
.tagsItem{
	display:none;
	border:1px solid #CCC;
	margin:-1px 0;
	padding:10px 10px 20px 10px;
	position:relative;
}
.tagsItem a{
	margin:0 5px;
}
.tagsItem span{
	font-weight:bold;
	color:#333;
}
#tagClose {
 font-size:12px;
 color:#888;
 cursor:pointer;
 display:block;
 position:absolute;
 top:2px;
 right:2px;
 width:16px;
 height:16px;
 background-image:url(../images/icon/r_close.gif);
 background-repeat:no-repeat;
 
}
#tagClose:hover{
	background-image:url(../images/icon/r_close_hover.gif);
	background-repeat:no-repeat;
}
/******会员主页*****/
.userContent{
	padding: 0 10px 10px 10px;
	/*width:678px;*/
	display:block;
	background-color:#FFF;
	/*margin:10px 240px 0px 10px;*/
	margin:0 10px 10px 10px;
	overflow:hidden;
}
.content .userContent ul{
	display:block;
	margin:0;
	padding:0;
}
.content .userContent .contentTabs{
	padding:0 30px;
	margin:0 0 -1px 0;
	display:block;
	width:540px;
}
.contentTabs li{
	float:left;
	display:inline;
	margin:0 0 0 -1px;
	padding:0;
}
.contentTabs li a:link,.contentTabs li a:visited{
	display:block;
	margin:0;
	padding:5px 20px;
	font-size:18px;
	border:1px solid #CCC;
	background-color:#F6F6F6;
	color:#666;
}
.contentTabs li a:hover,.contentTabs li a:active,.contentTabs li a:focus{
	background-color:#FFF;
	color:#009DE1;
}
.contentTabs li.crt a:link,.contentTabs li.crt a:visited{
	border-bottom:1px solid #FFF;
	background-color:#FFF;
}
.msgcontentList,
.contentList{
	display:block;
	border:1px solid #CCC;
	margin:0;
	padding:5px 15px;
	font-size:14px;
}

.msgcontentList h2,
.pubContent h2,
.contentList h2{
    border-bottom: 2px solid #73A901;
    display: block;
    font-size: 16px;
    font-weight: 100;
    height: 55px;
    line-height: 55px;
    margin: 0;
    padding: 5px 0 5px 10px;
}
.pubContent .artInfo {
	margin:0;
	padding:20px 10px;
	display:block;
	border-bottom:1px dashed #CCC;
	color:#999;
	font-size:14px;
}
.contentList .dataList{
	margin:0;
	padding:10px;
	border-bottom:1px dashed #CCC;
	width:auto;
	position:relative;
}
.contentList .dataList p{
	margin:10px 0;
	padding:0;
	line-height:20px;
	width:480px;
}
.contentList .dataList span{
	position:absolute;
	right:0;
	bottom:20px;
	line-height:20px;
}
.contentList .dataList a:link,.contentList .dataList a:visited{
	color:#009DE1;
}
.noContent{
	display:block;
	height:400px;
	line-height:200px;
	margin:0;
	padding:10px;
	background-image:url(../images/icon/no_content.png);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
/*****用户积分*******/
.itlContent{
	display:block;
	margin:20px 0;
	padding:10px 0;
	height:80px;
	line-height:80px;
	text-align:center;
	font-size:18px;
	color:#FFF;
	background-color:#7DB701;
}
.itlContent span{
	margin:0 10px;
}
.contentList table{
    margin: 20px 0;
	border-collapse: collapse;
	border:1px solid #CCC;
	background-color:#FFF;
	font-size:12px;
	line-height:20px;
	width:100%;
	font-size:12px;
}
.contentList th{
	background-color:#F6F6F6;
	border-bottom:2px solid #CCC;
	padding:10px;
	font-size:14px;
}
.contentList td{
	border-bottom:1px dashed #EEE;
	padding:10px;
}

/****会员级别*****/
.ucRank{
	display:inline-block;
	margin:0 5px 0 5px;
	padding:0;
	width:16px;
	height:16px;
	line-height:16px;
	background: url("../images/icon/u_level.png") no-repeat scroll 0 0 transparent;
}
.uc00{
	background: url("../images/icon/u_level.png") no-repeat scroll 0 0 transparent;
}
.uc01{
	background: url("../images/icon/u_level.png") no-repeat scroll 0 0 transparent;
}
.uc02{
	background: url("../images/icon/u_level.png") no-repeat scroll 0 -19px transparent;
}
.uc03{
	background: url("../images/icon/u_level.png") no-repeat scroll 0 -37px transparent;
}
.uc04{
	background: url("../images/icon/u_level.png") no-repeat scroll 0 -55px transparent;
}

/***文章列表*****/
ul.spList{
	margin:0;
	padding:0;
}
.contentList ul,
.articleList ul {
	margin-left:10px;
	margin-right:10px;
	padding:5px;
}

.spList li{
	margin:0;
	padding:0;
	height:58px;
	line-height:58px;
	font-size:16px;
	border-bottom:1px dashed #CCC;
	text-align:right;
	list-style: none outside none;
	padding:0;
}
.contentList li,
.articleList li {
	margin:0;
	padding:0;
	height:58px;
	line-height:58px;
	border-bottom:1px dashed #CCC;
	text-align:right;
	list-style: none outside none;
	background:url(../images/square.gif) no-repeat scroll 0 0 transparent;
	background-position:5px 29px;
	padding-left:15px;
}
.articleList li{
	font-size:16px;
}
.contentList li{
	font-size:14px;
}
.spList li img{
  width:45px;
  height:45px;
  margin:0;
  padding:0;
  float:left;
  margin:5px 10px;
}
	
.articleList li img{
  display:block;
  width:24px;
  height:16px;
  line-height:40px;
  line-height:16px;
  margin:12px 0 0 5px;
  padding:0;
  float:left;
}
.date {
	color:#999999;
	text-align:right;
	font-size:12px;
}

.author {
	text-align:right;
	color:#999;
	font-size:12px;
}
.contentList li a:link,.contentList li a:visited,
.spList li a:link,.spList li a:visited,
.articleList li a:link, .articleList li a:visited {
	float:left;
	line-height:58px;
	vertical-align:middle;
}

.articleList li .author a:link,.articleList li .author a:visited{
  	float:none;
	font-size:12px;
	line-height:30px;
	vertical-align:middle;
}
/****分享列表****/
.shareList .caption ul{
	display:block;
	position:relative;
	margin:0;
	padding:0 20px;
}
.shareList .caption li{
	display:inline;
	float:left;
	margin:0 10px;
}
.shareList .caption a:link,.shareList .caption a:visited{
	font-size:20px;
	display:inline-block;
	width:auto;
	height:45px;
	line-height:45px;
}
.shareList .caption .crt a:link,.shareList .caption .crt a:visited{
	color:#FFF;
}
.shareList .caption li.crt{
	margin:0;
	padding:5px 26px 5px 20px;
	position:relative;
	top:-11px;
	display:inline-block;
	width:auto;
	height:45px;
	line-height:45px;
	background-color:#73A901;
	text-align:center;
	color:#FFF;
	font-size:20px;
	background-image:url(../images/icon/h2_bg.png);
	background-position:right;
	background-repeat:no-repeat;
	font-weight:100;
}

/***达人分享文章列表*****/
.artList{
	display:block;
	margin:0;
	padding:0;
}
.artListBox{
	display:block;
	margin:15px 0;
	padding:0 0 15px 0;
	border-bottom:1px dashed #CCC;
}
.artListBox .user{
	margin:10px 20px 0 0;
	width:80px;
	display:inline;
	float:left;
	text-align:center;
}
.artListBox .u_small img {
	margin:0;
	padding:0;
	width:80px;
	height:80px;
}
.msgcontentList .artListBox .user{
	margin:0 20px 0 0;
	width:50px;
	display:inline;
	float:left;
	text-align:center;
}
.msgcontentList .artListBox .u_small img {
	margin:0;
	padding:0;
	width:50px;
	height:50px;
}
.artListBox .u_name,.artListBox .u_level {
	margin:0;
	padding:5px 0 5px 0;
	display:block;
	width:80px;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	-o-text-overflow: clip;    /* Opera */
	text-overflow: clip;    /* IE, Safari (WebKit) */
	height:16px;
	line-height:16px;
}
.artListBox .dateTime{
	display:block;
	width:82px;
	height:48px;
	line-height:48px;
	background-image:url(../images/icon/datetime_bg.png);
	background-repeat:no-repeat;
	float:left;
	color:#FFF;
	text-align:right;
	margin-top:20px;
	padding-right:18px;
}

.msgcontentList .artBox,
.artBox{
	display:inline;
	position:relative;
	float:left;
	width:475px;
	border:1px solid #CCC;
	padding:10px;
	color:#666;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-transition: box-shadow 0.30s ease-in-out;   /*只让box-shadow属性做过渡效果！*/
	-moz-transition:  box-shadow 0.30s ease-in-out;      /*firefox*/
}
.msgcontentList .artBox{
	background-color:#F6F6F6;
	width:475px;
}
.contentList .artBox{
	padding:20px 10px;
	width:440px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.artBox .artTitle{
	margin:0;
	padding:0 0 10px 0;
	font-size:18px;
}
.artBox .artInfo{
	margin:0;
	padding:0;
	position:relative;
	display:block;
	height:28px;
}
.artBox .artInfo2{
	margin:40px 0 0 0;
	padding:0;
	position:relative;
	display:block;
	height:28px;
}

.artBox p{
	margin:10px 0;
	padding:0;
	line-height:1.6;
}
.msgcontentList .artBox p{
	margin:0 0 10px 0;
}

.artBox span a:link,.artBox span a:visited,
.artBox p a:link,.artBox p a:visited{
	color:#009DE1;
}
.artBox span a:hover,.artBox span a:active,.artBox span a:focus,
.artBox p a:hover,.artBox p a:active,.artBox p a:focus{
	color:#73A901;
}
/***箭头***/
.poptip-arrow {
	position: absolute;
	overflow: hidden;
	font-style: normal;
	font-family: simsun;
	font-size: 18px;
	text-shadow:0 0 0px #ccc;
}
.poptip-arrow em, .poptip-arrow i {
	position: absolute;
	left:0;
	top:0;
	font-style: normal;
}
.poptip-arrow em {
	color: #CCC;
}
.poptip-arrow i {
	color: #FFF;
	text-shadow:none;
}

.red .poptip-arrow em {
	color: #FFBB76;
}
.red .poptip-arrow i {
	color: #FFFCEF;
	text-shadow:none;
}
.poptip-arrow-top, .poptip-arrow-bottom {
	height: 6px;
	width: 12px;
	left:12px;
	margin-left:-6px;
}
.poptip-arrow-left, .poptip-arrow-right {
	height: 28px;
	width: 10px;
	top: 28px;
	margin-top:-10px;
}
/*****站内信箭头*****/
.msgcontentList .poptip-arrow i {
	color: #F6F6F6;
	text-shadow:none;
}
.msgcontentList .poptip-arrow-left, .poptip-arrow-right {
	height: 28px;
	width: 10px;
	top: 20px;
	margin-top:-10px;
}
.poptip-arrow-top {
	top: -6px;
}
.poptip-arrow-top em {
	top: -1px;
}
.poptip-arrow-top i {
	top: 0px;
}
.poptip-arrow-bottom {
	bottom: -6px;
}
.poptip-arrow-bottom em {
	top: -8px;
}
.poptip-arrow-bottom i {
	top: -9px;
}
.poptip-arrow-left {
	left:-10px;
}
.poptip-arrow-left em {
	left:1px;
}
.poptip-arrow-left i {
	left:2px;
}
.poptip-arrow-right {
	right:-6px;
}
.poptip-arrow-right em {
	left:-6px;
}
.poptip-arrow-right i {
	left:-7px;
}
/***标签***/
.tags a:link,.tags a:visited{
	display:inline;
	margin:5px 0;
	padding:0 5px;
	font-size:12px;
	color:#FFF;
	background-color:#009DE1;
}
.tags a:hover,.tags a:active,.tags a:focus{
	background-color:#73A901;
}
/********统计图表********/
.chart{
	display:block;
	padding:20px;
	text-align:center;
	background-color:#F5F5F5;
	border:1px solid #F5F5F5;
}
canvas{
			}