@charset "utf-8";
@font-face {
    font-family: FontAwesome;
    src: url(//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2"), url(//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0) format("woff"), url(//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype"), url(//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}
#commentform_title{background-image:url(https://my-markdown-picture.oss-cn-shanghai.aliyuncs.com/pics/R2rF.png!icon)}
#topics{ overflow: visible; }
#postDesc{ float: none; }
#header #navList #blog_nav_sitehome {
    display: none;
}
div.info {
    position: relative;
    min-height: 4.7em;
    padding-left: 4.7em !important;
    background-color: #d9edf7;
}
div.info {
    margin: 1.75em 0;
    padding: .85em 1em;
    font-size: .85em;
    color: #444;
    border-radius: .55em;
}
div.info:before {
    position: absolute;
    left: 0;
    height: 100%;
    padding: .125em .25em;
    font-size: 3.5em;
    color: #70bbe1;
}

div.info:before {
    content: "";
}

div.info.note {
    background-color: #dff0d8;
}

div.info.note:before {
    color: #93cd7c;
}
div.info.note:before {
    content: "";
}

div.info.important {
    background-color: #f2dede;
}

div.info.important:before {
    color: #ce8383;
}
#issue-this:before, div.info.important:before {
    content: "";
}
.site-master-avatar{width:150px;height:150px;border-radius:150px}
.esa-toolbar {
    position: fixed;
    display: grid;
    z-index: 999;
    bottom: 30px;
    right: 30px;
}

.esa-toolbar .esa-toolbar-contents,
.esa-toolbar .esa-toolbar-follow,
.esa-toolbar .esa-toolbar-gotop {
    height: 45px;
    width: 45px;
    font-weight: 400;
    position: relative;
    outline: 0;
    cursor: pointer;
    border: 1px solid transparent;
    transition: color .2s linear, background-color .2s linear, border .2s linear, box-shadow .2s linear;
    margin-top: 5px;
    color: #515a6e;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat
}

.esa-toolbar .esa-toolbar-contents .tips,
.esa-toolbar .esa-toolbar-follow .tips,
.esa-toolbar .esa-toolbar-gotop .tips {
    position: absolute;
    left: -60px;
    top: 15px;
    display: none;
    color: #9daab6;
    font-size: 12px
}

.esa-toolbar .esa-toolbar-contents:hover,
.esa-toolbar .esa-toolbar-follow:hover,
.esa-toolbar .esa-toolbar-gotop:hover {
    color: #2D8CF0;
    border-color: #2D8CF0
}

.esa-toolbar .esa-toolbar-gotop {
    display: none;
    background-image: url(https://my-markdown-picture.oss-cn-shanghai.aliyuncs.com/pics/R9mQ.png!top)
}

.esa-toolbar .esa-toolbar-contents {
    background-image: url(https://my-markdown-picture.oss-cn-shanghai.aliyuncs.com/pics/C34m.png!top)
}

.esa-toolbar .esa-toolbar-follow {
    background-image: url(https://my-markdown-picture.oss-cn-shanghai.aliyuncs.com/pics/JIJH.png!top)
}
	@media only screen and (max-width:767px){
	#navList a:active,#navList a:link,#navList a:visited {
		background-color: #FFFFFF;
	}}
#profile_block {
    margin-top: 5px;
    line-height: 1.5;
    padding-left: 23px;
    text-align: left
}
#github-repo:before, a.heading-anchor:before, div.info:before,
footer.main-content a:before, footer.main-content button:before,
header.layout button:before, header.layout ul a:before, section#index ul .github a:before,
section#index ul .manual a:before, section#used-by ul > li:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-family: FontAwesome, sans-serif;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    padding: .05em;
    text-indent: 0;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}
body:before {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.05;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    filter: grayscale(40%);
    filter: gray;
}

/*body::before {
    background: url(https://my-markdown-picture.oss-cn-shanghai.aliyuncs.com/pics/Lu94.jpg) center/cover no-repeat;
} */
body {
	min-height: 100%!important;
	color: #314659;
     font-family: Lato,"PingFang SC","Microsoft YaHei",sans-serif!important; 
    /*font-family: source-han-serif-sc, serif;*/
    font-weight: 400;
    font-style: normal;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    /*background-image: url(https://s1.ax2x.com/2018/12/27/5WrvKO.png);
    background-repeat: no-repeat;
    background-attachment: fixed;*/
    background-size: 100%;
}

a {
	transition: all .3s ease!important
}

a:hover {
	color: #F58EA8!important;
	text-decoration: none!important
}

#ad_c1,#ad_c2,#ad_t2,#author_profile,#blogCalendar,#blogTitle h2,#comment_form_container p:nth-of-type(3),#green_channel,#homepage_top_pager,#sidebar_postarchive,#sidebar_recentcomments,#sidebar_recentposts,#sidebar_scorerank,#sidebar_search,#sidebar_shortcut,#sidebar_topcommentedposts,#under_post_kb,#under_post_news,.c_ad_block,.dayTitle {
	display: none
}

#home {
	width: 100%
}

#header {
	width: 960px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	border-top: 0;
        background: rgba(255,255,255,.95);
	border-bottom: 1px #F58EA8 solid;
	padding-bottom: 0;
	display: block;
	box-shadow: inset 0 -1px 0 rgba(255,255,255,.5);
	height: 60px;
	z-index: 941112;
}
@media only screen and (max-width:767px){
	#header{
			background: rgba(255,255,255,.95);
	}
}
#header #blogTitle {
	position: relative;
	height: 60px
}

