*{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-family: 'Microsoft YaHei',sans-serif,'Helvetica Neue',Helvetica,Arial,'黑体','宋体',Arial;font-size: 100%;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
body {line-height: 1;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,
q:before,q:after {content: '';}
table {border-collapse: collapse;border-spacing: 0;}
a {color: #333333;text-decoration: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}

#wrap {background: #FFFFFF;width: 900px;text-align:left;margin: 0 auto;padding: 0;}
img{max-width: 100%;max-height: 100px;border:none;}

/*头部*/
#header{background: #fce638;padding: 5px 10px;}
#header h1 {line-height: 32px;font-size: 24px;margin: 5px 0;}
#header h3 {font-size: 14px;font-weight: normal;text-align: justify;line-height: 1.5em;}
#header .fabu{height: 32px;line-height: 34px;padding: 0 10px;font-size: 14px;background: #26b026;color: #ffffff;border-radius: 3px;float: right;}

/*导航条*/
#nav {background: coral;margin-top: 1px;height: 35px;}
#nav .bar {padding: 0;overflow: hidden;}
#nav .bar .item {height: 35px;line-height: 35px;float: left;padding: 0 10px;position: relative;}
#nav .bar .item:hover {background: #26b026;}
#nav a {color: #ffffff;}
#nav .current {background-color: #26b026;}
#nav .item:hover .sub-nav, #nav .li-hover .sub-nav {display: block;}
#nav .sub-nav {display: none;position: absolute;background-color: #fff;padding: 0;list-style: none;border: 1px solid #eee;top: 30px;left: 0;}
#nav .sub-nav li {min-width: 120px;white-space: nowrap;}
#nav .sub-nav a {display: block;padding: 0 18px;}
* html #nav .sub-nav a {display:inline;zoom:1;width: 120px;}
#nav .sub-nav a:hover {background-color: #EEE;}

#banner {max-height: 100px;}
#banner img{width: 100%;}
#pagenavi span{font-size:16px;background: #26b026;color: #ffffff;border-radius: 4px;padding: 2px 8px;}
#pagenavi{margin: 10px 0;text-align:center;font-size:14px;}
#pagenavi a{font-size: 16px;background: #98dc98;color: #ffffff;border-radius: 4px;padding: 2px 8px;}
#pagenavi a:hover{text-decoration:none;}

/*首页列表*/
#content {overflow: hidden;padding: 0;}
#content p a:link,a:active,a:visited {color: #1F1F1F;}
#content h2.widgettitle {color: #444444; font-size: 12px; font-weight: bold; margin: 25px 0 0 0; padding: 10px 0 10px 0;}
#content h3 {color: #444444;font-size: 14px;font-weight: bold;padding: 0;}
.info {background: #c3e9c3;margin: 5px;width: 215px;float: left;border-radius: 5px;}
.info p a{height: 126px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow: ellipsis;font-size: 14px;text-align: justify;line-height: 1.5em;letter-spacing: 2px;}
.info p {padding: 5px;background: #c3e9c3;}
.info h1 {display:none;}
.info h2 {height: 32px;line-height: 32px;padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #98dc98;border-top-left-radius: 5px;border-top-right-radius: 5px;letter-spacing: 2px;}
blockquote {margin: 0 20px 20px 20px; padding: 25px 20px 25px 20px; background: #EFEFEF; border-left: 5px solid #696969; border-right: 5px solid #696969;}
#contentleft {width: 100%;float: left;background: #eee;border-radius: 5px;}
#contentleft .date {display: block;width: 100%;background: #c3e9c3;color: #800000;font-size:12px;margin-bottom: 8px;}
#contentleft .date span {margin: 0 10px 0 5px;}
#contentleft .date span:nth-child(3) {display: none;}
#contentleft .date span:nth-child(4) {display: none;}
#contentleft .date a {color: #800000;}
#contentleft .att {color:#A97965; font-size:12px; margin-top:5px;}
#contentleft .tag {color: #800000;font-size:12px;}
#contentleft .tag a {color: #800000;}
#contentleft .count {display: none;width: 36%;background: #e8f7e8;text-align:right;font-size:12px;float: right;margin-bottom: 8px;}
#contentleft .count span {margin: 0 5px;}
#contentleft .count a {color: #800000;}
#contentleft img{height: 22px;vertical-align: sub;}

img.alignright {float:right; border:none; margin:0 0 10px 10px;}
img.alignleft {float:left; border:none; margin:0 10px 10px 0;}
img.aligncenter {display: block; border:none; margin:10px auto 10px auto;}
a img.alignright {float:right; border:none; margin:0 0 10px 10px;}
a img.alignleft {float:left; border:none; margin:0 10px 10px 0;}
a img.aligncenter {display: block; border:none; margin:10px auto 10px auto;}

/*边栏搜索、分类*/
#sidebar {width: 100%;font:12px/18px Verdana,Arial,Helvetica,sans-serif;}
#logsearch{text-align: center;margin: 5px 0;}
#blogsort{background: #fce638;padding: 0;margin: 5px 0;overflow: hidden;border-radius: 5px;}
#blogsort {list-style-type: none;}
#blogsort li{float: left;width: 150px;}
#blogsort li a{display: block;text-align: center;font-size: 14px;margin: 5px;padding: 5px;background: coral;color: #ffffff;border-radius: 5px;border: 2px solid #ffffff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#sidebar .search {width: 450px;background: url("images/search.png") no-repeat scroll 5px 5px transparent;border: 1px solid #CCCCCC;border-radius: 3px 3px 3px 3px;height: 30px;padding: 5px 4px 4px 28px;}
#sidebar .submit {background: #6e6f6e;color: #ffffff;padding: 5px 20px;border: none;border-radius: 5px;}

/*文章页*/
#content .home{font-size:  14px;background: coral;color: #fff;padding: 5px;margin: 5px 0;}
#content .home a{color: #fff;}
#contentleft .logdate {display: inline-block;width: 100%;margin-top: 10px;color: #800000;font-size:12px;}
#contentleft .logdate span {margin: 0 20px 0 5px;}
#contentleft .logdate a {color: #800000;}
#contentleft .nextlog{text-align:center;margin: 20px 0;font-size:12px;}
.loginfo h2 {height: 32px;line-height: 32px;padding: 0 5px;background: #98dc98;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.loginfo .logp{padding: 5px;line-height: 1.5em;letter-spacing: 1px;text-align: justify;}
.gxq{overflow: hidden;background: #ffffa8;margin: 5px;padding: 5px;border-radius: 5px;}
.gxq .bti{font-weight: bold;background-color: coral;color: #fff;display: block;padding: 5px;}
.gxq ul{overflow: hidden;}
.gxq ul li{float: left;width: 50%;margin: 5px 0;}
.gxg ul li span{float: right;}

/*文章页评论*/
#contentleft .comment-header{margin: 5px;}
#contentleft .comment-post {clear:both}
#contentleft .comment-post .cancel-reply{float:right;font-size:12px;cursor:pointer; _cursor:hand;padding-right:10%}
#contentleft .comment-post .cancel-reply:hover{text-decoration:underline}
#contentleft .comment-post small{font-size:12px; color:#999}
#contentleft .comment-post input{margin: 5px;padding:5px 5px;border:1px #b6b6b6 solid;font-size:12px;color:#333;width: 30%;}
#contentleft .comment-post #comment{width: 94%;border:1px #b6b6b6 solid;font-size:12px;color:#333;margin-left: 5px;}
#contentleft .comment-post #comment_submit{background:url(images/em_button.gif) no-repeat;border:0;color:#000000;width:111px;height:29px;text-align:center;cursor:pointer; _cursor:hand;float: left;}
#contentleft .comment-post .input{width:100px;float: left;height: 17px;}
#contentleft .comment{background: #e8f7e8;margin: 5px;font-size:12px;overflow:hidden;color:#333;zoom:1;}
#contentleft .comment span{color:#ff7a15;}
#contentleft .comment .comment-time{color:#999999;display: inline-block;font-size:10px;margin: 5px 0;}
#contentleft .comment .avatar{float:left;margin-right: 5px;}
#contentleft .comment .avatar img{height: 50px;}
#contentleft .comment .comment-info{float:left;width:90%;}
#contentleft .comment .comment-info a{display: inline-block;margin-top: 5px;}
#contentleft .comment .comment-content{}
#contentleft .comment .comment-reply{float:right;font-size:12px;cursor:pointer; _cursor:hand;}
#contentleft .comment .comment-reply:hover{text-decoration:underline;}
#contentleft .comment-children{width:95%;margin:auto;clear:both;border:none;padding:0}
#contentleft .comment .comment-post{width:90%;margin:15px auto;}
#commentform p img{height: 29px;margin: 5px;float: left;}

.calendartop{text-align:center; font-size:12px; margin-left:30px;}
.calendar{margin-bottom:10px;}
.calendar td{font-size:11px; text-align:center; padding:1px 5px; line-height:1.6;}
.calendar td a:link{color:#886353; text-decoration:none;}
.calendar td a:hover{color:#886353; text-decoration:none}
.day{background:url(images/bg_cal_today.gif) no-repeat 2px 1px}
.day2{font-weight:bold}
.sun{color:#333; font-weight:bold}
.week{color:#333}

.rss{margin:20px 0;}

.attachment{
margin: 0 3px;
padding: 0 0 0 20px;
font-weight: bold;
background:url(images/att.png) no-repeat 2px -1px;
}

/*底部*/
#footerbar {width: 900px;text-align: center;overflow: hidden;}
#footerbar ul{background: #fce638;list-style-type: none;text-align: left;margin: 10px 0;padding: 2px 10px 5px 5px;border-radius: 8px;}
#footerbar ul li{display: inline-block;margin: 5px 10px 5px 0;}
#footerbar h3{
    padding: 10px 0 4px 0;
}
#footerbar p{margin: 5px 0;}
.footerbox {float:left; width: 31%; margin: 5px 0 0 0; padding: 0 10px 20px 10px;}
.footerbox ul {list-style-type: none;  padding: 0;}
#contentleft .loginfo{background: #c3e9c3;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;clear: both;margin:  5px;}

/*微语*/
#twitter li {border-bottom: dotted #CCCCCC 1px;list-style:none;}
#twitter li p {font-size: 10px; text-align:right; padding:5px 0 2px;}
#twitter p {font-size: 12px;text-align:right;}
#twitter li small {font-size: 10px;padding: 0 10px;}
#twitter li .t_img{background:url(images/img.gif) no-repeat;padding: 0 7px;margin: 0 0 0 10px;}
#tw .main_img{border:1px #2772ae solid; float:left;}
#tw .main_img img{border:1px #fff solid}
#tw .op{float:left; height:18px;margin:6px 5px 3px;}
#tw ul{margin:5px 0 3px 25px; width:520px; line-height:1.8;padding:0;}
#tw ul .li{margin:10px 0;padding:5px 0;border-bottom: #F7F7F7 1px solid;}
#tw ul li{margin:0 0; padding:0;}
#tw ul li .main_img{margin-top:5px;}
#tw ul li .post1{float:left;font-size:13px; margin:0; width:470px; padding: 0 0 0 8px;}
#tw ul li .post1 span{color:#886353; font-weight:bold;}
#tw ul li{clear:both; padding:0; margin:0;}
#tw ul li .bttome {margin:3px 0;vertical-align:middle}
#tw ul li .bttome .time{float:left;line-height:14px;margin:0;}
#tw ul li .bttome .post{float: right;font-size:12px;line-height:14px;margin:0;}
#tw .time{font-size:12px; color:#999999; padding-left:43px}
#tw ul .r{margin:5px 0 0 40px;color:#666666; border:0; padding:0;}
#tw ul .r li{padding:5px 3px 3px;border-bottom: #F7F7F7 1px solid; width:475px}
#tw ul .r .num{font-size:16px; font-weight:bold; color:#0079b7;padding:0 5px; float:left; width:20px;}
#tw ul .r .time{padding:0 5px;}
#tw ul .r .name{padding: 0; font-size:12px; color:#336699;}
#tw ul .r em a{font-style:normal;}
#tw ul .huifu{margin:5px 0 0 43px; background:#F5F5F5;border:#CCCCCC solid 1px;text-align:center;display:none;}
#tw ul .huifu textarea{margin:5px; width:460px; border:#CCCCCC solid 1px;overflow:auto;}
#tw ul .huifu input{margin:0 5px;}
#tw ul .huifu div{padding:0 5px; text-align:center}
#tw ul .huifu .text{width:60px;}
#tw ul .button_p{background:url(images/weibe_button.gif) no-repeat; border:0;cursor:pointer; _cursor:hand; width:63px; height:25px;}
#tw .tbutton{font-size:12px;float:none; margin-bottom:3px;}
#tw .tbutton input{width:90px; border:#CCCCCC solid 1px; }
#tw .tbutton .button_p{background:url(images/weibe_button.gif) no-repeat; border:0;cursor:pointer; _cursor:hand; width:60px; height:25px;}
#tw .tbutton .tinfo{float:left; }
#tw .msg{clear:both}
#tw li{list-style:none;}
#tw ul .huifu textarea{background-color:#FFFFFF;}
#tw ul .huifu input{background-color:#FFFFFF;}
#tw ul li ul{line-height:0;font-size:0;}
#tw ul li ul li{font-size:12px; line-height:22px;}
#tw .top{width:650px;}
#tw ul li .post1{width:560px;}
#tw ul{width:610px;}
#tw ul .r li{width:565px}
#tw ul .huifu textarea{width:550px;}
#tw ul li .bttome .post{font-size:12px;line-height:14px;margin:0; text-align:right; float:none;clear:both; width:610px; background:0; border:0;}
#tw ul li .bttome .time{float:none; margin-top:-25px;}
#tw p .t_img{background:url(images/img.gif) no-repeat;padding: 0 7px;margin: 0 0 0 10px;}

/*自适应样式*/
@media screen and (min-width: 320px) and (max-width: 820px) {
#header h3{font-size: 12px;}
#header .fabu{line-height: 34px;}
#wrap{width: 100%;}
#nav{display: none;}
#blogsort{margin: 5px;}
#content{width: auto;padding: 0 5px;}
.info{width: 100%;margin: 5px 0;}
.info h2{line-height: 34px;}
.info p a{height: auto;-webkit-line-clamp: 3;}
.info h2 {line-height: 34px;}
.loginfo h2{line-height: 34px;}
#contentleft .date span{margin: 0 5px 0 5px;}
#contentleft .date span:nth-child(3) {display: initial;}
#contentleft .date span:nth-child(4) {display: initial;}
#sidebar ul li{width: 33.3%;}
#sidebar li h3{margin: 10px 0;}
#sidebar .search{max-width: 200px;}
#blogsort li a{font-size: 12px;}
.gxq ul li{width: 100%;}
#contentleft .comment-post input{width: 60%;}
#footerbar{width: auto;margin: 0 5px;}
#footerbar p{font-size: 12px;}
}

@media screen and (min-width: 320px) and (max-width: 375px) {
#contentleft .date{width: 100%;}
#contentleft .date span{margin: 0 20px 0 5px;}
#contentleft .count{display: none;}
}