@CHARSET "UTF-8";



/*头部样式*/

header{width:1000px;height:80px;margin:auto;position:relative;overflow: hidden;}

#logo a{width: 300px;height: 70px;margin:5px 0 0 0;position: absolute;background: url(../image/logo.png) no-repeat;}

nav{float: right;width: 100%;margin:30px 0 0 0;text-align: right;}





nav a {position: relative;display: inline-block;font-size: 18px;font-family: "微软雅黑", Arial, Helvetica, sans-serif;}

nav a:hover { text-decoration: none }

a:link, a:visited {

    text-decoration: none;

    color: #333;

}

.topnav a { margin: 0 5px; padding: 0 8px; }

.topnav a span:first-child {z-index: 2;display: block;}

.topnav a span:last-child {z-index: 1;display: block;color: #999;font: 12px Georgia, serif;opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);text-align: center;}

.topnav a:hover span:last-child, .topnav a:focus span:last-child { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); }

/*#topnav_current{color: #e15782;}*/

.en {/* color: #999; */font-size: 12px;z-index: 1;display: block;}/* ie */





.banner{background: url(../image/banner_top1.jpg) top center;height: 265px;overflow: hidden;}

div{display:block;}

.box {

    width: 1000px;

    margin: auto;

    overflow: hidden;

}

.texts { width: 350px; line-height: 26px; margin: 60px 0 0 20px; float: left; font-size:14px; }

.texts p { -webkit-transform: translate(60px); -moz-transform: translate(60px); -o-transform: translate(60px); -ms-transform: translate(60px); transform: translate(60px); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8), 2px 2px 3px rgba(180, 151, 151, 0.3); }

.texts p:nth-child(1) { -webkit-animation: animations 3s ease-out 1s backwards; -moz-animation: animations 3s ease-out 1s backwards; -o-animation: animations 3s ease-out 1s backwards; -ms-animation: animations 3s ease-out 1s backwards; animation: animations 3s ease-out 1s backwards; }

.texts p:nth-child(2) { -webkit-animation: animations 3s ease-out 4s backwards; -moz-animation: animations 3s ease-out 4s backwards; -o-animation: animations 3s ease-out 4s backwards; -ms-animation: animations 3s ease-out 4s backwards; animation: animations 3s ease-out 4s backwards; }

.texts p:nth-child(3) { -webkit-animation: animations2 5s ease-in-out 7s backwards; -moz-animation: animations2 5s ease-in-out 7s backwards; -o-animation: animations2 5s ease-in-out 7s backwards; -ms-animation: animations2 5s ease-in-out 7s backwards; animation: animations2 5s ease-in-out 7s backwards; }

@-webkit-keyframes animations { 0% {

-webkit-transform:translate(0);

opacity:0;

}

 50% {

-webkit-transform:translate(30px);

opacity:.5;

}

 100% {

-webkit-transform:translate(60px);

opacity:1;

}

}

@-moz-keyframes animations { 0% {

-moz-transform:translate(0);

opacity:0;

}

 50% {

-moz-transform:translate(30px);

opacity:.5;

}

 100% {

-moz-transform:translate(60px);

opacity:1;

}

}

@-o-keyframes animations { 0% {

-o-transform:translate(0);

opacity:0;

}

 50% {

-o-transform:translate(30px);

opacity:.5;

}

 100% {

-o-transform:translate(60px);

opacity:1;

}

}

@-ms-keyframes animations { 0% {

-ms-transform:translate(0);

opacity:0;

}

 50% {

-ms-transform:translate(30px);

opacity:.5;

}

 100% {

-ms-transform:translate(60px);

opacity:1;

}

}

@keyframes animations { 0% {

transform:translate(0);

opacity:0;

}

 50% {

transform:translate(30px);

opacity:.5;

}

 100% {

transform:translate(60px);

opacity:1;

}

}

@-webkit-keyframes animations2 { 0% {

opacity:0;

}

 40% {

opacity:.8;

}

 45% {

opacity:.3;

}

 50% {

opacity:.8;

}

 55% {

opacity:.3;

}

 60% {

opacity:.8;

}

 100% {

opacity:1;

}

}