#header #blogTitle h1 {
	font-size: 25px;
	font-family: Georgia;
	width: auto;
	/*margin-left: 0;*/
	margin-top: 12px;
	padding-left: 15px
}


#header #blogTitle h1 a {
    color: #404040;
    }

#header #blogTitle h1 a:hover {
	color: #404040;
	text-decoration: none
}

@media only screen and (max-width: 767px){
	#header #navigator {
	height: inherit;
	position: absolute;
	top: 0;
	background-color: transparent;
	display: inline-block;
	z-index: 999;

 }
}
@media only screen and (min-width: 767px){
#header #navigator {
	height: inherit;
	position: absolute;
        right:0;
	top: 0;
	background-color: transparent;
	display: inline-block;
	z-index: 999;
        }
}


#header #navList {
	height: inherit
}

#header #navList li {
	position: relative
}

#header #navList li:hover i {
	width: 100%;
	left: 0
}

/*控制自定义菜单隐藏*/
#header #navList li #blog_nav_tags {
	/*display: none*/
}

#header #navList li i {
	width: 0;
	height: 4px;
	background-color: #F58EA8;
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transition: 1s
}

#header #navList a:active,#header #navList a:link,#header #navList a:visited {
	font-size: 16px;
	padding-top: 0;
	border-right: 0;
	color: #314659;
	display: block;
	font-weight: 300;
	padding: 20px 0;
	height: inherit;
	-webkit-transition: all .3s;
	transition: all .3s
}

#header #navList a:hover {
	background: 0 0
}

#main {
	width: 960px;
	margin: 0 auto;
	min-height: 750px;
	padding: 70px 10px 0 10px;
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-iteration-count: 1;
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1
}
#cnblogs_post_body a:before {
    content: '🍭';
}
#main #mainContent {
	background-color: transparent;
	overflow: visible;	
}
#post_detail #topics {
    overflow: visible;
}

#main #mainContent .forFlow {
	margin: 0 auto;
	margin-left: 0;
	max-width: 960px
}
#main #mainContent .forFlow .c_b_p_desc a:before {
    content: '🔎';
}
#main #mainContent .forFlow .c_b_p_desc a {
	border: 1px solid;
	padding: 2px 9px;
	font-size: 13px;
	margin-top: 10px;
	text-decoration: none;
	display: table;
	color: #314659;
	border-color: #314659
}
.postDesc a:after {
    content: '🎨';
}


#main #mainContent .forFlow .c_b_p_desc a:hover {
	color: F58EA8!important;
	border: 1px solid F58EA8
}

#sideBar {
	border-right: 1px solid #eef2f8;
	font-weight: 300;
	display: none;
	min-height: 750px;
	padding: 0
}

#sideBar .newsItem {
	padding: 0;
	color: #314659
}

#sideBar .newsItem #blog-news {
	font-size: 15px;
	text-align:center
}

#sideBar .newsItem #blog-news a {
	color: #314659
}

.catListTitle {
	color: #314659;
	text-align: left;
	margin-top: 25px;
	padding-left: 23px;
	font-size: 20px;
	font-weight: 300;
	border-bottom: none
}

#sidebar_toptags .catListTitle:before {
	content:'📝';
}

#sidebar_categories .catListTitle:before {
	content:'📂';
}

#sidebar_topviewedposts .catListTitle:before {
	content:'📖';
}

#sidebar_topdiggedposts .catListTitle:before {
	content:'💡';
}

#sidebar_categories li,#sidebar_toptags li {
	font-size: 15px;
	height: 40px;
	margin: 0;
	padding-left: 23px;
	padding-right: 15px;
	line-height: 42px;
	color: #314659;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#sidebar_topdiggedposts li,#sidebar_topviewedposts li {
	margin: 8px 0;
	font-size: 15px;
	padding-left: 23px;
	padding-right: 15px;
	color: #314659;
	text-align: justify
}

#sidebar_topdiggedposts li a:active,#sidebar_topdiggedposts li a:hover,#sidebar_topdiggedposts li a:link,#sidebar_topdiggedposts li a:visited,#sidebar_topviewedposts li a:active,#sidebar_topviewedposts li a:hover,#sidebar_topviewedposts li a:link,#sidebar_topviewedposts li a:visited {
	color: #314659;
	text-align: justify
}

#sidebar_categories li>a:active,#sidebar_categories li>a:link,#sidebar_categories li>a:visited,#sidebar_toptags li>a:active,#sidebar_toptags li>a:link,#sidebar_toptags li>a:visited {
	color: #314659;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#sidebar_categories li:hover,#sidebar_toptags li:hover {
	margin-left: 10px;
	background-color: #f7f7f7;
	border-radius: 5px;
	margin: 0 5px;
	font-size: 17px
}

#myposts .myposts_title,#taglist_title,.PostListTitle,.entrylistTitle,.thumbTitle {
	padding-bottom: 3px;
	padding-right: 10px;
	width: 100%;
	color: #314659;
	text-align: left;
	border-bottom: 0!important;
	font-size: 23px;
	font-weight: 300
}

