@font-face{font-family:'ys';font-weight:400;font-style:normal;font-display:swap;src:url('ys.woff2');src:url('ys.woff2') format('woff')}
/*@import "//at.alicdn.com/t/c/font_4680486_j774lsd0gu.css";*/:root{--BG-0:#ededed;--BG-1:#f7f7f7;--BG-2:#fff;--BG-3:#f7f7f7;--BG-4:#4c4c4c;--BG-5:#fff;--FG-0:rgba(0,0,0,0.9);--FG-HALF:rgba(0,0,0,0.9);--FG-1:rgba(0,0,0,0.55);--FG-2:rgba(0,0,0,0.3);--FG-3:rgba(0,0,0,0.1);--FG-4:rgba(0,0,0,0.15);--FG-5:rgba(0,0,0,0.05);--RED:#fa5151;--ORANGERED:#ff6146;--ORANGE:#fa9d3b;--YELLOW:#ffc300;--GREEN:#16baaa;--LIGHTGREEN:#95ec69;--BRAND:#07c160;--BLUE:#10aeff;--INDIGO:#1485ee;--PURPLE:#6467f0;--WHITE:#fff;--LINK:#576b95;--TEXTGREEN:#06ae56;--FG:#000;--BG:#fff;--TAG-TEXT-RED:rgba(250,81,81,0.6);--TAG-BACKGROUND-RED:rgba(250,81,81,0.1);--TAG-TEXT-ORANGE:#fa9d3b;--TAG-BACKGROUND-ORANGE:rgba(250,157,59,0.1);--TAG-TEXT-GREEN:#06ae56;--TAG-BACKGROUND-GREEN:rgba(6,174,86,0.1);--TAG-TEXT-BLUE:#10aeff;--TAG-BACKGROUND-BLUE:rgba(16,174,255,0.1);--TAG-TEXT-BLACK:rgba(0,0,0,0.5);--TAG-BACKGROUND-BLACK:rgba(0,0,0,0.05);--REDORANGE:#ff6146}
.dark{--BG-0:#111;--BG-1:#1e1e1e;--BG-2:#191919;--BG-3:#202020;--BG-4:#404040;--BG-5:#2c2c2c;--FG-0:rgba(255,255,255,0.8);--FG-HALF:rgba(255,255,255,0.6);--FG-1:rgba(255,255,255,0.5);--FG-2:rgba(255,255,255,0.3);--FG-3:rgba(255,255,255,0.1);--FG-4:rgba(255,255,255,0.15);--FG-5:rgba(255,255,255,0.1);--RED:#fa5151;--ORANGERED:#ff6146;--ORANGE:#c87d2f;--YELLOW:#cc9c00;--GREEN:#1cc4b3;--LIGHTGREEN:#3eb575;--BRAND:#07c160;--BLUE:#10aeff;--INDIGO:#1196ff;--PURPLE:#8183ff;--WHITE:rgba(255,255,255,0.8);--LINK:#7d90a9;--TEXTGREEN:#259c5c;--FG:#fff;--BG:#000;--TAG-TEXT-RED:rgba(250,81,81,0.6);--TAG-BACKGROUND-RED:rgba(250,81,81,0.1);--TAG-TEXT-ORANGE:rgba(250,157,59,0.6);--TAG-BACKGROUND-ORANGE:rgba(250,157,59,0.1);--TAG-TEXT-GREEN:rgba(6,174,86,0.6);--TAG-BACKGROUND-GREEN:rgba(6,174,86,0.1);--TAG-TEXT-BLUE:rgba(16,174,255,0.6);--TAG-BACKGROUND-BLUE:rgba(16,174,255,0.1);--TAG-TEXT-BLACK:rgba(255,255,255,0.5);--TAG-BACKGROUND-BLACK:rgba(255,255,255,0.05);--REDORANGE:#ff6146}
::-webkit-scrollbar{width:5px;height:5px;background:var(--FG-5)}
::-webkit-scrollbar-thumb{background:var(--FG-3);border-radius:3px}
*{list-style-type:none;padding:0;border:0;margin:0;text-decoration:none}
body{font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;font-family:"ys",Microsoft Yahei,"MArima Madurai",Microsoft JhengHei,Georgia,Times,serif,Open Sans,sans-serif !important;background-color:#f1f1f1;margin:0;border:0;padding:0;color:black;min-width:400px}
input,textarea{outline:none}
.yyMask{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1001;display:none;background-color:rgb(0 0 0 / 60%);-webkit-backdrop-filter:saturate(200%) blur(50px);backdrop-filter:saturate(200%) blur(50px)}
.show{display:block !important}
.yyMask.searMask{z-index:1000000}
.bp,.banner{background-image:url(../images/banner.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.banner{padding-bottom:50%;width:100%}
.bp{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}
.bp::after{content:"";/* background-image:linear-gradient(to bottom,transparent,#ffffff);*/    position:absolute;left:0;right:0;bottom:0;top:0}
a{color:#2cc7ff}
a:hover{color:#00c2ff;text-decoration:none!important}
img{max-width:100%}
.yycontainer{position:relative;padding:0 15px;margin:auto;max-width:1400px;text-align:center;background-color:rgb(59 21 65 / 26%)}
.yyheader{display:none;position:fixed;top:0;left:0;width:100%;z-index:1000;color:white}
.yyheader.show{display:block}
.yyheader .navBtn,.yyheader .searBtn{position:absolute;left:15px;top:50%;transform:translate(0,-50%);width:35px;height:35px;line-height:35px;font-size:20px}
.yyheader .navBtn i{font-size:inherit}
.yyheader .head_logo{height:50px;display:inline-block;padding:5px 0}
.yyheader .head_logo a{display:block;height:100%}
.yyheader .head_logo img{height:100%}
.yyheader .searBtn{right:15px;left:unset}
.yyheader .searBtn i{font-size:inherit}
.yysearch{position:fixed;display:none;z-index:1000001;left:50%;top:50%;transform:translate(-50%,-50%)}
.yysearch .searBox{padding:17px;margin:auto;width:800px;position:fixed;left:50%;top:50%;transform:translate(-50%,-70%)}
.yysearch .searBox h5{margin:20px 0 5px;color:white;font-size:16px}
.yysearch .searBox .searTags{display:block;line-height:2}
.yysearch .searBox .searTags a{display:inline-block;padding:0 4px}
.yysearch.show{display:block;z-index:1000001}
.yysearch .form{height:50px;border-radius:6px;display:flex;align-items:center;overflow:hidden;width:100%}
.yysearch input{height:100%;padding:0 7px 0 15px;flex:1;font-size:14px;border-radius:0}
.yysearch input:focus{outline:none}
.yysearch button{width:60px;height:100%;background-color:#e7e7e7;border-radius:0}
.yysearch button i{font-size:20px}
.yycontent.mt-c{margin-top:50px}
.yycontent.mt-c .main-header{top:50px}
.column_flex{background-color:rgb(255 255 255 / 70%);position:relative;box-shadow:0 0 25px rgb(0 0 0 / 20%);min-height:100vh}
.column_flex .navi{display:none;position:fixed;z-index:999999;/* background-color:#fbfbfb;*/    top:0;bottom:0}
.column_flex .navi.show{display:block !important;left:0;background-color:#fbfbfb}
.column_flex_1{}
.column_flex_1 .navi{display:none}
.column_flex_1 .yyside{display:none}
.column_flex_1 .yymain{margin-left:0 !important}
.column_flex_1 .list_top{top:50px}
.column_flex_1 .banner{padding-bottom:35% !important}
.column_flex_2{}
.column_flex_2 .navi{display:none}
.column_flex_2 .yymain{margin-left:0 !important}
.column_flex_2 .list_top{top:50px}
.column_flex_3{}
.column_flex.column_flex_3 .navi{display:block}
.navi_wrap{width:260px;padding:25px 20px;padding-bottom:50px;border-radius:10px;text-align:right;position:sticky;top:0}
.site_logo{display:block;padding:15px 8px;background-color:rgb(255 255 255);box-shadow:8px 8px 10px rgb(153 153 153 / 10%);border-radius:7px;text-align:center}
.site_logo a{}
.site_logo a h2{font-size:20px;font-weight:bolder;margin:0}
.site_logo a strong{display:block;color:#838383;font-size:12px;margin-top:8px;font-weight:400}
.blog-header-nav{margin-top:20px}
.blog-header-nav .nav-list{margin:0;font-size:16px}
.blog-header-nav .nav-list li+li{margin-top:14px}
.column_flex .yymain{position:relative;display:flex;margin-left:260px;min-height:100vh}
.column_flex .yymain .acgwrap{flex:1;background-color:rgb(255 255 255 / 35%)}
.column_flex .yymain .yyside{width:260px;position:relative}
.column_flex .yymain .yyside .side_fixed{width:100%;height:100%;padding-top:13px;padding-bottom:13px}
.blog_main{padding:30px}
.list_top{padding:30px 25px;background-color:rgb(255 255 255 / 90%);position:sticky;top:0;z-index:20;text-align:center}
.list_top h2{font-size:1rem;margin:0}
.list_top span{color:#2cc7ff}
.footer{overflow:hidden;text-align:center;padding:40px 15px 30px}
.footer p{margin:5px 0}
.footer a{color:#52d1ff}
/*side*/.widget{/* border-radius:3px;*//* overflow:hidden;*/padding:0 13px}
.widget+.widget{margin-top:15px}
.widget .widget-title{padding:10px 8px;/* border-bottom:1px solid rgb(169 169 169 / 38%);*/    position:relative}
.widget .widget-title h3{font-size:16px;margin:0;font-weight:bold}
.widget .unstyle-li{padding:15px;margin:0;background-color:rgb(255 255 255 / 40%);border-radius:7px}
.widget .unstyle-li img{max-width:100%;margin:2px 0}
.widget .unstyle-li.links li{line-height:1.8}
.widget .unstyle-li .blog-lates{line-height:1.8}
.widget .unstyle-li .blog-lates a{color:black}
.widget .unstyle-li .widget-search-form{position:relative}
.widget .unstyle-li .widget-search-form input.search{padding-right:25%}
.widget .unstyle-li .widget-search-form input.submit{width:25%;height:38px;background-color:transparent;position:absolute;right:0;top:0;bottom:0;border-left:1px solid rgb(75 75 75 / 20%);z-index:1}
.widget .unstyle-li.archive{}
.widget .unstyle-li.archive a{display:block;color:black;line-height:1.8}
.widget .unstyle-li .comment-info{padding:15px;background-color:rgb(255 255 255 / 70%);border-radius:8px;display:block}
.widget .unstyle-li .comment-info+li{margin-top:17px}
.widget .unstyle-li .comment-info img{width:3rem;height:3rem;border-radius:50%}
.widget .unstyle-li .comment-info .comm-avatar{display:flex;width:100%;align-items:center;margin:0}
.widget .unstyle-li .comment-info .comm-avatar .comm-avatar-nt{flex:1;margin-left:10px}
.widget .unstyle-li .comment-info .comm-avatar-nt span{display:block;font-size:16px}
.widget .unstyle-li .comment-info .comm-avatar-nt span.logcom-latest-time{font-size:12px;opacity:.6;margin-top:5px}
.widget .unstyle-li .comment-info a{display:block;width:100%;margin-top:10px;color:#373737}
.widget .unstyle-li.log-classify-f ul{margin-top:10px;padding-left:1.5em}
.widget .unstyle-li.log-classify-f a{color:black}
.widget .unstyle-li.log-classify-f li+li{margin-top:10px}
.widget .unstyle-li.twitter{/* padding:10px;*/}
.widget .unstyle-li.twitter p{margin:0;max-width:100%}
.widget .unstyle-li.twitter li{font-size:14px;line-height:1.4}
.widget .unstyle-li.twitter li span{display:inline-block;margin-top:12px;font-size:12px;opacity:.6}
.widget .unstyle-li.twitter li span+span{margin-left:8px}
.widget .unstyle-li.twitter li+li{margin-top:15px;border-top:1px solid rgb(0 0 0 / 10%);padding:15px 0}
.widget .unstyle-li.bloggerinfo{text-align:center;padding:20px 15px}
.widget .unstyle-li.bloggerinfo .blogger_bj{position:relative;width:100%;height:120px;margin:-15px -15px 0 -15px}
.widget .unstyle-li.bloggerinfo .blogger_bj:after{content:"";width:100%;height:100%;-webkit-backdrop-filter:saturate(200%) blur(30px);backdrop-filter:saturate(200%) blur(30px);position:absolute;z-index:1}
.widget .unstyle-li.bloggerinfo .blogger_bj img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;width:100%;height:100%}
.widget .unstyle-li.bloggerinfo .blogger_avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;margin:auto}
.widget .unstyle-li.bloggerinfo .blogger_avatar a{display:block}
.widget .unstyle-li.bloggerinfo .blogger_avatar a img{border-radius:50%}
.widget .unstyle-li.bloggerinfo .bloginfo-name{display:block;margin-top:15px;font-size:18px;font-weight:100}
.widget .unstyle-li.bloggerinfo .bloginfo-descript{margin-top:10px;font-size:14px;opacity:.8}
.widget .unstyle-li.tag-container{padding:10px}
.widget .unstyle-li.tag-container a{color:inherit}
.widget .unstyle-li.tag-container span{font-size:12px !important;display:inline-block;line-height:1.5 !important;margin:2px 1px;padding:5px 8px;background-color:white;border-radius:2px;color:#424242}
.widget .unstyle-li.tag-container span:before{content:"#"}
.bj_filter{position:relative}
.bj_filter:after{content:"";width:100%;height:100%;-webkit-backdrop-filter:saturate(200%) blur(50px);backdrop-filter:saturate(200%) blur(50px);position:absolute;left:0;top:0;z-index:-1}
.logs{}
.log_item{display:block;border-radius:8px;overflow:hidden;background-color:white;position:relative;box-shadow:5px 5px 10px rgb(0 0 0 / 20%)}
.log_item+.log_item{margin-top:30px}
.log_item .sortname{display:inline-block;padding:8px 13px;border-radius:0 0 10px 0;background-color:#23c5ff;color:white;font-size:12px;position:absolute;left:0;top:0;z-index:2;letter-spacing:1.2px}
.log_item .sortname a{color:inherit}
.log_item .log_cover{width:35%;height:220px;overflow:hidden;position:relative;float:left;z-index:1;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}
.log_item:nth-child(2n+2) .log_cover{float:right;clip-path:polygon(6% 0px,100% 0,100% 100%,0 100%)}
.log_item .list_bj{position:absolute;left:-30px;right:-30px;bottom:-30px;top:-30px;background-position:center;background-size:cover;background-repeat:no-repeat;filter:brightness(.5)}
.log_item .log_cover img{object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110%;height:110%;transition:all .2s ease}
.log_item:hover .log_cover>img{transform:rotateZ(-2deg) translate(-50%,-50%) scale(1.1)}
.log_item .log_info{float:left;width:65%;padding:50px 20px 20px;color:white;position:relative;z-index:1;/* height:190px;*/    overflow:hidden}
.log_item .log_info .title{font-weight:bold;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;color:white}
.log_item .log_info .date{display:block;margin:4px}
.log_item .log_info .content{color:#efefef;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-top:15px;text-indent:2em;line-height:1.5;font-weight:100}
.loginfo_foot{margin-top:20px;font-size:12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.log_item .log_info .tag{margin:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}
.log_item .log_info .tag span{display:inline-block;margin:1px 1px;background-color:#6d6d6d;padding:3px 6px;border-radius:3px}
.main-header{padding:1.5rem;border-bottom:1px solid rgb(125 125 125 / 10%);position:sticky;top:0;background-color:rgb(231 231 231 / 40%)}
.main-header .blog-title{font-size:2em;margin-bottom:1rem}
.main-header .blog-data{display:block}
.main-header .blog-data span{display:inline-flex;font-size:14px;align-items:center}
.main-header .blog-data span+span{margin-left:10px}
.main-header .blog-data span.sortname{float:right}
.main-header .blog-data span i{font-size:16px;margin-right:4px}
.article{min-height:300px}
.blog_tags{padding:13px;background-color:rgb(255 255 255 / 50%);border-radius:5px;margin-top:30px}
.blog_tags h5{font-size:16px;display:inline-block;margin:0}
.blog_tags a{padding:0 3px}
.blog_about{padding:13px;background-color:rgb(255 255 255 / 50%);margin:20px 0 0;color:#7d7d7d;font-size:1em;border-radius:5px}
.blog_about p{margin:0}
.blog_about p+p{margin-top:8px}
.pagination{margin-top:30px;text-align:center;width:100%;display:flex;align-items:center;justify-content:center}
.pagination span,.pagination a{padding:5px 13px;margin:0 5px}
.pagination a{background-color:#2cc7ff;color:white;border-radius:5px;text-align:center}
/**
 * markdown
 */.markdown{overflow-wrap:break-word;text-align:justify;letter-spacing:1.1px;font-weight:100;line-height:2rem}
.markdown p{text-indent:2rem}
.markdown h1{font-size:1.8rem !important;margin-top:1em;margin-bottom:16px;font-weight:bold;padding-bottom:5px;border-bottom:1px solid #eee;letter-spacing:1px}
.markdown h2{font-size:1.5rem !important;margin-top:1em;margin-bottom:16px;font-weight:bold;padding-bottom:5px;border-bottom:1px solid #eee;letter-spacing:1px}
.markdown h3{font-size:1.3rem !important;line-height:1.43;font-weight:bold}
.markdown h4{font-size:1.2em !important;margin-bottom:16px;font-weight:bold;line-height:1.4;letter-spacing:0.5px}
.markdown h5{font-size:1rem !important;margin-top:1em;margin-bottom:16px;font-weight:bold;line-height:1.4}
.markdown h6{font-size:1rem !important;color:#777;margin-top:1em;font-weight:bold;line-height:1.4;margin-bottom:16px}
.markdown strong{font-weight:bold;font-size:1rem !important}
.markdown del{text-decoration:line-through}
.markdown a{text-decoration:none;color:var(--BLUE)}
.markdown blockquote{color:var(--FG-0);border-left:4px solid var(--FG-3) !important;margin-left:0;font-size:14px;font-style:italic;background-color:var(--BG-2);padding:10px;padding-left:20px}
.markdown ul{padding-left:2em;margin-bottom:16px}
.markdown ol{padding-left:2em;margin-bottom:16px}
.markdown li{font-size:15px !important;line-height:2}
.markdown hr{height:1px;border:none;border-top:1px solid #ddd;background:none}
.markdown pre.prettyprint{padding:10px;border:1px solid #ddd;white-space:pre-wrap;word-wrap:break-word;line-height:1.6}
.markdown table{display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all;border-collapse:collapse;margin-bottom:16px}
.markdown thead tr{background-color:#F8F8F8}
.markdown td{padding:6px 13px;border:1px solid #ddd}
.markdown th{padding:6px 13px;border:1px solid #ddd}
.markdown table tr:nth-child(even){background:#f8f8f8}
.markdown code{background:var(--BG-2);border-radius:3px;font-size:14px;padding:4px 5px;margin-right:4px;color:#e83e8c;white-space:pre-wrap;line-height:1.5}
.markdown pre code{line-height:1.78}
.markdown pre{padding:10px;border:1px solid var(--BG-2);background:var(--BG-2);overflow:auto;color:var(--FG-0);white-space:pre-wrap !important;line-height:1.5;font-size:14px}
.markdown img{display:block;margin:auto;box-sizing:border-box;border:0;max-width:100%}
.markdown hr{margin:7px 0 7px 0}
/*comment*/.comment .comment-title{padding:15px;position:relative;border-bottom:1px solid var(--FG-3)}
.comment .comment-title:after{content:"";position:absolute;left:0;width:180px;border-bottom:3px solid var(--TAG-TEXT-RED);bottom:-1px}
.comment .comment-list{}
.comment .comment-list .item{display:flex;flex-direction:column;padding:15px}
.comment .comment-list .item.children{border-top:1px solid var(--FG-3);margin-left:20px;padding-bottom:0;margin-top:8px}
.comment .comment-list .item+.item{border-top:1px solid var(--FG-3)}
.comment .comment-list .item .item-header{display:flex;align-items:center}
.comment .comment-list .item .item-header .poster{width:50px;height:50px;border-radius:4px;overflow:hidden}
.comment .comment-list .item .item-header .poster img{height:100%}
.comment .comment-list .item .item-header .userinfo{flex:1;margin-left:15px;padding-right:35px;position:relative}
.comment .comment-list .item .item-header .userinfo span.floor{position:absolute;right:5px;top:5px;font-size:18px;color:var(--FG-1)}
.comment .comment-list .item .item-header .userinfo span.floor em{font-size:12px;background-color:var(--ORANGE);padding:3px 5px;border-radius:3px;color:var(--WHITE)}
.comment .comment-list .item .item-header .userinfo span.floor em.floor_1{background-color:var(--RED)}
.comment .comment-list .item .item-header .userinfo span.floor em.floor_2{background-color:var(--ORANGE)}
.comment .comment-list .item .item-header .userinfo span.floor em.floor_3{background-color:var(--BLUE)}
.comment .comment-list .item .item-header .userinfo label{font-size:16px;font-weight:bold;display:block;margin-bottom:0}
.comment .comment-list .item .item-header .userinfo label span{display:inline-block;font-weight:400;font-size:14px;margin-left:8px;color:var(--FG-1);vertical-align:bottom}
.comment .comment-list .item .item-header .userinfo label span.admin{color:var(--TAG-TEXT-ORANGE)}
.comment .comment-list .item .item-header .userinfo label span.level i{font-size:22px}
.comment .comment-list .item .item-header .userinfo p{margin-top:4px;font-size:12px;color:var(--FG-1);line-height:20px;margin-bottom:0}
.comment .comment-list .item .item-content{display:block;color:var(--FG-0);padding:10px 0}
.comment .comment-list .item .item-foot{margin-top:5px;text-align:right}
.comment .comment-list .item .item-foot .reply-btn{padding:3px 12px;font-size:12px;color:var(--FG-2);display:inline-block}
.comment .comment-form{padding:15px 0;border-top:1px solid var(--FG-3)}
.comment .comment-form .form-textarea{}
.comment .comment-form .form-textarea textarea{width:100%;height:100px;background-color:var(--BG-3);padding:12px;resize:unset;color:var(--FG-0);font-size:14px}
.comment .comment-form .form-textarea .form-ac{display:flex;justify-content:flex-end;margin-top:5px}
.comment .comment-form .form-textarea .form-ac .submit{padding:8px 20px;background-color:var(--BLUE);color:var(--WHITE);font-size:14px;border:0}
.comment .comment-form .login-prompt{padding:50px 0;text-align:center;color:var(--FG-1);letter-spacing:3px}
.level i{height:0;padding-bottom:30px;width:30px;display:inline-block;background-image:url(./level/lv1.png);background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:bottom}
.level i.lv1{background-image:url(./level/lv1.png)}
.level i.lv2{background-image:url(./level/lv2.png)}
.level i.lv3{background-image:url(./level/lv3.png)}
.level i.lv4{background-image:url(./level/lv4.png)}
.level i.lv5{background-image:url(./level/lv5.png)}
.level i.lv6{background-image:url(./level/lv6.png)}
.page_view{text-align:center;font-size:14px}
.page_view a{padding:5px 10px;display:inline-block;background-color:var(--BG-2);color:var(--BRAND);border-radius:3px;margin:0 2px}
.page_view span{display:inline-block;margin:0 2px;padding:0 6px}
.cal_loading{margin-bottom:243px}
#calendar{color:#242424}
.calendartop{letter-spacing:3px;width:100%;text-align:center;margin-bottom:10px;color:#000;line-height:1.45}
.calendartop a{font-weight:100 !important;display:inline-block;text-align:center;padding:0 5%;font-size:1.4em}
.calendar{margin-bottom:-10px;width:100%}
.calendar td{text-align:center;padding:0;line-height:1.3}
.calendar td a:link{color:#000;font-weight:bolder}
.calendar td a:hover{color:#2abeff;text-decoration:none}
.calendar tr{height:2rem}
.day{color:#212529;background:#ddf0f9;border-radius:4px}
.sun{color:#333}
.week{color:#333}
.NoContent{text-align:center;padding:150px 0;color:#9f9f9f;line-height:2}
.NoContent a{color:#2cc7ff !important;font-size:1.1rem;cursor:pointer}
/*loading*/.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:transparent;border:3px solid rgb(137 137 137 / 50%);border-radius:50%;text-align:center;line-height:150px;font-family:sans-serif;font-size:20px;color:#00aaff;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 10px #00aaff;box-shadow:0 0 20px rgba(0,0,0,.5);z-index:99999999;display:none}
.loadMask{z-index:9999999}
.loading *{box-sizing:unset}
.loading:before{content:'';position:absolute;top:-3px;left:-3px;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #00aaff;border-right:3px solid #00aaff;border-radius:50%;animation:animateC 1s linear infinite;box-sizing:unset}
.loading span{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:transparent;transform-origin:left;animation:animate 1s linear infinite}
.loading span:before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#00aaff;top:-6px;right:-8px;box-shadow:0 0 20px #00aaff}
@keyframes animateC{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}@keyframes animate{0%{transform:rotate(45deg)}
100%{transform:rotate(405deg)}
}/*loading*/@media (min-width:1400px){.container{max-width:1330px}
}@media (max-width:992px){.column_flex .yymain{flex-wrap:wrap;margin-left:0}
.column_flex .yymain .yyside{width:100%}
.yyheader{display:block}
.yycontent{margin-top:50px}
.main-header,.list_top{top:50px}
.column_flex.column_flex_3 .navi{display:none}
.yysearch .searBox{width:540px}
.column_flex_1 .banner{padding-bottom:45% !important}
}@media (max-width:576px){.container{padding:0}
.blog_main{padding:10px}
.log_item .log_info{padding:40px 20px;width:100%}
.log_item .log_cover{display:none}
.log_item .log_info .content{margin-top:15px;font-size:14px}
.log_item .log_info .loginfo_foot{margin-top:15px}
.log_item .bj_filter:after{display:none}
.log_item .list_bj{filter:brightness(.5)}
.banner{padding-bottom:56%}
.column_flex_1 .banner{padding-bottom:56% !important}
.yysearch .searBox{width:340px}
.main-header .blog-title{font-size:1.6em}
}.anim{-webkit-animation-duration:.3s;-webkit-animation-fill-mode:both;animation-duration:.3s;animation-fill-mode:both}
.anim.aicon{display:inline-block}
.anim-loop{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.trans,.trans a{transition:all .2s;-webkit-transition:all .2s}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}
}@keyframes rotate{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}.anim-rotate{-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes up{from{-webkit-transform:translate3d(0,100%,0);opacity:.3}
to{-webkit-transform:translate3d(0,0,0);opacity:1}
}@keyframes up{from{transform:translate3d(0,100%,0);opacity:.3}
to{transform:translate3d(0,0,0);opacity:1}
}.anim-up{-webkit-animation-name:up;animation-name:up}
@-webkit-keyframes upbit{from{-webkit-transform:translate3d(0,15px,0);opacity:.3}
to{-webkit-transform:translate3d(0,0,0);opacity:1}
}@keyframes upbit{from{transform:translate3d(0,15px,0);opacity:.3}
to{transform:translate3d(0,0,0);opacity:1}
}.anim-upbit{-webkit-animation-name:upbit;animation-name:upbit}
@keyframes down{0%{opacity:.3;transform:translate3d(0,-100%,0)}
100%{opacity:1;transform:translate3d(0,0,0)}
}.anim-down{animation-name:down}
@keyframes downbit{0%{opacity:.3;transform:translate3d(0,-5px,0)}
100%{opacity:1;transform:translate3d(0,0,0)}
}.anim-downbit{animation-name:downbit}
@-webkit-keyframes scale{0%{opacity:.3;-webkit-transform:scale(.5)}
100%{opacity:1;-webkit-transform:scale(1)}
}@keyframes scale{0%{opacity:.3;-ms-transform:scale(.5);transform:scale(.5)}
100%{opacity:1;-ms-transform:scale(1);transform:scale(1)}
}.anim-scale{-webkit-animation-name:scale;animation-name:scale}
@-webkit-keyframes scale-spring{0%{opacity:.5;-webkit-transform:scale(.5)}
80%{opacity:.8;-webkit-transform:scale(1.1)}
100%{opacity:1;-webkit-transform:scale(1)}
}@keyframes scale-spring{0%{opacity:.5;transform:scale(.5)}
80%{opacity:.8;transform:scale(1.1)}
100%{opacity:1;transform:scale(1)}
}.anim-scaleSpring{-webkit-animation-name:scale-spring;animation-name:scale-spring}
@keyframes scalesmall{0%{opacity:.3;transform:scale(1.5)}
100%{opacity:1;transform:scale(1)}
}.anim-scalesmall{animation-name:scalesmall}
@keyframes scalesmall-spring{0%{opacity:.3;transform:scale(1.5)}
80%{opacity:.8;transform:scale(.9)}
100%{opacity:1;transform:scale(1)}
}.anim-scalesmall-spring{animation-name:scalesmall-spring}
@-webkit-keyframes fadein{0%{opacity:0}
100%{opacity:1}
}@keyframes fadein{0%{opacity:0}
100%{opacity:1}
}.anim-fadein{-webkit-animation-name:fadein;animation-name:fadein}
@-webkit-keyframes fadeout{0%{opacity:1}
100%{opacity:0}
}@keyframes fadeout{0%{opacity:1}
100%{opacity:0}
}.anim-fadeout{-webkit-animation-name:fadeout;animation-name:fadeout}
@keyframes slide-down{from{transform:translate3d(0,-100%,0)}
to{transform:translate3d(0,0,0)}
}@keyframes slide-down-out{from{transform:translate3d(0,0,0)}
to{transform:translate3d(0,-100%,0)}
}.anim-slide-down{animation-name:slide-down}
.anim-slide-down-out{animation-name:slide-down-out}
@keyframes slide-left{from{transform:translate3d(100%,0,0)}
to{transform:translate3d(0,0,0)}
}@keyframes slide-left-out{from{transform:translate3d(0,0,0)}
to{transform:translate3d(100%,0,0)}
}.anim-slide-left{animation-name:slide-left}
.anim-slide-left-out{animation-name:slide-left-out}
@keyframes slide-up{from{transform:translate3d(0,100%,0)}
to{transform:translate3d(0,0,0)}
}@keyframes slide-up-out{from{transform:translate3d(0,0,0)}
to{transform:translate3d(0,100%,0)}
}.anim-slide-up{animation-name:slide-up}
.anim-slide-up-out{animation-name:slide-up-out}
@keyframes slide-right{from{transform:translate3d(-100%,0,0)}
to{transform:translate3d(0,0,0)}
}@keyframes slide-right-out{from{transform:translate3d(0,0,0)}
to{transform:translate3d(-100%,0,0)}
}.anim-slide-right{animation-name:slide-right}
.anim-slide-right-out{animation-name:slide-right-out}