#EntryTag {
margin-top:20px;
font-size:9pt;
color:#666;
}

.topicListFooter {
text-align:right;
margin-right:10px;
margin-top:10px;
}

#divRefreshComments {
margin-right:10px;
font-size:9pt;
text-align:right;
margin-bottom:10px;
}

html {
height:100%;
max-height:100%;
font-size:62.5%;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

body {
background-color:#fff;
font-size:12px;
max-height:100%;
font-family:Merriweather,"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;
color:#3a4145;
-moz-font-feature-settings:kern 1;
-o-font-feature-settings:kern 1;
overflow:hidden;
}

body:before {
content:'';
display:block;
z-index:-1;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-size:20px 20px;
}

table {
border-collapse:collapse;
border-spacing:0;
}

li {
list-style:none;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}

a {
outline:0;
color:#2daebf;
}

a:hover {
color:#f60;
text-decoration:none;
}

.clear {
clear:both;
}

button {
width:auto;
display:inline-block;
cursor:pointer;
outline:0;
text-decoration:none;
color:#fff;
font-family:'Open Sans',sans-serif;
font-size:11px;
line-height:13px;
font-weight:300;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
text-shadow:none;
border-radius:.3rem;
border:rgba(0,0,0,0.05) .1em solid;
background:#5ba4e5;
padding:.1rem 1.5rem;
}

#home {
width:65%;
max-width:840px;
background-color:rgba(255,255,255,0.9);
margin:0 auto;
padding:0 30px 30px;
}

#header {
padding-bottom:5px;
margin-top:10px;
}

#blogTitle {
height:60px;
clear:both;
}

#blogTitle h1 {
font-size:26px;
font-weight:700;
line-height:1.5em;
margin-top:20px;
}

#blogTitle h1 a {
color:#515151;
}

#blogTitle h2 {
font-weight:400;
font-size:13px;
line-height:1.846154;
color:#757575;
float:left;
}

#navigator {
font-size:13px;
border-bottom:1px solid #ededed;
border-top:1px solid #ededed;
height:50px;
clear:both;
margin-top:25px;
}

#navList {
min-height:30px;
float:left;
}

#navList li {
float:left;
margin:0 40px 0 0;
}

#navList a {
display:block;
width:5em;
height:22px;
float:left;
text-align:center;
padding-top:19px;
}

#navList a:link,#navList a:visited,#navList a:active {
color:#6a6a6a;
font-weight:700;
}

#navList a:hover {
color:#000;
text-decoration:none;
}

.blogStats {
float:right;
color:#757575;
margin-top:19px;
margin-right:2px;
text-align:right;
}

#main {
width:100%;
text-align:left;
margin-top:30px;
}

#mainContent .forFlow {
float:none;
width:auto;
}

#mainContent {
min-height:200px;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
overflow:hidden;
float:none;
width:100%;
margin:auto;
padding:0 0 10px;
}

.day {
min-height:10px;
_height:10px;
position:relative;
max-width:830px;
padding-bottom:3.5rem;
border-bottom:#ebf2f6 1px solid;
word-wrap:break-word;
margin:3.5rem auto;
}

.day:after {
display:block;
content:"";
width:7px;
height:7px;
border:#e7eef2 1px solid;
position:absolute;
bottom:-5px;
left:50%;
margin-left:-5px;
background:#FFF;
border-radius:100%;
box-shadow:rgba(255,255,255,0.7) 0 0 0 5px;
}

.dayTitle {
display:none;
border:1px solid #21759b;
background:#F0FFFF;
border-radius:50%;
font-size:12px;
height:65px;
line-height:1.5;
text-align:center;
width:63px;
clear:both;
position:absolute;
top:-15px;
margin:15px 15px 15px -100px;
}

.dayTitle a {
display:inline-block;
color:#21759b;
margin-top:15px;
width:60px;
}

.postTitle {
font-size:20px;
float:right;
width:100%;
clear:both;
}

.postTitle a:visited,.postTitle a:active {
color:#4a4a4a;
transition:color .3s ease;
}

.postTitle a:link {
background-color:rgba(0,0,0,0);
color:#4a4a4a;
font-family:"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;
font-size:3.2rem;
font-weight:700;
letter-spacing:-1px;
transition-delay:0;
transition-duration:.3s;
transition-property:color;
transition-timing-function:ease;
word-wrap:break-word;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

#topics .postTitle a:link {
text-shadow:0 3px 6px rgba(0,0,0,0.3);
}

.postSeparator {
height:1px;
width:100%;
clear:both;
float:right;
margin:0 auto 15px;
}

#sideBar {
margin-top:-15px;
width:230px;
float:right;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
overflow:hidden;
font-size:12px;
padding:0 0 0 5px;
}

#sideBar a {
color:#757575;
}

.div_my_zzk {
width:175px;
position:relative;
margin-top:10px;
}

#btnZzk {
background:url(images/blog_search.png) no-repeat 5px 5px;
}

#widget_my_google input[type=button] {
background:url(images/google_search.png) no-repeat 5px 5px;
}

.input_my_zzk {
border:1px solid #ccc;
width:100%;
height:25px;
padding-right:30px;
padding-left:5px;
outline:0;
}

.btn_my_zzk {
font-size:12px;
width:25px;
height:25px;
color:transparent;
border:0;
cursor:pointer;
top:1px;
position:absolute;
right:-35px;
border-style:none;
}

.input_my_zzk:hover {
border:1px solid #21759b;
transition:all .4s linear 0;
}

.input_my_zzk:focus {
border:1px solid #21759b;
}

.newsItem,.catListEssay,.catListLink,.catListNoteBook,.catListTag,.catListPostCategory,.catListPostArchive,.catListImageCategory,.catListArticleArchive,.catListView,.catListFeedback,.mySearch,.catListComment,.catListBlogRank,.catList,.catListArticleCategory {
background:#fff;
margin-bottom:35px;
word-wrap:break-word;
}

#blog-calendar {
width:228px;
padding-bottom:5px;
margin-bottom:35px;
box-shadow:0 1px 3px #ccc;
border:1px solid #ededed;
}

#blog-calendar td {
font-size:12px;
font-family:"Comic Sans MS";
}

#blog-calendar th {
font-size:12px;
}

#calendar {
width:228px;
padding-bottom:5px;
margin-bottom:35px;
border:1px solid #ededed;
box-shadow:0 1px 3px #ccc;
}

#calendar .Cal {
width:100%;
line-height:1.5em;
}

#calendar td {
font-family:"Comic Sans MS";
background:#fff;
padding-top:2px;
}

.Cal {
border:0;
color:#666;
}