#myposts {
	margin-left: 0
}

#myposts .PostList {
	font-size: 13px;
	border-bottom: 1px solid #eef2f8;
	padding: 6px 0 10px 0;
	margin-right: 0
}

#myposts .pager:first-of-type {
	display: none
}

#myposts a:link,#myposts a:visited {
	color: #314659
}
.center {
    margin: 0 auto;
    text-align: center;
}
.day,.entrylistItem {
	width: auto;
	/*border-bottom: 1px solid #eef2f8;*/
	padding: 10px 0 15px 0;
	text-align: justify
}

.day .postSeparator {
	margin-top: 15px;
	margin-bottom: 25px;
	border-top: 1px solid #eef2f8
}
.blogStats {
    color: #515a6e !important;
    margin-top: 20px !important;;
    font-size: 15px !important;;
}
.entrylistPosttitle,.postTitle {
	font-size: 15px;
	font-weight: 300;
	border-bottom: none!important;
	font-family: Lato,"Microsoft Jhenghei","Hiragino Sans GB","Microsoft YaHei",sans-serif!important
}
.postTitle:before {
    content: '✍';
}
.postTitle {
	padding-left: 15px!important;
	font-size: 22px!important
}

.entrylistPosttitle {
	padding-left: 0!important;
	font-size: 22px!important
}

.entrylistPosttitle>a:active,.entrylistPosttitle>a:link,.entrylistPosttitle>a:visited,.postTitle>a:active,.postTitle>a:link,.postTitle>a:visited {
	font-size: 20px;
	font-weight: 700;
	color: #2c3e50;
	-webkit-transition: all .3s;
	transition: all .3s
}

.entrylistPosttitle>a:hover,.postTitle>a:hover {
	color: #2D8CF0
}

.postBody {
	padding: 5px 15px;
	line-height: 1.5;
	color: #314659;
	border-bottom: 1px solid #eef2f8
}

.postBody a:active,.postBody a:link,.postBody a:visited {
	color: #F58EA8;
	text-decoration: none
}

div.info {
    position: relative;
    min-height: 4.7em;
    padding-left: 4.7em !important;
    background-color: #d9edf7;
}
div.info {
    margin: 1.75em 0;
    padding: .85em 1em;
    font-size: .85em;
    color: #444;
    border-radius: .55em;
}
div.info:before {
    position: absolute;
    left: 0;
    height: 100%;
    padding: .125em .25em;
    font-size: 3.5em;
    color: #70bbe1;
}

div.info:before {
    content: "";
}

div.info.note {
    background-color: #dff0d8;
}

div.info.note:before {
    color: #93cd7c;
}
div.info.note:before {
    content: "";
}

div.info.important {
    background-color: #f2dede;
}

div.info.important:before {
    color: #ce8383;
}
#issue-this:before, div.info.important:before {
    content: "";
}

.postBody ol li,.postBody ul li {
	margin: 5px 0;
	font-size: 15px;
	color: #314659
}

.postBody ol li p,.postBody ul li p {
	margin: 0!important
}

.entrylistPostSummary,.postCon {
	font-size: 16px;
	font-weight: 300;
	color: #606975;
	font-family: inherit
}

.entrylistPostSummary .c_b_p_desc img,.postCon .c_b_p_desc img {
	height: 100px;
	margin-left: 10px
}

#cnblogs_post_body h1 {
	font-size: 22px;
	font-family: Lato,"Microsoft Jhenghei","Hiragino Sans GB","Microsoft YaHei",sans-serif!important;
	color: #2c3e50;
	margin: 15px 0
}

#cnblogs_post_body h2 {
	font-size: 20px;
	color: #2c3e50;
	margin: 15px 0
}

#cnblogs_post_body h3 {
	font-size: 18px;
	color: #2c3e50;
	margin: 15px 0
}

#cnblogs_post_body h4,#cnblogs_post_body h5,#cnblogs_post_body h6 {
	font-size: 16px;
	color: #546e7a;
	margin: 15px 0
}

#cnblogs_post_body p {
	font-size: 15px!important;
    /*color: #314659;*/
    line-height: 2.0;
    font-weight: 400;
    text-align: justify;
    /*margin: 0 0 2em 0;*/
}

#cnblogs_post_body blockquote {
	color: #ef9a9a;
    margin: 0;
    padding: 2.1em 2.2em;
    background: #f8f8f8;
    line-height: 28px;
    position: relative;
    margin-bottom: 15px;
    border-radius: 6px;
    font-family: sf pro sc,sf pro display,sf pro icons,aos icons,pingfang sc,helvetica neue,helvetica,arial,sans-serif;
	
	
}
#cnblogs_post_body blockquote:before {
    content: "\201C";
    top: 15px;
    left: 10px;
    position: absolute;
    color: #ef9a9a;
    font-size: 4em;
    }
#cnblogs_post_body blockquote:after {
    content: "\201D";
    bottom: -8px;
    right: 10px;
    position: absolute;
    color: #ef9a9a;
    font-size: 4em;
}

#cnblogs_post_body em {
	padding-right: 3px
}

#cnblogs_post_body img {
    height: auto;
    border-radius: 6px;
}

#cnblogs_post_body table {
	font-size: 13px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid #e9e9e9;
	width: 100%;
	margin-bottom: 24px
}

