/*
**主题名称:X-PcMobi V1.4 *
**CSS设计作者:笑忘书 (请勿删改) *
**主题简介:Emlog电脑版专用-深绿简洁 *
**主题地址:http://xiaows.com *
**最后修改:2016.01.18 *
**/
div,p,pre{word-wrap:break-word;word-break:break-all;}
html{font-family:Arial,sans-serif;-webkit-text-size-adjust:none;}
body{margin:0;padding:0;background:#ddd;background:url("../images/bodyback.png") top left repeat;cursor:url('../images/cursor/blue_arrow_l.cur'),auto;}
/* 外围 */
#wrap{height:100%;margin:0;padding:0;background:#f5f5f5;}
a{text-decoration:none;}
a:link,a:visited,a:active {color:#333;}
a:hover{color:red !important;}
/* 网页顶部 */
#header *{-webkit-touch-callout:none;}
#banner,#header,#footer{
-webkit-touch-callout:none;position:relative;margin:0;width:100%;}
#banner {height:90px;color:#fff;line-height:90px;margin-left:-20px;padding-right:40px;}
#banner h1{padding:0;margin:0;font-size:16px}
#banner .logo a {display:inline-block;height:36px;color:#fff;padding-left:30px;}
#banner img{vertical-align:middle;margin-right:10px;}
.jiao{border:transparent 10px solid;border-top-color:rgba(0,153,22,1);top:90px;position:absolute;height:0;width:0;}#banner .left{border-right-color:rgba(0,153,22,1);left:0px;}#banner .right{border-left-color:rgba(0,153,22,1);right:0px;}
/* 博客顶部logo */
#header img#logo-icon{vertical-align:middle;}
/* 顶部博客标题 */
#header a.blogTitle{color:#fff;text-decoration:none;letter-spacing:-1px;position:relative;cursor:pointer;font-family:'楷体','微软雅黑',Arial,sans-serif !important;}
#main,input,pre{font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif !important;}
/* 幻灯片 */
.slider-wrapper.theme-default {
margin: 0.8em 0 0.6em;position:relative;border-radius:8px;background:#fff;padding:0.3em;
}
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;border-radius:10px
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;position:absolute;bottom:20px;left:40%;
}