#calendar table a:link,#calendar table a:visited,#calendar table a:active {
font-weight:700;
}

#calendar table a:hover {
color:#fff;
text-decoration:none;
}

.CalTodayDay {
background:#3671a5!important;
color:#FFF;
font-weight:700;
}

.CalWeekendDay {
padding-top:4px;
padding-bottom:4px;
}

.CalOtherMonthDay {
color:#ccc;
padding-top:4px;
padding-bottom:4px;
}

#calendar .CalNextPrev a:link,#calendar .CalNextPrev a:visited,#calendar .CalNextPrev a:active {
font-weight:700;
padding-left:10px;
padding-right:15px;
}

.CalDayHeader {
background:#f8f8f8;
font-weight:100;
color:#5e5f63;
}

.CalTitle {
background:#6293bb;
width:100%;
height:25px;
text-align:center;
font-size:14px;
font-weight:700;
color:#FFF;
padding:5px 0;
}

.CalTitle td {
background:#f8f8f8!important;
border:0!important;
color:#5e5f63;
font-family:"Comic Sans MS";
}

.catListTitle {
font-weight:700;
line-height:1.2;
font-size:110%;
margin-top:15px;
margin-bottom:10px;
text-align:left;
}

.divRecentComment {
text-indent:2em;
color:#494949;
margin-bottom:20px;
}

#sideBarMain li {
line-height:1.8;
}

#topics {
width:100%;
min-height:200px;
float:left;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
overflow:hidden;
font-family:0 UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
margin:15px auto 4rem;
padding:0 0 10px;
}

#topics .postTitle {
border:0;
font-size:130%;
font-weight:700;
float:left;
line-height:1.5;
width:100%;
padding-left:5px;
}

#topics .postDesc {
padding-left:0;
width:100%;
text-align:left;
color:#666;
margin-top:5px;
background:0;
}

.feedback_area_title {
font:normal normal 16px/35px "Microsoft YaHei";
border-bottom:2px solid #ccc;
margin:10px 0 30px;
}

.louzhu {
background:transparent url(/images/icoLouZhu.gif) no-repeat scroll right top;
padding-right:16px;
}

.feedbackListSubtitle {
clear:both;
color:#a8a8a8;
padding:8px 5px;
}

.feedbackListSubtitle a:link,.feedbackListSubtitle a:visited,.feedbackListSubtitle a:active {
color:#777;
font-weight:700;
}

.feedbackManage {
width:200px;
text-align:right;
float:right;
}

.feedbackCon {
border-bottom:1px solid #EEE;
min-height:35px;
_height:35px;
margin-bottom:1em;
line-height:1.5;
padding:10px 20px 10px 5px;
}

.commenttb {
margin-bottom:10px;
color:#555;
border:1px solid #ddd;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
width:320px;
padding:8px;
}

.commentTextBox {
width:410px!important;
margin-top:10px;
margin-bottom:10px;
}

#AjaxHolder_PostComment_divCommnentArea tr {
margin-top:10px;
margin-bottom:10px;
}

.comment_vote {
padding-right:10px;
}

.comment_vote a {
color:#999;
}

#commentform_title {
font:normal normal 16px/35px "Microsoft YaHei";
border-bottom:2px solid #ccc;
background-image:none;
margin:10px 0 30px;
padding:0;
}

#comment_form_container .author {
padding-left:10px;
color:#555;
border:1px solid #ddd;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
width:320px;
height:20px;
background-image:none;
}

#comment_form_container p {
font-size:14px;
margin-bottom:20px;
}

#comment_form_container .comment_textarea {
width:362px;
height:200px;
font-size:13px;
margin-bottom:10px;
color:#555;
border:1px solid #ddd;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:8px;
}

#comment_form_container .comment_textarea:hover {
outline:0;
transition:all .4s linear 0;
border-color:rgba(82,168,236,0.8);
}

#comment_form_container .comment_textarea:focus {
outline:0;
}

.comment_btn {
width:100px;
height:38px;
text-align:center;
font-size:14px;
color:#fff;
border:0;
background:#21759b;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease;
-ms-transition:all .4s ease;
transition:all .4s ease;
cursor:pointer;
display:inline-block;
vertical-align:middle;
outline:0;
text-decoration:none;
padding:8px 20px;
}

.entrylistTitle,.PostListTitle,.thumbTitle {
height:38px;
line-height:38px;
font-size:16px;
font:normal normal 16px/35px "Microsoft YaHei";
background-image:none;
margin:10px 0 30px;
padding:0;
}

.entrylistDescription {
color:#666;
text-align:right;
padding-top:5px;
padding-bottom:5px;
padding-right:10px;
margin-bottom:10px;
}

.entrylistItem {
min-height:10px;
_height:10px;
position:relative;
max-width:710px;
padding-bottom:3.5rem;
border-bottom:#ebf2f6 1px solid;
word-wrap:break-word;
margin:3.5rem auto;
}

.entrylistItem:after {
display:block;
content:"";
width:7px;
height:7px;
border:#e7eef2 1px solid;
position:absolute;
bottom:-5px;
left:50%;
margin-left:-5px;
background:#FFF;
border-radius:100%;
box-shadow:#FFF 0 0 0 5px;
}

.entrylistPosttitle {
font-size:20px;
width:100%;
}

.entrylistPosttitle a:link,.entrylistPosttitle a:visited,.entrylistPosttitle a:active {
transition:all .4s linear 0;
background-color:rgba(0,0,0,0);
color:#4a4a4a;
font-family:"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;
font-size:3.2rem;
font-weight:700;
letter-spacing:-1px;
transition-delay:0;
transition-duration:.3s;
transition-property:color;
transition-timing-function:ease;
word-wrap:break-word;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.entrylist .postSeparator {
clear:both;
width:100%;
font-size:0;
line-height:0;
height:0;
border:0;
margin:0;
padding:0;
}

.pager {
text-align:right;
margin-right:10px;
font-size:12px;
color:#9eabb3;
}

.pager a,#nav_next_page a {
display:inline-block;
min-width:18px;
text-align:center;
border:#bfc8cd 1px solid;
text-decoration:none;
border-radius:4px;
color:#9eabb3!important;
transition:all .2s ease;
}

.pager a:link,.pager a:visited,.pager a:active,#nav_next_page a:link,#nav_next_page a:visited,#nav_next_page a:active {
color:#9eabb3!important;
}

.pager a {
padding:0 5px;
}

#nav_next_page a {
padding:3px 5px;
}

.pager a:hover,#nav_next_page a:hover {
background:#fff;
color:#889093;
border-color:#98a0a4;
}