#cnblogs_post_body table th {
	font-family: inherit;
	font-size: inherit;
	background: #f7f7f7;
	white-space: nowrap;
	color: #5c6b77;
	font-weight: 600;
	border: 1px solid #e9e9e9;
	padding: 8px 16px
}

#cnblogs_post_body table td {
	border: 1px solid #e9e9e9;
	padding: 8px 16px
}

#cnblogs_post_body h1 code,#cnblogs_post_body h2 code,#cnblogs_post_body h3 code,#cnblogs_post_body h4 code,#cnblogs_post_body h5 code,#cnblogs_post_body h6 code,#cnblogs_post_body li code,#cnblogs_post_body p code,#cnblogs_post_body table code {
	/*color: #c7254e !important;*/
	line-height: 1;
	font-family: consolas!important;
	vertical-align: middle;
	margin: 0 3px;
	background: #f2f4f5;
	padding: .3em .3em!important;
	border-radius: 3px!important;
	border: 0px solid #eee!important
}

#cnblogs_post_body .cnblogs_code {
	background-color: #f2f4f5!important;
	border: none!important;
	border-radius: 2px!important
}

#cnblogs_post_body .cnblogs_code img {
	display: inline
}

#cnblogs_post_body .cnblogs_code pre,#cnblogs_post_body .cnblogs_code span {
	font-family: Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace!important
}

#cnblogs_post_body .cnblogs_code .cnblogs_code_collapse {
	padding: 4px 3px 3px 3px;
	border: 1px solid #d0d0d0;
	border-radius: 2px
}

#BlogPostCategory a {
	margin-left: 5px
}

#footer {
	border-top: 1px solid #eef2f8;
	font-weight: 300;
	margin-bottom: 0 !important;
}

#footer div {
	margin: 5px auto
}

#footer:after {
	content: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB+UlEQVRIS72UP4sTURTFzxmDGrGYL2Blo2Blo4gIuoW6+K8QBAsJC1uIybwXrIX5AJK8N6MIihiwEMHCFdbCvyAsWivYWfkFEhBjsZkjs+yum5BksrtZXzXMu+/83n3n3kvs8OIO6+P/AyqVyt4wDG8DuCTpIIAPkh4kSfJxY7ZRFJ0meRPAGZI/JC10Op1Gq9X6szGuL4NqtXqoVCq9AXBg8OkkPep2u7fy/+Vy+T7J+SHP+7PX651L0/T72l4fwBizRPLEKF8kvQawh+TMGO++hWF4NI7j5TxmHVCv1y9KejUN07Msm0uS5EkfwBjTIFmfBgBA6pyLBgGLJGenBFh0zl3oA1hr7wFYMXEKq+GcyyvxnwfW2jkAj6cgDkmXvfcrfq6bHMdxqd1ufwVweJuQJefcyaFlGkXREZKfSe7fCkTSryzLjo3sg1y0VqsdD4LgPcl9m4FI+p1l2Uyapl9GdvLahjHmFMm3AHZPApGUj4ez3vtPg/Ejh10URbNBECwAKBVAlkmebzab74bFjZ2m1torkl6Q3DXssKQeyavOuZejLlE4ro0x1wA8IzkYm0m67r1/Pi7DQkB+2BgzT/LhgNAN59zTIo8mAqxCqiTT/FtSzXufd37hmhiQK1lr7wDoOufuFiqvBmwKMKloYR9sRWjLVbRd2F/t8awZAq/aHAAAAABJRU5ErkJggg==)
}

.cnblogs-markdown pre {
	white-space: pre!important;
	position: relative!important
}

.cnblogs-markdown .hljs {
	display: block!important;
    overflow-x: auto!important;
    padding: 1em!important;
    /* background: #282c34!important; */
    border-radius: 4px!important;
    font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace!important;
    font-size: 15px!important;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
    color: #5e6687 !important;
	
}

.hljs,.hljs-subst,.hljs-tag {
	color: #666!important
}

.hljs-emphasis,.hljs-strong {
	color: #a8a8a2!important
}

.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote {
	color: #ae81ff!important
}

.hljs-meta,.hljs-regexp {
	color: #fd971f!important
}

.hljs-built_in,.hljs-builtin-name,.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title {
	color: #50a14f!important
}

.hljs-strong {
	font-weight: 700
}

.hljs-emphasis {
	font-style: italic!important
}

.hljs-attr,.hljs-name,.hljs-selector-tag,.hljs-symbol {
	color: #f74449!important
}

.hljs-attribute,.hljs-keyword {
	color: #4078f2!important
}

.hljs-class .hljs-title,.hljs-params {
	/*color: #f8f8f2!important*/
}

.hljs-addition,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable {
	color: #c18401!important
}

.hljs-comment,.hljs-deletion {
	color: #999!important
}

#taglist_main {
	margin-top: 0
}

#taglist_main table {
	width: 100%
}

#taglist_main table tr td {
	padding: 5px 20px 5px 0
}

#taglist_main table tr td .small {
	display: none
}

#taglist_main table tr td a {
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	padding: 5px;
	margin: 0;
	width: 100%;
	text-align: center;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	color: rgba(0,0,0,.65);
	background-color: rgba(255,255,255,.97)
}

#taglist_main table tr td a:hover {
	color: #2D8CF0!important;
	border: 1px solid #2D8CF0;
	text-decoration: none
}