@-moz-keyframes animations2 { 0% {

opacity:0;

}

 40% {

opacity:.8;

}

 45% {

opacity:.3;

}

 50% {

opacity:.8;

}

 55% {

opacity:.3;

}

 60% {

opacity:.8;

}

 100% {

opacity:1;

}

}

@-o-keyframes animations2 { 0% {

opacity:0;

}

 40% {

opacity:.8;

}

 45% {

opacity:.3;

}

 50% {

opacity:.8;

}

 55% {

opacity:.3;

}

 60% {

opacity:.8;

}

 100% {

opacity:1;

}

}

@-ms-keyframes animations2 { 0% {

opacity:0;

}

 40% {

opacity:.8;

}

 45% {

opacity:.3;

}

 50% {

opacity:.8;

}

 55% {

opacity:.3;

}

 60% {

opacity:.8;

}

 100% {

opacity:1;

}

}

@keyframes animations2 { 0% {

opacity:0;

}

 40% {

opacity:.8;

}

 45% {

opacity:.3;

}

 50% {

opacity:.8;

}

 55% {

opacity:.3;

}

 60% {

opacity:.8;

}

 100% {

opacity:1;

}

}

.avatar { float: right; margin: 40px; width: 130px; height: 130px; border-radius: 100%; overflow: hidden; border: #FFF 4px solid }

.avatar a { display: block; padding-top: 97px; width: 160px; background: url(../image/photos3.jpg) no-repeat; background-size: 130px 130px }

.avatar a span { display: block; margin-top: 63px; padding-top: 8px; width: 130px; height: 55px; text-align: center; line-height: 20px; color: #fff; background: rgba(0, 0, 0, .5); -webkit-transition: margin-top .2s ease-in-out; -moz-transition: margin-top .2s ease-in-out; -o-transition: margin-top .2s ease-in-out; transition: margin-top .2s ease-in-out; }

.avatar a:hover span { display: block; margin-top: 0; }





/*模板块*/



.template {

	background:#f1f0ee;

}

.box{

	width: 1000px;

	margin: auto;

	overflow: hidden;

	

	

}

.template h3{

	width: 100%;

	border-bottom: 1px solid #fff;

	overflow: hidden;

	font-size: 14px;

	margin: 0 0 10px;

	font-family:"微软雅黑";

	display: block;

	clear: both;

}

.template h3 p{

	background: #474645;

	width: 180px;

	height: 25px;

	line-height: 25px;

	margin: 15px 0 0 10px;

	color: #fff;

	text-align: center;

	box-shadow: #999 4px 5px 1px;

}

.template h3 p span{

	color:aqua;

}

.template ul{

	overflow: hidden;

}

.template ul li{

	margin: 3px 2px;

	float: left;

	display: block;

	padding:5px 5px 6px 5px;

	transition: all 1s;

	-webkit-transition: all 1s;

	-moz-transition: all 1s; 

	-o-transition: all 1s;

	

}	

.template li img{

	width: 177px;

	height: 110px;

	padding: 4px;

	background: #fff;

	display: block;

	box-shadow: 0px 0px 2px rgb(0,0,0,.5);

}

.template li span{

	color: #f1f0ee;

	display: block;

	text-align: center;

	margin-top: 5px;

	width: 177px;

	overflow: hidden;

	height: 14px;

	line-height: 14px;

	text-overflow: ellipsis;

}



.template li:hover {

	background: #666;

	padding: 5px 5px 6px 5px;

}



/*article*/



.banner1 { height : 376px; width : 680px; overflow : hidden; }

#slide-runner { height : 376px; width : 680px; overflow : hidden; position : absolute; }

#slide-holder img { position : absolute; }

#slide-controls { left : 0; bottom : 0px; width : 670px; height : 34px; display : none; position : absolute; background : url(../images/slide-bg.png) 0 0; }

#slide-controls p.text { float : left; color : #fff; display : inline; line-height : 16px; margin : 10px 0 0 20px; }

#slide-controls p#slide-navx { float : right; height : 24px; display : inline; margin : 5px 0px 0 0; }

#slide-controls p#slide-navx a { float : left; width : 24px; height : 24px; display : inline; font-size : 11px; margin : 0 5px 0 0; line-height : 24px; text-align : center; color: #fff }

#slide-controls p#slide-navx a.on { background-position : 0 -24px; }

#slide-controls p#slide-navx a { background-image : url(../images/silde-nav.png); }















article{

	width: 1000px;

	margin: 20px auto;

	overflow: hidden;

}





.title_tj{

	font: 18px "微软雅黑", Arial, Helvetica, sans-serif;

    color: #444;

	font-weight: bold;

    background: url(../image/h_line.jpg) repeat-x 20px center;

}

.title_tj p{

	background: #fff;

	width: 90px;

}

.title_tj span{

	    color: #FE5187;

}



.banner1{

	width:680px;

	height: 376px;

	overflow: hidden;

	

	margin:20px 0px 0px 0px;

	

}

#slide-runner{

	width:670px;

	height: 280px;

	overflow: hidden;

	position: absolute;

}

.slide-holder img{

	position: absolute;

}

img{

	display:block;

}



#slide-controls{

	width:670px;

	height: 34px;

	position: absolute;

	left: 0px;

	bottom: 0px;

	display: none;

	background: #3f3f3f;

}