.PostList {
border-bottom:1px solid #ccc;
clear:both;
min-height:1.5em;
_height:1.5em;
padding-top:20px;
margin-bottom:20px;
padding-bottom:20px;
}

.postTitl2 {
float:left;
padding-top:10px;
padding-bottom:10px;
font-size:14px;
}

.postDesc2 {
color:#666;
float:right;
}

.postText2 {
clear:both;
color:#757575;
}

.pfl_feedback_area_title {
text-align:right;
line-height:1.5em;
font-weight:700;
margin-bottom:10px;
}

.pfl_feedbackItem {
border:1px dashed #ccc;
border-radius:3px;
margin-bottom:20px;
padding:10px;
}

.pfl_feedbacksubtitle {
width:100%;
height:1.5em;
}

.pfl_feedbackname {
float:left;
}

.pfl_feedbackname a {
color:#21759b;
font-weight:700;
}

.pfl_feedbackCon {
color:#000;
padding-top:5px;
padding-bottom:5px;
}

.pfl_feedbackAnswer {
color:#F40;
text-indent:2em;
}

.errorMessage {
width:300px;
float:left;
}

#Profile1_panelAdd input[type=text],#Profile1_txtContent {
margin-bottom:10px;
color:#555;
border:1px solid #ddd;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:8px;
}

#Profile1_panelAdd input[type=text]:focus,#Profile1_txtContent:focus {
outline:0;
border-color:rgba(82,168,236,0.8);
}

.feedbackItem {
margin-top:30px;
}

.divPhoto {
border:1px solid #ccc;
margin-right:10px;
padding:2px;
}

.thumbDescription {
color:#757575;
text-align:right;
padding-top:5px;
padding-bottom:5px;
padding-right:10px;
margin-bottom:30px;
}

#footer {
min-height:100px;
_height:15px;
position:absolute;
left:0;
right:0;
background:#232323;
text-align:center;
color:#888;
font-size:12px;
line-height:1.5;
margin:200px 0 0;
padding:17px 0 27px;
}

.footer-image {
background:url(https://i.loli.net/2019/04/03/5ca3fa69b804b.png) no-repeat 50%;
height:315px;
z-index:1;
position:absolute;
bottom:144px;
width:100%;
pointer-events:none;
}

.my-face {
animation:my-face 5s infinite ease-in-out;
display:inline-block;
margin:0 5px;
}

16% {
-webkit-transform:translate(0,-.5px) rotate(-1.5deg);
-moz-transform:translate(0,-.5px) rotate(-1.5deg);
-ms-transform:translate(0,-.5px) rotate(-1.5deg);
-o-transform:translate(0,-.5px) rotate(-1.5deg);
transform:translate(0,-.5px) rotate(-1.5deg);
}

20% {
-moz-transform:translate(0,-1.5px) rotate(2.5deg);
-ms-transform:translate(0,-1.5px) rotate(2.5deg);
-o-transform:translate(0,-1.5px) rotate(2.5deg);
-webkit-transform:translateY(-10px) rotate(-90deg);
transform:scale(1.6);
}

26% {
-webkit-transform:translate(0,.5px) rotate(.5deg);
-moz-transform:translate(0,.5px) rotate(.5deg);
-ms-transform:translate(0,.5px) rotate(.5deg);
-o-transform:translate(0,.5px) rotate(.5deg);
transform:translate(0,.5px) rotate(.5deg);
}

28% {
-webkit-transform:translate(0,.5px) rotate(1.5deg);
-moz-transform:translate(0,.5px) rotate(1.5deg);
-ms-transform:translate(0,.5px) rotate(1.5deg);
-o-transform:translate(0,.5px) rotate(1.5deg);
transform:translate(0,.5px) rotate(1.5deg);
}

30% {
-moz-transform:translate(0,-.5px) rotate(2.5deg);
-ms-transform:translate(0,-.5px) rotate(2.5deg);
-o-transform:translate(0,-.5px) rotate(2.5deg);
-webkit-transform:translateY(-5px) rotate(-90deg);
transform:scale(1);
}

42% {
-webkit-transform:translate(0,2.5px) rotate(-1.5deg);
-moz-transform:translate(0,2.5px) rotate(-1.5deg);
-ms-transform:translate(0,2.5px) rotate(-1.5deg);
-o-transform:translate(0,2.5px) rotate(-1.5deg);
transform:translate(0,2.5px) rotate(-1.5deg);
}

44% {
-webkit-transform:translate(0,1.5px) rotate(.5deg);
-moz-transform:translate(0,1.5px) rotate(.5deg);
-ms-transform:translate(0,1.5px) rotate(.5deg);
-o-transform:translate(0,1.5px) rotate(.5deg);
transform:translate(0,1.5px) rotate(.5deg);
}

50% {
-webkit-transform:translate(0,.5px) rotate(.5deg);
-moz-transform:translate(0,.5px) rotate(.5deg);
-ms-transform:translate(0,.5px) rotate(.5deg);
-o-transform:translate(0,.5px) rotate(.5deg);
transform:scale(1.6);
}

58% {
-webkit-transform:translate(0,.5px) rotate(2.5deg);
-moz-transform:translate(0,.5px) rotate(2.5deg);
-ms-transform:translate(0,.5px) rotate(2.5deg);
-o-transform:translate(0,.5px) rotate(2.5deg);
transform:translate(0,.5px) rotate(2.5deg);
}

70% {
-webkit-transform:translate(0,1.5px) rotate(.5deg);
-moz-transform:translate(0,1.5px) rotate(.5deg);
-ms-transform:translate(0,1.5px) rotate(.5deg);
-o-transform:translate(0,1.5px) rotate(.5deg);
transform:scale(1);
}

84% {
-webkit-transform:translate(0,1.5px) rotate(2.5deg);
-moz-transform:translate(0,1.5px) rotate(2.5deg);
-ms-transform:translate(0,1.5px) rotate(2.5deg);
-o-transform:translate(0,1.5px) rotate(2.5deg);
transform:translate(0,1.5px) rotate(2.5deg);
}

90% {
-webkit-transform:translate(0,2.5px) rotate(-.5deg);
-moz-transform:translate(0,2.5px) rotate(-.5deg);
-ms-transform:translate(0,2.5px) rotate(-.5deg);
-o-transform:translate(0,2.5px) rotate(-.5deg);
transform:translate(0,2.5px) rotate(-.5deg);
}

92% {
-webkit-transform:translate(0,.5px) rotate(-.5deg);
-moz-transform:translate(0,.5px) rotate(-.5deg);
-ms-transform:translate(0,.5px) rotate(-.5deg);
-o-transform:translate(0,.5px) rotate(-.5deg);
transform:translate(0,.5px) rotate(-.5deg);
}

94% {
-webkit-transform:translate(0,2.5px) rotate(.5deg);
-moz-transform:translate(0,2.5px) rotate(.5deg);
-ms-transform:translate(0,2.5px) rotate(.5deg);
-o-transform:translate(0,2.5px) rotate(.5deg);
transform:translate(0,2.5px) rotate(.5deg);
}

0%,100% {
-webkit-transform:translate(0,0) rotate(0);
-moz-transform:translate(0,0) rotate(0);
-ms-transform:translate(0,0) rotate(0);
-o-transform:translate(0,0) rotate(0);
transform:translate(0,0) rotate(0);
}

.personInfo {
margin-bottom:20px;
}

.postBody {
color:#222;
font-size:1.5rem;
line-height:1.6;
}

.postBody p,.postCon p {
text-indent:2em;
margin:0 auto 1em;
}

.postBody h2 {
font-size:150%;
font-weight:700;
margin:15px auto 2px;
}

.postBody h3 {
font-size:120%;
font-weight:700;
margin:15px auto 2px;
}

.postBody h4 {
font-size:110%;
font-weight:700;
color:#333;
margin:15px auto 2px;
}

.postBody h5 {
font-size:100%;
font-weight:700;
color:#333;
margin:15px auto 2px;
}

.postCon a:link,.postCon a:visited,.postCon a:active {
color:#9eabb3;
}

.postCon a:hover {
color:#98a0a4;
}

.postBody ul,.postCon ul {
margin-left:2em;
}

.postBody li,.postCon li {
list-style-type:disc;
margin-bottom:.5em;
}

.myposts_title {
font-weight:700;
text-align:center;
}

#cnblogs_post_body img {
max-width:700px;
}