.topicListFooter {
	margin-right: 0
}

#nav_next_page,.pager {
	margin-right: 0;
	color: #515a6e
}

#nav_next_page a,.pager a {
	padding: 3px 7px;
	border: 1px solid #dcdee2;
	border-radius: 4px;
	font-family: Monospaced Number;
	margin: 0 3px;
	text-decoration: none;
	color: #515a6e;
	transition: border .2s ease-in-out,color .2s ease-in-out
}

#nav_next_page a:hover,.pager a:hover {
	color: #F58EA8;
	border: 1px solid #F58EA8
}

.pager span.current {
	padding: 3px 7px;
	border: 1px solid #fff;
	border-radius: 4px;
	font-family: Monospaced Number;
	margin: 0 3px;
	text-decoration: none;
	background-color: #687a86
}

.esa-clipboard-button {
	font-size: 12px;
	color: #c7c7c7;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 5px
}

.esa-follow-button {
	z-index: 999;
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	height: 45px;
	width: 45px;
	font-weight: 400;
	outline: 0;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 12px;
	border-radius: 50px;
	transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;
	color: #515a6e;
	background-color: #fff;
	border-color: #dcdee2
}

.esa-follow-button:hover {
	color: #F58EA8;
	border-color: #F58EA8;
	background-color: #fff
}

.esa-mobile-menu {
	display: none;
	position: fixed;
	top: 7px;
	right: 15px;
	z-index: 941113;
	font-size: 1.5em;
	cursor: pointer;
	color: #7f7f7f
}

.esa-mobile-menu:after {
	content: '\2630';
	font-size: 1.5em;
	font-family: fontello
}

.esa-catalog {
	position: fixed;
	top: 120px;
	right: 1px;
	width: auto;
	height: auto;
	/*background-color: #fff;*/
	z-index: 99
}

.esa-catalog-tab {
	cursor: pointer;
	display: none;
	padding: 7px 2px 7px 2px;
	float: right;
	width: 25px;
	color: #314659;
	font-size: 14px;
	border: 1px solid #dcdee2;
	border-radius: 3px;
	text-align: center
}

.esa-catalog-title {
	cursor: move;
	padding-left: 12px;
	width: 100%;
	height: 35px;
	line-height: 36px;
	border-bottom: 1px solid #eef2f8;
	font-size: 14px;
	color: #314659;
	overflow: hidden
}

.esa-catalog-close {
	position: absolute;
	right: 15px;
	top: 10px;
	cursor: pointer;
	text-decoration: none
}

.esa-catalog-contents {
	overflow: hidden;
	display: none;
	color: #314659;
	/*border: 1px solid #dcdee2;
	border-radius: 3px;*/
	border-left: 1px solid rgba(221, 221, 221, 0.32);
	min-width: 150px;
	opacity: 1;
	font-size: inherit;
	/*background-color: #fff;*/
	z-index: 99
}

.esa-catalog-contents ul {
	padding: 10px 15px;
	max-height: 350px;
	overflow-y: auto
}

.esa-catalog-contents ul li {
	margin-top: 5px;
	max-width: 170px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer
}
.li_h2 {
    font-weight: bold;
    color: #34495e;
}
.li_h3 {
    color: #5f5f5f;
}
.esa-catalog-contents ul li a:hover {
	color: #2D8CF0;
	text-decoration: none
}

.esa-catalog-contents ul li .level1 {
	margin-left: 0
}

.esa-catalog-contents ul li .level2 {
	margin-left: 10px
}

.esa-catalog-contents ul li .level3 {
	margin-left: 26px
}

.esa-post-signature {
	padding: 12px 24px 12px 30px;
	margin-top: 15px;
	margin-left: 5px;
	border-left-width: 4px;
	font-size: 15px;
	line-height: 2;
	border-left-style: solid;
	background-color: #f8f8f8;
	position: relative;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	border-left-color: #F58EA8;
	z-index: 1
}

.esa-post-signature:before {
	content: "!";
	background-color: #F58EA8;
	position: absolute;
	top: 25px;
	left: -12px;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	text-align: center;
	line-height: 20px;
	font-weight: 700;
	font-size: 14px
}

.esa-post-signature a {
	color: #314659!important
}

.esa-layer {
	position: fixed;
	top: 5px;
	text-align: center;
	line-height: 25px;
	font-size: 15px;
	font-family: inherit;
	width: 100%;
	display: none;
	z-index: 9999999
}

.esa-layer-content {
	position: relative;
	background: rgba(0,0,0,.7);
	max-width: 250px;
	padding: 3px 9px;
	font-size: 13px;
	border-radius: 5px;
	color: #FFF;
	display: inline-block
}

.esa-reward {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	padding-bottom: 30px;
	background: #fff;
	box-shadow: 0 0 0 2000px rgba(0,0,0,.65);
	border-radius: 4px;
	z-index: 1000000
}

.esa-reward h2 {
	text-align: center;
	font-size: 20px;
	color: #666;
	font-weight: 400;
	margin: 20px 0 10px 0
}

.esa-reward p {
	text-align: center
}

.esa-reward .esa-reward-container {
	margin: 0 30px;
	text-align: center
}

