html, body,p,dl,dt,dd,ul,ol,li,button,input,textarea{margin:0;padding:0}
html{font-size: 14px;}
body{font-family:-apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Microsoft Yahei, Hiragino Sans GB, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;background: #f6f6f6;display:block;cursor:default;color:#333;}
@font-face{font-family:'iconfont';font-display:auto;src:url('images/tang.eot');src:url('images/tang.eot?#iefix') format('embedded-opentype'),url('images/tang.woff') format('woff'),url('images/tang.ttf') format('truetype'),url('images/tang.svg#svgFontName') format('svg');}
.iconfont{font-family:"iconfont";font-size:14px;font-style:normal;padding-right:4px}
/*  background {background:url(images/bg.png) #eceef0} */
/* h1,h2,h3{font-weight:500;text-shadow:0 1px 0 #EEE} */
a{color:#444;text-decoration:none!important}
a:hover{color:#F60}
img{border:0}
ol,ul,li{list-style:none}
input,textarea,button{outline:0}
/*
input[type^="text"],input[type^="email"],input[type^="password"],textarea{padding: 5px;box-shadow:inset 2px 3px 5px #eee;border:1px solid #bbb;background:#f3f3f3;transition: border-color .2s, box-shadow .2s;border-radius: 3px;}
input[type^="text"]:focus,input[type^="email"]:focus,input[type^="password"]:focus,textarea:focus{border-color:#999;box-shadow: inset 2px 3px 5px #eee, 0 0 5px #bbb;}
input[type^="submit"]{padding:5px 10px;box-sizing:content-box;}
input{vertical-align:middle}
input[type^="radio"]{border:0;background:0;width:auto}
*/

#nprogress .bar {
  background: #8ADDE4 !important; /* #FF9C44  */
  height: 3px !important;
}
#nprogress .peg {
  box-shadow: 0 0 10px #8ADDE4, 0 0 4px #8ADDE4 !important;
}
#nprogress .spinner-icon {
  border-top-color: #8ADDE4 !important;
  border-left-color: #8ADDE4 !important;
}
.fade-enter {
  opacity: 0;
  transform: translateX(10px);
}
.fade-active {
  transition: opacity 0.3s ease, transform 0.2s ease;
}

/* Prism */
:not(pre) > code[class*="language-"], pre[class*="language-"] {
	background: #f6f8fa;
}
code[class*="language-"], pre[class*="language-"] {
	border: none;
	font-size: 0.95em;
	text-shadow: none;
}

.clear{clear: both;}

