/* 从B站空间爬取的Iconfont,如有侵权联系删除 */

@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_438759_6uqfqtzb01ux47vi.eot?t=1512701772063'); /* IE9*/
  src: url('//at.alicdn.com/t/font_438759_6uqfqtzb01ux47vi.eot?t=1512701772063#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('//at.alicdn.com/t/font_438759_6uqfqtzb01ux47vi.ttf?t=1512701772063') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_438759_6uqfqtzb01ux47vi.svg?t=1512701772063#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ic_play:before { content: "\e61b"; }

.icon-ic_comment:before { content: "\e61c"; }

.icon-ic_up:before { content: "\e61d"; }

.icon-ic_danmu:before { content: "\e61e"; }

.icon-ic_collection:before { content: "\e61f"; }

.icon-ic_moveup:before { content: "\e620"; }

.icon-ic_movedown:before { content: "\e621"; }

.icon-ic_delete:before { content: "\e622"; }

.icon-ic_time:before { content: "\e623"; }

.icon-ic_collect:before { content: "\e624"; }

.icon-ic_channel:before { content: "\e625"; }

.icon-ic_home:before { content: "\e626"; }

.icon-ic_setting:before { content: "\e627"; }

.icon-ic_playlist:before { content: "\e628"; }

.icon-ic_interest:before { content: "\e629"; }

.icon-ic_sub:before { content: "\e62a"; }

.icon-ic_article:before { content: "\e62b"; }

.icon-ic_video:before { content: "\e62c"; }

.icon-ic_following:before { content: "\e62d"; }

.icon-ic_upload:before { content: "\e62e"; }

.icon-ic_more:before { content: "\e62f"; }

.icon-ic_close:before { content: "\e630"; }

.icon-checkbox_selected:before { content: "\e631"; }

.icon-checkbox:before { content: "\e632"; }

.icon-radio:before { content: "\e633"; }

.icon-radio_selected:before { content: "\e634"; }



/* 标题部分 */
#header { 
    margin-top: 0;
    padding-top: 0;}
#blogTitle { 
   box-sizing:
   border-box;
   height: 200px;
   padding: 116px 0 15px 20px; 
   background: url("https://imgkr.cn-bj.ufileos.com/e38f4071-c5f8-4c01-8c4d-b3851f1ca226.png") 0 0/100% 100%
}
#lnkBlogLogo { width: 64px; height: 64px; float: left; margin-right: 15px;}
#blogTitle h1 { font-size: 18px; letter-spacing: 0; display: block; float: none; width:100%;}
a#Header1_HeaderTitle:hover {
    text-decoration: none;
}
a#lnkBlogLogo {
    background: url(https://pic.cnblogs.com/face/1677136/20200531194631.png);
    background-size: 100% 100%;
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,.8);
}
a#Header1_HeaderTitle:after {
    content: '前端';
    margin-left: 10px;
    font-size: 12px;
    background: #f45a8d;
    padding: 0 5px;
    border-radius: 4px;
    line-height: 16px;
    font-family: Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
    height: 16px;
    display: inline-block;
}
#blogTitle h1 a, #blogTitle h2 { text-shadow: none; color: #fff; }
#blogTitle h2 { font-size: 12px; margin-top: 0; margin-left: 0; color: #d6dee4;}

/* 导航部分 */
#navigator {
    background-color: #fff;
    height: 50px;
    color: #222;
    margin-top: 0;
    margin-bottom: 10px;
    border-radius: 0 0 3px 3px;
}
#navList {
    height: 100%;
    margin-left: 20px;
}
#navList li {
    height: 100%;
}
#navList a {
    margin: 0;
}
#navList a:link, #navList a:visited, #navList a:active {
    color: #222;
    text-decoration: none;
    line-height: 50px;
}
a#blog_nav_myhome::before {
    content: "\e626";
    font-family: iconfont;
    color: #00c091;
}
a#blog_nav_admin::before {
    content: "\e627";
    font-family: iconfont;
    color: #23c9ed;
}
a#blog_nav_rss::before {
    content: "\e62a";
    font-family: iconfont;
    color: #ff5d47;
}
a#blog_nav_contact::before {
    content: "\e624";
    font-family: iconfont;
    color: #f3a034;
}
a#blog_nav_newpost::before {
    content: "\e62d";
    font-family: iconfont;
    color: #fb7299;
}
a#blog_nav_sitehome::before {
    content: "\e62b";
    font-family: iconfont;
    color: #02b5da;
}
.blogStats {
    float: right;
    color: #99a2aa;
    margin-top: 0;
    margin-right: 30px;
    text-align: right;
    visibility: visible;
    line-height: 50px;
}

/* 搜索框样式 */
input#q, input#google_q {
    height: 32px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #409eff;
    padding: 0 15px;
}
input.btn_my_zzk {
    height: 32px;
    box-sizing: border-box;
    border: 1px solid #409eff;
    border-radius: 2px;
    padding: 0 15px;
    background: #409eff;
    color: #fff;
    cursor: pointer;
}
/* 主体样式 */
div#main {
    border-radius: 3px;
    border: 1px solid #fff;
}
#sideBarMain {
    margin-top: 0; 
}
/* 底部样式 */
#footer {
    padding-top: 15px;
    color: #222;
    background: #fff;
    border-radius: 3px;
}
span#poweredby {
    color: #99a2aa;
    margin-top: 5px;
    display: block;
}
a#lnkBlogLogo:hover {
    transform: rotate(666turn);
    transition-delay: 1s;
    transition-property: all;
    transition-duration: 59s;
    transition-timing-function: cubic-bezier(.34,0,.84,1);
}