#slide-controls p.text{

	float: left;

	color: #fff;

	display: inline;

	line-height: 16px;

	margin: 10px 0px 0px 20px;

}



strong{

	font-weight:bold;

}

#slide-controls p#slide-navx{

    float: right;

    height: 24px;

    display: inline;

	margin: 5px 0px 0 0;

}

#slide-controls p#slide-navx a{

	background-image: url(../image/silde-nav.png);

	float: left;

	width: 24px;

	height: 24px;

	display: inline;

	font-size: 11px;

	line-height: 24px;

	text-align: center;

	color: #fff;

	margin: 0 5px 0 0;

	

}

#slide-controls p#slide-navx a.on{

	background-position:0 -24px;	

}

.left{

	float: left;

}

.bloglist{

	width: 740px;

	overflow: hidden;

	background: url('../image/r_line.jpg') repeat-y right;

}

.bloglist h3{

	margin:20px 0px 10px 0px;

	color: #333;

	font-size: 15px;

}

.bloglist figure{

	float: left;

	width: 183px;



}

figure {

    display: block;

    -webkit-margin-before: 1em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 40px;

    -webkit-margin-end: 40px;

}





.bloglist figure img{

	padding: 4px;

	width: 175px;

	border: 1px solid #f4f2f2;

	border-radius: 10px;

	margin-left:-40px;

}

.bloglist ul{

	float: left;

	width: 400px;

	margin: 10px 0px 0px 15px;

	line-height: 20px;

}



a.readmore{

	 background: #fd8a61;

    color: #fff;

    padding: 5px 10px;

    float: right;

    margin: 10px 0 0 0;

}



p{

    display: block;

    -webkit-margin-before: 1em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

}

.dateview {

	width: 695px;

	overflow: hidden;

	clear: both;

	margin: 10px 0 0 0;

	display: inline-block;

	background: #f6f6f6 url(../image/time.jpg) 10px center no-repeat;

	line-height: 26px;

	height: 26px;

	color: #838383;

	padding-left: 25px;

}

.dateview span{

	margin: 0px 10px;

}

.dateview .songti{

	font-family: "宋体";

}

.dateview span a{

	color: #099b43;

}



.right{

	float: right;

}

aside{

	width: 250px;

	position: relative;

	margin-top: 10px;

	

}

.weather1{

	height: 88px;

	margin: 20px 0px;

	

}



.weather{

	height: 88px;

	margin: 10px 0px;

	background:url("../image/weather_bg.jpg") no-repeat;

	padding: 20px 0px 0px 75px;

}



#mobile4{

	margin: auto;

	height: 60px;

	overflow: hidden;

	cursor: pointer;

}

#mobile4 .wtleft{

    width: 75px;

    float: left;

}

#mobile4 .wtname{

	width: 100%;

	float: left;

	margin-top:8px;

	height: 20px;

}

