*{box-sizing: border-box;}
:focus{outline:none 0}
html.no-scroll{height:100vh;overflow:hidden;-webkit-overflow-scrolling:auto}
body,button,p,pre{margin:0}
body{color:#121212;background:#f5f5f5;font-size:15px;line-height:1.7;font-family:-apple-system,blinkmacsystemfont,helvetica neue,pingfang sc,microsoft yahei,source han sans sc,noto sans cjk sc,wenquanyi micro hei,sans-serif;}
img{border:0;display:block}
a{text-decoration:none;color:#222;cursor:pointer;transition:.3s ease;-ms-transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;-o-transition:.3s ease}
a:hover{color:#007bff;transition:.3s ease;-ms-transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;-o-transition:.3s ease}
article,aside,dd,div,dl,dt,form,h1,h2,h3,h4,h5,li,ol,p,td,th,ul{margin:0;padding:0;list-style:none}
button{cursor:pointer;}
svg{display:inline-block;vertical-align:middle;}
.mt10{margin-top:10px}
.mb10{margin-bottom:10px}
.my10{margin-top:10px;margin-bottom:10px}
.w100{width:100%}
/*flex*/
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:block}
.flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;display:block}
.flex-3{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;display:block}
.flex-4{-webkit-box-flex:4;-webkit-flex:4;-ms-flex:4;flex:4;display:block}
.flex-5{-webkit-box-flex:5;-webkit-flex:5;-ms-flex:5;flex:5;display:block}
.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-wrap{display:flex;display:-webkit-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.flex-nowrap{display:flex;display:-webkit-flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}
.flex-align-center{display:-webkit-box;display:box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.flex-pack-end{-webkit-box-pack:justify;-webkit-justify-content:flex-end;-ms-flex-pack:justify;justify-content:flex-end}
.flex-pack-start{-webkit-box-pack:justify;-webkit-justify-content:flex-start;-ms-flex-pack:justify;justify-content:flex-start}
.flex-pack-around{-webkit-box-pack:justify;-webkit-justify-content:space-around;-ms-flex-pack:justify;justify-content:space-around}
/*tips*/
.poptip{position:fixed;width:100%;height:38px;text-align:center;z-index:99999;max-width:100%;top:40%;left:50%;transform:translate(-50%, -50%);}
.poptip div{font-size:13px;letter-spacing:1px;color:#fff;position:relative;display:inline-block;margin:0 auto;background:rgba(0,0,0,.65);border-radius:4px;height:38px;line-height:38px;padding:0 20px;text-align:center;white-space:nowrap}
/*gotop*/
.gotop{position:fixed;bottom:0;right:50%;margin-right:-660px;display:flex;flex-direction:column;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;will-change:transfrom}
.gotopbox{width:40px;height:60px;transition:height .2s ease}
.gotopbox.gotopbox-hide{height:0}
.gotop button{background:#fff;border-radius:0 0 4px 4px;width:40px;height:40px;border:none;cursor:pointer;text-align:center;font-size:14px;box-shadow:0 1px 3px rgb(26 26 26 / 10%)}
.gotop button:first-child{border-radius:4px 4px 0 0;background:#4498ee;color:#fff}
.gotop button svg{fill:#8590a6;width:30px;height:30px}
.gotop button svg:hover{fill:#246}
.gotop button.one:first-child{border-radius:4px;background:#fff;color:#fff}
/*share*/
.popshare{display:none;top:0;left:0;position:absolute;background:#fff;border:1px solid #ebebeb;border-radius:4px;-webkit-box-shadow:0 5px 20px rgb(18 18 18 / 10%);box-shadow:0 5px 20px rgb(18 18 18 / 10%);z-index:203}
.popshare-arrow{position:absolute;overflow:hidden;pointer-events:none;left:68px;z-index:1}
.popshare-arrow::after{content:"";position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:24px;height:24px;margin:-12px;border:1px solid #ebebeb;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:auto}
.popshare-bottom .popshare-arrow{width:32px;height:16px;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
.popshare-bottom .popshare-arrow::after{left:50%;bottom:-8px}
.popshare-top .popshare-arrow{width:32px;height:16px;-webkit-transform:translate(-50%);transform:translate(-50%);top:280px}
.popshare-top .popshare-arrow::after{left:50%;top:-8px}
.popshare-menu{padding:6px 0 20px;position:relative;z-index:2}
.popshare-menu a{height:40px;line-height:40px;font-size:14px;color:#888;display:block;padding:0 20px}
.popshare-menu a:hover{background-color:#f6f6f6}
.popshare-menu a svg{margin-right:6px;margin-top:-2px;width:20px;height:20px}
.popshare-menu p{display:block;width:94px;height:94px;padding:0 20px;}
/*tools*/
.artcard{margin-bottom:10px;background:#fff;border-radius:2px;-webkit-box-shadow:0 1px 3px hsla(0,0%,7%,.1);box-shadow:0 1px 3px hsla(0,0%,7%,.1)}
.artcard-header{height:50px;line-height:50px;padding:0 20px;font-weight:600;border-bottom:1px solid #f5f5f5;}
.art-keys a{padding:0 12px;font-size:14px;line-height:30px;height:30px;color:#056de8;vertical-align:top;border-radius:100px;background:rgba(5,109,232,.1)}
.art-keys a a{margin-left:5px}
.art-keys a:hover{background:rgba(5,109,232,.2)}
.art-topic a{padding:3px 6px;font-size:12px;color:#666;background:#f5f5f5;white-space:nowrap}
.art-topic a a{margin-left:8px}
.art-topic a:hover{background:rgba(5,109,232,.2);color:#056de8;}
.art-acts a{height:34px;line-height:34px;font-size:14px;color:#888}
.art-acts a a{margin-left:24px}
.art-acts svg{width:16px;height:16px;margin-right:5px}
.art-acts .jlike{padding:0 12px;line-height:34px;height:34px;color:#056de8;vertical-align:top;border-radius:5px;background:rgba(5,109,232,.1)}
.art-acts .jlike:hover{background:rgba(5,109,232,.2)}
.art-acts .jcoll{margin-left:auto}
.art-acts .jcoll svg{margin-left:5px}
/*header*/
.header{background:#fff;min-width:1200px;overflow:hidden;position:relative;z-index:100;-webkit-box-shadow:0 1px 3px hsla(0,0%,7%,.1);box-shadow:0 1px 3px hsla(0,0%,7%,.1)}
.header-inner{height:52px;margin:0 auto;padding:0;position:relative;width:auto;width:1200px}
.header-inner img{width:100px}
.header-inner li{padding:0 25px;display:inline-block}
.header-inner li a{font-size:15px;color:#8493a5}
.header-inner .searchbar{height:34px;width:482px;display:block;overflow:hidden}
.header-inner label{background:#f5f5f5;border-radius:999px;padding-left:16px;width:100%;border:1px solid #ebebeb;font-size:14px;height:34px}
.header-inner label input{border:none;background:0 0;overflow:hidden;padding:0;resize:none;height:24px;line-height:24px}
.header-inner label button{color:#8493a5;background:0 0;border-color:transparent;border-radius:0;margin-left:12px;padding:0 12px;display:inline-block;font-size:14px;line-height:32px}
.header-inner label button svg{width:18px;height:18px}
.header-cart button{display:inline-block;padding:0 16px;font-size:14px;line-height:32px;color:#888;text-align:center;border:2px solid #ddd;border-radius:3px;background:0 0;}
.header-cart button:hover{border-color:#056de8;color:#056de8}
.header-cart button i{font-style:normal;padding:1px 4px;border-radius:50%;background-color:#ff6a00;color:#fff;margin-left:6px;font-size:12px;}
.header-cart p{display:none}
.fixheader{position:fixed;width:100%;top:0}
.fixheader .article,.fixheader div{padding-top:52px}
/*artheader*/
.artheader{background:#fff;min-width:1200px;overflow:hidden;padding:20px 0;position:relative;webkit-box-shadow:0 1px 3px hsla(0,0%,7%,.1);box-shadow:0 1px 3px hsla(0,0%,7%,.1)}
.artheader-cont{height:100%;width:1200px;margin:auto;}
.artheader-main{padding-left:20px;width:800px}
.artheader-tags{margin-bottom:12px}
.artheader-main h1{line-height:32px;font-size:22px;font-synthesis:style;font-weight:600;margin-bottom:4px;}
.artheader-main p{font-size:15px;line-height:25px}
.artheader-acts{margin-top:8px}
.artheader-side{text-align:right;padding-right:20px}
.artheader-counts{margin-left:auto;}
.artheader-num div{line-height:1.6;text-align:center;padding:0 8px}
.artheader-num p{color:#8493a5;font-size:14px}
.artheader-num strong{font-weight:600;color:#121212;display:inline-block;font-size:18px}
.artheader-num a{color:#888;display:block;height:28px}
.artheader-num svg{width:16px;height:16px}
.artheader-divider{width:1px;background-color:#ebebeb;margin:0 20px}
/*artmain*/
.artmain{margin:10px auto;width:1200px;overflow:hidden;}
.artmain-cont{width:890px}
.artmain-more{height:44px;margin:0;position:relative;text-align:center}
.artmain-more::after{border-bottom:1px solid #ebebeb;content:"";display:block;left:0;margin:0 20px;position:absolute;right:0;top:30px}
.artmain-more h4{display:inline-block;font-weight:400;color:#8493a5;background:#fff;padding:0 20px;position:relative;margin-top:20px;z-index:1}
.artmain-all{height:50px;line-height:50px;text-align:center;display:block;color:#888}
.artmain-sort{height:50px;margin:0 20px;border-bottom:1px solid #f5f5f5}
.artmain-sort a{line-height:50px;color:#888;font-size:14px}
.artmain-sort a a{margin-left:40px}
.artmain-sort a.on{color:#056de8}
.artmain-item{padding:16px 20px;position:relative}
.artmain-item .artmain-item::before{border-top:1px solid #f5f5f5;content:"";display:block;left:0;margin:0 20px;position:absolute;right:0;top:0}
.artmain-item h2{font-size:18px;font-weight:600}
.artmain-item h3{font-size:16px;font-weight:600}
.artkeys .artmain-item{width:50%}
.artkeys .artmain-item:nth-child(3)::before{border-top:0}
.artmain-info{margin-top:8px;height:30px;line-height:30px;color:#888;font-size:14px}
.artmain-info a{color:#888}
.artmain-info .jcart{padding:0 12px;line-height:28px;height:30px;color:#056de8;vertical-align:top;border-radius:5px;border:1px solid rgba(5,109,232,.5)}
.artmain-info .jcart:hover{background:rgba(5,109,232,.2)}
.artmain-rich{line-height:1.6;word-break:break-word}
.artmain-rich p{margin:1.4em 0}
.artmain-topic{margin-left:auto}
.artmain-expand{display:none;text-align:center;color:#007bff;position:relative;z-index:10;margin-top:-40px;margin-bottom:10px}
.artmain-expand svg{width:24px;height:24px}
.artmain-item.iscollapsed .artmain-rich{max-height:400px;position:relative;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#121212),to(transparent));-webkit-mask-image:linear-gradient(#121212 calc(100% - 8rem),transparent calc(100% - 2.8rem));mask-image:-webkit-gradient(linear,left top,left bottom,from(#121212),to(transparent));mask-image:linear-gradient(#121212 calc(100% - 8rem),transparent calc(100% - 2.8rem));-webkit-transition:max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);transition:max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);transition:mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035);transition:mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);-webkit-mask-size:100% 100%;mask-size:100% 100%}
.artmain-item.iscollapsed .jcoll,.artmain-item.uncollapsed .jcoll{display:none}
.artmain-item.iscollapsed .artmain-expand{display:block}
.artlist .artmain-info,.artdetail .artmain-info{margin-bottom:1.4em}
.artlist .artmain-rich h2,.artdetail .artmain-rich h2{margin-top:1.4em;font-size:inherit}
.artdetail .artmain-rich h2{font-size:20px;position:relative;}
.artdetail .artmain-rich h2::before{content:"";display:inline-block;height:23px;width:5px;background-color:#f30;position:absolute;top:5px;left:-20px}
/*artside*/
.artmain-side{margin-left:10px;width:300px;align-self:normal}
.artmain-relat{padding:15px 20px;line-height:22px}
.artmain-relat a{display:block}
.artmain-relat a a{margin-top:8px}
/*footer*/
.footer{color:#888;font-size:13px;line-height:2.5;margin:10px 0px;}
.footer svg{width:16px;height:16px;margin-right:5px}
.footer a{color:#888}
.footer a a{margin-left:10px}
/*�ۺ�����*/
.sidebarfix{width:30px;position:fixed;top:300px;left:50%;margin-left:-650px;z-index:9}
.sidebarfix a{width:42px;padding:13px 0;color:#fff;background:#4498ee;-webkit-box-shadow:0 2px 15px 0 rgb(0 0 0 / 10%);box-shadow:0 2px 15px 0 rgb(0 0 0 / 10%);border-radius:21px;text-align:center;transition:all .2s cubic-bezier(.215,.61,.355,1);position:relative;cursor:pointer;display:block;text-decoration:none}
.sidebarfix span{font-size:13px;display:block;padding:0 12px;line-height:17px}