html, body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Microsoft Yahei", sans-serif;
}
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
a:link, a:visited { color: #333333; text-decoration: none; }
a:hover { color: #0e44b3; text-decoration: underline; }
a:active {}
ul {
    list-style: none;
}
.logo{ font-size: 0.2rem; padding: 0.05rem; text-align: center;}
.menu{ font-size: 0.16rem; overflow: hidden; background:#0e44b3;}
.menu ul{ padding-top: 0.1rem; }
.menu ul li{ width: 0.62rem; height: 0.17rem; color: rgba(81,87,97,1); line-height: 0.17rem; float: left;margin-bottom: 0.1rem; text-align: center;  }
.menu ul li a{ color: #ffffff; text-decoration: none; }

.columnlist{ overflow: hidden;  }
.column .column_title{ border-top: solid 2px #0e44b3; border-bottom: 1px solid #cccccc; line-height: 0.35rem; font-size: 0.16rem; font-weight: bold; padding:0 0.1rem; }
.column .column_title a{ color: #0e44b3; }
.column .column_title span{ float: right; }
.column .column_title span a{ color: #333333; font-size: 0.14rem; font-weight: normal;}
.column .column_img{ position: relative; width: 100%; height: 1.85rem; }
.column .column_img img{ display:block;  }
.column .column_img p{ width: 100%; line-height: 0.4rem; height: 0.4rem; background: rgba(0,0,0,0.5); text-align: center; position: absolute; left: 0; bottom: 0; margin-top: -0.4rem; z-index: 100; font-size: 0.14rem; color: #ffffff;  }
.column ul{ font-size: 0.16rem; }
.column ul li{ border-bottom: 1px solid #cccccc; position: relative;}
.column ul li:before{ content: ""; position: absolute; width: 0.05rem; height: 0.05rem; top: 45%; left: 0.12rem; background: #585858; border-radius: 100%; }
.column ul li:after{content: ""; position: absolute; width: 0.45rem; height: 0.45rem; top: 0; right: 0; background:url(../images/more1.png) no-repeat 50% 50%; background-size: 0.20rem;}
.column ul li a{display: block; clear: both; position: relative; background-repeat: no-repeat; background-position: .25rem 1rem; padding: 0.1rem 0.3rem; box-sizing: border-box;}
.column .pages{ font-size:0.16rem; text-align: center; line-height:0.4rem; }

.main{ font-size: 0.16rem; position: relative; margin: 0px 0.18rem; overflow: hidden;}
.main h1.subject{ font-size: 0.22rem; line-height: 0.34rem; color: rgb(34, 34, 34); letter-spacing: 0px; font-weight: 400; padding: 0.16rem 0px 0.15rem;}
.main #content{ font-size: 0.16rem; line-height: 0.24rem; overflow: hidden;}
.main #content p, .main #content div{ font-size: 0.16rem; overflow-wrap: break-word; margin-bottom: 20px; text-align: justify; word-break: break-all; }
.main #content img{ max-width: 100%; height: auto; }
.main .author{ font-size: 0.12rem; text-align: center; margin-bottom: 10px; }

.footer{ font-size: 0.14rem; text-align: center; padding: 0.1rem 0.1rem  0.1rem; margin-top: 0.1rem; border-top:1px solid #cccccc; color: #333333; }
.footer a{ color: #333333; }
.footer .mediaplatform a{ padding: 0 0.15rem; }