#mobile4 a{

    color: #000;

}

#mobile4 .order{

    width: 100%;

    float: left;

    margin-top:3px;

    height: 20px;

}

#mobile4 .wtright{

	width: 100px;

	float:left;

	margin-top: 5px;

}

#mobile4 .wtpic{

	line-height: 48px;

	height: 48px;

	float: left;



}

#mobile4 .wt1 {

    width: 54px;

    float: left;

}

#mobile4 .wtline {

    width: 100%;

    float: left;

    height: 18px;

    line-height: 18px;

    margin-top: 3px;

}



/*QQ空间*/



.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{

	background: url("../image/icons_0_16.png");

	background-repeat: no-repeat;

	height: 16px;

	line-height: 16px;

	padding-left: 17px;

	font-size: 12px;

	float: left;

	margin: -6px 6px -6px 0;

	cursor: pointer;

}

.bdshare-button-style0-16 .bds_more{

	background-position: 0 0;

}

.bdshare-button-style0-16 .bds_qzone{

 	background-position: 0 -52px;

}

.bdshare-button-style0-16 .bds_tsina{

	background-position: 0 -104px;

}

.bdshare-button-style0-16 .bds_tqq{

	background-position: 0 -260px;

}

.bdshare-button-style0-16 .bds_renren{

	background-position: 0 -208px;

}

.bdshare-button-style0-16 .bds_weixin{

	background-position: 0 -1612px;

}



.bdshare-button-style0-16 a:hover{

	color: #333;

    opacity: .8;

}

.bdshare-button-style0-16::after{

	content: ".";

	visibility: hidden;

	display: block;

	height: 0;

	clear: both;

}

/*最新文章*/

.news{

	overflow: hidden;

	width: 250px;

}

.news h3{

	font-size: 14px;

	background: url("../image/r_title_bg.jpg") repeat-x center;

}

.news h3 p{

	background: #fff;

	width: 70px;

}

.news h3 span{

	color: #65b020;

}

.rank{

	margin: 10px 0px;

	margin-bottom: 20px;

}

.rank li a{

	color: #333;

	font: 12px "宋体", Arial, Helvetica, sans-serif;

}

.rank li{

	height: 25px;

	line-height: 25px;

	padding-left: 15px;

	overflow: hidden;

	clear: both;

	background: url("../image/li.jpg") no-repeat left center;

}

.rank li:first-child a{

	color:#f00;

	display: block;

	font-weight: bold;

}

/*点击排行*/

.news h3.ph span{

	color: #37ccca;

}

.paih{

	margin: 10px 0px;

	background: url("../image/ph.jpg") no-repeat left 10px;

}

.paih li{

	height: 30px;

	line-height: 30px;

	overflow: hidden;

	padding-left: 24px;

	border-bottom: #ccc dotted 1px;

}

.paih li a{

	color: #333;

	font: 12px "宋体", Arial, Helvetica, sans-serif;

}



.news h3.links span{

	color: #f17b6b;

}

.news link{

	

	font: 14px "宋体", Arial, Helvetica, sans-serif;

}



.website{

	margin: 10px 0px;

	background: #f3f3f3;

	text-align: center;

	border-radius: 50%;

}

.website li{

	height: 26px;

	line-height: 26px;

	text-shadow: #fff 1px 1px 1px;

}

.website li a{

	font-size: 14px;

	color: #333;

}

.website li a:hover{

	text-decoration: underline;

}











/*footer*/

footer{

	text-align: center;

	line-height: 40px;

	border-top: 1px solid #e8e8e8;

	width: 1000px;

	margin: auto;
	z-index: 9999;

}


/*时钟*/