.esa-reward .alipay,.esa-reward .wechat {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
	padding: 10px;
	border: 5px solid #ff7300;
	border-radius: 10px;
	box-sizing: border-box;
	margin: 10px
}

.esa-reward .alipay:after,.esa-reward .wechat:after {
	content: '';
	position: absolute;
	left: 30px;
	bottom: -12px;
	color: #666;
	background: #fff;
	padding: 0 10px;
	font-size: 16px;
	width: auto;
	text-align: center
}

.esa-reward .alipay img,.esa-reward .wechat img {
	width: 100%;
	width: 170px;
	height: 170px
}

.esa-reward .alipay:after {
	content: '支付宝，扫一扫'
}

.esa-reward .wechat:after {
	content: '微信，扫一扫'
}

.esa-reward-close {
	position: absolute;
	font-size: 30px;
	color: #999;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	transform: rotate(45deg)
}

.esa-reward-close:hover {
	transition: all .2s;
	color: #bbb
}

.esa-reward-close:active {
	transition: all .2s;
	color: #666
}

#div_digg {
	position: static;
	float: none;
	margin: 75px auto;
	z-index: -1;
	width: 370px
}

#div_digg .buryit,#div_digg .diggit,#div_digg .favorite,#div_digg .reward {
	background: #FFF;
	margin: 0;
	display: inline-block;
	width: auto;
	height: 32px;
	border-width: 0;
	cursor: pointer;
	color: #fff;
	user-select: none;
	padding: 0 10px;
	border-radius: 5px;
	transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear
}

#div_digg .favorite {
	background-color: #2db7f5;
	border-color: #2db7f5;
	margin: 0 5px
}

#div_digg .favorite:hover {
	background-color: #57c5f7;
	border-color: #57c5f7
}

#div_digg .reward {
	background-color: #e13d13;
	border-color: #e13d13;
	margin: 0 5px
}

#div_digg .reward:hover {
	background-color: #f16643;
	border-color: #f16643
}

#div_digg .diggit {
	background-color: #f58ea8;
	border-color: #f58ea8
}

#div_digg .diggit:hover {
	background-color: #fb7299;
	border-color: #fb7299
}

#div_digg .buryit {
	background-color: #f90;
	border-color: #f90
}

#div_digg .buryit:hover {
	background-color: #ffad33;
	border-color: #ffad33
}

#div_digg .buryit .burynum,#div_digg .diggit .diggnum,#div_digg .favorite .favoritenum,#div_digg .reward .rewardnum {
	color: snow;
	display: inline-block;
	font-size: 15px;
	position: relative;
        top:5px;
	width: 65px;
	
}

#div_digg .favorite .favoritenum:before {
    content: '收藏';
    font-size: 15px
}

#div_digg .reward .rewardnum:before {
    content: '赞赏';
    font-size: 15px
}

#div_digg .diggit .diggnum:before {
    content: '推荐';
    font-size: 15px;
    margin-right: 5px
}

#div_digg .buryit .burynum:before {
    content: '反对';
    font-size: 15px;
    margin-right: 5px
}

.feedbackCon {
	background: 0 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #eef2f8
}

.feedbackCon .esa-comment-avatar {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

.feedbackCon .esa-comment-avatar img {
	border-radius: 20%;
	transition: all .5s ease-out;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out
}

.feedbackCon .esa-comment-avatar img:hover {
	/*旋转*/
	/*-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	transform: rotateZ(360deg)*/
	/*抖动*/
	-webkit-animation: tada 1s .2s ease both;
	-moz-animation: tada 1s .2s ease both;
}

.feedbackCon .blog_comment_body {
	border-radius: 8px;
	padding: 8px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 6px;
	font-size: 15px;
	display: block;
	color: #434b69;
	
	width: auto
}
.feedbackItem .comment_quote {
    color: #666;
    margin: 0;
    padding: 2.1em 2.2em;
    background: #f8f8f8;
    line-height: 28px;
    position: relative;
    margin-bottom: 15px;
    border-radius: 6px;
    border: 1px solid #eee;
    font-family: sf pro sc,sf pro display,sf pro icons,aos icons,pingfang sc,helvetica neue,helvetica,arial,sans-serif;
}
.feedbackItem .comment_quote:before {
    content: "\201C";
    top: 35px;
    left: 10px;
    position: absolute;
    color: #888;
    font-size: 4em;
}

.feedbackItem .comment_quote:after {
    content: "\201D";
    bottom: -8px;
    right: 10px;
    position: absolute;
    color: #888;
    font-size: 4em;
}
.feedbackCon .comment_vote {
	margin-top: 12px
}

.feedback_area_title {
	border-bottom: 1px solid #eef2f8;
	margin-bottom: 15px
}

.commentbox_title_left,div.commentform p {
	display: none
}

.commentbox_title_right {
	height: 25px;
	float: left
}

#comments_pager_top {
	display: none
}

#commentbox_opt {
	display: block!important
}

div.commentform textarea {
	width: 100%!important;
	height: 200px!important;
	border: 1px solid #eef2f8;
	border-radius: 6px;
	padding: 5px;
	font-family: inherit;
	font-size: 14px;
	resize: none;
	box-sizing: border-box;
	background-color: rgba(254, 252, 250, 0.6);
}

div.commentform textarea:focus {
	outline: 0
}

div.commentform textarea:hover {
	border-color: #F58EA8
}

