@charset "utf-8";
/* 标准化 */
html{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC","WenQuanYi Micro Hei",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}
body{margin:0;padding:0}
article,aside,site-footer,header,nav,section,figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
a{background-color:transparent;text-decoration:none;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
a,a:hover,.read-more a:after{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic;border-bottom:1px dotted #f39;cursor:help}
mark{background-color:#fdffb6}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
audio,video,canvas{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:"PingFang SC","Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Microsoft Sans Serif","WenQuanYi Micro Hei",sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
/* 图标字体 */
@font-face{
    font-family:"iconfont";
    src: url('//at.alicdn.com/t/font_e4o6dhtb4mb73nmi.eot?t=1487856962943');
    src: url('//at.alicdn.com/t/font_e4o6dhtb4mb73nmi.eot?t=1487856962943#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_e4o6dhtb4mb73nmi.woff?t=1487856962943') format('woff'),
    url('//at.alicdn.com/t/font_e4o6dhtb4mb73nmi.ttf?t=1487856962943') format('truetype'),
    url('//at.alicdn.com/t/font_e4o6dhtb4mb73nmi.svg?t=1487856962943#iconfont') format('svg');
    font-weight:normal;font-style:normal}
[class^="icon-"]:before, [class*=" icon-"]:before{font-family:"iconfont", sans-serif;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;text-decoration:none !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-tutorial:before{content:"\e610"}.icon-baidu:before{content:"\e61e"}.icon-calendar:before{content:"\e600"}.icon-menu:before{content:"\e605"}.icon-more:before{content:"\e606"}.icon-qq:before{content:"\e61a"}.icon-quoteleft:before{content:"\e608"}.icon-rss:before{content:"\e60a"}.icon-tag:before{content:"\e60c"}.icon-tags:before{content:"\e60d"}.icon-acg:before{content:"\e60e"}.icon-weibo:before{content:"\e60f"}.icon-weixin:before{content:"\e622"}.icon-clock:before{content:"\e611"}.icon-eye:before{content:"\e613"}.icon-alipay:before{content:"\e614"}.icon-link:before{content:"\e615"}.icon-search:before{content:"\e617"}.icon-it:before{content:"\e618"}.icon-list:before{content:"\e619"}.icon-top:before{content:"\e609"}.icon-guestbook:before{content:"\e616"}.icon-hanization:before{content:"\e61b"}.icon-comment:before{content:"\e61f"}.icon-right:before{content:"\e601"}.icon-contact:before{content:"\e620"}.icon-random:before{content:"\e607"}.icon-quoteright:before{content:"\e621"}.icon-cg-paint:before{content:"\e669"}.icon-cc:before{content:"\e66a"}.icon-things:before{content:"\e66b"}.icon-qrcode:before{content:"\e66c"}.icon-left:before{content:"\e66e"}.icon-arrow-down:before{content:"\e66f"}.icon-up:before{content:"\e671"}.icon-down:before{content:"\e672"}
.posts-date,.posts-meta,.post-meta,.copyright{font-family:Georgia,'Microsoft YaHei'}
/* 文字排版 */
html{height:100%;max-height:100%;font-size:20px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
body{height:100%;max-height:100%;font-size:0.8rem;line-height:1.65;color:#333333;background:#FAFAFA;background-repeat:repeat-x !important;background-image:url('../img/bg.png') !important}
.wrapper{margin:0 auto}
::-moz-selection{color:#fff;background:#426AB3}
::selection{color:#fff;background:#426AB3}
h1,h2,h3,h4,h5,h6{color:#2E2E2E;line-height:1.5;margin:0}
h1{font-size:1.8rem}
h2{font-size:1.2rem}
h3{font-size:1.1rem}
h4{font-size:1rem}
h5{font-size:.9rem}
h6{font-size:0.8rem}
a{color:#2f2f2f}
a:hover{color:#f39}
p,ul,ol,dl{margin:0.8em 0}
.main-content li ol,.main-content li ul{padding-left:30px}
ol ol, ul ul,ul ol, ol ul{margin:0 0 0.3rem 0;padding-left:30px}
.bull{display:inline-block;margin:0 4px;opacity:0.6}
.main-content li dl dt{float:left;width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:700;margin-bottom:1em}
main dl dd{margin-left:200px;margin-bottom:1em}
.main-content ul,.main-content ol{padding-left:30px}
header ul,aside ul,footer ul{list-style-type:none;margin:0;padding:0}
hr{display:block;height:1px;border:0;border-top:#e3e9ed 2px solid;margin:1.75em 0;padding:0}
blockquote{-moz-box-sizing:border-box;box-sizing:border-box;margin: 0.8em 0;padding: 0 15px;border-left:5px solid #dfe2e5;color:#646464}
blockquote small{display:inline-block;font-size:0.9em;color:#777}
blockquote small:before{content:"\2014 \00A0"}
blockquote cite{font-weight:700}
blockquote cite a{font-weight:normal}
code,tt{padding:3px;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:0.85em;white-space:pre-wrap;border-radius:2px;font-weight:500!important;color:#CD3278;background:#F2F4F6}
kbd{display:inline-block;margin-bottom:0.4em;padding:1px 8px;border:#CCC 1px solid;color:#666;text-shadow:#FFF 0 1px 0;font-size:0.9em;font-weight:700;background:#F4F4F4;border-radius:4px;box-shadow:0 1px 0 rgba(0, 0, 0, 0.2),0 1px 0 0 #fff inset}
table{border-collapse:collapse;border-spacing:0;-moz-box-sizing:border-box;box-sizing:border-box;margin:0.8rem 0;padding:0;width:100%;max-width:100%;word-break:initial}
table tr{border-top: 1px solid #dfe2e5;margin:0;padding:0}
table tr:nth-child(2n),thead{background-color:#f8f8f8}
table tr th{font-weight:bold;border:1px solid #dfe2e5;border-bottom:0;margin: 0;padding: 6px 13px}
table tr td{border:1px solid #dfe2e5;margin:0;padding:6px 13px}
table tr th:first-child,table tr td:first-child{margin-top:0}
table tr th:last-child,table tr td:last-child{margin-bottom:0}
button{min-height:35px;width:auto;display:inline-block;padding:0.1rem 1.5rem;cursor:pointer;outline:none;text-decoration:none;color:#fff;font-size:11px;line-height:13px;font-weight:300;text-align:center;letter-spacing:1px;text-transform:uppercase;text-shadow:none;border-radius:0.3rem;border:rgba(0,0,0,0.05) 0.1em solid;background:#5ba4e5}
.dot{display:inline-block;position:relative;left:.3em;bottom:.2em;width:.4em;height:.4em;margin-right:.6em;border-radius:50%;background-color:#6483B0}
/* 清除垃圾 */
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
/* 隐藏 */
.hidden{text-indent:-9999px;visibility:hidden;display:none}
/* 垂直居中对齐 */
.vertical{display:table-cell;vertical-align:middle}
/* 头部 */
.main-header{background:#228FBD;border-top:#1B7196 8px solid;box-shadow:0 10px 20px rgba(0,0,0,0.2)}
.header-nav{position:relative;display:block;padding:left;width:100%;height:80px;opacity:1}
.nav-open{float:left;height:80px;line-height:76px;margin:0 10px}
.nav-open i{font-size:1.8rem;color:#E1FFFF}
.blog-logo{position:relative;float:left;height:80px;margin-right:20px;padding:0 5px;font-size:1.4rem;line-height:80px}
.nav i{font-size:1.25em;padding-right:2px}
.blog-logo a,.nav a,.nav a:hover{color:#E1FFFF}
.blog-logo a:hover,.nav a:hover{text-shadow:0 0 15px #fff}
.sub-menu,.pull{background:#4DB4DF}
.pull{margin-bottom:30px;box-shadow:0 10px 20px rgba(0,0,0,0.2)}
.sub-menu li:hover,.menu-item:hover{background:#228FBD}
.tag-head,.author-profile{padding:10px 30px}
.tag-head h2{margin-bottom:10px}
.author-meta{padding-bottom:10px}
/* 容器 */
.widget,article,.pagination{position:relative;overflow:auto}
article i,aside i{padding-right:2px;color:#6483B0}
/* 作者 */
.author-thumb{width:24px;height:24px;float:left;margin-right:9px;border-radius:100%}
/* 主页文章 */
.posts-header{display:inline;position:relative;float:left;width:100%;padding-top:0;border-bottom:1px solid #e3e9ed}
.posts-title{margin:0;padding:0 0 6px 6px;line-height:1.35;word-break:break-word;text-shadow:1px 1px 3px rgba(0,0,0,.2)}
.posts-date{float:left;height:56px;line-height:28px;padding:0 10px 0 30px;border-left:4px solid #555;color:#fff;background:#228fbd;opacity:.7}
.posts-date i{color:#fff}
.posts-meta{float:left;padding-left:6px;font-size:0.7rem;line-height:1}
.posts-meta span{padding-right:10px}
.posts-meta i{padding-right:4px;font-size:0.9rem}
.posts-excerpt img,.content img{max-width:100%;height:auto;margin:0 auto}
.posts-excerpt{float:left;width:100%;font-size:0.75rem;line-height:1.5}
.posts-excerpt h2{font-size:1rem}
.posts-excerpt h3{font-size:0.9rem}
.posts-excerpt h4{font-size:0.8rem}
.excerpt p,.excerpt ul{margin-bottom:0.75rem}
.excerpt h2,.excerpt h3{margin:0.6rem 0}
.excerpt h4,.excerpt h5,.content h6{margin:0.4rem 0}
.posts-footer{float:left;width:100%;min-height:44px;border-top:1px solid #e3e9ed}
.tags a{display:inline-block;margin:2px;padding:0 6px;border-radius:4px;font-size:0.7rem;line-height:1.2rem;color:#fff;background:#b3cad2}
.tags a:hover{box-shadow:0 0 10px rgba(0,0,0,0.2) inset;background:#6393A5;opacity:1}
.tag-limit{max-width:85%!important}
.read-more a{position:absolute;float:right;right:0;margin-bottom:6px;line-height:22px;padding:5px 8px 5px 0;color:#fff;background:#228fbd;opacity:.7}
.read-more i{color:#fff;padding-right:5px}
.read-more a:hover{background:#f39}
.read-more a:after{position:absolute;top:0;right:100%;z-index:30;width:0;height:0;border-top:16px solid transparent;border-right:10px solid #228fbd;border-bottom:16px solid transparent;content:""}
.read-more a:hover:after{position:absolute;top:0;right:100%;width:0;z-index:40;height:0;border-top:16px solid transparent;border-right:10px solid #f39;border-bottom:16px solid transparent;content:""}
/* 文章页面 */
.post-header{float:left;width:100%;border-bottom:1px solid #e3e9ed}
.post-title{word-break:break-word;color:#555;margin-bottom:0.5rem}
.post-meta{font-size:.8rem;line-height:1.2;word-break:break-word;flex-grow:1;display:flex;align-items:flex-start}
.main-tag{font-size:.7rem}
.post-full-byline-meta{padding-left:10px}
.post-meta span,.post-date{padding-right:5px}
.post-meta i{font-size:1rem}
.post-content,.posts-excerpt{text-align:left;word-break:break-word}
.post-content{float:left;width:100%;}
.content p{margin:0.8em 0}
.content a,.excerpt a,.pagination a{color:#1E90FF}
.content a:hover,.excerpt a:hover,.pagination a:hover{color:#f39}
.content h2,.content h3{margin:1rem 0}
.content h2:before,.excerpt h2:before{content:"# ";color:#f39}
.content h3:before,.excerpt h3:before{content:"§ ";color:#228FBD}
.content h4,.content h5,.content h6{margin:0.8rem 0}
.post-content img{margin:0 auto;max-width:100%}
.post-footer{float:left;width:100%;border-top:1px solid #e3e9ed;padding-bottom:20px}
.coll-content{margin:0 0 0.8rem 1rem;border-bottom:2px dotted #FFCCFF}
.kg-width-wide{position:relative;width:85vw;min-width: 100%;margin: auto calc(50% - 50vw);transform: translateX(calc(50vw - 50%))}
.kg-width-full{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
/* 打赏 */
.reward{position:relative;float:left;width:100%;text-align:center;padding:20px 0}
.reward button{width:60px;height:60px;padding:0;border:0;border-radius:100%;background:#228FBD;font-size:1.6rem;box-shadow:0 0 30px rgba(0,0,0,.2) inset}
.reward button:hover{text-shadow:0 0 20px #fff}
.reward-me{float:left;width:100%;padding:10px 0;margin-top:20px;font-size:0.75rem;background:#FAFAFA;border:1px dashed #E0E0E0;border-radius:5px}
.money-code{position:absolute;z-index:999;top:-180px;left:50%;margin-left:-160px;width:320px;height:180px;line-height:1;background:#fff;border:1px solid #eee;border-radius:4px;box-shadow:2px 3px 8px rgba(0,0,0,.2)}
.money-code:after{position:absolute;bottom:-10px;left:50%;margin-left:-10px;z-index:999;border-left:10px solid transparent;border-top:10px solid #fff;border-right:10px solid transparent;content:""}
.money-code span{float:left;width:50%}
.alipay-code img{padding:5px 10px 5px 5px}
.weixin-code img{padding:5px 5px 5px 10px}
/* .kg-bookmark */
.kg-gallery-container{display:flex;flex-direction:column;max-width:1040px;width:100vw}
.kg-gallery-row{display:flex;flex-direction:row;justify-content:center}
.kg-gallery-image img{display:block;margin:0;width:100%;height:100%}
.kg-bookmark-card{width: 100%;position: relative}
.kg-bookmark-container{display: flex;flex-wrap:wrap;flex-direction:row-reverse;color:currentColor;font-family:inherit;text-decoration:none;border:1px solid rgba(0,0,0,0.1)}
.kg-bookmark-container:hover{text-decoration:none}
.kg-bookmark-content{flex-basis:0;flex-grow:999;padding:20px;order:1}
.kg-bookmark-title{font-weight:600}
.kg-bookmark-metadata,.kg-bookmark-description{margin-top:.5em}
.kg-bookmark-metadata{align-items: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kg-bookmark-description{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden}
.kg-bookmark-icon{display:inline-block;width:1em;height:1em;vertical-align:text-bottom;margin-right:.5em;margin-bottom:.05em}
.kg-bookmark-thumbnail{display:flex;flex-basis:24rem;flex-grow:1}
.kg-bookmark-thumbnail img{max-width:100%;height:auto;vertical-align:bottom;object-fit:cover}
.kg-bookmark-author{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.kg-bookmark-publisher::before{content: "•";margin:0 .5em}
/* 分页 */
.newer-posts{padding-right:20px}
.older-posts{padding-left:20px}
/* 侧边栏 */
.widget{float:left;width:100%;padding-bottom:20px;text-shadow:0 0 1px rgba(0,0,0,0.2)}
.widget ul{padding:0 20px;display:block}
.widget h6{font-weight:400;padding:10px 15px 2px 15px;margin-bottom:8px;border-bottom:1px solid #e3e9ed}
.my{text-align:left}
.my li{display:inline-block;position:relative;padding-top:20px;line-height:2.5em}
.my i{text-shadow:2px 2px 4px rgba(0,0,0,.1);color:#69c7b9}
.my a:hover,.my i:hover{color:#a9cf53}
.cloud{padding:0 20px;line-height:1.5}
.cloud a{padding:1.5px 3px;border-radius:2px;white-space:pre;color:#fff;opacity:.4}
.cloud a:hover{box-shadow:0 0 10px rgba(0,0,0,.2) inset;opacity:1}
.gray{background:#b3cad2!important;opacity:1!important}
.new-posts li{font-size:15px;line-height:1.5}
.new-posts a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.new-posts a:hover{margin:0 -10px;background:#E3EAEF}
/* 侧按钮 */
.sidebtn{position:fixed;bottom:110px;right:10px}
.sidebtn li{position:relative}
.sidebtn a{padding:2px 5px;border-radius:4px;font-size:1.75em;color:#fff;background:#2db3a0;opacity:.7}
.sidebtn a:hover{background:#f39;opacity:1}
/* 底部 */
.site-footer{float:left;width:100%;padding:20px 0;border-top:1px dashed #FAFAFA;background:#228FBD;border-bottom:#1B7196 8px solid}
.copyright{font-size:0.8rem;line-height:1.2;text-align:center;color:#BCE4F5}
.copyright a{color:#EBF7FC}
.copyright a:hover{text-shadow:0 0 6px #fff}
/* 代码高亮 */
code[class*="language-"],pre[class*="language-"]{color:black;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"]::-moz-selection,pre[class*="language-"]::-moz-selection,code[class*="language-"]::-moz-selection,code[class*="language-"]::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*="language-"]::selection,pre[class*="language-"]::selection,code[class*="language-"]::selection,code[class*="language-"]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*="language-"],pre[class*="language-"]{text-shadow:none}}pre[class*="language-"]{padding:1em;margin:.5em 0;overflow:auto}:not(pre) > code[class*="language-"],pre[class*="language-"]{background:#f5f2f0}:not(pre) > code[class*="language-"]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray}.token.punctuation{color:#999}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#DD4A68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}
/* 作者 */
.author-list{display:flex;flex-wrap:wrap;margin:0 0 0 4px;list-style: none}
.author-avatar{display:block;overflow:hidden;margin:0 -4px;border: #fff 2px solid;border-radius:100%}
.author-profile-image{display: block;background:#e3e9ed;width:36px;height:36px}
/* 响应式 */
@media(max-width:768px){
.main-content{float:left;width:100%}
.sider{display:none}
.container{padding-top:20px}
.pic,.nav,.posts-date,.sidebtn{display:none}
.pull,.side-bar{display:block;float:left;width:100%}
.pull a{display:block;padding:0 10px}
.nav a{height:40px;line-height:40px}
.sub-menu{position:static;padding:0 0 0 20px}
.post-title,.posts-title{padding:0 15px}
.post-meta,.posts-meta{padding:8px 15px}
.content,.comments{padding:10px}
.excerpt,.tags{float:left;padding:8px 15px}
.nav-open{display:block}
.posts{border-bottom:2px solid #B3CAD2}
article{margin:0 8px;padding:15px 0}
.pagination{overflow:auto;text-align:center;padding:15px 0}
.excerpt h2,.content h2{margin-left:0}
.read-more a{bottom:15px}
}
@media(min-width:768px){
.container{padding-top:35px}
.widget,article{border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.1);background:#fff}
.widget:hover,article:hover{box-shadow:1px 3px 6px rgba(0,0,0,0.15)}
.pagination{border:1px solid #eee;padding:14px 30px;text-align:center;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.1);background:#fff}
.wrapper{width:750px}
.main-content{width:100%}
article,.widget,.pagination{margin:0 0 30px 0}
.posts-header{padding-top:20px}
.post-header{padding-top:30px}
.post-title{padding:0 40px}
.post-meta{padding:10px 40px}
.read-more a{bottom:0}
.my i{padding-right:32px;font-size:3em}
.nav-open,.about,.tag-cloud{display:none}
.posts-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.nav{display:inline-block}
.menu-item{position:relative;float:left;height:80px}
.item{display:block;height:80px;padding:0 15px;line-height:80px}
.sub-menu{display:none;position:absolute;top:80px;left:0;z-index:110;box-shadow:3px 3px 8px rgba(0,0,0,0.2)}
.content,.comments{padding:15px 35px}
.sub-menu li{display:block;padding:10px 25px 10px 15px}
.excerpt{float:left;padding:10px 35px}
.tags{float:left;padding:8px 20px}
.nav-open{display:none}
.excerpt h2{margin-left:-18.75px}
.content h2{margin-left:-23.7px}
.site-footer{margin-top:10px}
}
@media(min-width:992px){
.wrapper{width:960px}
.main-content{float:left;width:70%}
.side-bar{padding-left:30px}
.sider{display:inline;float:left;width:30%}
.my i{padding-right:2px;font-size:1.9rem}
.icon-qrcode{margin-right:-5px}
.about{display:block}
.tag-cloud{display:list-item}
}
@media(min-width:1200px){
.wrapper{width:1140px}
.side-bar{padding-left:40px}
.my i{padding-right:5px;font-size:2.2rem}
}
@media(min-width:1300px){
.wrapper{width:1280px}
.my i{padding-right:5px;font-size:2.6rem}
}