body,ul,ol,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,.pr,.pc{margin:0;padding:0}
body,input,button,select,textarea{color:var(--t-c-text-1);font:12.5px Tahoma,'Microsoft Yahei','Simsun'}
textarea{resize:none;}table{empty-cells:show;border-collapse:collapse}*{margin:0;padding:0;word-wrap:break-word}
a{color:var(--t-c-text-1);text-decoration:none;transition:color 0.25s,background-color 0.25s}
h1,h2,h3,h4,h5,h6{font-size:1em;font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
ul li,.xl li{list-style:none outside none}em,cite,i{font-style:normal}img{border:0}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl{zoom:1}.z{float:left}.y{float:right}
body{background:var(--t-c-bg);text-align:center}a:hover{color:var(--t-c-main);transition:all 0.25s}.gray{color:#ccc}img{max-width:100%}
.head{background:var(--t-c-bg-2);height:48px;border-bottom:1px solid #f3f3f3;border-color:rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.03);text-align:center;padding:20px 0}
.wp{margin:auto;min-width:300px;text-align:left}.top{height:20px;line-height:20px;margin-bottom:20px;display:none}.top a{font-weight:14px;padding:0 15px}
.logo{float:left;width:auto;margin:0}.logo img{height:32px;display:block}
.brand{font-size:14px;float:left;line-height:15px;color:#bbb;padding-left:10px;border-left:1px solid var(--t-c-tint);margin-left:10px}
.top2{margin-top:12px}.nav a{font-size:18px;padding:0 15px}.nav a.a{color:var(--t-c-main)}
.main{float:left;width:820px;margin-top:15px}.side{float:right;width:360px;margin-top:15px}.main .title{margin-bottom:10px}
.title h3{font-size:20px;margin:0;float:left;font-weight:500;line-height:1.1}.title .more li a:hover{color:#007bff}
.title .more{float:right;position:relative;top:5px}.title .more li{float:left;margin-left:20px}.title .more li a{color:#999}
.p_div{width:220px;height:150px;overflow:hidden}.excerpt .thumb{max-height:150px;_height:expression(this.height>150?"150px":this.height)}
.excerpt{padding:20px 20px 20px 255px;overflow:hidden;background-color:var(--t-c-bg-2);border-bottom:.5px solid var(--t-c-tint)}
.no_pic{padding-left:20px}
.excerpt:nth-of-type(1){border-radius:6px 6px 0 0}.excerpt:nth-last-of-type(1){border-radius:0 0 6px 6px;border-bottom:none}
.excerpt-1{border-radius:4px 4px 0 0}
.excerpt .focus{float:left;margin-left:-235px;width:220px}.excerpt .header{margin-bottom:10px}
.excerpt .cat{color:#fff;background-color:#007bff;padding:3px 10px;font-size:12px;display:inline-block;position:relative;top:-2px;margin-right:6px}
.excerpt .cat i{position:absolute;top:50%;margin-top:-4px;right:-4px;display:inline-block;width:0;height:0;vertical-align:middle;border-left: 4px solid #007bff;border-top:4px solid transparent;border-bottom:4px solid transparent}
.excerpt .cat:hover{opacity:0.85;filter:alpha(opacity=85)}.excerpt h2{display:inline;font-size:18px;line-height:24px;margin-top:0;font-weight:500}
.excerpt h2 a{color:var(--t-c-text-1)}.excerpt h2 a:hover{color:#007bff}.excerpt .meta{color:#999;font-size:12px;margin-bottom:10px}
.excerpt time,.excerpt .pv,.excerpt .pc{margin-right:20px}.excerpt .meta a{color:#999;text-decoration:underline}.excerpt .meta a:hover{color:#007bff}
.excerpt .note{font-size:13px;color:#999;word-wrap:break-word;line-height:20px}
.widget{clear:both;position:relative;margin-bottom:15px;background-color:var(--t-c-bg-2);border-radius:6px;overflow:hidden}
.widget .rec li{padding:10px 20px;font-size:14px;border-bottom:solid .5px var(--t-c-tint)}.rec li:last-child{border-bottom:none}
.widget h3{position:relative;font-size:15px;margin:0;padding:15px 20px 15px 37px;background-color:var(--t-c-hbg);border-bottom:1px solid var(--t-c-hbd)}
.widget h3::before{content:"";position:absolute;top:50%;left:20px;margin-top:-7.5px;height:15px;width:4px;border-radius:10px;background-color:#007bff}
a .widget_red{color:#FF5E52}.widget_red:hover{border-color:#FF5E52}.widget_red{padding:0 15px 15px}
.widget_red strong{margin:-1px 0 0 0;display:inline-block;padding:4px 15px;color:#fff;font-size:14px;font-weight:normal;background-color:#FF5E52}
.widget_red h2{font-size:20px;font-weight:normal;margin:14px 0 10px}.widget_red p{color:#999}
.widget_links ul{padding:10px 3px 5px;color:#999;font-size:14px}
.widget_links li{width:50%;float:left;padding:0;border-bottom:none;margin-bottom:8px;line-height:20px;height:20px;overflow:hidden}
.widget_links li a{color:#444;margin:0 10px}.widget_links li a:hover{color:#007bff}
.widget_links .project li,.widget_links .link li{float:none;width:100%;line-height:30px;height:30px;text-indent:6px}
.project li .e{float:left;width:33%}li .e a{text-decoration:underline}.project li .e3{text-align:center;color:limegreen}
.link li .e{float:left;width:33%}
.pages{margin-top:10px}.pages li{display:inline}
.pages li span,.pages li a{position:relative;float:left;padding:6px 12px;background:#fff;border:1px solid #e4e4e4;margin-left:-1px;color:#b4b4b4}
.pages li.disabled span{color:#b4b4b4}.pages li.active span{color:#e4e4e4;background:fcfcfc}
.pages li:first-child a,.pages li:first-child span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pages li:last-child a,.pages li:last-child span{border-bottom-right-radius:4px;border-top-right-radius:4px}
.widget .tags a{float:left;width:31.3333%;margin:0 1% 1% 0;text-indent:8px;font-size:12px;height:29px;line-height:29px;overflow:hidden;color:#999;background-color:#f6f6f6}
.widget .tags a:hover{color:#fff;background-color:#007bff}.mibiao{padding:15px 0 12px 15px}.widget .tags{padding:15px 0 12px 15px}
.foot{font-size:12px;line-height:12px;text-align:center;color:#999;background:var(--t-c-bg-2);border-top:1px solid var(--t-c-bg-2);padding:40px 30px;margin-top:15px}
.foot .wp{text-align:center}
#sideMenuControl{position:absolute;top:3px;left:0;color:#555;cursor:pointer;display:block;font-family:Courier New;font-size:22px;font-weight:bold;width:42px;height:42px;line-height:42px;text-align:center;text-shadow:0px -4px;display:none}
#st{display:none}#st:checked+aside{left:0}
body>aside{position:fixed;z-index:99;top:0;left:-200px;width:200px;height:150%;background:rgba(0,0,0,0.8);transition:0.2s}
aside{padding-top:20px}aside ul{padding:0}aside li a{color:#ccc}
aside li{line-height:45px;height:45px;overflow:hidden;list-style-type:none;font-size:16px;padding-left:20px}
#wrap{position:relative;width:100%;transition:0.15s}
#wrapz{display:none;position:fixed;top:0;left:0;width:100%;height:150%;overflow:hidden;z-index:98;background-color:rgba(0,0,0,0.5)}
#st:checked~#wrap>#wrapz{display:block;transition:0.2s}
#st:checked~#wrap{position:fixed;top:0;right:0;left:0;bottom:0;height:100%;width:100%}
.content .b h2{padding-bottom:12px;font-size:1.25rem;border-bottom:1px solid #efefef;margin:30px 0 20px;line-height:1.4;font-weight:500}
.content .b a{text-decoration:underline}
.tb{border-collapse:collapse;border:none}.tb th,.tb td{border:1px solid #eee;padding:3px 5px}
.tag_title{font-size:16px;font-weight:bold;padding:10px 20px}
.main{min-height:calc(100vh - 212px)}
@media(max-width:767px){
	.head{padding:0;position:fixed;top:0;left:0;right:0;z-index:9;height:44px}.m1{margin-top:48px}
	.nav,.brand{display:none}#sideMenuControl{display:block}.logo{display:block;float:none;text-align:center;width:100%}.logo img{height:26px;margin:-2px auto auto}
	.wp{width:100%}.main{float:none;width:100%}.side{float:none;width:auto;margin:15px}.excerpt{padding:10px 10px 10px 120px}.no_pic{padding:20px}
	.excerpt .focus{width:100px;margin-left:-110px}.excerpt .thumb{width:100px;height:68px}.excerpt .cat,.excerpt .note{display:none}
	.no_pic .cat,.no_pic .note{display:inline}
	.excerpt h2{line-height:18px;font-size:15px;}
	.title h3{font-size:12px;font-weight:normal;margin-top:8px;margin-left:10px}
	.title .more{display:none}
	.tag_title{}
	.main{min-height:auto}.wp2{min-height:calc(100vh - 156px)}
}
@media(min-width:1218px){.wp{width:1200px}}

.m_a .content{position:relative;min-height:500px;padding:0 20px;background-color:var(--t-c-bg-2);border-radius:6px}
.m_a .content .h{margin-bottom:20px;padding:25px 0;border-bottom:.5px solid var(--t-c-border);text-align:center}
.m_a .content .h h1{margin-top:0;margin-bottom:15px;font-size:26px;line-height:36px;font-weight:400}
.m_a .content .h h1 a{color:var(--t-c-text-1)}.m_a .content .h h1 a:hover{color:var(--t-c-main)}
.m_a .content .h .meta{font-size:12px;color:#999}
.m_a .content .h .meta .e{margin-right:20px}
.m_a .content .b{font-size:15px;line-height:25px;white-space:normal;word-break:break-all;overflow:hidden}
.m_a .content .b p{margin-bottom:18px;word-wrap:break-word}
.m_a .content .tags{margin:30px 0;text-align:center}
.m_a .content .tags a{display:inline-block;padding:4px 7px 3px;margin:0 4px 4px 0;color:#fff;font-size:12px;background-color:#61B3E6;opacity:0.85}
.m_a .content .b a{text-decoration:underline}
.article-tags a{display:inline-block;padding:3px 7px 3px;margin: 0 4px 4px 0;color:#fff;font-size:12px;background-color:#45B6F7;opacity:0.85;filter:alpha(opacity=85)}
.article-tags{margin:30px 0;text-align:center;line-height:18px}.article-tags a:hover{color:#fff;opacity:1;filter:alpha(opacity=100)}
@media(max-width:767px){
	.m_a .content{padding:0 10px}
	.m_a .content .h h1{font-size:18px;font-weight:bold;line-height:22px}
}

.t_switch{
	margin-left:10px;cursor:pointer;position:relative;top:-6px;border-radius:11px;display:inline-block;width:40px;height:22px;flex-shrink:0;
	border:1px solid var(--t-c-border);background-color:var(--t-c-bg-3);transition:border-color .25s !important;
}
.t_switch:hover{border-color:var(--t-c-main)}
.t_switch .check{
	position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--t-c-bg-4);
	box-shadow:0 1px 2px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);transition:transform .25s !important;
}
.dark .t_switch .check{transform:translate(18px)}
.t_switch .icon{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}
.t_switch .icon .t_i{
	position:absolute;top:3px;left:3px;width:12px;height:12px;color:var(--t-c-text-1);mask:var(--icon) no-repeat;-webkit-mask:var(--icon) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;background-color:currentColor;
}
.t_switch .icon .sun{
	--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E");
	opacity:1;
}
.dark .t_switch .icon .sun{opacity:0}
.t_switch .icon .moon {
	--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E");
	opacity:0;
}
.dark .t_switch .icon .moon{opacity:1}
:root{
	--t-c-main:#007bff;
	--t-c-border:#c2c2c4;
	--t-c-bg:#f6f6f6;
	--t-c-bg-2:#fff;
	--t-c-bg-3:#eff0f3;
	--t-c-bg-4:#fff;
	--t-c-hbg:#fbfbfb;
	--t-c-hbd:#f3f3f3;
	--t-c-text-1:#444;
	--t-c-tint:#f3f3f3;
}
.dark{
	--t-c-border:#3c3f44;
	--t-c-bg:#0c0f14;
	--t-c-bg-2:#14181b;
	--t-c-bg-3:#2d343c;
	--t-c-bg-4:#22272e;
	--t-c-hbg:#1d2025;
	--t-c-hbd:#1d2025;
	--t-c-text-1:rgba(255,255,245,.86);
	--t-c-tint:#3c3f44;
}