/**sideBar***/
.sidebar{float:left;margin-left:-360px;width:360px;position:relative;}
.widget {clear:both;position:relative;margin-bottom:15px;background-color:#fff;border-radius:4px;border:1px solid #eaeaea;}
.widget h3 {font-size:18px;color:#666;border-bottom:1px solid #eaeaea;background-color:#fbfbfb;margin:0;padding:11px 15px 10px;}
/**widget_bloger**/
.widget_blogger_content {padding:0;}
.widget_bloger_img {padding:15px;border-bottom:1px solid #eaeaea;}
.widget_bloger_img img {display:block;max-width:328px;margin:0 auto;text-align:center;border-radius:5px;}
.J_bloger {margin:10px auto;padding:0 15px;line-height:25px;}
.J_bloger i {display:inline-block;padding:0 5px;font-style:normal;background-color: #fbfbfb;border: 1px solid #e1e1e8;border-radius:3px;color:#00a2ca;}
/**widget_search**/
.widget_search_form {display:block;width:300px;height:36px;margin:10px auto;}
.widget_search_input {width:250px;height:36px;display:block;float:left;border:1px solid #00a2ca;border-right:none;padding:5px 6px 3px 8px;border-radius:3px 0 0 3px;}
.widget_search_input:focus {outline:none;}
.widget_search_btn {width:50px;height:36px;display:block;float:left;background:#00a2ca;border:0;border-radius:0 3px 3px 0;}
.widget_search_btn .fa {color:#FFF;font-size:18px;}
/**widget_calendar**/
.widget_calendar .fa {color:#00a2ca;}
.J_calendar {padding:10px;}
.J_calendar table {width:340px;text-align:center;}
.J_calendar .calendartop {font-size:15px;height:30px;line-height:30px;}
.J_calendar .calendartop tbody tr {border:1px solid #eee;border-bottom:none;color:#000}
.J_calendar .calendartop tbody tr a {padding:0 5px;margin:0 5px;text-align:center;border-radius:2px;background:#F3F3F3;color:#000}
.J_calendar .calendartop tbody tr a:hover {background:#00a2ca;color:#fff;}
.J_calendar .calendar tbody td,.J_calendar .calendar table tfoot td,.J_calendar .calendar table thead th{padding:5px 4px;border:1px solid #eee;}
.J_calendar .calendar .day {background:url(../images/calendar.gif) no-repeat center center;}
.J_calendar .calendar .day2 {background:#F3F3F3;color:#00a2ca;}
.J_calendar .calendar .day a,.J_calendar .calendar .day2 a {color:#00a2ca;display:block;}
.J_calendar .calendar .day2:hover {opacity:0.8;filter:alpha(opacity=80);}
/**widget_tag**/
.J_tags {padding:15px 0 12px 15px;overflow:hidden;}
.J_tags a {color:#777;background-color:#f6f6f6;float:left;width:31.3333%;margin:0 1% 1% 0;padding:0 8px;font-size:12px;height:29px;line-height:29px;overflow:hidden;}
.J_tags a:hover {color:#fff;}
.J_tags a:nth-child(9n):hover{background-color: #45B6F7;}
.J_tags a:nth-child(9n+1):hover{background-color: #15a287;}
.J_tags a:nth-child(9n+2):hover{background-color: #5cb85c;}
.J_tags a:nth-child(9n+3):hover{background-color: #d9534f;}
.J_tags a:nth-child(9n+4):hover{background-color: #567e95;}
.J_tags a:nth-child(9n+5):hover{background-color: #b433ff;}
.J_tags a:nth-child(9n+6):hover{background-color: #00a67c;}
.J_tags a:nth-child(9n+7):hover{background-color: #b37333;}
.J_tags a:nth-child(9n+8):hover{background-color: #f60;}
/**widget_archive**/
.J_archive {padding:10px 0 7px 10px;overflow:hidden;}
.J_archive a {color:#777;background-color:#f6f6f6;float:left;width:31.3333%;margin:0 1% 1% 0;padding:0 8px;font-size:12px;height:29px;line-height:29px;overflow:hidden;}
.J_archive a .fa {color:#c97642;font-size:13px;}
.J_archive a:hover {color:#fff;background-color:#00a2ca;}
/**widget_sort**/
.widget_sort_parent {padding: 12px 13px 10px 15px;}
.widget_sort_parent li {line-height:25px;padding:2px 0;}
.widget_sort_chirdren {padding-left:18px;}
.widget_sort_chirdren li {line-height:25px;padding:2px 0;}
.widget_sort_parent .fa {color:#dfbf21;}
/***widget_newlog、widget_hotlog、widget_random_log***/
.widget_log_list .J_log_list li a {padding:10px 15px 10px 150px;color:#888;border-bottom:solid 1px #eee;overflow:hidden;position:relative;display:block;font-size:14px;}
.widget_log_list .J_log_list li:last-child a {border-bottom:none;}
.widget_log_list .J_log_list li a:hover {color:#00a2ca;}
.widget_log_list .nopic li a {padding:10px 15px;margin-left:-3px;border-left:3px solid #eee;}
.widget_log_list .nopic li a:hover {border-left:3px solid #00a2ca;}
.widget_log_list .nopic li a {padding:10px 15px;}
.widget_log_list .J_log_list .thumbnail {float:left;margin:0 0 0 -135px;border:none;padding:0;}
.widget_log_list .J_log_list .thumbnail img {width:122px;height:86px}
.widget_log_list .nopic .text:hover {color:#00a2ca;}
.widget_log_list .J_log_list .text {display:block;}
.widget_log_list .J_log_list .nopic .text {margin-top:0;color:#888;}
.widget_log_list .J_log_list .muted {margin-right:5px;font-size:12px;color:#bbb;}
.widget_log_list .nopic .muted {margin-right:10px;}
/**widget_twitter**/
.widget_twitter .widget_content {padding:0;}
.widget_twitter .fa {font-size:15px;color:#00a2ca}
.widget_twitter p {line-height:25px;border-bottom:1px solid #eee;padding:10px 15px;margin:0;}
.widget_twitter p:last-child {border-bottom:none;}
.widget_twitter p:hover {background-color:#fafafa;}
.widget_twitter p:last-child:hover {border-radius:0 0 4px 4px;}
.widget_twitter p img {display:inline-block;width:15px;margin:-3px 2px 0 2px;}
.widget_twitter p time {display:inline-block;background-color:#ddd;color:#FFF;font-size:12px;padding:0 2px;line-height:18px;border-radius:2px;}
.widget_twitter p a:visited {color:#555;}
.widget_twitter_image:hover {color:#f60;}
/**widget_newcomm**/
.widget_newcomm_ul {margin:0 auto;padding:0;}
.widget_newcomm_ul li {border-bottom:1px solid #eee;line-height: 20px;}
.widget_newcomm_ul li a {padding:10px 15px 10px 62px;display:block;border-left:3px solid #eee;margin-left:-3px;overflow:hidden;position:relative;color:#00a2ca;font-size:12px;line-height:20px;word-break:break-all;word-wrap:break-word;}
.widget_newcomm_ul li:last-child {border-bottom:none;}
.widget_newcomm_ul li a:hover {background-color:#fafafa;border-left-color:#00a2ca;}
.widget_newcomm_ul li:last-child a:hover {border-radius:0 0 4px 4px;}
.widget_newcomm_ul li a .avator {float:left;width:36px;margin:3px 0 0 -47px;border-radius:50%;}
.widget_newcomm_ul li .muted {color:#999;padding:0;margin:0;}
.widget_newcomm_ul li .muted img {display:inline-block;width:15px;margin:-3px 2px 0 2px;}
/**widget_link**/
.J_link {padding:15px 0 12px 15px;overflow:hidden;}
.J_link a {color:#777;background-color:#f6f6f6;border:1px solid #f6f6f6;float:left;width:31.3333%;margin:0 1% 1% 0;padding:0 8px;font-size:12px;height:29px;line-height:29px;overflow:hidden;}
.J_link .fa {color:#00a2ca}
.J_link a:hover {border-color:#dedede;}
/* widget_links*/
.widget_links ul{width:100%;padding: 10px 10px 10px 10px;color: #777;font-size: 14px;display: table;}
.widget_links ul li{width: 50%;float: left;padding: 0;border-bottom: none;line-height: 25px;height: 25px;overflow: hidden;}
.widget_links span{display:inline-block;width: 100%;font-size: 18px;color: #666;border-bottom: 1px solid #eaeaea;background-color: #fbfbfb;margin: 0;padding: 5px 15px 5px;}
/* widget items_tags */
.items_tags{overflow: hidden;padding: 10px 0 10px 15px;}
.items_tags a{width:31.3333%;display:inline-block;padding:0px 8px;margin:0 1% 1% 0;color:#fff;font-size:12px;opacity:0.80;filter:alpha(opacity=80);float:left;height:25px;line-height:25px;overflow:hidden;text-align:center;}
/**widget_custom 用户自定义侧边栏容器**/
.widget_custom {margin:0 auto 15px;}
.widget_custom_content {margin:0 auto;padding:0;width:100%;}
.widget_custom_300 {padding:20px 29px;overflow:hidden;}
.widget_custom_310 {padding:20px 24px;overflow:hidden;}
.widget_custom_320 {padding:20px 19px;overflow:hidden;}
.widget_custom_330 {padding:15px 14px;overflow:hidden;}
.widget_custom_340 {padding:10px 9px;overflow:hidden;}
.widget_custom_350 {padding:5px 4px;overflow:hidden;}
.widget_custom_360 {padding:0;overflow:hidden;}
.widget_custom_notitle {border:none;}
/**站内统计**/
.widget_tongji {padding:10px;}
.widget_tongji_ul {min-height: 90px;}
.widget_tongji_ul li {width:50%;float:left;}
.widget_tongji_ul li p {line-height: 28px;margin:1px;background-color: #FAFAFA;border-radius: 3px;}
.widget_tongji_ul li p:hover {background-color: #F4F4F4;}
.widget_tongji_ul li p span {display: inline-block;padding-left: 10px;font-size: 13px;font-weight: bold;}
.widget_tongji_ul li p em {display: inline-block;padding-right: 10px;float:right;font-style: normal;font-size: 12px;color: #000;}
/**时钟**/
.widget_custom_clock {position: relative;border:none;}
.widget_clok {position: relative;padding:10px 0;}
.widget_clok .fill {background-color: #fff;width:240px;height:240px;position: relative;border-radius: 50%;margin:0 auto;}
.widget_clok .clock {position: absolute;opacity: 1;width:100%;height:240px;}
.widget_clok .fill .clock {left: 0;top: 0;height:240px;}
.widget_clok .centre {position: absolute;top: 50%;left: 50%;width: 0;height: 0;}
.widget_clok .expand {position: absolute;top: 0;left: 0;transform: translate(-50%, -50%);}
.widget_clok .anchor {position: absolute;top: 0;left: 0;width: 0;height: 0;}
.widget_clok .element {position: absolute;top: 0;left: 0;}
.widget_clok .round {border-radius: 296px;}
.widget_clok .circle-1 {background: #2e3c49;width: 12px;height: 12px;}
.widget_clok .circle-2 {background: #FA9F22;width: 8px;height: 8px;}
.widget_clok .circle-3 {background: black;width: 4px;height: 4px;}
.widget_clok .second {transform: rotate(180deg);}
.widget_clok .minute {transform: rotate(54deg);}
.widget_clok .second-hand {width: 2px;height: 164px;background: #FA9F22;transform: translate(-50%,-100%) translateY(24px);}
.widget_clok .hour {transform: rotate(304.5deg);}
.widget_clok .thin-hand {width: 4px;height: 50px;background: #293642;transform: translate(-50%,-100%);}
.widget_clok .fat-hand {width: 10px;height: 57px;border-radius: 10px;background: #293642;transform: translate(-50%,-100%) translateY(-18px);}
.widget_clok .minute-hand {height: 112px;}
.widget_clok .hour-text {position: absolute;font: 40px Hei, Helvetica, Arial, sans-serif;color: #293642;transform: translate(-50%,-50%);}
.widget_clok .hour-10 {padding-left: 0.4ex;}
.widget_clok .hour-11 {padding-left: 0.25ex;}
.widget_clok .minute-text {position: absolute;font: 12px Avenir Next, Helvetica, Arial, sans-serif;color: #293642;transform: translate(-50%,-50%);}
.widget_clok .minute-line {background: #293642;width: 1px;height: 9px;transform: translate(-50%,-100%) translateY(-131px);opacity: 0.34;}