html, body, div, span, applet, object, iframe, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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,p {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px 0;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
a,a:link,a:active, a:visited ,a:hover{
	 text-decoration: initial;
	 color:#000;
	 }
li{
   list-style-type :none;
}
body {
    background-image: url(https://images.cnblogs.com/cnblogs_com/iphone6s/759216/o_02.png);
    background-repeat: repeat;
    font-family:punctuation,"Hiragino Sans GB","Helvetica Neue",\5FAE\8F6F\96C5\9ED1,Tohoma;
    font-size: 14px;
}

.banner{
	height:500px;
	width:100%;
	position:absolute;
    background-image: url(https://images.cnblogs.com/cnblogs_com/iphone6s/759216/o_01.png) !important;
    background-attachment: scroll;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}
.banner2{
	height:250px;
}
.banner .banner_nav{
  	height: 250px;
    display: block;
    background: no-repeat;
    width: 908px;
    margin: 0 auto;
    position: relative;
}
.layout-nav {
    height: 50px;
    margin: 0 auto;
    border: none; 
}
.layout-head-inner, .layout-nav-inner {
    width: 908px;
}
.layout-nav-inner {
    position: relative;
    margin: 0 auto;
    height: 50px;
    font-size: 22px;
    font-family: 楷体;
    font-weight: bold;
}
.layout-nav-inner a.cur, .layout-nav-inner a:hover{
	color:#FE526A;
}
.layout-nav .head-avatar {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 126px;
    height: 126px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: #d9d9d9 1px solid;
    font-size: 0;
}

#header{display:none;}
#home{
	position:absolute;
}

#navigator,#footer{
	display:none;
}

#main, #home{
	width:100%
}
#mainContent{
    width:898px;
    position:absolute;
    left:50%;
    margin-left:-600px;
    padding-bottom: 10px;
    margin-bottom:50px;
    border: 1px solid #DADADA;
    border-radius: 2px;
    background-color: rgba(255,255,255,.3);
    border-radius:10px;
    color: #535353;
}





/* 列表样式 */
.day{
	margin:10px 20px 10px 20px;
	position:relative;
}
.dayTitle {
    position: absolute;
    margin-left: -110px;
    width: 105px;
    height: 26px;
    border-raduis:6px;
    background: #e5e5e5;
    filter: alpha(opacity=80);
    background: rgba(204,204,204,.4);
}
.dayTitle i {
    position: absolute;
    top: 25px;
    left: 0px;
    border-color: transparent #BBB transparent transparent;
    border-style: solid;
    border-width: 0 90px 15px 0;
    height: 0;
    width: 0;
}
.dayTitle a{
	    float: left;
    margin-top: 4px;
    font-size: 12px;
    color: #666;
    text-indent: 10px;
}
.day .postTitle a{
	font-size:18px;
}
.day .postCon{
	padding:10px 0 0 0;
}
.day .postDesc{
	margin: 10px 0;
    border-bottom: 1px solid #ccc;
    color: #999;
    text-align: right;
    font-size: 9pt;
    padding-bottom: 10px;
}
.postDesc a:nth-of-type(1){
	font-family: 楷体;
    font-weight: bold;
}
.day .c_b_p_desc_readmore{
	color:#075db3;
}
#mainContent .day:hover{
	background:url('https://images.cnblogs.com/cnblogs_com/iphone6s/759216/o_list.gif');
}
#mainContent .day:hover .postTitle2{
	color:#FF33A3;
}



/*文章*/
.btn:hover{
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


#topics{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    background: #F4F4F4;
}
#topics .post{
	margin:3px;
}
#topics .postTitle{
    width: 100%;
    height: 45px;
    overflow: hidden;
    line-height: 30px;
    font-size: 18px;
    font-weight: 400;
    -webkit-box-reflect: below -40px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(10%,transparent),to(rgba(255,255,255,.2)));
}
#topics .postTitle a:hover, #cnblogs_post_body a:hover{
    color: #39c;
}
#cnblogs_post_body{
	font-size:14px;
	color: #3d4450 !important;
}
#cnblogs_post_body h2:nth-child(5n+1) {
    border-left: 4px solid #b9d329;
}
#cnblogs_post_body h2:nth-child(5n+2) {
    border-left: 4px solid #ffae5b
}

#cnblogs_post_body h2:nth-child(5n+3) {
    border-left: 4px solid #c0ebf7
}