.main-header {
display:table;
width:100%;
height:100vh;
max-height:100vh;
text-align:center;
background:#222 url(https://raw.githubusercontent.com/BNDong/Cnblogs-Theme-SimpleMemory/master/img/home_top_bg.jpg) center center no-repeat;
background-size:cover;
overflow:hidden;
position:absolute;
top:0;
left:0;
z-index:998;
box-shadow:0 1px 2px rgba(150,150,150,.7);
}

.inner {
position:relative;
width:80%;
max-width:800px;
margin:0 auto;
padding:10px;
}

.page-title,.sb-title {
letter-spacing:-1px;
font-weight:700;
font-family:"Open Sans",sans-serif;
color:#25ffeb;
-webkit-animation:fade-in-down 1s;
animation:fade-in-down 1s both;
-webkit-animation-delay:.6s;
animation-delay:.5s;
text-shadow:0 3px 6px rgba(0,0,0,0.3);
margin:10px 0;
}

.page-title {
font-size:5rem;
}

.sb-title {
font-size:4rem;
}

.vertical {
display:table-cell;
vertical-align:middle;
width:100%;
}

.page-description {
font-size:2rem;
line-height:1.5em;
font-weight:400;
letter-spacing:.01rem;
font-family:Merriweather,"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-seri;
color:rgba(0, 0, 0, 0.8);
-webkit-animation:fade-in-down .9s;
animation:fade-in-down .9s both;
-webkit-animation-delay:.1s;
animation-delay:.3s;
text-shadow:0 3px 6px rgba(0,0,0,0.5);
display:none;
-webkit-box-orient:vertical;
-webkit-line-clamp:10;
overflow:hidden;
margin:0;
}

.page-author {
font-size:1.4rem!important;
line-height:1.3em;
font-weight:400;
letter-spacing:.01rem;
font-family:Merriweather,"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-seri;
color:rgba(0, 0, 0, 0.8);
-webkit-animation:fade-in-down .9s;
animation:fade-in-down .9s both;
-webkit-animation-delay:.1s;
animation-delay:.3s;
text-shadow:0 3px 6px rgba(0,0,0,0.5);
display:none;
margin:0;
}

.scroll-down {
display:block;
position:absolute;
z-index:100;
bottom:45px;
left:50%;
margin-left:-16px;
width:34px;
height:34px;
font-size:34px;
text-align:center;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
-webkit-animation:bounce 4s 2s infinite;
animation:bounce 4s 2s infinite;
text-decoration:none!important;
}

.scroll-down-icon {
color:rgba(255,255,255,0.6);
font-size:34px!important;
position:relative;
bottom:7px;
}

.scroll-down:hover {
color:#fff;
-webkit-animation:none;
animation:none;
}

.hidden {
text-indent:-9999px;
visibility:hidden;
display:none;
}

100% {
opacity:1;
-webkit-transform:translateY(0);
transform:scale(1);
}

.menu-button-scroll {
background:#222!important;
left:-20px!important;
width:35px!important;
}

.m-list-title {
position:relative;
border-bottom:#3b3b3b 1px solid;
word-wrap:break-word;
font-family:Merriweather,"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;
display:none;
margin:20px 0;
}

.m-list-title span {
display:block;
width:60px;
text-align:center;
position:absolute;
bottom:-9px;
left:43%;
margin-left:-5px;
background:#000;
box-shadow:#000 0 0 0 6px;
color:#b8b8b8;
}

.introduce-box {
width:100%;
position:absolute;
top:0;
left:0;
color:#f5f5f5;
z-index:1;
opacity:1;
height:225px;
-webkit-transition:opacity .3s,-webkit-transform .3s;
transition:opacity .3s,transform .3s;
-webkit-transition-delay:.4s;
transition-delay:.4s;
outline:0;
cursor:pointer;
background:#000 url(https://i.loli.net/2019/04/03/5ca40ff62a684.jpg) center no-repeat;
background-size:100%;
}

.introduce-via {
margin-top:20px;
text-align:center;
}

.introduce-via img {
width:66px;
height:66px;
border:4px solid rgba(255,255,255,0.5);
border-radius:100%;
box-shadow:inset 1px 1px 4px rgba(0,0,0,0.3),0 2px 3px rgba(0,0,0,0.4);
}

#introduce {
padding-left:85px;
margin-top:10px;
}

#introduce a {
margin-left:10px;
color:#f5f5f5;
line-height:20px;
}

#introduce a:hover {
color:#fff!important;
}

#introduce a:active,#introduce a:hover,#introduce a:visited,#introduce a:link {
text-decoration:none!important;
}

#introduce div {
position:absolute;
right:10px;
bottom:15px;
text-align:center;
border-radius:3px;
padding:2px 4px;
}

#introduce div:hover {
opacity:.6;
}

