*{box-sizing: border-box;}
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;}
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;}


html,body{font:16px/1.85em system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans","Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","Microsoft Jhenghei","Microsoft Yahei","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC","Source Han Sans CN","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif,"apple color emoji","segoe ui emoji";}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
img{max-width:100%; border: none;transition:all .5s; -webkit-transition:all .5s;display: inline-block; font-size: 0;}
a{color:#333333; 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;}
.fl{float:left;}
.fr{float:right;}
.p-relative{position: relative;}
.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;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.ellip-9{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; line-clamp: 9; -webkit-box-orient: vertical;}
.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;}

.bg-transition{-webkit-transition: background-color .4s ease-in-out,color .4s ease-in-out,border-color .4s ease-in-out;
    transition: background-color .4s ease-in-out,color .4s ease-in-out,border-color .4s ease-in-out;}
.transition {-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;}
.img-cover{ object-fit: cover; width: 100%; height: 100%; }
.img-contain{ object-fit: contain;width: 100%;height: auto;}
.common-down-arrow{position: relative;}
.common-down-arrow:after{position: absolute;content: ''; top: 0; left: 0; right: 0; margin: auto; width: 0;height: 0;border-left:25px solid transparent;border-right:25px solid transparent;border-top: 25px solid white;}


.markdown-body img{ height: auto; }
.markdown-body p {margin: .85em 0;}
.markdown-body ol, .markdown-body ul {padding-left:0;margin-top:0;margin-bottom:0;}
.markdown-body ol {list-style-type:decimal-leading-zero;} 
.markdown-body ul {list-style-type:square;margin-left: 7px;}
.markdown-body dd { margin-left:0;}
.markdown-body ol, .markdown-body ul { padding-left:0em;}
.markdown-body li{padding: 3px 0;margin-left: 1em;}
.markdown-body li>p { margin-top:1rem;}
.markdown-body li+li {margin-top:.25em;}
.markdown-body table { border-spacing:0; border-collapse:collapse; width:100%; max-width:100%; overflow:auto; }
.markdown-body table th {font-weight:600}
.markdown-body table td, .markdown-body table th {padding:6px 13px;border-bottom:1px solid #d9ddd6;}
.markdown-body table tr {background-color:#fff;border-bottom:1px solid #d9ddd6;}
.markdown-body code, .markdown-body table tr:nth-child(2n) {background-color:#f7f8f7;}
.markdown-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;}
.markdown-body code:after, .markdown-body code:before {letter-spacing:-.2em;content:"\00a0";}
.markdown-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; }
.markdown-body pre>code { padding:0; margin:0; font-size:100%; word-break:normal; white-space:pre; background:transparent; border:0; } 
.markdown-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; } 
.markdown-body pre code:after, .markdown-body pre code:before { content:normal; } 
.markdown-body pre[rel] { padding-top:35px; position:relative; }
.markdown-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; }
.markdown-body pre[rel=html]:before {color:#28c76f;background-image:linear-gradient(270deg, #81fbb8, #28c76f);}
.markdown-body pre[rel=javascript]:before, .markdown-body pre[rel=js]:before, .markdown-body pre[rel=ts]:before, .markdown-body pre[rel=typescript]:before { color:#0396ff;background-image:linear-gradient(270deg, #00eaff, #0396ff);}
.markdown-body pre[rel=css]:before, .markdown-body pre[rel=sass]:before, .markdown-body pre[rel=scss]:before {color:#f83600;background-image:linear-gradient(270deg, #fe8c00, #f83600);}
.markdown-body blockquote {padding:0 1em;color:#717270;border-left:.25em solid #d9ddd6;}
.markdown-body blockquote>:first-child {margin-top:0;}
.markdown-body blockquote>:last-child {margin-bottom:0;}
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:700;line-height:1.25;position:relative;}
.markdown-body h1 {font-size:30px;}
.markdown-body h2 {font-size:26px;}
.markdown-body h3 {font-size:22px;}
.markdown-body h4 {font-size:20px;}
.markdown-body h5 {font-size:18px;}
.markdown-body h6 {font-size:16px;}
@media screen and (max-width:768px){
    .markdown-body h1 {font-size:28px;}
    .markdown-body h2 {font-size:24px;}
    .markdown-body h3 {font-size:20px;}
    .markdown-body h4 {font-size:18px;}
    .markdown-body h5 {font-size:16px;}
    .markdown-body h6 {font-size:14px;}
}


.pc-view{display: block;}
.mobile-view{display: none;}
@media screen and (max-width:768px){
    .pc-view{display: none;}
    .mobile-view{display: block;}
}

.wrap{width: 96%;max-width: 100%;margin-left:auto; margin-right:auto;}
.container{ max-width: 1410px; width: 100%;margin: 0 auto; padding: 0 50px; }
@media screen and (max-width:768px){
    .wrap{ width:100%; max-width:100%; padding: 0 15px;}   
    .container{width: 85%; max-width: 85%; margin: 0 auto; padding-left: 0; padding-right: 0;} 
}