#cnblogs_post_body h2:nth-child(5n+4) {
    border-left: 4px solid #69bcf3
}
#cnblogs_post_body h2 {
    font-size: 16px;
    color: #222;
    font-family: "Microsoft Yahei";
    margin: 30px -19px 10px;
    padding: 10px 20px 10px 16px;
    border-left: 4px solid #39c;
    background: #fbfbfb;
}
#cnblogs_post_body h3{
	font-size: 15px;
    color: #444;
    margin: 26px auto 10px;
}

#cnblogs_post_body h3::before {
    content: "■";
    position: relative;
    color: #39c;
    top: -2px;
    margin-right: 5px;
}
#cnblogs_post_body h3:nth-child(4n+1)::before {
    color: #fab4cc
}

#cnblogs_post_body h3:nth-child(4n+2)::before {
    color: #79d9f3
}

#cnblogs_post_body h3:nth-child(4n+3)::before {
    color: #acd180
}
#post_detail .post, #blog-comments-placeholder{
	    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    margin-bottom: 30px;
    min-height: 20px;
    padding: 30px 20px 10px 20px;
    position: relative;
}
#div_digg{
	display:none;
}

#blog_post_info_block{
	padding-top:50px;
}
#blog_post_info_block a{
	color:#075db3;
}
#post_next_prev a:nth-of-type(2n) {
    height: 35px;
    display: inline-block;
    font-size: 24px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}
#blog_post_info_block a:hover, #post_next_prev a.p_n_p_prefix:hover{
	color:#FF33A3;
	text-decoration: initial;
}

#post_next_prev {
    font-size: 18px;
    line-height: 1.8;
    display: inline-block;
}
/*评论*/
#divCommentShow blockquote{
	border:1px dashed #BBB;
    color: #999;
    font-size: 12px;
}
#divCommentShow blockquote:hover {
    border: 1px dashed #39c;
}
.feedback_area_title {
    border-bottom: 1px solid #666;
    
    width: 98%;
    padding: 0 0 10px 10px;
    margin: 10px;
    font-size: 30px;
    font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: rgb(61, 68, 80);
}
.feedbackListSubtitle, .feedbackCon{
    color: #666;
    margin: auto;
    width: 98%;
    margin: auto;
    margin-bottom: 5px;
}
.blog_comment_body{
	position:relative;
    border-radius: 8px;
    margin: 0 0 0 15px;
    display: inline-block;
    padding: 8px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
   	word-wrap: break-word;
}
.feedbackManage{
	position:absolute;
	top:85px;
}

.arrow {
position:absolute;
background:#F8C301;
border-radius:5px;
left:-15px;
top: 5px;
border:solid 8px;
border-color:#fff #dff0d8 #fff #fff;
}
.feedbackListSubtitle, .commentbox_main {
	position:relative;
} 
.feedbackItem{
	border-bottom: dashed 1px #ddd;
    padding: 12px 0 12px 0;
}

.comment_actions a {
    padding: 5px 8px !important;
    font-size: 90%;
    color: #c7254e !important;
    background-color: #f9f2f4;
    border-radius: 4px;
    margin-right: 10px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
.comment_actions a:hover{
	background-color: #dff0d8;
	color: #3c763d !important;
}
.author_avatar{
	-webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
    -moz-animation-duration: 0;
    -moz-animation-duration: .7s;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: 0;
    -ms-animation-duration: .7s;
    -ms-animation-fill-mode: both;
    -webkit-animation-duration: 0;
    -webkit-animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-duration: 0;
    animation-duration: .7s;
    animation-fill-mode: both;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.1);
    float: left;
    height: 50px;
    width: 50px;
    padding-top:0;
    padding-left:0;
}
.author_avatar:hover{
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
}


@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}
25%{-webkit-transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(.3)}
}
@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}
25%{-moz-transform:scale(.95)}
50%{opacity:1;-moz-transform:scale(1.1)}
100%{opacity:0;-moz-transform:scale(.3)}
}
@-o-keyframes bounceOut{0%{-o-transform:scale(1)}
25%{-o-transform:scale(.95)}
50%{opacity:1;-o-transform:scale(1.1)}
100%{opacity:0;-o-transform:scale(.3)}
}
@keyframes bounceOut{0%{transform:scale(1)}
25%{transform:scale(.95)}
50%{opacity:1;transform:scale(1.1)}
100%{opacity:0;transform:scale(.3)}
}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}
50%{opacity:1;-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}
@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}
50%{opacity:1;-o-transform:scale(1.05)}
70%{-o-transform:scale(.9)}
100%{-o-transform:scale(1)}
}
@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}
50%{opacity:1;transform:scale(1.05)}
70%{transform:scale(.9)}
100%{transform:scale(1)}
}