.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
height:2.5em;line-height:2em;border-radius:0 0 10px 10px;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
	border-radius:8px;
        max-height:300px;
}
#content{}
/* 插入消息公告提示 */
.message{background:#fff;border:1px solid #ccc;padding:0.6em 0.5em;margin:0.8em 0 1em;border-radius:10px}
.msg-header{text-align:left;color:#000;border-bottom:1px dashed #ccc;padding-bottom:0.8em;margin-bottom:0.4em;font:1.1em bold}
.msg-header span{border-left:5px solid #09c;padding-left:0.5em;}
.msg-header a{color:#090;float:right;}
.msg-content{line-height:1.5em;color:#333;padding:0.5em 0.4em}
.msg-content img{vertical-align:middle;}
.msg-time{text-align:right;height:2.2em;line-height:2.2em;white-space:nowrap;overflow:hidden;position:relative; }
.msg-time b{position:absolute;right:0;z-index:1;background:#ededed;padding-left:0.5em;padding-right:0.5em;color:#333;}
.line{border-bottom:1px dashed #bbb;margin-top:1em;display:inline-block;width:100%;}
/* 作者栏目页 */
#author,.headn{padding:0.4em 0.5em;min-height:88px;}
#author .gravatar{background:#FFF;border:1px solid #F2F2F2;float:left;height:78px;width:78px;padding:3px;display:inline-block;margin-right:0.6em;}
#author .about{margin:0.4em 0.8em;font-size:0.9em;}.authorname{margin-right:0.6em;}
#author p{font-size:.85em;margin:10px auto}
.the-author{list-style:none outside none;margin:0;padding:0}
.the-author li{float:left;margin:0 1.4em 0 0}
.the-author li a{color:#8999C3;font-size:0.78em;display:block;padding:0}
.xcat h3{font-size:0.98em;}.xcat b,.xcat span{color:#09c;font-size:1.01em;margin-right:0.6em;}
/*头部博主推荐*/
.header-recommended{background:#fff;border:1px solid #ccc;padding:0.4em 0.3em;}
.xxx{clear:both;overflow:hidden;max-height:100px;}
/*文章列表*/
#mobile-nav{display:none;}
.xxx,.post{background:#fff;border:1px solid #ccc;margin:0.8em 0;position:relative;border-radius:10px;}
.post .shu{position:absolute;left:0;top:0.8em;display:inline-block;width:5px;height:2.3em;background:#09c;}
.post h2{margin:0.8em 0.4em 0;padding:0;font-size:1.2em;border:px solid #ccc;height:2em;background:#F6FBF3}
.post .top{color:red;border:2px solid #fff;color:#fff;margin-right:0.25em;border-radius:2px;box-shadow:0 1px 5px #ccc;background:red;background:-webkit-gradient(linear, left top, left bottom, from(#de939e), to(#a40717), color-stop(0.5, #be4958));background:-webkit-linear-gradient(top, #de939e, #a40717, #be4958 0.5);padding:0.2em 0.4em}
.new,.hot{position:absolute;overflow:hidden;right:0;top:0;font-size:0;}
.new{background:url(../images/new.gif) no-repeat;z-index:1;width:19px;height:23px;}
.hot{background:url(../images/hot.gif) no-repeat;width:18px;height:20px;}
.post h2 a{display:block;margin:0;color:green;position:relative;height:2em;line-height:2em;background:;#f5f5f5;padding-left:0.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.post-info{color:#666;}
.description{line-height:1.5em;margin:0 0.5em;padding:0.6em 0.2em;border-bottom:1px solid #ccc;}
.post-img{display:inline-block;margin-right:0.8em;float:left;border:1px solid #ccc;padding:3px;border-radius:2px;overflow:hidden}
.description img{width:100%;height:100%;}
.post .category{}
.post .time,.post .comview{z-index:1;position:absolute;right:0;padding-left:1em;}
.post .comview{background:#fafafa;}
p.readmore{display:none;}
.post-bottom{padding:0.8em 0.5em;background:#fafafa;box-shadow:inset 0px 1px 1px #ccc}
.category a,.post .author a{color:#39c;margin-left:0.5em}
.post .author{margin-left:2em}
.post b{color:#39c;margin:auto 0.2em;padding:0.2em;font-family:Georgia;}
.post .info{color:#222;overflow:hidden;white-space:nowrap;height:2.2em;line-height:2.2em;margin:0.3em 0.5em;position:relative;border-bottom:1px solid #ddd;}
.post .tags a{margin-right:0.1em;color:#39c}
/* 分页页码定义 */
.page-box{margin:1.2em 0;border:1px solid #ccc}
.page-box .page-wrap {width:100%;text-align:center;}
.page-box .page-wrap a{text-align:center;color:#000;margin:0;display:inline-block;width:98%;border:1px solid #ccc;background:#f5f5f5;box-shadow:inset 0 1px 1px #ccc;color:#666;background:#79828f -webkit-gradient(linear,0 100%,0 0,from(#f4f4f4),to(#fff));}
.page-left,.first-page,.last-page,.page-right,.page-select{}
.page-box td{width:3em;background:#fff;border-radius:0.2em;height:2em;line-height:2em;box-shadow:inset 0 1px 1px #eee;}
.page-select select{width:100%}
#pagenav,#log_fy{border:1px dashed #09c;text-align:center;font-size:14px;background:#fff;margin:0.8em 0;}
#pagenav{padding:0.4em 0.2em}
#pagenav span,#log_fy span,#pagenav a,#log_fy a{display:inline-block;background-color: #fe8503;padding:3px 10px;border-radius: 2px;margin:4px 5px;}
#pagenav span,#log_fy span{border:1px solid #ca9341;background-color:#fe8503;color:#fff;}
#pagenav a,#log_fy a{border:1px solid #d7d7d7;border-radius: 2px;color: #333;cursor: pointer;background: #f5f5f5;}
.page-select select{cursor:pointer;height:32px;overflow:hidden; border:1px solid #ccc;outline:none;border-style:solid;-webkit-appearance:none;border-width:1px 23px 1px 1px;-webkit-border-image:url(../images/select-arrow.png) 1 24 1 1 round round; color:#727070; padding:0 2px; position:relative; display:inline-block; font-size:15px;margin:auto;}
/*微语*/
.wei{background:#fff;border:1px solid #bbb;padding:1em;margin:0.8em 0;}
.author-img{vertical-align:middle;display:inline-block;}
.wei .info{color:#333;display:inline-block;height:32px;line-height:32px;padding-left:0.8em;}
.wei-content{border-top:1px dashed #bbb;border-bottom:1px dashed #bbb;border-radius:5px;padding:1.5em 0}
.wei-com{text-align:right}
.wei-com b{float:left;color:#888}
.r{list-style:decimal inside;padding:0}
.r li{padding:0.6em 0.2em}
.name{color:#09c}
.r li a{color:#090;padding-left:0.5em}
.r .time{color:#777}
.wei-reply{border:1px solid #ccc;width:90%;}
.wei-reply textarea{width:100%;-webkit-appearance:none;padding:0.5em 0;margin:0;border:none;}
.tuser{border-top:1px solid #ccc;position:relative;}
.tbutton{position:absolute;right:0;top:0;background:#f5f5f5;cursor:pointer;}
.wei input[type="text"]{background:#fff;width:6em;}
.tname{background:#f5f5f5;color:#000;}
.tname,.wei input[type="text"],.wei input[type="button"]{border:1px solid #f6f6f6;padding:0.5em;display:inline-block;margin:0}
/* 侧边栏 */
.clear{clear:both;}
#bloggerinfo{margin:0.8em 0em;text-align:center;}
#bloggerinfoimg img{border:1px solid #ccc;padding:3px;border-radius:6px;}
.blogger .name b a{margin:0.4em 0.3em;color:#2e2e2e;font-size:1.1em;padding:0.2em 0.1em;}
.blogger .name img{vertical-align:middle;}
.bloggerinfo{line-height:1.5em;color:#444;font-size:0.9em;padding:0.4em 0.5em;}
#search{text-align:center;margin:1em auto}
#search a{color:#333}
.mysearch{margin-bottom:0.8em}
.mysearch input[type="text"]{background:#fff;border:4px solid #5295d8;margin-right:0;border-radius:5px 0 0 5px;width:170px;padding:0.4em 0.2em}
.mysearch input[type="submit"]{margin-left:0;background:#5295d8;color:#fff;border-radius:0 5px 5px 0;border:4px solid #5295d8;padding:0.4em 0.2em}
input[type="text"],input[type="submit"],input[type="button"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.sort-list,.headn,#author,.blogger,.blogtags,.newcomment,.twitter,div.search,.link,.tongji,#sidelog,.con_box,.side_notice{border-radius:8px;background:#fff;border:1px solid #ccc;margin:0.8em 0;}
#sidebar h3,.sortitem h2{height:2.5em;line-height:2.5em;box-shadow:1px 2px 1px #ccc;font-size:1.1em;margin:0;text-align:left;color:#333;background:#EEEEFF;linear-gradient(-90deg, #f, #F6F6FE) repeat scroll 0% 0% transparent}
#related h3 span,#sidebar h3 span,.sortitem h2 span{border-left:5px solid #376956;border-radius:3px 0 0 5px;padding-left:0.3em;margin-left:0.5em}
#sidebar ul,.sortitem ul{list-style:none;margin:0;padding:0;}
#sidebar li,.sortitem li{margin:0;position:relative;}
#search,#link{padding:0.6em 0.4em !important;}
.respond-header a,#sidebar h3 a,#sidebar h3 b,.sortitem h2 a{float:right;padding-right:0.3em}
.twitter li{border-bottom:1px dotted #ccc;line-height:1.5em;padding:0.5em 0.8em}
#sidelog{width:100%;height:23.3em; position:relative;margin:0.5em 0;padding:0;}
#sidelog div {position:absolute;top:2.8em; left:0; width:100%;height:20em;}
#sidelog div {display:none;}
#sidelog h3{float:left;width:50%;cursor:pointer; text-align:center;font-family:Microsoft YaHei;margin:0;margin:0;display:inline-block}
#sidelog .up {color:#09c;border-bottom:2px solid #09c;}
#sidelog h3 span{border-left:none;}
#sidelog .block{display:block;}
#sidelog li a,.sortitem li a{display:block;border-bottom:1px solid #ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#sidelog li span,.sortitem li span{font-weight:700;font-style:italic;position:absolute;right:0;top:0;font-size:0.85em;color:#ccc;z-index:666;padding-right:0.5em;padding-left:0.4em;margin:0.2em;background:#fff;}
#blogtags{padding:0.4em 0.5em;}
#blogtags a{color:#fff;margin:0.4em 0.2em;display:inline-block;padding:0.2em 0.3em;font-size:0.95em;border-radius:0.5em;}
ul.top-nav,ul#blogsort{list-style:none;margin:0;padding:0;}
.div2{top:10px;z-index:999;position:fixed;_position:absolute}
#calendar{padding:0.2em 0.3em;}
#calendar table {text-align:center;width:100%;border-collapse:collapse;}
table.calendartop a {margin:0 0.4em;color:#fff;width:2em;color:#09c; }
.calendartop {height:26px;margin-top:5px;}
.calendar td {height:24px;line-height:24px;text-align:center;width:24px;}
.calendar td a {color:#090;background:#f5f5f5;display:block;height:24px;line-height:24px;text-decoration:none;margin:0.2em;border-radius:10px 0 10px 0}
.calendar #prev a {width:42px;}
.calendar #next a {width:42px;}
.calendar .day {background:#F9F9F9;color:#A32222;font-weight:700;}
.calendar .day a{background:#F9F9F9;color:#A32222;font-weight:700;}
.calendar .sun{color:red;}.calendar .sun,.calendar .week{border:1px solid #ddd;}
#link li,#blogsort li{display:inline-block;overflow:hidden;width:33.33%;float:left;}
#blogsort li{border-bottom:1px solid #c7dbe8;height:3em;line-height:3em;text-align:center;}
#link a,#blogsort a,.top-nav li a,#related a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;display:block;}
#blogsort li:nth-last-child(1) a{border-bottom:none;}
#link a{padding:0.3em 0.6em;border:1px solid #abc;margin:0.3em 0.6em;font-size:0.98em;border-radius:5px}
#newcomment li,#sidelog li,.sortitem li{border-bottom:1px dashed #ccc;height:2.5em;line-height:2.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:0.5em}
#newcomment li:last-child,#sidelog li:last-child,.sortitem li:last-child{border:none;}
#sidelog li em{padding:0.2em 0.5em;border-radius:5px;color:#fff;margin-right:0.5em;border-radius:2px;box-shadow:1px 1px 5px #ccc}
#sidebar .one{background-color:#e04620}
#sidebar .two{background-color:#00ccff}
#sidebar .three{background-color:#03bf03}
#sidebar .SoSo{background-color:#aaaaaa}
.footer-nav{border:1px solid #aaa;margin:0.8em 0.4em;padding:0.8em 0.3em;text-align:center;background:#090}
.tongji li{text-align:left;height:2.2em;line-height:2.2em;width:50%;float:left;text-indent:0.2em;}
.tongji li b{padding-left:0.5em;}.tongji .update{width:100%;}
.footer-nav a{padding:0.5em 0.3em;border:1px solid #ccc;color:#fff;}
#footer{box-shadow:0 -2px 5px grey;padding-top:0.8em;padding-bottom:0.8em;line-height:1.8em;text-align:center;color:#fff;font-size:0.85em;font-family:'微软雅黑';}
#footer a{color:#fff;}
/*文章页面*/
#post-map,#post-cont-header,.post-content,.post-copyright{background:#fff;padding:0.5em 0.5em;line-height:1.6em;border:1px solid #ccc;}
#post-map{margin:0.8em 0;}
.post-meta-data{position:relative;}
.post-meta-data a{color:#09c;}
.article-font-size{position:absolute;right:0;}
.article-font-size a{border:1px solid #ccc;padding:0.1em 0.2em;color:#bbb;}
#post-cont-header{text-align:center;margin:0.8em 0 0;}
.post-content{margin:0;font-family:\5FAE\8F6F\96C5\9ED1,Helvetica;line-height:1.6em;padding:0.8em 0.8em 1em;border-top:none;text-align:justify;position:relative;}
.post-content .top{overflow:visible;position:absolute;top:-1em;right:0.1em;background:url('../images/top.gif') no-repeat;}
.post-content .checklist,.post-content .warning,.post-content .yes,.post-content>.info,.post-content .ban{margin:20px 0px;padding:15px 15px 15px 60px;font-size:12px;border-radius:8px}
.post-content .checklist{background:url(../images/article/checklist.png) no-repeat 20px 10px #f6f5f5;border:1px solid #cccccc;color:#555;}
.post-content .warning {background:url(../images/article/warning.png) no-repeat 20px 10px #fff9c6;border:1px solid #fbe951;color:#cba200;border-radius:8px}
.post-content .yes {background:url(../images/article/yes.png) no-repeat 20px 10px #EBF6E0;border:1px solid #b7ec82;color:#649505;border-radius:8px}
.post-content>.info {background:url(../images/article/info.png) no-repeat 20px 10px #c3e5ff;border:1px solid #8accff;color:#0d70bb;border-radius:8px}
.post-content .ban {background:url(../images/article/noway.png) no-repeat 20px 10px #FFE9E9;border:1px solid #ffacac;color:#bd0000;border-radius:8px}
.post-content .notice{color:#7da33c;background:#ecf2d6 url(../images/article/notice.png) -1px -1px no-repeat;border:1px solid #aac66d;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px;}
.post-content p em{color:purple;margin:0.2em 0.3em;padding:0.1em 0.3em;}
.post-content span.nickname{color:#080;font-weight:bold;font-family:"Microsoft YaHei",sans-serif;margin-right:0.2em;}
.post-content span.nickname:before{content:"＠";color:#090;margin-left:0.2em;}
.post-content p a,.post-content>ol li a{color:#08c;border-bottom:1px dotted green;padding:0 0.3em;font-style:italic}
.post-content .pimg{text-align:center;}
.post-content img{max-width:98%;height:auto;border:1px solid #e6e6e6;padding:4px;margin:0.3em auto;}
.post-content>h3{font-size:1.12em;background-color: #f0f0f0;background-image: url(../images/h3_bg.jpg);background-repeat: repeat;border:1px solid #ddd;color:#000;margin:0.8em 0;text-align:center;padding:0.5em 0.2em;border-left:none;border-right:none}
.post-content>h4{font-size:1.05em;color:#00a3cf;;font-weight:700;margin:0.6em 0.1em;border-bottom:1px solid purple;padding:0.4em 0.3em;display:block;}
.post-content>h4:before{content:"★";color:#000;display:inline-block;margin-bottom:5px;margin-right:0.2em;}
.post-content p{padding:5px 0px;word-wrap:break-word;word-break:break-all;}
.post-content>ul{margin:0;padding:0.5em 0;list-style:disc inside;}
.post-content>ul li{margin-bottom:0.5em;border-bottom:1px dashed #ccc;}
.post-content>ol{margin-top:0.5em;padding:0.4em 0;list-style:inside decimal;}
.post-content>ol li{border-bottom:1px dashed #abc;padding:0.4em 0;margin-bottom:0.3em;}
.post-content b{color:green;}
.post-content strong{color:red;}
.post-content code{background:#f5f5f5;color:#000;padding:0.3em 0.4em;font-weight:700;}
.post-content pre em{border-bottom:1px solid #090;margin-left:0.5em;margin-right:0.5em}
.post-content pre ol li{line-height:1.8em;}
.post-content embed {float: left;width: 100%;height:480px;margin-bottom: 30px;}
.post-content table{width:100%;margin:1em 0;table-layout:fixed;}
.post-content table td{padding:0.3em 0.2em;border:1px solid #ccc}
img.screenshot{width:98%;display:block;margin-top:0.5em;}
.post-content .quote,.post-content blockquote{background:#E6E6E6;border:1px dashed orange;padding:0.8em 0.5em;border-radius:0.5em;position:relative;margin:0.4em 0.2em;}
.post-content .quote:before,.post-content blockquote:before{content:"“";color:#abc;font-size:1.8em;position:absolute;top:0;left:0}
#copyright{text-align:padding:0.5em 0.2em;color:red;}
#copyright:before{content:"© ";display:inline-block;color:black;}
/* 文章正文后 */
.post_end{clear:both;text-align:center;padding-top:20px;margin:0 10px 30px;color:#abc;font-style:oblique;}
.post_end::after{display:block;content:"";width:100%;border-bottom:1px dashed #d0d0d0;margin-top:-10px;}
.post_end span{background-color:#fff;padding:0 9px 0 10px}
.post_end span::before{display:inline-block;margin:0 auto;content:"";width:33px;height:12px;background:url('../images/post_end.png') no-repeat;background-size:33px 12px}
.post-info{margin:0;background:#fff;padding:0.6em 0.3em;border:1px solid #ccc;border-top:none;line-height:1.5em;}
.pinfo{width:100%;list-style:none;padding-left:0;margin:0}
.pinfo li{overflow:hidden;text-overflow:ellipsis;line-height:2em;height:2em;border:1px solid #ccc;margin:0.4em 0}
.pinfo b{width:5.2em;border-right:1px solid #ccc;padding-left:0.4em;padding-right:0.4em;margin-right:0.4em;}
.post-cont-tag{background:#fff;border:1px solid #ccc;border-top:none;margin:0;padding:0.6em 0.4em;white-space:nowrap;overflow:hidden;}
.post-cont-tag b{float:left;background:url(../images/icon_tags.gif) no-repeat;height:30px;width:17px;display:inline-block;}
.post-cont-tag a{display:inline-block;height:30px;line-height:30px;padding:0 8px;background:#f94c00;color:#fff;font:18px;margin-left:2px;}
.post-copyright{font-size:0.95em;position:relative;margin:0.5em 0;min-height:105px}
.post-copyright .qrcode{float:right;}
.post-copyright .qrcode img{padding:3px;border:1px solid #ccc;}
.post-copyright p a{border-bottom:1px dashed #090;color:#09c;}
.post-copyright p b{color:#090;}
.log-related{border:1px solid #bbb;margin:0.5em 0;padding:0.1em;background:#fff;}
#article-social{position:relative;text-align:center;padding:0.5em 0.4em;border:1px solid #bbb;margin:0.8em 0;background:#fff;}
.like,.share {cursor:pointer;position:relative;display:inline-block;border:1px solid #d6d6d6;border-radius:2px;background-color:#5fcec0;font-size:15px;margin:0;color:#fff;}
.like{background:red;color:#fff;padding:8px 30px 8px 6px;}
.share{padding:8px 18px 8px 18px;}
#article-social .shang-p {font-weight:bold;border:3px solid #fff;background:#7ab951;margin-bottom:0.1em;display:inline-block;position:absolute;z-index:2;left:50%;top:5px;margin-left:-19px;border-radius:10em;font-size:14px;width:38px;height:38px;line-height:38px;}
#article-social .shang-p a{color:#fff;cursor:pointer;}
.popup{background-color:#f8f8f8;box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.popup-content{padding:20px 20px 30px 20px}.popup-overlay{background-color:rgba(0,0,0,.3)}
/** * CSS for jQuery plugin 'popup' v.1.0.0 * Copyright (©) by Konstantin Kachurenko <konstantin.kachurenko@gmail.com> | http://konstantin-kachurenko.github.io | The MIT License (MIT) http://opensource.org/licenses/MIT */
.popup{position:fixed;top:50%;left:50%;width:auto;height:auto;min-width:320px;max-width:100%;max-height:100%;visibility:hidden;opacity:0;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}
.popup,.popup-overlay{z-index:0;-webkit-transform-style:flat;transform-style:flat;-webkit-transition:opacity .3s ease,left .5s,top .5s,transform .5s,-webkit-transform .5s;-ms-transition:opacity .3s ease,left .5s,top .5s,transform .5s,-ms-transform .5s;-o-transition:opacity .3s ease,left .5s,top .5s,transform .5s,-o-transform .5s;transition:opacity .3s ease,left .5s,top .5s,transform .5s,-webkit-transform .5s,-ms-transform .5s,-o-transform .5s}
.popup-content{text-align:center;position:relative}
.popup-overlay{position:fixed;visibility:hidden;opacity:0;top:-25%;left:0;width:100%;height:150%;background:rgba(0,0,0,.7)}
.popup-show{visibility:visible;opacity:1;z-index:2000}
/** * Effects: * .effect-fade-scale, .effect-slide-left, .effect-slide-right, * .effect-slide-top, .effect-newspaper, .effect-sticky */
.popup.effect-fade-scale{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}
.popup-show.effect-fade-scale{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.popup.effect-slide-left{left:20%}
.popup.effect-slide-right{left:80%}
.popup-show.effect-slide-right,.popup-show.effect-slide-left{left:50%}
.popup.effect-slide-top{top:20%}
.popup-show.effect-slide-top{top:50%}
.popup.effect-newspaper{-webkit-transform:scale(0) rotate(720deg);-ms-transform:scale(0) rotate(720deg);-o-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg)}
.popup-show.effect-newspaper{-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);-o-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}
.popup.effect-sticky{top:-100%}
.popup-show.effect-sticky{top:0;margin-top:0 !important}
#social{margin:12px -20px 12px}
.social-main{position:relative;margin:0 auto;width:283px}
.social-main a{float:left;color:#fff !important;line-height:35px;text-align:center;border-radius:2px}
.social-main a:hover{background:#878787;color:#fff;transition:all .2s ease-in 0s}
.like a{background:#f40;width:140px;display:block;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.share-s a{background:#ecb842;width:140px;display:block;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.social-main i{color:#fff;font-style:normal;margin:0 5px 0 0}
.shang-main input{height:auto;max-width:100%;vertical-align:middle;display:block}
.shang-main img{height:auto;max-width:100%;margin:0 auto;vertical-align:middle;display:block}
.shang-main h4{text-align:center}
.zanzhu{margin-top:-5px!important;padding-bottom:5px;border-bottom:1px solid #eee;color:#666;font-weight:bold;font-size:18px;}

#bdshare{text-align:center;border:1px solid #ccc;border-radius:8px;margin:0.5em 0.4em;}
#related{margin:0.5em 0;background:#fff;border:1px solid #ccc;border-radius:8px}
#related h3{font-size:1.1em;border-bottom:1px solid #ccc;padding:0.6em 0.4em;margin:0}
#related ul{padding:0.5em 0.2em;margin:0;}#related li{display:block;margin:0;border-bottom:1px solid #ccc;background:#fff;height:3em;line-height:3em;}
#related a:before{content:"●";color:#090;margin-right:0.5em;}
#related a{display:block;padding-left:0.5em;position:relative;}
/*相邻文章*/
.neighborlog{margin:0.8em 0 0.4em;background:#fff;border:1px solid #ccc}
.prevlog,.nextlog{height:2.5em;line-height:2.5em;}
.prevlog{border-bottom:1px dashed #ccc}
.neighborlog a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin:0;position:relative;}
.neighborlog a:after{content:'';background:url(../images/article/black_arrow.png) no-repeat;display:block;width:20px;height:20px;position:absolute;top:8px;right:3px;}
.neighborlog span{border-left:3px solid chocolate;padding-left:0.5em;margin-right:0.5em}
/* 正文的评论列表 */
.comment-header,.comment-footer{background:#fff;border:1px solid #bbb;padding:0.8em 0.5em;}
.comment-header{border-radius:;margin:1.5em 0 0;}
.comment-header b{font-family:Georgia;}
.comment-footer{margin:0 0 0.8em;}
.comment-header a{float:right;}
.comment{border-radius:5px;background:#fff;margin:0.6em 0;border:1px solid #bbb;padding:0.5em 0.4em;position:relative;}
.comment .floor{font-family:Georgia;z-index:100;color:#09c;font-style:italic;height:1.5em;line-height:1.5em;position:absolute;right:0.8em;top:4.5em;}
.comment table{width:100%;margin-bottom:0.6em;border-collapse:collapse;border-spacing:0;background:#fcfcfc;}
td.Gravatar{background:#;width:3.3em;border:1px solid #ccc;}
td.Gravatar img{width:3em;height:3em;margin:0.2em;border-radius:3em;}
td.comment-info{border:1px solid #ccc;text-align:left;border-left:none;padding-left:0.2em;}
td.comment-info .poster,.comment-time{display:block;height:1.5em;line-height:1.5em;}
td.comment-info a{}
.comment-ua{margin:0;color:#777;font-size:0.9em}
.comment-ua img{height:16px;width:16px;vertical-align:middle}
td.Gravatar img:hover{-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);}
td.comment-reply{border:1px solid #ccc;background:#fbfbfb;color:#000;width:3.4em;text-align:center;cursor:pointer;}
.comment-content{border-top:1px dashed #bbb;padding:0.6em 0.4em;line-height:1.5em;}
.comment-content img{vertical-align:middle;}

/* 发表评论 */
.respond-header{border-bottom:1px solid #ccc;padding:0.8em 0.4em;position:relative;border-top:none;border-radius:0.3em 0.3em 0 0;}
.cancel-reply{float:right;margin-right:0;position:absolute;right:0;}
.cancel-reply a{color:red;font-weight:700;padding:0.5em 0.6em;}
#comment-place{margin-bottom:0.8em;width:100%}
#comment-post{margin:0.5em 0;border:1px solid #abc;border-radius:0.3em;background:#fff;}
#commentform{text-align:center;}
.respond-header img{height:2em;width:2em;border-radius:2em;vertical-align:middle;margin-right:0.3em}
.comment-enhance {text-align:left;margin:0.4em 0.3em;}
#addface img{vertical-align:middle;border:1px solid #ccc;margin:0 0.4em;}
#addface{color:#666;}
.fk{display:block;margin-top:0.4em;}
.fk b{background:#f5f5f5;padding:0.5em 0.4em;color:#000;border:1px solid #ccc;border-right:none;width:20%;display:inline-block;}
#commentform input[type="text"]{margin:0;width:60%;padding:0.5em 0.4em;border:1px solid #ccc;border-radius:0;}
#comment-textarea{width:95%;margin:0.6em auto;border:1px solid #ccc;display:block;}
#commentform .verifyCode img{border:1px solid #ccc;height:2em;margin-right:0.5em;vertical-align:middle;}
#comment_submit{display:block;width:95%;border:0 none; border-radius:5px;height:40px;line-height:40px;background-color:#5295d8; color:#fff;;margin:10px auto;}
#comment_submit:hover{background:green;color:yellow;}
.tooltip {font-size:10px;position:absolute;padding:5px;z-index:100000;font-family:"微软雅黑";}
.tip-arrow {width: 0;height: 0;font-size: 0;line-height: 0;display: block;position: absolute;top:-9px;left:10px;}
.tip-arrow em, .tip-arrow ins {width: 0;height: 0;font-size: 0;line-height: 0;display: block;position: absolute;border: 8px solid transparent;border-style: dashed dashed solid dashed;}
.tip-arrow em {border-bottom-color:#bbb;}
.tip-arrow ins {border-bottom-color:#fff;top: 2px;}
.tipsy-inner {background:#fff;color:#000;border:1px solid #bbb;box-shadow: 0 2px 4px #bbb;max-width:200px;padding:5px 8px 4px 8px;text-align:center;}
/* 圆圈加载*/
#circle{background-color:rgba(0,0,0,0);border:5px solid rgba(10,10,10,0.9);opacity:.9;border-right:5px solid rgba
(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow:0 0 35px #808080;width:60px;height:60px;margin:0 auto;position:fixed;left:30px;bottom:30px;-moz-animation:spinPulse 1s infinite linear;-webkit-animation:spinPulse 1s infinite linear;-o-animation:spinPulse 1s infinite linear;-ms-animation:spinPulse 1s infinite linear;}
#circle1{background-color:rgba(0,0,0,0);border:6px solid rgba(20,20,20,0.9);opacity:.9;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-radius:50px;box-shadow:0 0 15px #202020;width:40px;height:40px;margin:0 auto;position:fixed;left:39px;bottom:39px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;-o-animation:spinoffPulse 1s infinite linear;-ms-animation:spinoffPulse 1s infinite linear;}
#circletext{font-size:14px;width:46px;height:20px;margin:0 auto;position:fixed;left:46px;bottom:53px;}
@-moz-keyframes spinPulse{0%{-moz-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050;}50%{-moz-transform:rotate(145deg);opacity:1;}100%{-moz-transform:rotate(-320deg);opacity:0;}}
@-moz-keyframes spinoffPulse{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}}
@-webkit-keyframes spinPulse{0%{-webkit-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050;}50%{-webkit-transform:rotate(145deg);opacity:1;}100%{-webkit-transform:rotate(-320deg);opacity:0;}}
@-webkit-keyframes spinoffPulse{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@-o-keyframes spinPulse{0%{-o-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050;}50%{-o-transform:rotate(145deg);opacity:1;}100%{-o-transform:rotate(-320deg);opacity:0;}}
@-o-keyframes spinoffPulse{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(360deg);}}
@-ms-keyframes spinPulse{0%{-ms-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050;}50%{-ms-transform:rotate(145deg);opacity:1;}100%{-ms-transform:rotate(-320deg);opacity:0;}}
@-ms-keyframes spinoffPulse{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(360deg);}}
/*updown*/
#shangxia{position:fixed;z-index:999;background:#f5f5f5;padding:0.4em 0.5em;border:1px solid #ccc;border-radius:10px;}
#shang,#cmmt,#xia,#cmt{background:url(../images/huadong.png) no-repeat;background-size:60px 85px;position:relative;cursor:pointer;height:25px;width:29px;margin:10px 0 0;}
#cmmt,#cmt{background-position:left -30px;height:32px;}
#xia{background-position:left -68px;}
#cmmt:hover,#cmt:hover{background-position:right -30px;}#cmmt-none{height:20px;display:block;}
#shang:hover{background-position:right 0;}
#xia:hover{background-position:right -68px ;}
.sortitem{background:#fff;margin:0.4em 0.2em;border:1px solid #ccc;border-radius:8px;}
@media screen and (min-width:1200px){
#wrap{width:90%;}

}
@media screen and (min-width:1100px){
#wrap{max-width:1080px;border:1px solid #abc;border-top:none;margin-left:auto;margin-right:auto}
#header{margin-left:-20px;padding-right:40px;border-radius:0 0 10px 10px}.div2{width:350px;}
}
@media screen and (min-width:900px){
#sidebar h3 i{margin-right:0.5em;}#related a span{display:none}
#header{height:150px;text-align:left;line-height:150px;font-size:60px;}
#header img#logo-icon{height:60px;width:60px;margin-right:10px;margin-left:25px}
#nav{background:#f5f5f5;border-bottom:1px solid #bbb;border-top:1px solid #bbb;width:100%;margin:0;}
.nav_fixed{z-index:9999;top:0;left:0;border-left-width: 0px;border-right-width: 0px;height: 40px;overflow:hidden;width:100%;position: fixed;opacity: 0.9;}
.top-nav{position:relative;}
.top-nav>li{text-align:center;padding:0.5em 0.4em;display:inline-block;float:left;}
.top-nav>li>a{display:block;background:url("") no-repeat right center;margin-right:13px;cursor:pointer;color:#000;position:relative;display:block;padding:0.4em 0.6em;font:"Lucida Grande", Tahoma, sans-serif;}
.top-nav a:hover{background:#48BDE9;color:yellow;}
.sub-nav{position:absolute;z-index:99999;display:none;border-radius:0 0 5px 5px;list-style:none;text-align:center;width:6em;padding:0;background:#fff;border:1px solid #cccaca;opacity:0.95;border-radius:0 0 5px 5px;box-shadow:0 2px 4px rgba(34,25,25,0.5);height:auto; -webkit-animation-name:flipOutY; overflow:hidden; display:none; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
.sub-nav>li{margin:0.5em 0;display:block;}
.sub-nav>li>a{margin:0 0.5em;background:#f5f5f5;display:block;width:5em;height:2em;line-height:2em;letter-spacing:1px;}
.arrow {position:absolute;top:15px;right:1px;border-color:#222 transparent;border-style:solid;border-width:4px 4px 0 4px;width:0;height:0;display:inline-block;}
.post-img{height:180px;width:260px;}
.description{border:none;height:190px;overflow:hidden;text-overflow:ellipsis;}
.post-description{padding:0 0.8em;line-height:1.8em}
#main{margin:0 0.5em;background:#f5f5f5;}
#content{width:65%;display:inline-block;margin:auto}
.post-content img{cursor:pointer;}
.post-content img:hover{position:relative;z-index:9999;box-shadow:1px 1px 10px #333;-moz-transform: scale(1.3);-o-transform: scale(1.3);-webkit-transform: scale(1.3);transform: scale(1.3);}
#related li{width:50%;display:inline-block;}
.pinfo li{width:48%;display:inline-block;}
td.comment-info .poster>a{padding-right:0.3em;padding-left:0.5em;}
.mhead-nav,.side-switch,#post-map span{display:none;}
#sidebar{float:right;width:33%;height:100%;margin:auto;padding:0;}
.hotlog,.sort-list{margin:0.8em 0;}
.twitter li p{text-align:right;color:#666;margin:0.3em 0.4em;}
#page{width:80%}.fk{width:33.3%;float:left;}
input,textarea{font-size:16px}
.blog-description{font-size:25px;font-family:Comic Sans MS,sans-serif;margin:auto 20px;color:#fff;display:inline-block;}
#shangxia{bottom:55px;right:30px;}.none{display:none !important;}
#wrap{}.post-cont-tag a{margin-left:0.6em}
.comment-children{padding:0.2em 0.3em 0.2em 1.5em;margin-left:1.5em;margin-right:;border-left:3px solid #eee;position:relative;}
.comment-children:before{display:inline-block;content:'';height:8px;width:8px;border-radius:8px;background:#000;position:absolute;left:-6px;top:1.5em;}
.sortitem{width:48.5%;float:left;}
}
@media screen and (min-width:800px) and (max-width:1100px){
}
@media screen and (min-width:800px) and (max-width:900px){.blog-description{font-size:20px;}
}
@media screen and (min-width:700px) and (max-width:900px){.description{height:130px;}
}
@media screen and (max-width:900px){
#header{line-height:2.3em;font-size:1.46em;height:2.3em;text-align:center;}
#content,#sidebar{margin:0.4em 0.5em;}
.blog-description{display:none}
/* 顶部右上角菜单 */
.header-menu{background:center center no-repeat transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC);display:block;width:1.5em;height:1.5em;position:absolute;right:0.4em;top:0.4em;}
/* 博客顶部logo定义 */
#header img#logo-icon {width:1.5em;height:1.5em;vertical-align:middle;position:absolute;left:0.4em;top:0.4em;}
#nav{display:none;}
#mobile-nav{
margin:0;padding:0;list-style:none;background:#3d3d3d;width:100%;border-bottom:2px solid #000;border-bottom:5px solid orange
}
#mobile-nav>li{
margin:0;padding:0;color:#fff;text-align:center;width:33.33%;display:inline-block;
}
#mobile-nav>li>a{
margin:0;height:2.2em;line-height:2.2em;display:block;font-size:1.05em;border-radius:0em;border-left:2px solid #333;border-bottom:2px solid #333;position:relative
}
#mobile-nav a:link,#mobile-nav a:visited,#mobile-nav a:hover,#mobile-nav a:active{
color:#eee;
}
#mobile-nav>li:hover{
background:#686865
}
.top-nav{padding-top:2em;text-align:center;}
.top-nav li{display:block;line-height:2.5em;border:1px solid #ccc;margin:0.5em 0.9em;background:#fff}
.top-nav a{padding-left:0.5em}
.sub-nav{display:block !important;margin:0.3em 0.2em;padding:0}
.sub-nav li{background:#f5f5f5;}
.arrow{display:block;margin:0.4em 0.5em;height:1px;background:#ccc;}
.post-img{height:120px;width:160px}
.description{min-height:130px;}
.mhead-nav{margin:0.5em 0;background:#fff;overflow:hidden;}
.mhead-nav ul{padding:0;margin:0;border:1px solid #ccc;}
.mhead-nav li{display:inline-block;width:33.3%;margin:0}
.mhead-nav li a{position:relative;overflow:visible;display:block;text-decoration:none;text-align:center;text-shadow:1px 1px 0 #fff;color:#333;height:2em;line-height:2em;text-align:center;border-right:1px dashed #ccc;border-bottom:1px dashed #ccc;}
.twitter li p{text-align:right;color:#aaa}
#search{padding:0.8em 0.4em}#related a{position:relative;}#related a span{border-radius:10px;margin-left:0.5em;font-size:0.85em;position:absolute;right:0;background:#fff;}
#banner,.header-recommended,#sidebar,.post author,.blog-description{display:none}
.side-switch{border:1px dashed #ccc;background:#fff;padding:0.8em 0.6em;margin:1.5em 0;font-weight:bold;text-align:center}
#circle,#circle1,#circletext,#post-map .zwtit,.article-font-size,.comment-ua b{display:none}
#shangxia{bottom:30px;right:5px;opacity:0.78;}.div2{position:static !important;}
#shang, #cmmt, #xia, #cmt {width:18px;height:16px;background-size:36px 85px;}
.comment-children{padding:0.2em 0.3em;margin-left:0.8em;margin-right:;border-radius:0.5em;background:#fdfdfd;}
.post-content embed {height: 250px;}
}
@media screen and (max-width:500px){.post .author,.comment-ua{display:none}
}