#cnblogs_post_body h6,blockquote {
line-height:20px;
color:#313131;
background-color:#f7f7f7;
font-size:13px;
border-left:4px solid #ddd;
font-weight:400;
border-top:0;
border-right:0;
border-bottom:0;
min-height:0;
margin:0 0 24px;
padding:1.3em;
}

blockquote p {
text-indent:0!important;
margin:0!important;
padding:0;
}

#cnblogs_post_body h2 {
font-size:1.8rem;
height:32px;
line-height:32px;
color:#333;
padding:0 0 0 30px;
}

#cnblogs_post_body h3 {
margin:0 1em!important;
}

#cnblogs_post_body h3:before {
content:'# ';
font-weight:lighter;
color:#aaa;
transition:all .3s;
}

#cnblogs_post_body ul {
margin-left:30px;
margin-top:5px;
padding-left:0;
}

#cnblogs_post_body ul li {
margin-left:18px;
}

.feedback_area_title,#commentform_title,.entrylistTitle {
border-bottom:0;
}

.feedback_area_title:after,#commentform_title:after,.entrylistTitle:after {
content:'';
display:block;
width:100%;
text-align:center;
position:relative;
bottom:16px;
left:110px;
border-bottom:1px dashed #e9e9e9;
}

#tbCommentBody {width:100%!important;outline:0;height: 190px;position:relative;background: #fff url(https://i.loli.net/2019/04/07/5ca9ae20a1805.jpeg) right content-box;background-size: 100px;background-repeat: no-repeat;padding:10px;}
#rightMenu {
position:fixed;
bottom:10px;
right:10px;
min-width:24px;
}

#rightMenu i {
font-weight:700;
text-shadow:1px 1px 1px #eee;
font-size:24px!important;
}

#toUpDown,#attention,#rightBuryit,#rightDiggit {
cursor:pointer;
color:#555;
opacity:.5;
filter:Alpha(opacity=50);
-webkit-transition:all .5s ease-out;
transition:all .5s ease-out;
position:relative;
}

#attention {
bottom:5px;
}

#rightBuryit {
bottom:8px;
}

#rightDiggit {
bottom:15px;
}

#toUpDown:hover,#attention:hover,#rightBuryit:hover,#rightDiggit:hover {
opacity:1;
filter:Alpha(opacity=100);
}

.rightMenuSpan {
position:absolute;
left:-106px;
font-size:14px;
font-weight:700;
width:100px;
text-align:right;
display:none;
}

.attentionSpan {
top:2px;
}

.rightBuryitSpan {
top:0;
}

.rightDiggitSpan {
top:7px;
}

.toUpDownSpan {
top:3px;
}

#cnblogs_post_body table {
position:relative;
overflow:hidden;
box-sizing:border-box;
width:96%!important;
max-width:96%!important;
background-color:#fff;
border:1px solid #dfe3ec;
font-size:14px;
color:#222;
border-right:0;
border-bottom:0;
border-collapse:initial!important;
margin:0 auto 10px;
padding:0;
}

#cnblogs_post_body table th {
border:0;
border-bottom:1px solid #dfe3ec;
border-right:1px solid #dfe3ec;
background-color:#eef0f6;
text-align:left;
overflow:hidden;
height:40px;
box-sizing:border-box;
text-overflow:ellipsis;
vertical-align:middle;
position:relative;
background-clip:padding-box;
min-width:100px;
display:table-cell;
padding:0 18px;
}

#cnblogs_post_body table td {
border:0;
border-bottom:1px solid #dfe6ec;
border-right:1px solid #dfe3ec;
height:40px;
min-width:0;
box-sizing:border-box;
text-overflow:ellipsis;
vertical-align:middle;
position:relative;
background-clip:padding-box;
background-color:#fff;
display:table-cell;
padding:0 20px;
}

#cnblogs_post_body>p {
text-indent:2em;
margin:10px auto;
}

.header__span {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:default;
height:100%;
position:relative;
display:inline-block;
left:-35px;
width:110%;
transition:border-color .3s;
padding-bottom:14px;
border-bottom:1px solid transparent;
border-image:linear-gradient(toright,#f5f5f5,#eee);
border-image-slice:30;
margin:25px 0 0;
}

.header__dev {
font-family:Lato,Arial,sans-serif;
font-weight:300;
position:absolute;
transition-delay:.5s;
z-index:2;
color:#222!important;
margin:0!important;
}

.header__span h1 {
font-size:28px!important;
height:28px;
line-height:28px!important;
}

.header__span h2 {
font-size:20px!important;
height:20px;
line-height:20px!important;
}

.dev__slash {
font-weight:300;
position:absolute;
z-index:5;
-webkit-transform:rotateZ(22deg);
transform:rotateZ(22deg);
}

.header__span h1 .dev__slash {
color:#5d69a5;
top:-24px;
left:57px;
font-size:35px;
}

.header__span h2 .dev__slash {
color:#85c7b0;
top:-20px;
left:58px;
font-size:26px;
}

.dev__fe,.dev__ux {
position:absolute;
width:100px;
height:100px;
overflow:hidden;
-webkit-transform:rotateZ(22deg);
transform:rotateZ(22deg);
}

.dev__fe {
text-align:right;
direction:rtl;
top:-68px;
left:-40px;
}

.dev__ux {
left:66px;
top:-57px;
}

.dev__fe i,.dev__ux i {
font-style:normal;
position:absolute;
width:100px;
height:100px;
line-height:100px;
font-weight:400;
-webkit-transform:rotateZ(-22deg);
transform:rotateZ(-22deg);
color:#333;
}

.header__span h1 .dev__fe i {
text-indent:-9px;
top:13px;
right:0;
}

.header__span h2 .dev__fe i {
text-indent:-7px;
top:12px;
right:0;
}

.header__span h1 .dev__ux i {
text-indent:-6px;
top:2px;
left:-3px;
}

.header__span h2 .dev__ux i {
text-indent:-8px;
top:0;
left:0;
}

.dev__developer {
position:absolute;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-weight:700;
font-family:"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;
}

.header__span h1 .dev__developer {
top:-20px;
left:94px;
min-height:34px;
}

.header__span h2 .dev__developer {
top:-17px;
left:94px;
min-height:24px;
}

.dev__fe,.dev__ux,.dev__fe i,.dev__ux i,.dev__developer,.dev__slash {
transition:all .6s cubic-bezier(0.555,-0.375,0,1.615);
}

.header__dev--open .dev__fe i,.header__dev--open .dev__ux i {
text-indent:5px!important;
}

.header__dev--open .dev__developer {
-webkit-transform:translateX(15px);
transform:translateX(15px);
opacity:.6;
}

.header__dev--open .dev__slash {
-webkit-transform:scale(0.9) rotateZ(0deg);
transform:scale(0.9) rotateZ(0deg);
}

.header__dev--slow .dev__fe,.header__dev--slow .dev__ux,.header__dev--slow .dev__fe i,.header__dev--slow .dev__ux i,.header__dev--slow .dev__developer,.header__dev--slow .dev__slash {
transition:all 1.2s cubic-bezier(0.555,-0.375,0,1.615);
}

#bottomProgressBar {
position:fixed;
top:0;
width:100%;
z-index:998;
}

