html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
body { padding-top: constant(safe-area-inset-top); padding-left: constant(safe-area-inset-left); padding-right: constant(safe-area-inset-right); padding-bottom: constant(safe-area-inset-bottom); }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {
 display: none;
}
a { background-color: transparent; }
ul { margin: 0; padding: 0; }
a:active, a:hover { outline: 0; opacity: .8 }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0; }
h2, h3, h4, h5 { font-weight: normal }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { display: block; max-width: 100%; border: 0 }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
* { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; }
body { font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 0.7rem; line-height: 1.5; color: #3d4145; background: #fff }
a, input, textarea, select, button { outline: 0; -webkit-appearance: none; }
p, h2 { margin: 0; }
.text-center { text-align: center }
em { font-style: normal }
a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:active { opacity: .8 }
.colordefault { color: #99835e }
/******************Common CSS***************************/
.page { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; z-index: 2000 }
.content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch }
.page, .page-group { box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; display: none; overflow: hidden; }
.page.page-current, .page-group.page-current, .page.page-visible, .page-group.page-visible, .page.page-from-center-to-left, .page-group.page-from-center-to-left, .page.page-from-center-to-right, .page-group.page-from-center-to-right, .page.page-from-right-to-center, .page-group.page-from-right-to-center, .page.page-from-left-to-center, .page-group.page-from-left-to-center { display: block; }
.page.page-current, .page-group.page-current { overflow: hidden; }
.page-group { display: block }
li { list-style: none }
i { font-style: normal }
.banner img{
    width: 100%;

}
.topic_list{
   padding: 1.5rem 0.75rem;

}
.topic_list_li{
    width: 46%;
    display: inline-block;
    margin-bottom: 1rem;
    margin-right: 6%;
    vertical-align:top;
}
.topic_list_li:nth-child(2n){
    margin-right: 0;
}
.topic_list_li .topic_icon{
    width: 100%;
    height: 4.05rem;
    position: relative;
}
.topic_list_li .topic_icon img{
    width: 100%;
    height: 100%;
    display: block;
}
.topic_description .headline{
    color: #797b7c;
    font-size: .7rem;
    padding-top: 0.2rem;
    padding-bottom: 0.1rem;
    border-bottom: 0.02rem solid #797b7c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /* 防止换行 */

}
.topic_description .headline span{
    font-size: 0.55rem;
}
.topic_description .subheading {
    color: #797b7c;
    padding: 0.1rem 0 0;
    font-size: .55rem;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    overflow: hidden;
    -webkit-line-clamp: 2; /* 控制显示的行数 */
}
.layui-flow-more{
    text-align: center;
}
.topic_list_li .topic_icon::before{
    content: '';
    position: absolute;
    background: url(../images/box.png) no-repeat;
    width: 2rem;
    height: 2rem;
    left: -0.2rem;
    top: -0.2rem;

}
.topic_list_li .topic_icon::after{
    content: '';
    position: absolute;
    background: url(../images/box.png) no-repeat;
    width: 2rem;
    height: 2rem;
    bottom: -0.2rem;
    right: -0.2rem;
    transform: rotate(180deg);

}
.bottom{
    width: 100%;
    bottom: 0;
    position: fixed;
    z-index: -2;
}