#btn_comment_submit {
	width: auto;
	height: auto;
	border-width: 0;
	cursor: pointer;
	color: #fff;
	background-color: #F58EA8;
	border-color: #F58EA8;
	user-select: none;
	padding: 5px 20px;
	font-size: 12px;
	border-radius: 5px;
	transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear
}

#btn_comment_submit:hover {
	color: #fff;
    background-color: #f58ea891;
    border-color: #f58ea891;
}

.github-corner:hover .octo-arm {
	animation: octocat-wave 560ms ease-in-out
}

@keyframes octocat-wave {
	0%,100% {
		transform: rotate(0)
	}

	20%,60% {
		transform: rotate(-25deg)
	}

	40%,80% {
		transform: rotate(10deg)
	}
}

@media (max-width:500px) {
	.github-corner:hover .octo-arm {
		animation: none
	}

	.github-corner .octo-arm {
		animation: octocat-wave 560ms ease-in-out
	}
}

::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

::-webkit-scrollbar-thumb {
	border-radius: 1px;
	box-shadow: inset 0 0 5px #314659;
	background: #314659
}

::-webkit-scrollbar-track {
	background: 0 0;
	border-radius: 1px
}

::-moz-selection,::selection {
	color: #2D8CF0
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@media screen and (min-width:768px) and (max-width:980px) {
	#blog-comments-placeholder,#comment_form {
		padding: 10px;
		margin-left: 0
	}
}

@media only screen and (max-width:767px) {
	body {
		font-size: 12px!important;
		background: #FFF;
	}

	#mainContent .forFlow {
		padding-top: 15px
	}

	#sideBar,.esa-catalog,.postDesc {
		display: none
	}

	.postBody {
		padding: 0!important
	}

	#main {
		margin-top: 60px;
		padding: 0 15px!important
	}

	#topics .postTitle {
		padding-left: 0!important;
		padding-top: 10px
	}

	#cnblogs_post_body table {
		display: table!important
	}

	#cnblogs_post_body img {
		
		max-width: none!important;
		width: 100%;
		margin: 5% 0;
	}

	#comment_nav,#commentbox_main {
		margin: 0
	}

	#comment_form {
		padding: 5px;
		margin-left: 0
	}

	.esa-mobile-menu {
		display: block
	}

	.forFlow {
		margin-right: 0;
		margin-left: 0!important
	}

	#header {
		width: auto
	}

	#header #blogTitle h1 {
		padding-left: 42px
	}

	#header #navigator {
		display: none;
		width: 100%;
		margin-top: 60px
	}

	#navList {
		width: inherit
	}

	#navList li {
		float: none
	}

	#navList li #blog_nav_tags {
		display: block!important
	}

	#navList a:active,#navList a:link,#navList a:visited {
		width: 100%;
		padding: 15px 0
	}

	#navList a:hover {
		color: #2D8CF0;
		background-color: #2c3e50!important
	}

	.feedbackItem .feedbackManage {
		width: auto
	}

	.github-corner svg {
		fill: transparent!important;
		color: #404040!important;
		top: 10px!important;
		left: -8px!important;
		-webkit-transform: rotate(-45deg)!important;
		transform: rotate(-45deg)!important
	}
}

@media only screen and (max-width:410px) {
	#div_digg {
		display: grid;
		width: 100%
	}

	#div_digg .buryit,#div_digg .diggit,#div_digg .favorite,#div_digg .reward {
		margin: 5px 0
	}
}
/*test----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.syntaxhighlighter .gutter .line {
    border-right: 1px solid #ffffff!important;
}

.syntaxhighlighter .line.alt2 {
    /*background-color: #fff!important;*/
}
.syntaxhighlighter .line.alt1 {
    background-color: #f4f4f4!important;
}

/*------------------------------------------------------------------------------------------主题扩展--------------------------------------------------------------------------------------------*/
/*


#Snow{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    background: rgba(125,137,95,0.06) !important;
    pointer-events: none;
}
*/

body.night{
    background-color: #263238 !important;
    color: #aaa;
}
body.night img {
    filter: brightness(30%);
}