span.cnblogs_code {
border:0;
color:#d83b64;
background-color:#f9f2f4;
border-radius:3px;
position:relative;
bottom:1px;
padding:2px 4px;
}

.cnblogs_code {
line-height:20px;
font-size:14px!important;
background-color:transparent;
position:relative;
overflow:hidden;
border:0;
font-family:"Source Code Pro",Consolas,Menlo,Monaco,"Courier New",monospace!important;
font-weight:400;
z-index:10;
margin:0 auto;
padding:0;
}

.cnblogs_code pre {
font-size:14px!important;
font-family:"Source Code Pro",Consolas,Menlo,Monaco,"Courier New",monospace!important;
font-weight:400;
white-space:pre;
word-wrap:normal;
padding:10px!important;
}

.postBody pre {
max-height:70vh;
}

.cnblogs_code span {
font-family:"Source Code Pro",Consolas,Menlo,Monaco,"Courier New",monospace!important;
font-size:14px!important;
font-weight:400;
}

.cnblogs_code div {
background-color:transparent;
}

.cnblogs_code_collapse {
border:0;
background-color:#f9f9f9;
cursor:pointer;
color:#555;
top:1px;
font-weight:700;
position:relative;
font-family:Merriweather,"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif!important;
display:inline;
}

.cnblogs_code_toolbar {
height:0;
}

.cnblogs_code_copy a {
background-repeat:no-repeat;
display:inline-block;
width:16px;
height:16px;
position:absolute;
right:19px;
top:19px;
margin:0;
padding:0;
}

.code_img_closed,.code_img_opened {
cursor:pointer;
}

.cnblogs_code_toolbar a:hover,.cnblogs_code_toolbar a:link,.cnblogs_code_toolbar a:visited,.cnblogs_code_toolbar a:active,.cnblogs_code_toolbar a:link img,.cnblogs_code_toolbar a:visited img {
background-color:transparent!important;
border:none!important;
}

.cnblogs-markdown code,.cnblogs-post-body code {
color:#d83b64;
background-color:#f9f2f4!important;
border-radius:3px!important;
border:0!important;
text-indent:0!important;
position:relative;
bottom:1px;
padding:2px 4px!important;
}

#aplayer {
-webkit-transform:translateZ(0);
}

#tbCommentAuthor {
border:0;
background-color:#fff;
}

.comment-avatar {
width:48px;
height:48px;
border:1px solid #dcd6b3;
border-radius:50%;
-webkit-transition:all .6s ease-out;
-moz-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;
padding:3px;
}

.comment-avatar:hover {
-webkit-transform:rotateZ(360deg);
-moz-transform:rotateZ(360deg);
-ms-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
}

.blog_comment_body {
display:inline-block;
width:70%;
margin-left:15px;
vertical-align:initial!important;
font-family:Lato,Helvetica,Arial,sans-serif;
}

.tbCommentBody_bg {
background:url(https://files.cnblogs.com/files/bndong/commentHintBg.gif) center center no-repeat;
}

.commentbox_main {
padding-right:30px;
}

.conmts p {
margin:0;
}

.commentlist .alt a.layer {
color:#eee;
font-size:55px;
position:absolute;
right:30px;
top:30px;
background-image:none;
font-style:italic;
font-weight:initial;
}

.list .out,.list .inc {
width:90%;
margin:6px 0;
}

.list .out .icon,.list .inc .icon {
width:48px;
height:48px;
}

.list .icontd {
width:48px;
}

.list .out .topleft,.list .out .topright,.list .out .bottomleft,.list .out .bottomright,.list .inc .topleft,.list .inc .topright,.list .inc .bottomleft,.list .inc .bottomright {
background:url(https://files.cnblogs.com/files/bndong/t_o_bubbles.gif) no-repeat;
}

.list .out .top,.list .out .bottom,.list .inc .top,.list .inc .bottom {
background:transparent url(https://files.cnblogs.com/files/bndong/t_o_horizontal.gif) repeat-x;
}

.list .out .left,.list .out .right,.list .inc .left,.list .inc .right {
background:transparent url(https://files.cnblogs.com/files/bndong/t_o_vertical.gif) repeat-y;
}

.list .out .topleft {
background-position:left top;
height:9px;
width:18px;
}

.list .out .topright {
background-position:-18px top;
height:9px;
width:11px;
}

.list .out .bottomleft {
background-position:left -9px;
width:18px;
height:12px;
}

.list .out .bottomright {
background-position:right -9px;
width:11px;
height:12px;
}

.list .out .top {
background-position:top;
font-size:1px;
height:9px;
}

.list .out .bottom {
background-position:0 -9px;
height:12px;
}

.list .out .left {
background-position:left;
width:18px;
}

.list .out .right {
background-position:-18px 0;
width:11px;
}

.list .inc .topleft {
background-position:0 -21px;
height:9px;
width:18px;
}

.list .inc .topright {
background-position:-18px -21px;
height:9px;
width:11px;
}

.list .inc .bottomleft {
background-position:0 bottom;
width:18px;
height:12px;
}

.list .inc .bottomright {
background-position:right bottom;
width:11px;
height:12px;
}

.list .inc .top {
background-position:0 -21px;
font-size:1px;
height:9px;
}

.list .inc .bottom {
background-position:bottom;
height:12px;
}

.list .inc .left {
background-position:-29px 0;
width:18px;
}

.list .inc .right {
background-position:right;
width:11px;
}

.list .inc .conmts {
font-size:12px;
color:#000;
background:#c0e668;
}

.list .out .conmts {
background:#dcdcdc;
}

.list .out .conmts img {
max-height:100px;
}

#loading {
background-color:#f0f0f0;
z-index:1099;
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
}

#evanyou {
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
z-index:-1;
}

#green_channel {
margin-bottom:10px;
margin-top:10px;
border:0;
border-top:#eee 1px dashed;
border-bottom:#eee 1px dashed;
font-size:12px;
width:100%!important;
text-align:center;
display:inline-block;
vertical-align:middle;
padding:5px 0 15px;
}

a#green_channel_digg,a#green_channel_follow,a#green_channel_favorite,a#green_channel_weibo,a#green_channel_wechat {
text-decoration:none;
color:#fff;
width:80px;
display:inline-block;
line-height:30px;
font-size:12px;
font-weight:500;
letter-spacing:2px;
border-radius:3px;
text-transform:uppercase;
transition:all .4s;
-webkit-transition:all .4s;
-moz-transition:all .4s;
-ms-transition:all .4s;
-o-transition:all .4s;
position:relative;
background-image:none;
margin:10px auto auto;
}

