html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea {
  margin: 0;padding: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
input, textarea {outline: none}
body {margin:0;background-color:#f8fafc;color:#757575;font-weight:400;font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif;line-height:1.5;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
h1, h2, h3, h4, h5, h6, em, i {font-weight: normal;font-style: normal;}
ul, ol, li {list-style-type: none;}
a {text-decoration: none;outline: 0;}
img {border: 0;display: block;max-width: 100%;vertical-align: bottom}
h1 {font-size: 1.875rem;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.25rem}
h4 {font-size: 1.125rem}
h5 {font-size: 1rem}
h6 {font-size: 1rem}
p {font-size:18px;color:#333;text-align: justify;line-height:40px;}

hr {margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 1px solid rgba(0, 0, 0, .1);}
input, textarea {font-size: 14px;letter-spacing: 0.5px;border: 1px solid #ddd;background: #fff;padding: 15px;margin: 5px 0;transition: all 0.3s ease-in-out;width: 100%;}
.d-flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-nowrap { -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.flex-fill {flex: 1 1 auto;}
.flex-align {align-items: center}
.flex-justify { -webkit-justify-content: space-between;justify-content: space-between;}
.row {margin-right: -15px;margin-left: -15px;}
.cont {position: relative;margin-left: auto;margin-right: auto;padding-right: 15px;padding-left: 15px;}
.col { position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;margin-bottom: 30px;}
.text-center {text-align: center !important;}
.but {color: #777;background: #fff;padding: 8px 12px;border: solid #ccc 1px;transition: all 0.3s ease-in-out;text-decoration: none;}
.but:hover, .butb {color: #000;border: solid #000 1px;text-decoration: none;}
blockquote {padding: 0.75rem;background-color: #f8f9fa;margin-bottom: 1rem;}
blockquote p:last-child {margin-bottom: 0;}
table {border-collapse: collapse;margin-bottom: 1rem;}
table, table td, table th {border: 1px solid #ddd;}
table td, table th {padding: 6px}
table th {background-color: #f8f9fa}
.header {margin-top: 1rem; margin-bottom: 1rem;}
h1.logo, h2.logo {font-size: 1.75rem;color: #000}
.navbar {position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;padding: .5rem 0;}
.navbar-brand {display: inline-block;padding-top: .25rem;padding-bottom: .25rem; font-size: 1.25rem;line-height: inherit;white-space: nowrap;}
.navbar-nav {display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; padding-left: 0;margin-bottom: 0;list-style: none;}
.navbar-nav li a {display: block;padding: .5rem 1rem;color: rgba(0, 0, 0, .5);}
.navbar-nav li ul {display: none;}
.navbar-toggler {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: .25rem 0;
  font-size: 1.25rem;
  line-height: 1;
  background: 0 0;
  border: 1px solid transparent;
  border-radius: .25rem;
  right: 0rem;
  position: absolute;
}
.navbar-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.collapse {display: none;}
.image-box a {width: 100%;height: 0;padding-bottom: 100%;overflow: hidden;position: relative;display: block;}
.image-box a img {width: 100%;height: 100%;position: absolute;object-fit: cover;background: #f3f4f6;}
.list {padding: 0;}
.list .top {position: absolute;top: 15px; left: 30px; z-index: 1;padding: 0 4px; font-size: 14px;background: #f1404b;color: #fff;}
.list li h3 {margin-top: 1rem; position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 1.375rem;}
.list .image-box:hover img {opacity: 0.8;filter: alpha(opacity=80);}
.list hr {border-color: #999;width: 10%;margin-top: 10px;margin-bottom: 10px;}
.date { color: #666;font-size: 0.875rem;font-weight: 300;letter-spacing: 2px;}
.pagelist {width: 100%;clear: both;margin: 0 0 3rem;padding: 0 10px;-webkit-justify-content: center; justify-content: center;
-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.pagelist .but {margin: 5px;line-height: 1.5;}
.footer {border-top: 1px solid #eee;margin-top: 3rem;padding-top: 3rem;padding-bottom: 3rem;color: rgba(0, 0, 0, .5);}
.page {padding-top: 1.5rem;margin: auto;}
.pagelist li {line-height: 3.5;}

.post-tit {margin-bottom: 1.5rem;}
.post-tit hr {border-color: #999; width: 5%;}
.post img {display: inline-block;vertical-align: middle}
.post h2, .post h3, .post h4, .post h5, .post h6 {margin: 1.5rem 0; line-height: 1;position: relative;}
.tags {padding: 1rem 0 2rem; margin: -5px;font-size: 14px;}
.tags .but {margin: 5px;line-height: 1.5; padding: 4px 8px;}
.comments h3 {margin: 1.5rem 0;font-size: 1.875rem;}
.postcomm {padding-bottom: 1.5rem}
.Verify {position: relative;}
.Verify img {position: absolute;top: 14px;right: 10px;}
.reply {font-size: 13px;margin: 5px 0; display: block}
.msg {margin: 1.5rem 0;padding: 0 0 1.5rem;border-bottom: 1px solid rgba(170, 172, 182, 0.15);word-wrap: break-word}
.msgurl a {color: #7a8b9a;font-size: 14px;display: none;}
.msg:hover .msgurl a {display: block}
.msgarticle {list-style-position: outside;padding: .625rem 0 0;color: #636874;}
.avatar {-ms-flex: 0 0 3.8rem; flex: 0 0 3.8rem;max-width: 3.8rem; padding-right: 1rem;}
.avatar img {width: 3.8rem;height: 3.8rem;border-radius: 50%}
.msg small {color: #7a8b9a}
.msg h3 small {font-size: 12px}
.msg div.msg {padding: 20px 0 0;margin: 20px 0 0 -3.8rem;border-top: 1px solid rgba(170, 172, 182, 0.15);border-bottom: none}
.msg div.msg .msgarticle {padding-bottom: 0}
.msg div.msg .msgname {padding: 0}
.msg:nth-last-child(3) {border-bottom: 0}
@media only screen and (min-width: 576px) {
.cont {width: 540px;max-width: 100%;}
.col { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; }
}
@media only screen and (min-width: 768px) {
.cont {width: 720px;max-width: 100%; }
.col { -webkit-box-flex: 0;-webkit-flex: 0 0 50%; -ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.header {margin-top: 2rem;margin-bottom: 2rem;}
.navbar-nav li a {padding: .5rem 0 .5rem 2rem;}
.navbar-toggler {display: none; }
.navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;width: 100%;justify-content: flex-end;}
.navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
.navbar { -webkit-box-orient: horizontal; -webkit-box-direction: normal;-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;align-items: center; }
.but {padding: 10px 15px; }
.page {width: 70%; }
.msg div.msg {margin: 20px 0 0 0; }
}
@media only screen and (min-width: 992px) {
.cont { width: 960px; max-width: 100%; }
.col {  -webkit-box-flex: 0;   -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
}
@media only screen and (min-width: 1200px) {
.cont {width: 1140px;max-width: 100%; }
}