/* Reset Css */
*{box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; overflow-x:hidden;}
body,div,ul,li,ol,dl,dd,dt,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,caption{margin:0px;padding:0px;}
body{font-family:'Microsoft Yahei',Arial,Helvetica,'sans-serif',FangSong_GB2312, 宋体, 楷体;;}
fieldset,img{border:0;outline:medium none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
table{border-collapse:collapse;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,en,th,var{font-weight:normal; font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;outline:medium none;}
input,textarea{outline:medium none;font-family:'Microsoft Yahei',Arial,Helvetica,'sans-serif',FangSong_GB2312, 宋体, 楷体;;}

/* 公共部分CSS样式 */
html,body{ font-size: 14px;color: #000;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
img{ max-width:100%; border: none;display: inline-block; font-size: 0;}
video{ z-index: 0;max-width:100%; border: none;transition:all .5s; -webkit-transition:all .5s;display: inline-block; font-size: 0;}
a{ color:#000; text-decoration:none;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
a:hover{color:rgba(0,0,0,.7);}
.fl{float:left;}
.fr{float:right;}
.show{display: block;}
.hide{display: none;}
.un-relative{position: unset!important;}
.p-relative{position: relative!important;}
.clear{clear:both;}
.clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {zoom: 1; }
.center-flex{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.between-flex{display: flex;justify-content:space-between;align-items: center;}
.between-flex{display: flex;justify-content:; align-items: center;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.color-white{color: white;}
.img-cover{ -webkit-transition: opacity .5s cubic-bezier(.25,0,0,1); transition: opacity .5s cubic-bezier(.25,0,0,1);object-fit: cover; width: 100%; height: 100%; }
.img-contain{ object-fit: contain;width: 100%;height: auto;}
.ellip-3{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.ellip-2{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.ellip-1{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.transition {-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}

/* Winona */
.button--winona{position: relative; overflow: hidden; padding: 0; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.button--winona::after{content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: white; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0);}
.button--winona > span{display: block;}
.button--winona::after,
.button--winona > span{-webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.button--winona:hover{background-color: #000; color: white;}
.button--winona:hover::after{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.button--winona:hover > span{opacity:0;-webkit-transform:translate3d(0, -25%, 0);transform:translate3d(0, -25%, 0);}


.content-body strong{ font-weight:bold;}
.content-body img{ height: auto; }
.content-body video{height:auto;}
.content-body ol, .content-body ul {padding-left:0;margin-top:0;margin-bottom:0;}
.content-body ol {list-style-type:decimal-leading-zero;margin-left: 15px;} 
.content-body ul {list-style-type:square;margin-left: 12px;}
.content-body dd { margin-left:0;}
.content-body ol, .content-body ul { padding-left:0em;}
.content-body li{padding: 3px 0;margin-left: 1em;}
.content-body li>p { margin-top:1rem;}
.content-body li+li {margin-top:.25em;}
.content-body table { border-spacing:0; border-collapse:collapse; width:100%; max-width:100%; overflow:auto; }
.content-body table th {font-weight:600}
.content-body table td, .content-body table th {padding:6px 13px;border-bottom:1px solid #d9ddd6;}
.content-body table tr {background-color:#fff;border-bottom:1px solid #d9ddd6;}
.content-body code, .content-body table tr:nth-child(2n) {background-color:#f7f8f7;}
.content-body code {font-family:Operator Mono SSm A, Operator Mono SSm B, Operator Mono, Source Code Pro, Menlo, Consolas, Monaco, monospace;padding:.2em 0;margin:0 1px; font-size:85%;border-radius:3px;color:#bd4147;}
.content-body code:after, .content-body code:before {letter-spacing:-.2em;content:"\00a0";}
.content-body pre { margin-top:0; margin-bottom:0; font-family:Operator Mono SSm A, Operator Mono SSm B, Operator Mono, Source Code Pro, Menlo, Consolas, Monaco, monospace; word-wrap:normal; padding:20px; overflow:auto; font-size:82%; line-height:1.45; color:#414240; -webkit-overflow-scrolling:touch; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXR0ZXJuIGlkPSJhIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VmZWZlZSIgc3Ryb2tlLXdpZHRoPSIuNSIgZD0iTTAgMGgyMHYyMEgweiIvPjwvcGF0dGVybj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+) repeat #f7f8f7; -moz-tab-size:2; tab-size:2; }
.content-body pre>code { padding:0; margin:0; font-size:100%; word-break:normal; white-space:pre; background:transparent; border:0; } 
.content-body pre code { display:inline; max-width:auto; padding:0; margin:0; overflow:visible; line-height:inherit; word-wrap:normal; background-color:transparent; border:0; color:#24292e; } 
.content-body pre code:after, .content-body pre code:before { content:normal; } 
.content-body pre[rel] { padding-top:35px; position:relative; }
.content-body pre[rel]:before { font-family:Rubik, Lato, Lucida Grande, Lucida Sans Unicode, Tahoma, Sans-Serif; font-weight:700; font-size:12px; content:attr(rel); color:#414240; position:absolute; top:.33rem; left:.52rem; padding:0; text-transform:uppercase; text-shadow:none; background-image:linear-gradient(90deg, #4ebbaa, #6bc30d); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.content-body pre[rel=html]:before {color:#28c76f;background-image:linear-gradient(270deg, #81fbb8, #28c76f);}
.content-body pre[rel=javascript]:before, .content-body pre[rel=js]:before, .content-body pre[rel=ts]:before, .content-body pre[rel=typescript]:before { color:#0396ff;background-image:linear-gradient(270deg, #00eaff, #0396ff);}
.content-body pre[rel=css]:before, .content-body pre[rel=sass]:before, .content-body pre[rel=scss]:before {color:#f83600;background-image:linear-gradient(270deg, #fe8c00, #f83600);}
.content-body blockquote {padding:0 1em;color:#717270;border-left:.25em solid #d9ddd6;}
.content-body blockquote>:first-child {margin-top:0;}
.content-body blockquote>:last-child {margin-bottom:0;}
.content-body h1, .content-body h2, .content-body h3, .content-body h4, .content-body h5, .content-body h6{font-weight:700;line-height:1.25;position:relative;}
.content-body h1 {font-size:0.32rem;}
.content-body h2 {font-size:0.24rem;}
.content-body h3 {font-size:0.1872rem;}
.content-body h4 {font-size:0.16rem;}
.content-body h5 {font-size:0.1328rem;}
.content-body h6 {font-size:0.12rem;}
@media screen and (max-width:768px){
    .content-body h1 {font-size:32px;}
    .content-body h2 {font-size:24px;}
    .content-body h3 {font-size:18.72px;}
    .content-body h4 {font-size:16px;}
    .content-body h5 {font-size:13.28px;}
    .content-body h6 {font-size:12px;}
}

@keyframes heart {from {transform: translate(0, -5px);}to {transform: translate(0, 1px);}