a#green_channel_digg:hover,a#green_channel_follow:hover,a#green_channel_favorite:hover,a#green_channel_weibo:hover,a#green_channel_wechat:hover {
transform:scale(1.02,1.02);
}

a#green_channel_digg:active,a#green_channel_follow:active,a#green_channel_favorite:active,a#green_channel_weibo:active,a#green_channel_wechat:active {
transform:scale(0.95,0.95);
transition:all .4s -.125s;
}

a#green_channel_digg {
background-color:#2daebf;
box-shadow:0 15px 18px -6px rgba(95,193,206,0.65);
}

a#green_channel_follow {
background-color:#e33100!important;
box-shadow:0 15px 18px -6px rgba(227,49,0,0.65);
margin-left:10px;
}

a#green_channel_favorite {
background-color:#ffb515;
box-shadow:0 15px 18px -6px rgba(255,198,75,0.65);
margin-left:10px;
}

a#green_channel_weibo {
background-color:#ff464b!important;
box-shadow:0 15px 18px -6px rgba(255,70,75,0.65)!important;
margin-left:10px;
width:35px;
padding:3px 8px!important;
}

a#green_channel_wechat {
background-color:#3cb034!important;
box-shadow:0 15px 18px -6px rgba(60,176,52,0.65)!important;
margin-left:10px;
width:35px;
padding:3px 8px!important;
}

#author_profile_info img.author_avatar {
border-radius:100%;
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.4);
border:3px solid #f7f7f7;
margin-left:3px;
margin-right:7px;
padding:0;
}

#footerTextIcon {
display:inline-block;
animation:beating 1s infinite;
animation-timing-function:ease-out;
margin:0 3px;
}

*,#introduce div a {
margin:0;
padding:0;
}

::-moz-selection,::selection {
background:#d6edff;
}

fieldset,img,#cnblogs_post_body table tr {
border:0;
}

a:link,a:visited {
color:#2daebf;
text-decoration:none;
}

a:active,.postDesc a:hover {
color:#21759b;
text-decoration:none;
}

#blogTitle h1 a:hover,.feedbackListSubtitle b,.comment_vote a:hover,.entrylistItemPostDesc a:hover {
color:#21759b;
}

#blogLogo,.commentbox_title_right,.pfl_feedbackManage {
float:right;
}

.postTitle a:hover,.entrylistPosttitle a:hover,.divRecentCommentAticle a {
color:#000;
}

.postCon,.entrylistPostSummary {
-webkit-margin-after:0;
-webkit-margin-before:0;
-webkit-margin-end:0;
-webkit-margin-start:0;
clear:both;
color:#3a4145;
display:block;
font-family:Merriweather,"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;
font-feature-settings:liga 1 1 1;
font-size:16px;
line-height:1.7em;
width:100%;
word-wrap:break-word;
margin:0;
padding:10px 0;
}

.postDesc,.entrylistItemPostDesc {
clear:both;
color:#9eabb3;
float:left;
font-family:"Open Sans",sans-serif;
font-size:1.4rem;
line-height:2.2rem;
padding-right:5px;
text-align:left;
width:100%;
margin:0;
}

.postDesc a:link,.postDesc a:visited,.postDesc a:active,#EntryTag a:link,#EntryTag a:visited,#EntryTag a:active,#BlogPostCategory,#BlogPostCategory a:link,#BlogPostCategory a:visited,#BlogPostCategory a:active,.entrylistItemPostDesc a:link,.entrylistItemPostDesc a:visited,.entrylistItemPostDesc a:active {
color:#666;
}

#sideBar a:hover,.feedbackListSubtitle a:hover {
color:#21759b;
text-decoration:underline;
}

.catListComment,#sideBarMain ul {
line-height:1.5em;
}

#EntryTag a,#BlogPostCategory a {
background:#e7e7e7;
border-radius:10px;
color:#333;
height:20px;
line-height:20px;
text-decoration:none;
margin:2px 5px 0;
padding:3px 14px;
}

#EntryTag a:hover,#BlogPostCategory a:hover {
background:#21759b;
color:#f5f5f5;
transition:all .4s linear 0;
}

.commenttb:hover,.commentTextBox:hover,#Profile1_panelAdd input[type=text]:hover,#Profile1_txtContent:hover {
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6);
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6);
color:#333;
outline:0;
transition:all .4s linear 0;
border-color:rgba(82,168,236,0.8);
}

#AjaxHolder_PostComment_btnSubmit,#Profile1_panelAdd input[type=submit] {
-moz-border-radius:3px;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
-webkit-border-radius:3px;
-webkit-transition:all .4s ease;
background:#21759b;
border:0;
border-radius:3px;
color:#fff;
cursor:pointer;
display:inline-block;
font-size:14px;
outline:0;
text-align:center;
text-decoration:none;
transition:all .4s ease;
vertical-align:middle;
padding:8px 20px;
}

#AjaxHolder_PostComment_btnSubmit:hover,.comment_btn:hover,#Profile1_panelAdd input[type=submit]:hover {
background:#333;
}

.commentbox_title_left,#sideBar h3 {
font-size:14px;
}

.tdSentMessage,.pages {
text-align:right;
}

4%,68%,98% {
-moz-transform:translate(0,-1.5px) rotate(-.5deg);
-ms-transform:translate(0,-1.5px) rotate(-.5deg);
-o-transform:translate(0,-1.5px) rotate(-.5deg);
-webkit-transform:translate(0,-1.5px) rotate(-.5deg);
transform:translate(0,-1.5px) rotate(-.5deg);
}

6%,38% {
-moz-transform:translate(0,1.5px) rotate(-1.5deg);
-ms-transform:translate(0,1.5px) rotate(-1.5deg);
-o-transform:translate(0,1.5px) rotate(-1.5deg);
-webkit-transform:translate(0,1.5px) rotate(-1.5deg);
transform:translate(0,1.5px) rotate(-1.5deg);
}

8%,86% {
-moz-transform:translate(0,-1.5px) rotate(-1.5deg);
-ms-transform:translate(0,-1.5px) rotate(-1.5deg);
-o-transform:translate(0,-1.5px) rotate(-1.5deg);
-webkit-transform:translate(0,-1.5px) rotate(-1.5deg);
transform:translate(0,-1.5px) rotate(-1.5deg);
}