/*表格样式修改*/
tr.even {
    background: #f7f7f7;
}
tr.odd { background: #FFF; }
/*选中文本颜色设置*/
::selection{background:#e5f4ff;color:#333;}
::-moz-selection{background:#e5f4ff;color:#333;}

/*光标*/
body { cursor:url("https://files.cnblogs.com/files/yjlblog/cursor.ico"),auto;}


/*评论区细节*/
.louzhu {
    background: #687a86 !important;
    border-radius: 2px;
    margin: 1px;
    padding-left: 6px;
    padding-right: 6px !important;
    color: white;
}
.sendMsg2This {
    display: none;
}

.feedbackListSubtitle a:link, .feedbackListSubtitle a:visited, .feedbackListSubtitle a:active {
    color: #aaa !important;
    border-radius: 2px;
    background: #f3f3f3;
    padding-left: 6px;
    padding-right: 6px;
}
.feedbackItem .feedbackListSubtitle {
    color: transparent;
}
.feedbackItem .comment_date {
    color: #aaa !important;
}
.feedbackManage:hover span{display:block;margin-right:10px;}
.feedbackManage span{display:none;float:right;}

.comment_vote a {
    text-decoration: none!important;
    padding-left: 10px;
    display: none !important;
}

.feedbackCon .esa-comment-avatar img {
    
    box-shadow: 0 2px 15px 0px rgba(0,0,0,0.1);
}

/*markdown 微调*/


#cnblogs_post_body h3:before{
    content: "#";
    color: #4caf50;
    font-weight: 400;
}
	
#cnblogs_post_body h4, #cnblogs_post_body h5, #cnblogs_post_body h6:before{
    margin-top: 1px;
    content: "&";
    color: #546e7a;
   
}
.cnblogs-markdown code {
    border-radius: 3px!important;
    border: 1px solid #eee!important;
    margin: auto 1px !important;
    /*color: #c7254e !important;*/
    font-weight: normal !important;
    font-family: consolas !important;
    font-size: 16px !important;
    vertical-align: middle !important;
    padding: .02em .03em !important;
	font-size: 95% !important;
	background-color: rgba(0,0,0,0.04) !important;
}
#cnblogs_post_body p code {
    border-radius: 3px!important;
    border: 0px solid #eee!important;
    margin: auto 1px;
    /*color: #c7254e;*/
    font-weight: normal;
    line-height: 1;
    font-family: consolas !important;
    vertical-align: middle;
}

/*aplayer*/
/*当前歌词效果(重写的)*/
.aplayer .aplayer-lrc p.aplayer-lrc-current { 
   
    text-shadow: -1px -1px 0 #fff;
}
.aplayer.aplayer-fixed .aplayer-lrc {
    display: block;
    position: fixed;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 98;
    pointer-events: none;
    text-shadow: 0 0 1px #fff,0 0 2px #fff !important ;
}
.aplayer-pic {
    background-color: #F58EA8 !important;
}
.aplayer-body.ap {
    left: -66px !important;
}
.aplayer-body.ap:hover {
    left: 0 !important;
}
		

@-moz-keyframes tada{
    0%{-moz-transform:scale(1);}
	10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
	30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg);}
	40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg);}
	100%{-moz-transform:scale(1) rotate(0);}
	}

@-webkit-keyframes tada{
	0%{-webkit-transform:scale(1);}
	10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
	30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg);}
	40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg);}
	100%{-webkit-transform:scale(1) rotate(0);}}
/*重写样式*/
#cnblogs_post_body ul li {
    list-style-type: disc !important;
    
}

@-webkit-keyframes my-face{
2% {
    -webkit-transform: translate(0,1.5px) rotate(1.5deg);
    -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);
    transform: translate(0,1.5px) rotate(1.5deg);
}
4% {
    -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);
}
6% {
    -webkit-transform: translate(0,1.5px) rotate(-1.5deg);
    -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);
    transform: translate(0,1.5px) rotate(-1.5deg);
}
8% {
    -webkit-transform: translate(0,-1.5px) rotate(-1.5deg);
    -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);
    transform: translate(0,-1.5px) rotate(-1.5deg);
}
10% {
    -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);
}
12% {
    -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);
}
14% {
    -webkit-transform: translate(0,-1.5px) rotate(1.5deg);
    -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);
    transform: translate(0,-1.5px) rotate(1.5deg);
}
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);
}
18% {
    -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% {
    -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);
}
22% {
    -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);
}
24% {
    -webkit-transform: translate(0,1.5px) rotate(1.5deg);
    -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);
    transform: translate(0,1.5px) rotate(1.5deg);
}
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% {
    -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);
}
32% {
    -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);
}
34% {
    -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);
}
36% {
    -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);
}
38% {
    -webkit-transform: translate(0,1.5px) rotate(-1.5deg);
    -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);
    transform: translate(0,1.5px) rotate(-1.5deg);
}
40% {
    -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);
}
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);
}
46% {
    -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);
}
48% {
    -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);
}
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: translate(0,.5px) rotate(.5deg);
}
52% {
    -webkit-transform: translate(0,2.5px) rotate(2.5deg);
    -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);
    transform: translate(0,2.5px) rotate(2.5deg);
}
54% {
    -webkit-transform: translate(0,-1.5px) rotate(1.5deg);
    -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);
    transform: translate(0,-1.5px) rotate(1.5deg);
}
56% {
    -webkit-transform: translate(0,2.5px) rotate(2.5deg);
    -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);
    transform: translate(0,2.5px) rotate(2.5deg);
}
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);
}
60% {
    -webkit-transform: translate(0,2.5px) rotate(2.5deg);
    -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);
    transform: translate(0,2.5px) rotate(2.5deg);
}
62% {
    -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);
}
64% {
    -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);
}
66% {
    -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);
}
68% {
    -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);
}
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: translate(0,1.5px) rotate(.5deg);
}
72% {
    -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);
}
74% {
    -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);
}
76% {
    -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);
}
78% {
    -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);
}
80% {
    -webkit-transform: translate(0,1.5px) rotate(1.5deg);
    -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);
    transform: translate(0,1.5px) rotate(1.5deg);
}
82% {
    -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);
}
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);
}
86% {
    -webkit-transform: translate(0,-1.5px) rotate(-1.5deg);
    -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);
    transform: translate(0,-1.5px) rotate(-1.5deg);
}
88% {
    -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);
}
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);
}
96% {
    -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);
}
98% {
    -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);
}
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);
    }
}