/*
Theme Name: happysoft
Theme URI: isharepc.com
Description:乐软博客
Version: 1.0
Author: unknown
*/

@charset "utf-8";
/* public -start*/
* { margin:0; padding:0; }
li { list-style:none; }
a { text-decoration:none; color:#535353; }
img { border:none; }
.clear { clear:both; overflow:hidden; width:100%; height:0 !important; font-size:0; }
.block { display:block!important; }
.none { display:none!important; }
a, input, button { outline:none; }
::-moz-focus-inner {border:0px;}
body { font-size:14px; font-family: "PingFang SC","Helvetica Neue","Helvetica","Hiragino Sans GB","Arial","Verdana","Microsoft Yahei"; }
::-moz-selection {background:#d475d1;color:#FFF;}
::selection {background:#d475d1;color:#FFF;}
code {background-color: #f8f8f8;border: 1px dotted #dadada;border-radius: 4px;display: block;margin-top: 10px;padding: 5px;}
blockquote {background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;padding:.5em 10px;quotes:"\201C""\201D""\2018""\2019";}
blockquote:before {color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;}
blockquote p {display:inline;}
.error-content {text-align: center;}
.tab{width:500px;margin:0 auto;}
.error-info {font-size: 16px;line-height: 30px;}
.error-title {border-top: 1px dashed #eee;color: #5e6ac0;font-size: 14px;margin-bottom: 10px;margin-top: 10px;}
/* header */
.header { width:1110px; height:120px; margin:0 auto; position:relative; }
.header .logo { width:342px; float:left; padding-top:20px; }
.header .logo i { width:82px; height:81px; display:block; float:left; background:url(images/logo_o.gif); transform 1s;
-moz-transition:-moz-transform 1s; /* Firefox 4 */ -webkit-transition:-webkit-transform 1s; /* Safari and Chrome */ -o-transition:-o-transform 1s; /* Opera */ }
.header .logo i:hover { transform:rotate(360deg); -moz-transform:rotate(360deg); /* Firefox 4 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ -o-transform:rotate(360deg); /* Opera */ }
.header .sayhello { width:317px; height:117px; position:absolute; top:20px; right:80px; background:url(images/guys.jpg); }
/* main */
.main { width:1030px; height:100%; margin:0 auto; position:relative; }
/* content */
.content { width:730px; float:left; position:relative; z-index:100; margin-bottom:50px; }	
.article-title {border-bottom: 1px solid #ddd;margin:0 25px;}
.article-title h3 {border-bottom: 3px solid #6871b1;bottom: -3px;color: #838383;display: inline-block;font-size: 1rem;font-weight: normal;line-height: 32px;padding: 0 1px;position: relative;}
.post { position:relative; }
.post_title { font-family:"PingFang SC","Helvetica Neue","Helvetica","Hiragino Sans GB","Arial","Verdana","Microsoft Yahei"; padding:0 25px; height:36px; overflow:hidden; margin-top:20px; }
.article-title {border-bottom: 1px solid #ddd; margin: 0 0 20px;position: relative; }
.post_title .post_date { width:30px; text-align:center; float:left; padding-right:18px; line-height:18px; color:#3d3d3d; }
.post_title .post_date b.post_date_b { font-size:24px; color:#838383; }
.post_title h1{ float:left; padding-left:18px; border-left:1px solid #cccccc; line-height:36px; font-size:20px;text-shadow: 1px 1px 0px #F3F3F3, 1px 2px 0px #B2B2B2; }
.post_title h1 a { color:#000; }
.post_title h1 a:hover { color:#5e6ac0; -webkit-transition: color 300ms ease 0ms; -moz-transition: color 300ms ease 0ms; -o-transition: color 300ms ease 0ms; transition: color 300ms ease 0ms; }
.post_title h2 { float:left; padding-left:18px; border-left:1px solid #cccccc; font-size: 20px;line-height:36px; text-shadow: 1px 1px 0px #F3F3F3, 1px 2px 0px #B2B2B2; }
.post_title h2 a { color:#000; }
.post_title h2 a:hover { color:#5e6ac0; -webkit-transition: color 300ms ease 0ms; -moz-transition: color 300ms ease 0ms; -o-transition: color 300ms ease 0ms; transition: color 300ms ease 0ms; }
.post_type { height:33px; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; background:#f2f2f2; line-height:33px; font-size:12px; margin:16px 0; }
.post_type a:hover { color:#d567d2; -webkit-transition: color 300ms ease 0ms; -moz-transition: color 300ms ease 0ms; -o-transition: color 300ms ease 0ms; transition: color 300ms ease 0ms; }
.post_type a { color:#919191; font-weight:bold; }
.post_type p { float:left; }
.post_type p.post_tag { margin-left:25px; text-indent:30px; }
.post_type p.post_comments { float:right; padding-right:25px; font-weight:bold; color:#919191; padding-left:35px; }
.entry-content{padding:0 25px;line-height:26px; color:#333;white-space:normal;word-break:break-all;word-wrap:break-word;overflow:hidden; }
.post_content {line-height:26px; color:#333;white-space:normal;word-break:break-all;word-wrap:break-word;overflow:hidden; }
.post_content h2{padding: 0 25px;margin-bottom: 10px;border-left:5px solid #5e6ac0;}
.post_content h3{padding: 0 25px;margin-bottom: 10px;border-left:5px solid #5e6ac0;}
.post_content img {max-width:680px; }
.post_content ul{margin-bottom:15px;padding:0 35px;}
.post_content ul li{list-style-type: disc !important; line-height:28px; font-size:14px;border-bottom:1px dashed #dfdfdf;}
.post_content a {text-decoration:underline; }
.single_post p { padding:0 15px; margin-bottom:15px; }
.post_share { padding:5px 25px 0 25px; height:52px;}
.bdsharebuttonbox { float:left; width:300px; padding-top:8px; }
.post_share .post_more a { width:123px; height:32px; float:right; text-indent:26px; line-height:28px; font-weight:bold; display:block; color:#FFF; opacity:0; }
.post_share .post_more a:hover { }
.post_views a.post_v { height:22px; float:left; border:1px solid #ababab; text-align:center; line-height:22px; font-size:12px; color:#ababab; display:inline-block; padding: 0 10px; margin-top: 5px; border-radius:20px; -moz-border-radius:20px; }
.post_content_img_p1 { margin-bottom:16px; }
.post_content_img_p1 img { min-width:100%; }
/* Nav */
.main .nav_b { background: #fff none repeat scroll 0 0 padding-box;border-color: #ebedf1;border-radius: 0;border-top: 1px solid #ebedf1;box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);width:150px; position:absolute; left:-180px; top:40px; z-index:101; }
.main .nav { width:150px; background:#fff; overflow: hidden; padding-bottom: 15px;}
.main .nav ul.nav_list { list-style: outside none none;margin: 0;padding: 0; position: relative; }
.main .nav ul.nav_list li a { color: #666;display: block;font-size: 16px;height: 60px;line-height: 60px;padding-left: 35px;text-transform: none; }
.main .nav ul.nav_list li a:hover{ border-left:3px solid #6871b1;color: #6e718a;display: block;font-size: 16px;height: 60px;line-height: 60px;padding-left: 35px;text-transform: none; }
.main .nav ul.nav_list li { border-bottom: 1px solid #f4f4f4;display: block;float: left;height: 60px;list-style: outside none none;position: relative;width: 100%; }
.go_top { width:28px; height:28px; display:none; cursor:pointer; position:absolute; bottom:-50px; left:28px; }
/*  author_info */
.shuoshuo {background:url(images/gonggao.jpg);background-size:cover;border: 1px solid #ddd;width:260px;border-radius: 8px;font-size: 12px;margin:10px;overflow: hidden;padding: 12px;position: relative;}
.shuoshuo-avatar {border: 0px solid #c8d7e2;float: left;height: 50px;width: 50px;padding-top:20px;}
.shuoshuo-talk {float: left;width: 200px;padding-top:20px;}
.shuoshuo-title {background: #666 none repeat scroll 0 0;border-radius: 0 0 5px 5px;color: #fff;height: 25px;line-height: 25px;padding: 0 15px;position: absolute;right: 30px;top: 0;margin-right: 170px;font-weight:bold}
/*  author_info */
.entry-author {background: #ffffff none repeat scroll 0 0;border: 1px solid #ddd;border-radius:8px;font-size: 12px;overflow: hidden;padding: 12px;position: relative;height:120px;}
.entry-author a {color: #0086e3;}.entry-author a:hover {text-decoration: underline;}
.entry-author-title {background: #666 none repeat scroll 0 0;border-radius: 0 0 5px 5px;color: #fff;height: 25px;line-height: 25px;padding: 0 15px;position: absolute;right: 30px;top: 0;}
.entry-author .avatar {background-size: cover;border-radius: 50px;float: left;height: 80px;margin-right: 25px;width: 80px;}
.entry-author-about {color: #999;}
.entry-author-desc {float: left;width: 540px;}
.entry-author-name {font-size: 16px;font-weight: bold;}
.entry-author-description {margin: 8px 0 4px;line-height: 26px;}
.entry-author-links {color: #ddd;}
/*  pagebar */
.pagebar, .wp-pagenavi { height:50px; border-bottom:1px solid #ccc; line-height:50px; padding:0 20px; }
.postcopyright { height:110px; border-bottom:1px solid #ccc; line-height:36px; padding:0 20px;margin-top:20px; font-size:12px!important;}
.postcopyright li:hover a { color:#6871b1 }
.pagebar a, .pagebar span, .pagebar b, .Nextpage span, .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a { font-size:14px; color:#6871b1; font-weight:bold; padding:3px 6px; margin:0 5px; border:1px solid #6871b1; border-radius:5px; -moz-border-radius:5px; }
.pagebar a:hover, .pagebar b, .pagebar a.pagebar_active, .wp-pagenavi span.pages, .wp-pagenavi span.current { background:#6871b1; color:#FFF; -webkit-transition: color 300ms ease 0ms; -moz-transition: color 300ms ease 0ms; -o-transition: color 300ms ease 0ms; transition: color 300ms ease 0ms; }
/*  footer */
.footer { line-height:26px; font-size:12px; padding:25px; color:#979797; }
.footer .footer_about { color:#888; padding-bottom:15px; }
/* sidebar */
.main .sidebar { width:300px; float:left; position:absolute; padding:40px 0 30px 5px; right:0; z-index:2;  }
.leruan_search{margin-left: 10px;width: 95%;}
.search-input {position: relative;}
.search-input input.search-button {background-color: #6e718a;background-repeat: no-repeat;border: medium none;float: right;height: 37px;position: absolute;right: 0;text-align: center;top: 0;width: 15%;}
.search-input input.search-button:hover {background-color: #555;}
.search-input b.search-liaosheji {display: block;left: 50%;margin-left: -12px;position: absolute;top: 0;width: 24px;}
.search-input input[type="text"] {border: 1px solid #ddd;color: #888;display: block;height: 35px;line-height: 33px;margin: 0;outline: medium none;padding: 0 7px;width: 92%;}
.search-input select {padding: 0;}
.search-input textarea {display: block;min-height: 60px;width: 80%;}
.sidebar_new,.sidebar_hot, .sidebar_tag, .sidebar_talk, .sidebar_tag_list, .sidebar_user { padding: 0 10px 15px; }
.sidebar_new h3,.sidebar_hot h3,.sidebar_tag h3, .sidebar_talk h3, .sidebar_tag_list h3, .sidebar_user h3 { font-size:14px;color:#5e6ac0; line-height:30px;}
.sidebar_new ul li,.sidebar_hot ul li{ height:32px; background:url(images/siderbar_li_bg.gif) no-repeat 0 bottom; line-height:32px; font-size:12px; overflow:hidden; }
.sidebar_new ul li span,.sidebar_hot ul li span { padding:3px 7px; background:#c4c4c4; color:#FFF; font-weight:bold; margin-right:12px; border-radius:4px; -moz-border-radius:4px; }
.sidebar_new ul li a ,.sidebar_hot ul li a { color:#737373; padding:10px 0; }
.sidebar_new ul li a:hover,.sidebar_hot ul li a:hover, .sidebar_tag ul li a:hover, .sidebar_talk dl dd p a:hover { color:#d475d1; }
.sidebar_tag { width:210px; float:left; }
.sidebar_tag ul li, .nav_tag li, .nav_web li { font-size:12px; height:26px; line-height:26px; border-bottom:1px solid #e0e0e0; padding-top:8px; }
.sidebar_tag ul li span.name, .nav_tag li span.name, .nav_web li span.name { line-height:18px; float:left; }
.sidebar_tag ul li span.number, .nav_tag li span.number, .nav_web li span.number { float: right; padding: 3px; font-size: 11px; color: #878787; border: 1px solid #D7D7D9; line-height: 10px; font-weight:bold; border-radius: 7px; -moz-border-radius:7px; }
.sidebar_tag ul li a { width:210px; height:22px; display:block; text-align: center;}
.nav_tag li a, .nav_web li a { height:22px; display:block; width:100%; }
.nav_tag li a:hover, .nav_web li a:hover { color:#d475d1; font-weight:600; }
.sidebar_talk dl { height:77px; border-bottom:1px solid #e0e0e0; padding-top:20px; }
.sidebar_talk dl dt { width:51px; height:51px; overflow:hidden; float:left; margin-right:20px; border-radius:50%; -moz-border-radius:50%; transform 1s;
-moz-transition:-moz-transform 1s; /* Firefox 4 */ -webkit-transition:-webkit-transform 1s; /* Safari and Chrome */ -o-transition:-o-transform 1s; /* Opera */ }
.sidebar_talk dl dd { float:left; line-height:26px; color:#575757; position:relative; }
.sidebar_talk dl dd p a { font-size:12px; color:#919191; }
.sidebar_talk dl dd span { width:70px; height:20px; border:1px solid #cccccc; display:block; position:absolute; right:-30px; top:-3px; font-size:12px; text-align:center; line-height:20px; color:#919191; border-radius:4px; -moz-border-radius:4px; -moz-box-shadow: 0 0 6px #cacaca; box-shadow: 0 0 6px #cacaca; }
/* tag_cloud
.sidebar_tag_list ul li{ padding:5px 8px; background:#FFF; float:left; margin:5px 10px; font-size:12px; position:relative; border:1px solid #9a9db7;
	border-radius:4px;
	-moz-border-radius:4px; 
	-moz-box-shadow: 0 0 6px #cacaca; 
	box-shadow: 0 0 6px #cacaca;

}
.sidebar_tag_list ul li a{ color:#9a9db7;}
.sidebar_tag_list ul li a:hover{ color:#d475d1;}
.sidebar_tag_list ul li span{ width:20px; height:26px; background:#9a9db7;line-height:22px; z-index:-1; text-align:center;overflow:hidden;display:inline-block; position:absolute; right:3px; top:-1px; color:#FFF;
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0; 
}
*/
.tag_cloud, .ds-avatar { padding-top:5px; }
.sidebar_tag_list div.tag_cloud a { padding:10px 8px; border: 1px solid #CCC; display: block; float: left; margin:5px; border-radius:7px; -moz-border-radius: 7px; }
.sidebar_tag_list div.tag_cloud a:hover { background:#6871b1; color:#FFF; border:1px solid #6871b1; -webkit-transition: color 300ms ease 0ms; -moz-transition: color 300ms ease 0ms; -o-transition: color 300ms ease 0ms; transition: color 300ms ease 0ms; }
.ds-avatar { padding: 3px; border: 1px solid #CCC; display: block; float: left; margin: 3px; border-radius: 7px; -moz-border-radius: 7px; overflow: hidden; }
/*Nextpage*/
.Nextpage { overflow:hidden; }
.Nextpage span { font-size:12px!important; font-weight:normal !important; float:left; display:block; height:18px; line-height:18px; margin-top:12px; width:40px; overflow:hidden; border:1px solid #ccc; color:#ccc; }
.Nextpage span a { color:#ccc; }
.Nextpage span b { padding:0 16px; }
.Nextpage span.Nextpage_s { float:right; }
.comments_template { padding:0 25px; border-bottom:1px solid #ccc; padding-bottom:10px; }
#ds-thread .ds-powered-by { display:none!important; }
/*多说*/
#ds-recent-comments li.ds-comment .ds-avatar { width:51px; height:51px; overflow:hidden; margin-top:15px!important; border-radius: 50%; -moz-border-radius: 50%; -moz-transition: -moz-transform 1s; -webkit-transition: -webkit-transform 1s; -o-transition: -o-transform 1s; }
#ds-recent-comments li.ds-comment img { width:51px!important; height:51px!important; }
#ds-recent-comments li.ds-comment .ds-thread-title { line-height: 26px!important; }
#ds-recent-comments li.ds-comment.ds-show-avatars { line-height: 26px!important; }
#recent-visitors .avatar img { width:55px!important; height:55px!important; }
#recent-visitors .avatar { width:55px!important; height:55px; overflow:hidden; }
.ds-meta, .ds-thread-title{ padding-left:60px!important; }
.ds-time { height: 16px; line-height: 16px; padding:0 5px; position: absolute; right: 0; top:10px; border-radius:4px; -moz-border-radius:4px; -moz-box-shadow: 0 0 6px #cacaca; box-shadow: 0 0 6px #cacaca; }
.ds-meta a { font-size:14px; font-weight:bold; }
#ds-recent-comments li.ds-comment { border-bottom: 1px solid #dcdcdc;font-size: 13px;list-style-type: none;margin: 0 !important;padding: 6px 0 !important;position: relative !important;word-wrap: break-word;}
#ds-recent-comments li.ds-comment a {display: inline;}
#ds-recent-comments li.ds-comment div {margin: 0;padding: 0;}
/*标签云*/
.wp-tap-cloud { width:626px; overflow:hidden }
.wp-tag-cloud li { width:156px; float:left }
.wp-tag-cloud li span { color:#777; font-size:14px }
.wp_syntax { margin:21px 0!important; }
/*文章分页*/
#fenye { height:40px; text-align:center; }
#fenye a { text-decoration: none; margin: 6px 5px; padding: 3px 10px; background:#5e6ac0; color: white; line-height: 22px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px; }
#fenye a:hover { background: #4954a1; }
/*ratings  评分*/
.ratings { overflow:hidden; }
/*single*/
#oneesama { width:100%; height:100%; position:fixed; left:0; top:0; background:#FFF; z-index:99999; display:none; }
#oneesama p { background:url(images/o-logo.gif) no-repeat; width:300px; height:300px; position:relative; left:50%; top:45%; margin:-150px 0 0 -150px; }
@media only screen and (max-width:768px) {
.main .sidebar {display:none;}
.header {width: 768px;}
.main .content {width: 80%;left: 10%;}
.header .sayhello {display:none;}
.header .logo {text-align: center;}
.main .nav_b {display:none;}
.main .nav_b {width: 8%;position: absolute;left: none;top: 40px;z-index: 101;}
.main .content .post_content .p {font-size: 17px;}

}
 @media only screen and (max-width:640px) {
.main .sidebar {display:none;}
.header {width: 80%;}
.main .content {width: 640px;left: 10%;}
.header .sayhello {display:none;}
.header .logo {text-align: center;}
.main .nav_b {display:none;}
.main .nav_b {width: 8%;position: absolute;left: none;top: 40px;z-index: 101;}
.main .content .post_content .p {font-size: 17px;}

}
 @media only screen and (max-width:480px) {
.main .sidebar {display:none;}
.header {width: 65%;}
.main .content {width:80%;left: 10%;}
.header .sayhello {display:none;}
.header .logo {text-align: center;}
.main .nav_b {display:none;}
.main .nav_b {width: 8%;position: absolute;left: none;top: 40px;z-index: 101;}
.main .content .post_content .p {font-size: 17px;}

}
/* Devework.com 相关文章 */  
.same_cat_posts a {color: #555; text-decoration: none}  
.same_cat_posts {margin: 0; padding: 0; }  
.same_cat_posts h3 {margin-bottom: 10px; font-weight: bolder; font-size: 16px;padding-bottom:12px}  
.same_cat_posts ul {list-style: none; margin-left: 25px}  
.same_cat_posts ul li {float: left; padding: 5px; ;height:180px;overflow:hidden}  
.same_cat_posts ul li:hover {background: #C3E99E}  
.same_cat_posts ul li img {width: 120px; height: 120px; padding: 2px; border: 1px solid #CCCCCC}  
.same_cat_posts ul li .same_cat_posts_tittle { margin-left: 2px; width: 120px;font-size:12px}  
.same_cat_posts ul li .same_cat_posts_tittle { margin-left: 2px; width: 120px;font-size:12px} 

/* 评论框样式 */
*::-moz-selection {background: #16a085 none repeat scroll 0 0;color: #fff;}
table { border-collapse: collapse;border-spacing: 0;}
[hidden]{display: none;}
.fadein {animation: 0.5s ease 0s normal none 1 running fadein; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;}
.clearfix::after {clear: both;content: "";display: table;}
.clearfix {}
#comments {clear: both;margin: 40px 0;}
#comments-title {color: #999;font-size: 22px; font-weight: 400; margin: 0 0 1em;}
.commentlist {color: #666;list-style: outside none none;margin: 0;padding: 0;}
.commentlist .comment {border-top: 1px dotted #ccc;margin: 0 0 1em;padding-top: 1em;}
.commentlist .comment-body {margin-left: 60px;position: relative;}
.commentlist .comment-author .avatar {border-radius: 30px;left: -60px;position: absolute;top: 0;
-webkit-border-radius: 30px;    
-moz-border-radius:30px;     
box-shadow: inset 0 -1px 0 #3333sf;    
-webkit-box-shadow: inset 0 -1px 0 #3333sf;     
-webkit-transition: 0.4s;         
-webkit-transition: -webkit-transform 0.4s ease-out;     
transition: transform 0.4s ease-out;   
-moz-transition: -moz-transform 0.4s ease-out; 
}
.commentlist .comment-author .avatar:hover {
box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);     
-webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);     
transform: rotateZ(360deg);   
-webkit-transform: rotateZ(360deg);     
-moz-transform: rotateZ(360deg); } 
.commentlist .comment-author .fn {color: #16a085;font-style: normal;}
.commentlist .comment-author .url {color: #16a085;font-weight: normal;}
.commentlist .comment-author .url:hover {color: #1abc9c;}
.commentlist .bypostauthor > div > div > .fn::after {background: #16a085 none repeat scroll 0 0;border-radius: 3px;color: #fff;content: "博主";font-size: 12px;margin-left: 5px;padding: 0 3px;}
.commentlist .bypostauthor {}
.commentlist .comment-awaiting-moderation, .commentlist .comment-author time {color: #999;float: right;font-size: 12px;}
.commentlist .comment-content {margin-top: 0.5em;word-break: normal;word-wrap: break-word;}
.commentlist .comment-content p {margin: 0 0 0.5em;}
.commentlist .comment-content > p:last-child { margin-bottom: 0.2em;}
.commentlist .comment-content pre, .commentlist .comment-content code {background: #e7e7e7 none repeat scroll 0 0; margin: 0 0.2em;padding: 0.2em;}
.commentlist .comment-footer {font-size: 12px;opacity: 0;text-align: right;transition: opacity 0.3s ease 0s;}
.commentlist .comment-body:hover .comment-footer {opacity: 1;}
.commentlist .comment-footer a {color: #16a085; margin-left: 1em;}
.commentlist .comment-footer a:hover {color: #1abc9c;}
.commentlist .children {list-style-type: none;margin: 1em 0 0 60px;padding: 0;}
.commentlist .children .children {margin-left: 40px;}
.commentlist .children .comment-body {margin-left: 40px;}
.commentlist .children .comment-author .avatar {height: 30px;left: -35px;width: 30px;border-radius: 3px;float: left;position: absolute;top: 0;   
-webkit-border-radius: 20px;  
-moz-border-radius:20px;     
box-shadow: inset 0 -1px 0 #3333sf;  
-webkit-box-shadow: inset 0 -1px 0 #3333sf;     
-webkit-transition: 0.4s;         
-webkit-transition: -webkit-transform 0.4s ease-out;     
transition: transform 0.4s ease-out; 
-moz-transition: -moz-transform 0.4s ease-out; }
.commentlist .children .comment-author .avatar:hover{
box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);     
-webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);     
transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);     
-moz-transform: rotateZ(360deg); } 
.commentlist .pingback {border-top: 1px dotted #ccc;font-style: italic;padding: 20px 0;text-align: center;}
.commentlist .pingback p {background: rgba(0, 0, 0, 0) url("img/pingback.png") no-repeat scroll 0 50%;display: inline;padding-left: 24px;}
#respond {clear: both;margin-bottom: 40px;}
#cancel-comment-reply-link {clear: both;color: #999;float: right;font-size: 9px;margin: 0.5em 0;}
#commentform {clear: both;margin-left: 60px;position: relative;z-index: 2;}
#commentform .avatar {border-radius: 30px;float: left;left: -60px;position: absolute;top: 0;   
-webkit-border-radius: 30px;   
-moz-border-radius:30px;     
box-shadow: inset 0 -1px 0 #3333sf;   
-webkit-box-shadow: inset 0 -1px 0 #3333sf;     
-webkit-transition: 0.4s;         
-webkit-transition: -webkit-transform 0.4s ease-out;     
transition: transform 0.4s ease-out;   
-moz-transition: -moz-transform 0.4s ease-out; }
#commentform .avatar:hover{   
box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);     
-webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);     
transform: rotateZ(360deg);  
-webkit-transform: rotateZ(360deg);     
-moz-transform: rotateZ(360deg); }   
#comment-settings {background: #fff none repeat scroll 0 0;border: 2px solid #16a085;border-radius: 3px;box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);color: #999;display: none;margin: 7px 3px 0 0;padding: 20px;position: absolute;right: 100px;top: 100%;width: 260px;}
#comment-settings.show {display: block;}
.comment-settings > *:first-child {margin-top: 0;}
.comment-more p {margin: 1em 0 0;}
#comment_mail_notify {margin-right: 0.5em;}
#commentform .comment-fields div {background: #fff none repeat scroll 0 0;border: 2px solid #ddd;margin-top: -2px; padding: 7px;position: relative;}
.comment-form-author {border-radius: 2px 2px 0 0; margin-top: 0;}
.comment-form-url {border-radius: 0 0 2px 2px;}
.comment-fields label {vertical-align: middle;}
.comment-fields input {background: #fff none repeat scroll 0 0;border: 0 none;height: 20px;margin-left: 7px;vertical-align: middle; width: 170px;}
.comment-fields input:focus {outline: 0 none;}
#commentform .comment-form-comment {background: #fff none repeat scroll 0 0;border: 2px solid #ddd;border-radius: 3px 3px 0 0;margin-bottom: -2px;padding: 7px;position: relative;z-index: 1;}
#commentform .must-log-in {border-radius: 3px;height: 32px;line-height: 32px;text-align: center;}
.must-log-in a {color: #16a085;}
.must-log-in a:hover {color: #1abc9c;}
#commentform .comment-form-comment label {color: #999;left: 7px;position: absolute;top: 7px;}
#comment {background: #fff none repeat scroll 0 0;border: 0 none;height: 7em;padding: 0;resize: vertical;transition: color 0.3s ease 0s; width: 100%;}
#comment:focus {outline: 0 none;}
#comment:disabled {cursor: not-allowed;opacity: 0.8;}
.comment-form-footer {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none; background: #eee none repeat scroll 0 0;border-color: #ddd -moz-use-text-color #ddd #ddd;border-image: none;border-radius: 0 0 3px 3px;border: 1px solid #ddd;;border-width: 2px 0 2px 2px;height: 35px;position: relative;z-index: 2;}
.comment-smilies {float: left;margin: 5px 0 0 7px;}
.comment-smilies img {cursor: pointer;margin-right: 5px;}
.comment-settings-toggle {color: #999;cursor: pointer;float: right;line-height: 22px;margin: 5px 10px 0 0;}
.comment-settings-toggle:hover {color: #666;}
.comment-settings-toggle .name {display: inline-block;margin-right: 0.2em;vertical-align: top;}
.comment-settings-toggle .arrow {font-size: 12px;font-style: normal;position: relative;top: -1px;}
.comment-settings-toggle.required .arrow {top: 0;}
.comment-settings-toggle:hover .arrow {border-top-color: #666;}
.comment-settings-toggle.required {background: #fff none repeat scroll 0 0;border: 2px solid #ddd;border-radius: 3px;cursor: text;font-size: 12px;margin-right: 4px;margin-top: 3px;padding: 0 4px;}
#submit{background: #16a085 none repeat scroll 0 0;border: 2px solid #149077;border-radius: 0 0 3px;color: #fff;float: right;height: 36px;margin: -2px 0 0;transition: all 0.3s ease 0s;width: 100px;cursor: pointer;}
#submit:hover {background-color: #26ad93;border-color: #16a085;}
#submit:active {background-color: #149077;border-color: #147e68;}
#submit:disabled {cursor: not-allowed;opacity: 0.8;}
#submit:disabled:hover {background-color: #16a085;border-color: #149077;}
#commentform *:invalid { box-shadow: none;outline: 0 none;}
#commentform .invalid::after {
background: #e74c3c url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAAQUlEQVQI12P4//9/4H8ECGAAEgeRBA5gFZiIJDABJJCIJJAAElBEElAACTBCzTkAxAwgARQMU/EeiD8gC3yECQAAyl+Oh4uXw1EAAAAASUVORK5CYII=") no-repeat scroll 50% 50%;
 border-radius: 50%;content: "";height: 16px;margin-top: -8px;position: absolute;right: 10px;top: 50%;width: 16px;}
.depth-1 #respond {margin-left: 60px;}
.depth-2 #respond {margin-left: 40px;}
.comment #commentform {margin-left: 40px;}
.comment #commentform .avatar {height: 30px;left: -40px;width: 30px;}
.no-comments {background: rgba(0, 0, 0, 0) url("images/sofa.png") no-repeat scroll 50% 0;color: #999;cursor: pointer;margin: 100px 0 70px;padding-top: 90px;text-align: center;}
#comments-navi{text-align:center;}
#comments-navi a{padding:5px 10px;border:1px solid #ccf;}
#comments-navi a:hover{border:1px solid #356aa0;color:#356aa0;}
#comments-navi span.current{font-weight:700;border:1px solid #356aa0;color:#356aa0;padding:5px 10px;}
#loading-comments {display: none;width: 100%; height:45px; background: #7fbf4d; text-align: center; color: #fff;font-size: 22px;line-height: 45px;}
.comment-content p img {height: auto;max-width: 100%; vertical-align: middle;width: auto;}
#art_left{position:fixed;top:50%;left:200px;margin-top:-32px;}
#art_right{position:fixed;top:50%;right:200px;margin-top:-32px;}
.btnDown{    
    display: inline-block;
    background: #63A8DF;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 0 4px 1px rgba(0,150,0,0.3);
    border-radius: 4px;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 30px 30px;
    min-width:100px;
    margin:10px auto;
}

.content-area {
    float: left;
    margin-bottom: 50px;
    position: relative;
    width: 700px;
}
.site-main {
    font-family: "PingFang SC","Helvetica Neue","Helvetica","Hiragino Sans GB","Arial","Verdana","Microsoft Yahei";
    padding: 10px 0 0;
}
h1.fes-title, h1.main-title {
    border-bottom: 1px dashed #ececec;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 15px;
}
.entry-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 50px;
    margin: 0 0 0 17%;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
    z-index: 1;
}

.withoutimg h1.entry-title, .withoutimg p {
    margin-left: 0 !important;
}
.entry-title a {
    color: #504e4e;
}
.p-time {
    color: #989898;
    font-family: din,"Hiragino Sans GB","Microsoft Yahei",Arial,sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    position: absolute;
    right: 0;
    top: 16px;
}
.post-list p {
    color: #232323;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 0 0 0 17%;
    min-height: 60px;
}
.post-list p {
    color: #333;
    line-height: 26px;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0;
    white-space: normal;
    word-break: break-all;
}
.post-more {
    margin-top: 10px;
    text-align: right;
}
.info-meta {
    border-top: 1px solid #ddd;
    font-family: din,"Hiragino Sans GB","Microsoft Yahei",Arial,sans-serif;
    margin-top: 10px;
    opacity: 0;
    padding-top: 8px;
    position: absolute;
    top: 20px;
    transform: translate3d(-150px, 0px, 0px);
    transition: all 0.6s linear 0s;
    visibility: hidden;
}
.comnum {
    float: left;
}
.info-meta span {
    color: #b3b3b3;
    font-size: 13px;
}
.info-meta i {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}
.post-list hr {
    background: #efefef none repeat scroll 0 0;
    border: 0 none;
    height: 1px;
    margin: 0 auto;
    width: 30%;
}
.feature {
    margin-top: 10px;
    position: absolute;
}
.feature img {
    border: 1px solid #dadada;
    border-radius: 10%;
    height: 90px;
    padding: 2px;
    position: relative;
    width: 90px;
}
.top-feature {
    height: auto;
    margin-top: 30px;
    width: 730px;
}
.top-feature li:hover .feature-title span {
    opacity: 1;
}
.top-feature img {
    height: 160px;
    width: 230px;
}
.feature-content {
    display: inline-block;
    margin-top: 10px;
    position: relative;
	float:left;
	width:730px;
}
.top-feature li {
    display: block;
    float: left;
    margin: 0 auto;
    position: relative;
    width: 230px;
}
li.feature-2 {
    margin-left: 10px;
    margin-right: 10px;
}
.feature-title span {
    background: #bbe2db none repeat scroll 0 0;
    color: white;
    font-size: 16px;
    height: 160px;
    line-height: 160px;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 230px;
}
.foverlay {
    transition: opacity 0.4s ease-out 0s;
}
.notice i {
    float: left;
    margin-right: 5px;
}
.notice-content {
display: inline-block;
}
.notice {
    background: #fbfbfb none repeat scroll 0 0;
    border-radius: 4px;
    color: #505050;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 20px;
    position: relative;
	width:680px;
}
.iconfont {
    -webkit-text-stroke-width: 0.2px;
    font-family: "iconfont" !important;
    margin-right: 0.2em;
}
.iconfont.icon-riqi {
    font-size: 14px;
}
.note {
    background: #f9f9f9 none repeat scroll 0 0 ;
	float:left;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 20px;
	border: 3px dashed #ddd;
}
.note-content {
display: inline-block;
}