10%,72% {
-moz-transform:translate(0,2.5px) rotate(1.5deg);
-ms-transform:translate(0,2.5px) rotate(1.5deg);
-o-transform:translate(0,2.5px) rotate(1.5deg);
-webkit-transform:translate(0,2.5px) rotate(1.5deg);
transform:translate(0,2.5px) rotate(1.5deg);
}

12%,64%,78%,96% {
-moz-transform:translate(0,-.5px) rotate(1.5deg);
-ms-transform:translate(0,-.5px) rotate(1.5deg);
-o-transform:translate(0,-.5px) rotate(1.5deg);
-webkit-transform:translate(0,-.5px) rotate(1.5deg);
transform:translate(0,-.5px) rotate(1.5deg);
}

14%,54% {
-moz-transform:translate(0,-1.5px) rotate(1.5deg);
-ms-transform:translate(0,-1.5px) rotate(1.5deg);
-o-transform:translate(0,-1.5px) rotate(1.5deg);
-webkit-transform:translate(0,-1.5px) rotate(1.5deg);
transform:translate(0,-1.5px) rotate(1.5deg);
}

18%,22% {
-moz-transform:translate(0,.5px) rotate(-1.5deg);
-ms-transform:translate(0,.5px) rotate(-1.5deg);
-o-transform:translate(0,.5px) rotate(-1.5deg);
-webkit-transform:translate(0,.5px) rotate(-1.5deg);
transform:translate(0,.5px) rotate(-1.5deg);
}

24%,80% {
-moz-transform:translate(0,1.5px) rotate(1.5deg);
-ms-transform:translate(0,1.5px) rotate(1.5deg);
-o-transform:translate(0,1.5px) rotate(1.5deg);
-webkit-transform:translate(0,1.5px) rotate(1.5deg);
transform:translate(0,1.5px) rotate(1.5deg);
}

32%,34%,66% {
-moz-transform:translate(0,1.5px) rotate(-.5deg);
-ms-transform:translate(0,1.5px) rotate(-.5deg);
-o-transform:translate(0,1.5px) rotate(-.5deg);
-webkit-transform:translate(0,1.5px) rotate(-.5deg);
transform:translate(0,1.5px) rotate(-.5deg);
}

36%,46% {
-moz-transform:translate(0,-1.5px) rotate(2.5deg);
-ms-transform:translate(0,-1.5px) rotate(2.5deg);
-o-transform:translate(0,-1.5px) rotate(2.5deg);
-webkit-transform:translate(0,-1.5px) rotate(2.5deg);
transform:translate(0,-1.5px) rotate(2.5deg);
}

40%,62%,76%,88% {
-moz-transform:translate(0,-.5px) rotate(2.5deg);
-ms-transform:translate(0,-.5px) rotate(2.5deg);
-o-transform:translate(0,-.5px) rotate(2.5deg);
-webkit-transform:translate(0,-.5px) rotate(2.5deg);
transform:translate(0,-.5px) rotate(2.5deg);
}

48%,74%,82% {
-moz-transform:translate(0,-.5px) rotate(.5deg);
-ms-transform:translate(0,-.5px) rotate(.5deg);
-o-transform:translate(0,-.5px) rotate(.5deg);
-webkit-transform:translate(0,-.5px) rotate(.5deg);
transform:translate(0,-.5px) rotate(.5deg);
}

52%,56%,60% {
-moz-transform:translate(0,2.5px) rotate(2.5deg);
-ms-transform:translate(0,2.5px) rotate(2.5deg);
-o-transform:translate(0,2.5px) rotate(2.5deg);
-webkit-transform:translate(0,2.5px) rotate(2.5deg);
transform:translate(0,2.5px) rotate(2.5deg);
}

.introduce-head,.commentbox_title,.list {
width:100%;
}

.post-del-title,#under_post_kb,#ad_t1,#ad_t2,#ad_c1,#ad_c2,#under_post_news,#cnblogs_c1,#cnblogs_c2,.cnblogs_code_copy img,.list .out .icontd,#sideToolbar {
display:none;
}

#header,.catListTitle,#profile_block,#blog-calendar,#leftcontentcontainer,#blog-calendar,.aplayer-icon-lrc {
display:none!important;
}

@media only screen and max-width1200px {
.main-header {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
min-height:240px;
height:60vh;
max-height:60vh;
padding:15% 0;
}

#home {
width:85%;
max-width:100vw;
}

.postTitle a:link,.entrylistPosttitle a:link {
font-size:2.8rem;
}

.postDesc,.entrylistItemPostDesc {
font-size:1.3rem;
}

.page-title,.entrylistPosttitle {
font-size:4rem;
letter-spacing:-1px;
}

.sb-title {
font-size:3.5rem;
letter-spacing:-1px;
}

.page-description {
font-size:1.8rem;
line-height:1.5em;
-webkit-line-clamp:4;
}

.page-author {
font-size:1.2rem!important;
line-height:1.3em;
}

#sideToolbar,#music-box,.scroll-down,#evanyou,#aplayer,#homeTopCanvas,#notHomeTopCanvas {
display:none!important;
}
}

@media only screen and max-width960px {
.main-header {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
min-height:240px;
height:50vh;
max-height:50vh;
padding:15% 0;
}

#home {
width:auto;
}

#pageAnimationOffOn {
display:none;
}

#homeTopCanvas,#notHomeTopCanvas,#bgCanvas {
display:none!important;
}
}

@media only screen and max-width720px {
.main-header {
margin-bottom:15px;
height:40vh;
max-height:40vh;
}

#home {
padding-left:10px;
padding-right:10px;
}

.postTitle a:link,.entrylistPosttitle a:link {
font-size:2.3rem;
}

.menu-button {
border:none!important;
margin:0!important;
}

.inner {
width:auto;
margin:2rem auto;
}

.page-title,.sb-title,.entrylistPosttitle {
font-size:3rem;
}

.page-description {
font-size:1.6rem;
-webkit-line-clamp:2;
}

.page-author {
font-size:1rem!important;
}

.menu-button-scroll {
background:#222!important;
left:-8px!important;
width:31px!important;
}

#pageAnimationOffOn,#sideToolbar,#music-box,.scroll-down,#evanyou,#canvas,#aplayer,#homeTopCanvas,#notHomeTopCanvas,#bgCanvas {
display:none!important;
}

.postCon,.entrylistPostSummary,.postDesc,.entrylistItemPostDesc {
font-size:12px;
}
}