.commentform{
	padding: 0 30px;
}
#tbCommentBody {
    max-width: 100%;
    width: 78%;
    border-radius: 5px;
    height: 150px;
    color:#2E6AB1;
    background: #FFF url(https://images.cnblogs.com/cnblogs_com/iphone6s/759216/o_03.gif) left top no-repeat;
    padding: 10px 10px 10px 185px;
}
#tbCommentBody:focus,input[type=text]:focus{
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
#tbCommentBody::-webkit-input-placeholder {
    color:#008200;
}
#tbCommentBody:-moz-placeholder {
    color:#008200;
}
#tbCommentBody::-webkit-input-placeholder:after{
  display:block;   
  content:"怜花\A花不\A似知\A旧人\A\20\20\20瘦";
  color:#008200;   
}

#tbCommentBody::-moz-placeholder:after{   
  content:"怜花\A花不\A似知\A旧人\A\20\20\20瘦";
  color:#008200;   
}
.commentbox_main{
	margin-top: 10px;
}
.commentbox_title_left,#commentform_title{
	color:#888
}
#tbCommentAuthor{
	background-color:white;
}
.comment_btn {
    height: auto !important;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #4cae4c;
    border-radius: 4px;
    color: #fff;
    background-color: #5cb85c;
    width: auto !important;
}
.commentform a:visited, .commentform a:active, .commentform a:link{
	color:#075db3
}
.commentform a:hover{
	color:#C7315D
}
.bq_post_comment{
	border-radius:5px;
}
/*干掉刷新评论*/
#lnk_RefreshComments{
	display:none;
}
.commentbox_title_right {
    position: absolute;
    right: 50px;
    top: -5px;
}
.comment_vote {
    padding-top: 13px;
    text-align: right;
    padding-top:30px;
}
.comment_actions{
	float:left
}
/*页脚广告隐藏*/
#ad_text_under_commentbox,#site_nav_under,#opt_under_post,#google_ad_c1,#under_post_news,#google_ad_c2,#under_post_kb,#HistoryToday{
	display:none;
}


/*右边竖排导航*/
#sideBar{
	position:absolute;
	left:50%;
	margin-left:325px;
    width: 260px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.sideIn{
	border-radius:10px;
	background-color:white;
	
}

#sideBarMain .catListTitle{
    font-size: 14px;
    color: #999;
    letter-spacing: .1em;
    font-family: "jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    line-height: 16px;
    margin: 10px 0;
    height: 16px;
    font-weight: 100;
    border-left: 3px solid #88d1b4;
    padding-left: 8px;
}
#profile_block{
	float: left;
    margin-left: 10px;
    width: 200px;
        font-family: 'Avenir Next', Avenir, 'Helvetica Neue', Helvetica, 'Lantinghei SC', 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
        
    cursor: auto;
}
.sidebar-block, .newsItem{
	padding-bottom:20px;
}





/*回到顶部*/
.m-back {
    display: none;
    position: fixed;
    _position: absolute;
    text-indent: -9999px;
    left: 50%;
    margin-left: 588px;
    bottom: 160px;
    width: 49px;
    height: 44px;
    
    background: url(https://images.cnblogs.com/cnblogs_com/iphone6s/759216/o_top.png) no-repeat;
    background-position: -1px -1px;
}
.m-back:hover {
    background-position: -61px -1px;
}
.control{position:fixed;left:50%;margin-left: 589px;bottom: 115px;width:45px;height:40px;border:1px solid #ccc;border-radius:5px;background-color:#F4F4F4;}
.control div{position:absolute;left:6px;margin:auto;width:29px;border:2px solid pink;transition:.5s;transform-origin:25%}
.control1{top:8px}
.control2{top:16px}
.control3{top:25px}
.hover .control1{transform:rotate(45deg) translateX(4px)}
.hover .control2{opacity:0}
.hover .control3{transform:rotate(-45deg) translateX(4px)}
.hover1 .control1{width:10px;transform:rotate(-35deg) translate(-4px ,7px);transform-origin:left;}
.hover1 .control2{opacity:1;}
.hover1 .control3{width:10px;transform:rotate(35deg) translate(-4px,-8px);transform-origin:left;}