#wrap{border-top:3px solid #999;border-bottom:1px solid #CCC}
.alignleft{display:inline;float:left;margin-right:1.625em}
.alignright{display:inline;float:right;margin-left:1.625em}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
#header{width:980px;margin:0 auto;border-bottom:1px solid #CCC;height:100px}
#content{width:980px;margin:0 auto;padding-top:20px;padding-bottom:20px;border-top:1px solid #f6f6f6}
#main{width:69%;float:left}
#sidebar{width:28.5%;float:right;padding:3px;}
#footer{text-align:center;padding:15px 0;border-top:1px solid #FFF}
#header .logo{float:left;margin-top:25px; margin-left: 0px; line-height:27px;font-size:14px; line-height: 2rem; font-size: 1rem;position:absolute}
#header .logo a{color: #4F94DA;text-shadow: 0px 1px 4px #AFD7F9;font-size:24px; font-size:1.85rem;}
#header .logo a:hover{text-shadow: 0px 1px 10px #AFD7F9;/* color: #46A0EC; */}
.selectnav{display:none;cursor:pointer;margin:12px 10px 0 0;font-size:12px;width:90px;}
#navigation{float:right}
#navigation ul,#navigation li{list-style:none;padding:0;margin:0;display:inline}
#navigation ul li{float:left;position:relative}
#navigation ul li a{display:inline-block;color:#777;text-decoration:none;font-size:12px; font-size:0.85rem; font-weight:bold;padding:6px 10px}
#navigation ul li a:hover{background:#999;color:#FFF;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
#navigation ul ul{position:absolute;display:none;top:51px;-top:30px;left:0;background:#d6d6d6;z-index:999}
#navigation ul ul li a{color:#333}
#navigation ul ul li a:hover{color:#FFF}
#navigation ul ul li a{display:block;width:90px;margin:0;padding:4px 10px;font-family:Arial,sans-serif;font-weight:normal;font-size:12px;border-bottom:1px dashed #CCC;background:0}
#navigation ul ul ul{position:absolute;top:0;left:100%;z-index:999}
#navigation ul ul ul li a{border-bottom:1px dashed #CCC!important;border-top:1px solid transparent;background:0}
#navigation ul ul li:last-child a,#navigation ul ul li:last-child a:hover{border-bottom:1px solid transparent}
#navigation ul ul ul li:last-child a{border-bottom:1px solid transparent!important}
#navigation ul li:hover>ul{opacity:1;position:absolute;top:99%;left:0}
#navigation ul ul li:hover>ul{position:absolute;top:0;left:100%;opacity:1;z-index:497}
#navigation ul li:hover>a{background:#999}
#navigation ul ul li:hover>a{color:#FFF}
#navigation .blog{display:none}
#main .h1{padding:20px;font-size:24px;margin:0 0 20px 0;background:#FFF;box-shadow:0 1px 2px 0 #CCC;-webkit-box-shadow:0 1px 2px 0 #CCC}
.post_list{margin-bottom:20px;padding:10px 30px 10px 30px;background-color:#fff;box-shadow:0 1px 2px #ccc;border-top:solid 3px #5E9FE0;transition:box-shadow .15s ease-in, border-color .15s, color .15s;}
.post_list:hover {border-top-color: #E05E5E;box-shadow: 0 1px 10px #bbb;}
.post_list h2{font-size:20px;/*overflow:hidden;text-overflow:ellipsis;*/margin-top: 0;margin-bottom: 0}
.post_list h2 a{color:inherit;transition: color .1s;/*overflow:hidden;white-space:nowrap*/}
.post_list h2 a:hover {color:#A62929;text-decoration:none}
.info{color:#999;font-size:12px;margin:0 0 10px 0}
.info a{color:inherit}
.info a:hover{color:#444}
.info .sep{color:#ccc;font-size:0.8em;padding: 0 4px;}

.meta{font-size:12px;clear:both;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999;border-top:1px solid #EEE;margin:20px -30px 0 -30px;padding:10px 30px 0 30px}
.meta_span{margin-right:15px;white-space: nowrap;display: inline-block;}
.info .meta_span:last-child, .meta_span.group {margin-right: 0;}
.meta_span.v::before,.meta_span.c::before,.meta_span.t::before{font-family:"iconfont";font-size:14px;font-size:1.16667em;padding-right:4px}
.meta_span.v::before{content:"\117"}
.meta_span.c::before{content:"6"}
.meta_span.t::before{content:"0"}
.meta a{color:#999}
.meta a:hover{color:#444;text-decoration:underline}
.thumbnail{float:left;padding:4px;border-radius:3px;border:1px solid #ccc;background:#f9f9f9;box-shadow:1px 1px 2px #d3d3d3;margin:0 15px 15px 0}
.thumbnail img{display:block;width:200px;height:150px}
.thumbnail:hover{background:#e0e0e0}
.more{padding-left:20px}
.navigation{float:right}
.pagination a{width:22px;text-align:center;height:22px;line-height:24px;margin:0 2px 0 2px;display:inline-block;text-decoration:none;border:1px #CCC solid}
.pagination span{text-align:center;line-height:24px;margin:0 2px 0 2px;display:inline-block;text-decoration:none;height:22px;width:22px;color:#F60;border:1px solid #CCC;font-weight:bold;background:#f0f0f0}
.pagination a:hover{height:22px;width:22px;color:#333;border:1px solid #888;text-decoration:none;background:#f0f0f0}
.pagination .page_previous,.pagination .page_previous:hover{width:70px;height:22px;text-align:center}
.pagination .page_next,.pagination .page_next:hover{width:70px;height:22px;text-align:center}
.pagination .fir_las,.pagination .fir_las:hover{width:36px;height:22px;text-align:center}
#article{margin-bottom:20px;padding:20px 50px 10px 50px;background-color:#FFF;box-shadow:0 1px 2px 0 #CCC;overflow:hidden}
/* headline */
#article h1, .post_list h2{color:#444;font-weight:600;font-size:20px;line-height:1.6;margin: 10px 0;}
#article h1 {text-align:center;}
#article h2 {font-size:18px;font-weight:bold;}
#article h3 {font-size:17px;font-weight:normal;}
#article h1, h2, h3, h4, h5 {margin:15px 0;margin:.5em 0;}
#article .info{line-height:1.6;text-align:center;}
.text, .excerpt{margin:10px 0;line-height: 1.875;}
.text b, .excerpt b, .text strong, .excerpt strong{font-weight:600}
.text p, .excerpt p{text-indent:0px; margin:19.6px 0; margin:1.4em 0;word-break: break-word;word-wrap: break-word;overflow-wrap: break-word;}
.text p[lang=en], .excerpt p[lang=en] {-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;}
.text h5, .excerpt h5{font-size:14px;border:1px dashed #DDD;background:#f1f1f1;padding:4px 10px}
.text a, .excerpt a{color:#337ab7;/*#049*/}
.text a:hover, .excerpt a:hover{color: #0966B3; text-decoration:underline}
.text form, .excerpt form{border:1px dashed #ddd;background:#f1f1f1;padding:10px;margin:10px}
.text_add{/*margin:20px 0 0 0;*/overflow:hidden; float: right}
.text_add .copy{float:right}
.text_add .share{float:right}
.page{border-bottom:1px dashed #CCC;padding-bottom:10px}
.text blockquote, .excerpt blockquote{font-size: inherit; color:#666; padding: 5px 10px; /*line-height: 20px; */ border-left: 5px solid #CACACA;/*border:1px dashed #ddd;background:#f1f1f1;padding:10px;margin:10px 0*/}
.text blockquote p, .excerpt blockquote p{text-indent:0}
.text blockquote p:last-child, .excerpt blockquote p:last-child{padding-bottom:0;text-indent:0}
.text ul li, .excerpt ul li{list-style:circle;margin-left:30px;line-height:26px}
.text ol li, .excerpt ol li{list-style:decimal;margin-left:30px;line-height:26px}
.text img{max-width:100%}
.excerpt{margin-top:10px;}
.excerpt .readmore {text-indent: 0px;}
.readmore {padding-bottom: 0px;}
ins{color:green}
del{color:red}
#search{margin:0 0 10px 0;float:none;overflow:hidden}
#searchform{background:#4793C7;height:40px}
#searchform label{display:none}
#s{height:28px;background:#FFF;margin:7px;padding:0 10px;float:left;z-index:1;width:70%;border:0;font-size:14px}
#searchsubmit{background:0;width:40px;height:40px;border:0;margin:0;padding:0}
#searchsubmit i{font-size:24px;color:#fbfbfb;text-shadow:1px 1px 1px #999}
#searchsubmit:hover i{color:#FFF}
#searchsubmit:active i{text-shadow:1px 2px 1px #f90}
.sidebar{background-color:#FFF;box-shadow:0 1px 2px #CCC;overflow:hidden;border-bottom:2px solid #CCC}
.widget{margin-bottom:10px;color:#666;padding:10px 10px 0 10px;overflow:hidden}
.widget a{color:#666}
.widget a:hover{color:#0966B3;}
.widget h3{margin:0 -10px 0 -10px;padding:5px 0 10px 10px;color:#333;border-bottom:1px solid #e5e5e5;font-size:18px;text-shadow:0 2px 0 #EEE}
.widget ul{padding-top:10px}
.widget ul ul,.widget .textwidget ul{border-top:0;padding-top:5px}
.widget li{line-height:20px;padding:0 0 5px 8px;margin-bottom:5px;border-bottom:1px dashed #e0e0e0}
.widget .children{background-color:#f9f9fa;margin:5px 0 0 5px;font-size:12px}
.widget_views-plus{font-size:12px}
.widget_views-plus a{font-size:14px}
.widget_views-plus li{overflow:hidden;white-space:nowrap}
.widget_text{font-size:12px;border:1px dashed #ccc;border-radius:3px;background:#f1f1f1;padding:8px;margin:10px}
.widget_text h3{border:0;margin:0;padding:0}
#bloggerinfoimg {min-height: 50px; height: 100%; width: 192px; max-width: 90%; margin: 7px auto; text-align: center;}
#bloggerinfoimg>img {height: auto; width: 100%; border-radius: 50%; border: solid 2px #fff; background-color: #fafafa;}
.bloggername {color: #333; font-size: 16.8px; font-size: 1.2em; display: block; text-align: center; font-weight: 500; }
.textwidget{margin-top:6px}
.textwidget a{color:#00F}
.textwidget p{margin:0;padding:0}
.tagcloud{line-height:26px;padding-left:6px}
.tagcloud a:hover{text-decoration:underline}
.blogroll li{float:left;overflow:hidden;width:46%}
.nowrap ul li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.comment_ul li img{margin-right:5px}
.comment_ul li a{font-size:13px}
.post_link{font-size:12px;overflow:hidden;color:#999;margin-bottom:15px;-height:20px}
.post_link a{font-size:12px;color:#999}
.post_link .prev{float:left}
.post_link .next{float:right}
#comments{margin-bottom:20px;padding:20px 30px 10px 20px;background-color:#FFF;box-shadow:0 1px 2px 0 #CCC;overflow:hidden}
#comments h3{border-bottom:1px dashed #CCC;padding:0 0 10px 20px;margin:0 0 15px -20px}
.commentform p{margin-bottom:12px;}
.form-horizontal .help-block{margin-bottom:0}
.comment_list{margin-bottom:30px}
.comment_list li{border-bottom:1px dashed #e5e5e5;margin:0;padding:15px 0;}
.avatar{float:left; width:40px; margin-top:2px; margin-left:10px;}
.avatar img{border-radius: 50%; width: 100%;}
#comments .comment{overflow:hidden; padding-left:13px}
.comment_meta{overflow:hidden}
.comment_meta cite,.comment_meta cite a{font-style:normal;color:#333;font-size: 15px;font-weight:500;}
.comment_meta cite a:hover{color:#F60}
.comment_meta .time{font-size:13px;color:#999;padding-left:5px}
.comment_meta .reply,.comment_meta .edit_link{float:right;padding-right:10px;margin-top:-2px}
.comment_meta .reply a,.comment_meta .edit_link a{font-size:13px;color:#666}
.comment_meta .reply a:hover,.comment_meta .edit_link a:hover{color:#F60}
.comment_meta #comment-post{margin: 10px 10px 0 0}
#comments .comment p{font-size:14px;line-height: 1.6;color:#555;padding-right:10px;padding-top:5px}
#comments .children{background-color:#f9f9fa;margin:10px 0 0 64px}
#comments .children li{padding-left:10px; border-bottom: none}
.comment_list ol ol{border:1px dashed #e5e5e5;border-bottom:0}
.comment_nav{overflow:hidden;margin-bottom:30px}
.respond{margin: 20px 0 0 20px;}
.respond .required{color:#F00}
/*
.respond h3 small a{margin-left:15px;font-size:12px}
.respond p{clear:both;margin-top:2px;overflow:hidden;padding: 5px;}
.respond label{float:left;line-height:1;padding:7px;padding-right:15px;width: 80px;text-align: right;}
.respond input,.respond textarea{float:left;font-size:14px;padding:5px;}
*/
.respond .form-allowed-tags,.respond .comment-form-comment label{display:none}
.calendartop{font-size:16px; color:#666; margin:0 auto;}
.calendar{text-align: center; width: 100%;color:#666; margin-top:10px;}
.calendar td{text-align:center; padding:1px 5px; line-height:1.5;}
.calendar td a{color:#FF6600; text-decoration:none;}
.day{font-size:16px;font-weight:bold;}
.day2{color:#FF6600;}
.sun{color:#666; font-weight:bold}
.week{color:#666; font-weight:bold}
.errors_404{width:700px;height:440px;position:relative;background:url(images/404.png) no-repeat}
.to_home{position:absolute;width:80px;height:28px;top:340px;left:310px}
.to_back{position:absolute;width:100px;height:28px;top:340px;left:410px}
#footer a{color:#06C}
#footer a:hover{color:#F60}
.totop{width:20px;height:70px;overflow:hidden;word-break:break-all;font-size:14px;text-indent:2px;background:#f3f3f3;text-align:center;border:1px solid #06C;line-height:16px;color:#06C;position:fixed;bottom:30px;left:50%;margin-left:500px;cursor:pointer}

#header-wrap{background-color: #2e8dce;
  background: linear-gradient(-123deg, #1871b1,#2c86ce,#38bcca);
  height: 150px;
  box-shadow: 0 -3px 25px rgba(0,0,0,0.1) inset;
  border-bottom: solid 0.2rem rgba(255, 255, 255, 0.4);
}

@media screen and (min-width: 650px) {
#wrap{
border-top: none;
}


#header {
  border-bottom: none;
  height: 100%;
}
#header .logo { margin-top: 35px; margin-bottom: 20px; margin-left:15px;}
#header .logo a {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0px 1px 5px rgba(0,0,0,0.3);
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: 300;
}
#header .logo a:hover {
color: #ffffff;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0px 1px 5px rgba(0,0,0,0.3);
	text-decoration: none;
}
#header .logo p {
 margin-top: 15px;
 color: #ffffff;
 color: rgba(255, 255, 255, 0.85);
 text-shadow: 0px 1px 5px rgba(0,0,0,0.3);
margin-bottom: 15px;
letter-spacing: 0.04rem;
}
#navigation ul li a {
color: #fff;
color: rgba(255,255,255);
padding: 9px 14px;
padding: 0.6rem 1rem;
opacity: 0.85;
background-color: rgba(0, 0, 0, 0.2);
}
#navigation ul li.current a {
opacity: 0.9;
background-color: rgba(0, 0, 0, 0.23);
padding-top: 9.5px;
padding-bottom: 9.5px;
padding-top: 0.65rem;
padding-bottom: 0.65rem;
box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
#navigation ul li:hover>a {
background: rgba(255, 255, 255, 0.8);
padding-top: 10.5px;
padding-bottom: 10.5px;
padding-top: 0.7rem;
padding-bottom: 0.7rem;
color: #1d6da9;
box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
}
#navigation ul li a:hover {
 text-decoration: none;
}
.respond #author, .respond #email, .respond #url{max-width: 300px;}
}

@media screen and (min-width: 1300px) {
/*body{font-size:15px; line-height: 1.5;}*/
#header{width:1100px; }
#content{width:1100px;  padding-top: 30px;}
#main{width: 69.5%;}
#sidebar{width: 28.5%}
.post_list{margin-bottom:30px;}
}


@media screen and (min-width: 2000px) {
html{font-size: 16px;}
#header{width:1300px;}
#content{width:1300px;  padding-top: 40px;}
#main{width: 68%;}
#sidebar{width: 29%}
.post_list{margin-bottom: 40px;}
}

@media screen and (max-width: 980px){
#header,#content{width:96%}
#s{width:60%}
.text_add .share{display:none}
}

@media screen and (max-width: 650px){
html{-webkit-text-size-adjust:none}		
body{min-width: 300px;}
#navigation #nav,#navigation .my,#header p,.sidebar,.meta_max,.text_add .share,.comment_meta .time,.totop{display:none}
.selectnav{display:block}
#wrap{border-top:0}
#header-wrap{height:0;}
#header{width:100%;background-color:#2181cb; background: linear-gradient(167deg, #219dd9, #2181cb); overflow:hidden;position:fixed;  box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.3);border-bottom: 0.1rem solid rgba(255,255,255,.3);z-index:99;height:45px}
#header .logo{height: 100%; margin:0 0 0 15px;}
#header .logo a{color:#FFF;text-shadow:0 -1px 1px #333;text-shadow:none; font-size:1.4rem;  line-height: 45px;}
#content{width:100%}
#main{width:94%;float:none;margin:0 auto;margin-top:40px}
.post_list{padding:0 10px}
.post_list h2{padding:8px 0;text-align:center;}
.post_list h2 a{font-size:18px}
.info{margin:0;text-align:center}
.excerpt{max-height:380px;overflow-y:hidden}
.excerpt img{width:90px;height:66px}
.text, .excerpt{font-size:14px; line-height: 1.675}
.text p, .excerpt p{margin: 1.25em 0}
/* .text blockquote, .excerpt blockquote{font-size: 13px; } */
.meta{margin:5px -10px 0 -10px;padding:5px 10px}
#sidebar{width:94%;float:none;overflow:hidden;margin:0 auto}
#search{margin:20px 0 10px 0}
#article{margin-bottom:20px;padding:10px 10px 5px 10px}
#article h1{font-size:18px;margin:12px 0;padding:0;}
/* #article .meta_span{width:44%;float:left} */
#article div.info{width:100%;overflow:hidden;border-bottom:1px dashed #CCC;padding-bottom:3px;}
#article .meta{padding:5px 0 0 10px}
.post_link .prev{float:none}
.post_link .next{float:none;margin-top:10px}
#comments{padding:10px}
#comments h3{padding:0 0 10px 10px;margin: 0 0 15px -10px;}
#comments .children{margin:5px 0 0 35px}
#comments .children li{padding: 8px 0 8px 8px}
.comment_list ol ol {border:none; margin-left: 0 !important;}
#comments .comment{overflow:hidden;padding-left:8px}
.avatar{width: 35px; margin-left: 0; margin-top: 0;}
.respond{margin:0}
/*
.respond p{text-align: center;}
.respond input,.respond textarea{width:85%;float:none;}
*/
.respond #submit{width:100%}
}


.tw ol .r{ margin:5px 0px 0px 40px;color:#666666; border:0; padding:0px;}
.tw ol .r li{padding:5px 3px 3px;border-bottom: #F7F7F7 1px solid; width:475px}
.tw ol .r .num{ font-size:16px; font-weight:bold; color:#0079b7;padding:0px 5px; float:left; width:20px;}
.tw ol .r .time{ padding:0px 5px; font-size:12px;}
.tw ol .r .name{ padding:0px 0px 0px 0px; color:#FF6600;}
.tw ol .r em a{ font-style:normal;}
.tw ol .huifu{margin:10px 0 0 50px; text-align:center;display:none;}
.tw ol .huifu textarea{ margin:5px; width:460px; border:#CCCCCC solid 1px;overflow:auto;}
.tw ol .huifu input{ margin:0px 5px;}
.tw ol .huifu div{ text-align:left; padding:0px 5px;margin-left: -5px;}
.tw ol .huifu .text{ width:60px;}
.tw ol .huifu textarea{background-color:#FFFFFF;}
.tw ol .huifu input{background-color:#FFFFFF;}
.tw ol .r li{width:95%;margin-left:10px;}
.tw ol .huifu textarea{width:98%;}