a,article,aside,b,body,canvas,div,dl,dt,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,label,li,menu,nav,ol,output,p,pre,q,s,section,small,span,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul{border:0;margin:0;padding:0}dd,dl,li,ol,ul{list-style-type:none}a,a:active,a:focus,a:hover,area,button,input{-webkit-tap-highlight-color:#0000;outline:0}img{vertical-align:middle;border:0}input[type=number]::-webkit-inner-spin-button{height:auto}input[type=number]::-webkit-outer-spin-button{height:auto}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}*{box-sizing:border-box}body,button,input,select,textarea{font:14px/1.5 Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}a{text-decoration:none}.contentWrap{box-sizing:border-box;max-width:1030px;margin:0 auto;padding:0 15px}body{color:#565758;min-width:360px}#myblog{min-height:100vh;padding-bottom:120px;position:relative}.header{flex-flow:wrap;justify-content:space-between;display:flex}.header .header_logo{width:150px;margin-top:50px;transition:all .3s}.header .header_logo h1{line-height:30px}.header .header_logo img{height:30px}.header #nav{-webkit-user-select:none;user-select:none;width:240px;margin-top:50px;transition:all .3s;position:relative}.header #nav ul{justify-content:center;display:flex}.header #nav ul li{text-align:center;flex:1}.header #nav ul li.active a{color:#1b1c1e}.header #nav a{text-align:center;color:#999aaa;padding:0 10px;font-size:14px;line-height:30px;transition:all .3s;display:inline-block;position:relative}.header #nav a:hover{color:#1b1c1e}.header #nav s{visibility:hidden;content:"";background-color:#e5504b;width:16px;height:1px;transition:all .3s;display:block;position:absolute;bottom:6px;left:22px}.header .header_seach{color:#1b1c1e;width:30px;height:30px;margin-top:50px;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.header .header_seach input{color:#1b1c1e;box-sizing:border-box;text-align:left;background-color:#fff;outline:0;width:100%;padding:4px 30px 4px 5px;font-size:14px}.header .header_seach span{-webkit-tap-highlight-color:#0000;cursor:pointer;width:30px;height:30px;line-height:30px;display:block;position:absolute;top:0;right:0}.header .header_seach span i{font-size:14px}.header .header_seach:after{content:"";background-color:#1b1c1e;border-radius:3px;width:0;height:2px;transition:all .3s;position:absolute;bottom:0;right:0}.header .header_seach:hover{width:150px}.header .header_seach:hover:after{width:100%}.header .hseachwrap{text-align:right;width:150px}#footer{border-top:1px solid #eee;width:100%;margin-top:30px;padding:20px 0;font-size:12px;position:absolute;bottom:0}#footer .footer_wrap{flex-flow:wrap;justify-content:space-between;align-items:center;display:flex}#footer p{color:#999aaa;min-width:220px;padding:5px 0}#footer p a{color:#999aaa;margin:0 8px;display:inline-block}#footer p a:hover{text-decoration:underline}#footer .footerInfo{text-align:right}#footer .footerInfo span{margin-left:2px}#footer .footerInfo a{margin:0 2px;text-decoration:none!important}#footer .footerInfo a:hover{color:#565758}@media screen and (max-width:580px){#footer .footerInfo{text-align:left}}.artList{width:100%;margin:15px 0}.artList li.list{box-sizing:border-box;border-bottom:1px solid #f2f2f8;align-items:flex-start;padding:15px 0;display:flex}.artList li.list:last-child{border-bottom:none}.artList li.list .time{box-sizing:border-box;color:#999aaa;background-color:#fff;border:1px solid #e7e8e9;width:60px;height:50px;margin-right:15px;padding-top:5px}.artList li.list .time span{text-align:center;display:block}.artList li.list .time span.day{color:#565758;font-size:24px;font-weight:700;line-height:24px}.artList li.list .time span.year{color:#999aaa;font-size:12px;line-height:14px;transform:scale(.8)}.artList li.list .art_wrap{flex:1}.artList li.list .title_info{flex-flow:wrap;justify-content:space-between;line-height:20px;display:flex}.artList li.list .title_info h3{margin-right:15px;font-size:16px;font-weight:400}.artList li.list .title_info h3 a{color:#1b1c1e;transition:all .1s}.artList li.list .title_info h3 a:hover{opacity:.85}.artList li.list .title_info .art_time{color:#999aaa;font-size:12px;line-height:20px}.artList li.list .title_info .art_time span:last-child{margin-left:10px}.artList li.list .title_info .art_time i{vertical-align:middle;margin-right:5px}.artList li.list .art_content{margin-top:5px;font-size:14px;line-height:24px}.artList li.list .art_content a{color:#999aaa;transition:all .1s}.artList li.list .art_content a:hover{opacity:.85}.home_tite h5{font-size:14px;font-weight:400;line-height:24px;position:relative}.home_tite h5:after{content:"";background-color:#e5504b;width:16px;height:1px;position:absolute;bottom:-2px;left:0}.page_wrap{flex-flow:wrap;justify-content:space-between;margin:20px 0;font-size:12px;line-height:28px;display:flex}.page_wrap .list_page p a{box-sizing:border-box;float:left;color:#565758;cursor:pointer;border:1px solid #fff;margin:0 4px;padding:0 10px;font-size:12px;line-height:18px;display:block}.page_wrap .list_page p a.disabled{color:#999aaa}.page_wrap .list_page p a.disabled:hover{color:#999aaa;border:1px solid #fff}.page_wrap .list_page p a:hover{color:#1b1c1e;border:1px solid #1b1c1e}.tags_list_wrap{box-sizing:border-box;background-color:#fcfbfc;border:1px solid #e7e8e9;margin:50px 0;padding:10px}.tags_list_wrap a{box-sizing:border-box;color:#fff;background-color:#999aaa;border-radius:2px;height:24px;margin:5px;padding:0 8px;font-size:12px;line-height:24px;transition:all .3s;display:inline-block}.tags_list_wrap a:hover,.tags_list_wrap a.active{background-color:#1b1c1e}.nothing{color:#999aaa;padding:10px}.article_class_top_list{box-sizing:border-box;flex-flow:wrap;align-items:center;margin:50px 0 30px;display:flex}.article_class_top_list .class_top_left{width:50%;min-height:100px;padding:4px 0 30px;position:relative}.article_class_top_list .class_top_left:before{content:"";background-color:#1b1c1e;width:40px;height:12px;display:block;position:absolute;top:-20px;left:0}.article_class_top_list .class_top_left li{width:180px;margin:8px 0;font-size:14px;position:relative}.article_class_top_list .class_top_left li:after{content:"";background-color:#1b1c1e;width:0;height:2px;transition:all .3s;display:block;position:absolute;bottom:-1px;left:0}.article_class_top_list .class_top_left li:hover:after,.article_class_top_list .class_top_left li.active:after{width:100%}.article_class_top_list .class_top_left li a{color:#1b1c1e;padding:3px 0;display:block}.article_class_top_list .class_top_banner{text-align:center;flex:1}.article_class_top_list .class_top_banner img{max-width:150px}@media screen and (max-width:580px){.article_class_top_list{position:relative}.article_class_top_list .class_top_left li{width:150px}.article_class_top_list .class_top_banner img{width:100px}}.art_position{margin:30px 0;line-height:30px}.art_position p i{vertical-align:middle;font-size:24px}.art_position p span{color:#999aaa;margin:0 4px}.art_position p a{color:#565758;display:inline-block}.art_position p a:hover{color:#1b1c1e}.art_info{margin:20px 0}.art_info h1.title{color:#1b1c1e;font-size:24px}.art_info p.art_other_info{color:#999aaa;margin-top:5px;font-size:12px}.art_info p.art_other_info a{color:#999aaa}.art_info p.art_other_info a:hover{color:#565758;text-decoration:underline}.art_info p.art_other_info span{margin-right:15px;display:inline-block}.art_info .art_banner{margin-top:20px}.art_info .art_banner img{max-width:100%}.article_content{margin:30px 0}.art_pre_next{flex-flow:wrap;justify-content:space-between;font-size:14px;line-height:20px;display:flex}.art_pre_next .nootherart{color:#999aaa}.art_pre_next a{color:#565758}.art_pre_next a:hover{color:#1b1c1e}.art_pre_next a span{vertical-align:middle;margin-left:2px}.art_pre_next a span i{vertical-align:middle}.article_dianzhan_wrap{text-align:center;margin-bottom:20px;padding:20px 0}.article_dianzhan_wrap .dianzhan{color:#999aaa;cursor:pointer;background:#f6f7f8;border-radius:50%;width:70px;height:70px;padding-top:8px;display:inline-block;position:relative}.article_dianzhan_wrap .dianzhan:after{content:"+1";color:#e5504b;opacity:0;font-size:30px;position:absolute;top:-10px;right:-20px}.article_dianzhan_wrap .dianzhan.active:after{animation:1s dianzhan}.article_dianzhan_wrap .dianzhan span{display:block}.article_dianzhan_wrap .dianzhan span b{font-weight:400}.article_dianzhan_wrap .dianzhan .dianzhan_icon i{font-size:36px;line-height:32px}.article_dianzhan_wrap .dianzhan .dianzhan_num{font-size:12px}.article_dianzhan_wrap .dianzhan:hover{color:#1b1c1e}.article_dianzhan_wrap .dianzhan.hsdianzhan,.article_dianzhan_wrap .dianzhan.active{color:#e5504b!important}.message_wrap{z-index:2000;width:100%;display:none;position:fixed;top:48%}.message_wrap .message{color:#fff;text-align:center;background:#000000bf;border-radius:2px;min-width:180px;max-width:240px;margin:0 auto;padding:10px;font-size:14px;display:block}.message_wrap .message.error{color:#f26464}.article_commons_form{margin:30px 0;padding-top:10px}.article_commons_form h3.title{font-size:14px;font-weight:400;position:relative}.article_commons_form h3.title:before{content:"";background:#1b1c1e;width:30px;height:4px;position:absolute;top:-10px;left:0}.article_commons_form .commons_form{padding:10px 0}.article_commons_form .form_list .input{color:#565758;resize:none;background:#f1f2f3;border:none;outline:0;width:100%;padding:8px 15px;font-size:14px}.article_commons_form .form_list .list_wrap{flex-flow:wrap;align-items:center;display:flex}.article_commons_form .form_list .list_wrap li{box-sizing:border-box;flex:1;min-width:200px;margin-right:20px;padding:8px 0;line-height:36px}.article_commons_form .form_list .list_wrap li:last-child{min-width:350px}.article_commons_form .form_list .list_wrap li .input{height:38px}.article_commons_form .form_list .list_wrap li span{vertical-align:middle;cursor:pointer;display:inline-block}.article_commons_form .form_list .list_wrap li button{text-align:center;color:#fff;box-sizing:border-box;cursor:pointer;background:#565758;border:1px solid #565758;outline:0;min-width:80px;height:38px;line-height:36px}.article_commons_form .form_list .list_wrap li button:hover{color:#fff;background:#1b1c1e;border:1px solid #1b1c1e}.commons_list .list{border-bottom:1px solid #f2f2f8;margin:8px 0;padding:8px 0}.commons_list .list .name{font-size:14px;font-weight:600}.commons_list .list .commons_content{padding:8px 0;font-size:14px}.commons_list .list .replay{color:#999aaa;background:#f7f8f9;margin-top:8px;padding:8px;font-size:12px}.commons_list .list .other{-webkit-user-select:none;user-select:none;color:#999aaa;justify-content:space-between;font-size:12px;display:flex}.commons_list .list .other .reply_zan span{cursor:pointer;margin:0 8px}.commons_list .list .other .reply_zan span:hover{color:#1b1c1e}.commons_list .list .other .reply_zan i{vertical-align:middle;transition:all .3s}.commons_list .list .other .reply_zan b{font-weight:400}.commons_list .list .other .reply_zan .haszan{color:#e5504b}.article_tags{color:#999aaa;margin-bottom:20px;font-size:14px}.article_tags a{color:#999aaa;margin-left:8px;display:inline-block}.article_tags a:hover{text-decoration:underline}.linksList{flex-flow:wrap;display:flex}.linksList li{margin:2px;position:relative}.linksList li a{color:#565758;padding:4px 15px;font-size:14px;display:block;position:relative}.linksList li a:hover{color:#e5504b}.linksList li a:hover:after{height:24px}.linksList li a:after{content:"";border-right:1px solid #e5504b;width:0;height:12px;transition:all .3s ease-in-out;position:absolute;top:2px;right:0;transform:rotate(15deg)}.fixright{margin-left:550px;display:block;position:fixed;bottom:20%;left:50%}.fixright li{box-sizing:border-box;text-align:center;color:#fff;cursor:pointer;opacity:.6;background:#999aaa;width:32px;height:32px;margin-top:20%;line-height:32px;transition:all .3s;display:none}.fixright li:hover{opacity:1}@media screen and (max-width:1000px){.fixright{bottom:15%;left:auto;right:10px}}@keyframes dianzhan{0%{opacity:0;top:5px;right:5px;transform:scale(0)}50%{opacity:1;top:10px;right:-20px;transform:scale(1)}to{opacity:0;top:20px;right:-24px;transform:scale(0)}}.no_found{text-align:left;min-width:320px;max-width:460px;padding-top:30px;padding-left:20px}.no_found h2{color:#e5504b;font-size:120px;font-weight:700;line-height:140px}.mod_404 .mod_share{width:auto!important}@media screen and (max-width:580px){.header .header_logo,.header #nav,.header .header_seach{margin-top:20px}.header .header_logo{width:40px}.header .header_seach:hover,.header .hseachwrap{width:30px}.header .header_seach:hover:after{width:0}}@media screen and (max-width:400px){.article_commons_form .form_list .list_wrap li{margin-right:0}}.home_desc{margin-top:100px;transition:all .3s}.home_desc h2{margin-bottom:10px}.home_desc p{width:50%;font-size:12px;line-height:20px}@media screen and (max-width:800px){.home_desc{text-align:center;margin-top:50px}.home_desc p{width:100%}}.home_middle_img{width:200px;margin:100px auto 50px}.home_middle_img img{width:100%}@media screen and (max-width:800px){.home_middle_img{margin-top:80px;margin-bottom:50px}}@media screen and (max-width:500px){.home_middle_img{margin-top:50px;margin-bottom:50px}}.home_artList{background-color:#fcfcfc;margin:20px 0;padding:30px 0}.home_hotList{background-color:#fafafa;margin:20px 0;padding:30px 0}.home_class{padding:40px 0}.home_class .classList li{margin:10px;display:inline-block}.home_class .classList a{text-align:center;color:#565758;text-align:center;border:1px solid #e6e7e8;min-width:100px;padding:10px;transition:all .3s;display:block}.home_class .classList a:hover{color:#fafbfc;background-color:#565758;border-color:#565758}.home_tags{margin-top:30px}.home_tags li{margin:5px;display:inline-block}.home_tags li a{color:#999aaa;border:1px solid #e0e0e0;padding:2px 8px;font-size:12px;line-height:18px;display:block}.home_tags li a:hover{color:#1b1c1e;border-color:#1b1c1e}.view{color:#353535;font-size:16px;line-height:1.8rem}.view:focus,.view:focus-visible{box-shadow:none;outline:none}.view p,.view .doc_p{padding-left:0;line-height:1.8rem}.view ul{list-style-type:disc}.view ul:last-child,.view ol:last-child{margin-top:0}.view ol>li,.view ul>li{margin-bottom:0}.view ul>li ul>li{background-color:#0000;list-style-type:circle}.view ul li::marker{color:#7a90a7;font-size:14px}.view ul>li ul>li ul>li{list-style-type:square}.view ol>li ol>li{list-style-type:lower-roman}.view ol>li ol>li ol>li{list-style-type:lower-latin}.view ol>li>:not(ol):not(ul),.view ul>li>:not(ol):not(ul){padding-left:.25rem}.view a{color:#1677ff;text-decoration:none}.view a:hover{color:#69b1ff}.view h1,.view h2,.view h3,.view h4,.view h5,.view h6{cursor:text;box-sizing:border-box;margin-bottom:1rem;font-weight:700;line-height:1.5;position:relative}.view h1:hover a.anchor,.view h2:hover a.anchor,.view h3:hover a.anchor,.view h4:hover a.anchor,.view h5:hover a.anchor,.view h6:hover a.anchor{text-decoration:none}.view h1 tt,.view h1 code,.view h2 tt,.view h2 code,.view h3 tt,.view h3 code,.view h4 tt,.view h4 code,.view h5 tt,.view h5 code,.view h6 tt,.view h6 code{font-size:inherit!important}.view pre{box-sizing:border-box;background-color:#282c34;border-radius:4px;max-width:100%;padding:12px 16px}.view pre code{word-break:break-all;padding:inherit;font-size:inherit;background-color:#0000;border:none;border-radius:0}.view pre tt,.view pre code{border-radius:0;padding:0}.view h2 a,.view h3 a{color:#34495e}.view h1{margin-top:2rem;padding-top:1rem;padding-bottom:.4rem;font-size:1.6rem}.view h2{margin-top:2rem;padding-top:.8rem;padding-bottom:.3rem;font-size:1.4rem}.view h3{margin-top:2rem;font-size:1.2rem}.view h4,.view h5{font-size:1rem}.view h6{color:#777;font-size:1rem}.view video{object-fit:cover;border:1px solid #eeebf6;border-radius:6px;outline:none;max-width:100%;max-height:480px;margin:10px auto;display:block}.view p,.view blockquote,.view ul,.view ol,.view dl,.view table,.view .doc_p{box-sizing:border-box;margin:.8em 0}.view p,.view .doc_p{word-wrap:break-word;white-space:pre-wrap}.view hr{box-sizing:content-box;background-color:#eeebf6;border:0;height:1px;margin:16px 0;padding:0;overflow:hidden}.view img{box-sizing:content-box;cursor:zoom-in;border-style:none;max-width:100%;max-height:400px;margin:0 auto;display:block}.view img:hover{border-radius:6px;outline:2px solid #b8cfff}.view h1:first-child,.view h1:first-child+h2,.view h1:first-child,.view h2:first-child,.view h3:first-child,.view h4:first-child,.view h5:first-child,.view h6:first-child,.view a:first-child h1,.view a:first-child h2,.view a:first-child h3,.view a:first-child h4,.view a:first-child h5,.view a:first-child h6{margin-top:0;padding-top:0}.view h1 p,.view h2 p,.view h3 p,.view h4 p,.view h5 p,.view h6 p{margin-top:0}.view ul,.view ol{padding-left:20px}.view ul:first-child,.view ol:first-child{margin-top:0}.view ul:last-child,.view ol:last-child{margin-bottom:0}.view blockquote{word-break:break-all;color:#777;background-color:#689bff1a;border-left:4px solid #3a72ff;width:100%;padding:10px 15px}.view blockquote.warning{background-color:#fff9f3;border-left:4px solid #ffa400}.view blockquote.gray{background-color:#a3a4a71a;border-left:4px solid #b1b1b1}.view blockquote>:first-child{margin-top:0}.view blockquote>:last-child{margin-bottom:0}.view table{border-collapse:collapse;padding:0;overflow-x:auto}.view table tr{border-top:1px solid #dfe2e5;margin:0;padding:0}.view thead{background-color:#689bff1a}.view table tr th{white-space:nowrap;text-align:left;border:1px solid #d1ddf5;border-bottom:0;margin:0;padding:6px 13px;font-weight:700}.view table tr:hover{background-color:#ebf5ff80}.view table tr td{text-align:left;border:1px solid #d1ddf5;margin:0;padding:6px 13px}.view table tr th:first-child,.view table tr td:first-child{margin-top:0}.view table tr th:last-child,.view table tr td:last-child{margin-bottom:0}.view strong{padding:0 1px}.view em{padding:0 5px 0 2px}.view table thead th{background-color:#689bff1a}.view code{color:#ff5b68;background-color:#fff5f2;border:1px solid #ecc5ba;border-radius:4px;padding:2px 4px;font-size:.9rem}.view code.gray{color:#34495e;background-color:#ececec;border:none}.view tt{color:#e96900;background-color:#f8f8f8;border-radius:2px;margin:0 2px;padding:2px 4px;font-size:.92rem}.view .task-list-item{list-style-type:none}.aboutmy_wrap{flex-flow:wrap;justify-content:center;align-items:center;margin:80px 0;display:flex}.aboutmy_wrap .about_img{text-align:center;min-width:200px}.aboutmy_wrap .about_img img{width:200px}.aboutmy_wrap .abount_info{text-align:left;min-width:320px;max-width:460px;padding-top:30px;padding-left:20px}.aboutmy_wrap .abount_info p{color:#565758;text-indent:2em;margin-bottom:20px;font-size:13px;line-height:20px}.aboutmy_wrap .abount_info ul li{padding:5px 0}.aboutmy_wrap .abount_info ul li i{vertical-align:middle}.search_form_wrap{box-sizing:border-box;border:2px solid #565758;width:50%;min-width:300px;height:40px;margin:50px auto;display:flex}.search_form_wrap input{background:#fff;border:none;outline:0;flex:1;padding:0 10px;display:block}.search_form_wrap button{color:#fff;cursor:pointer;background:#565758;border:none;outline:0;width:80px;height:100%;display:block}.search_form_wrap button:hover{background:#1b1c1e}.searchlist h3{font-size:14px;font-weight:400;position:relative}.searchlist h3:before{content:"";background:#1b1c1e;width:30px;height:12px;position:absolute;top:-20px;left:0}.searchlist .list{border-bottom:1px solid #f6f7f8;margin-top:10px;padding:10px 0;position:relative}.searchlist .list h4{flex-flow:wrap;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.searchlist .list h4 a{color:#565758}.searchlist .list h4 a span{color:#e5504b}.searchlist .list h4 a:hover{opacity:.9}.searchlist .list .other{color:#999aaa;font-size:12px;font-weight:400}.searchlist .list .other i{vertical-align:middle;margin-right:2px}.searchlist .list .other span{margin-right:5px}.searchlist .list .des{color:#999aaa;margin-top:5px;font-size:14px}