html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  -ms-overflow-style: none;
  padding: 0;
  scrollbar-width: none;
  word-wrap: break-word
}

html::-webkit-scrollbar {
  width: 0
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  color: #666;
  font-family: PingFangSC,Source Han Sans CN,Microsoft Yahei,sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  text-rendering: optimizeLegibility
}

#app {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0
}

*,*:before,*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0
}

ul,li {
  margin: 0;
  padding: 0;
  list-style: none
}

p {
  margin: 0;
  padding: 0
}

input,textarea {
  margin: 0;
  padding: 0;
  background-color: rgba(0,0,0,0);
  border: 0;
  outline: none
}

input::input-placeholder,textarea::input-placeholder {
  color: silver!important
}

input:placeholder,textarea:placeholder {
  color: silver!important
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  color: silver!important
}

input::-moz-placeholder,textarea::-moz-placeholder {
  color: silver!important
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
  color: silver!important
}

input::-ms-input-placeholder,textarea::-ms-input-placeholder {
  color: silver!important
}

input::placeholder,textarea::placeholder {
  color: silver!important
}

input:input-placeholder,textarea:input-placeholder {
  color: silver!important
}

pre {
  white-space: pre-wrap!important;
  word-wrap: break-word!important
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace,monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  -moz-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,strong {
  font-weight: bolder
}

code,kbd,samp {
  font-family: monospace,monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,input,optgroup,select,textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,input {
  overflow: visible
}

button,[type=button],[type=reset],[type=submit] {
  -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

:focus {
  outline: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block
}

body {
  line-height: 1
}

ol,ul {
  list-style: none
}

blockquote,q {
  quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
  content: "";
  content: none
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical
}

audio,canvas,video {
  display: inline-block;
  *display: inline;
  *zoom: 1;max-width: 100%
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden] {
  display: none
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

a:focus {
  outline: thin dotted
}

a:active,a:hover {
  outline: 0
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic
}

figure {
  margin: 0
}

form {
  margin: 0
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px
}

button,input,select,textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle
}

button,input {
  line-height: normal
}

button,select {
  text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible
}

button[disabled],html input[disabled] {
  cursor: default
}

input[type=checkbox],input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

html,button,input,select,textarea {
  color: #222
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none
}

::selection {
  background: #b3d4fc;
  text-shadow: none
}

img {
  vertical-align: middle
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

.topic {
  font-size: 0;
  position: relative;
}

.topic .bg {
  width: 100%;
}

.topic .list-wrapper {
  padding: .32rem .32rem .64rem;
}

.topic .list {
  width: 100%;
  padding: .21333rem .26667rem .34667rem;
  background-color: #fff;
  border-radius: .10667rem;
  margin-top: .4rem;
}

.topic .list>.title.center {
  text-align: center;
}

.topic .list>.title {
  line-height: .64rem;
  font-size: .4rem;
  font-weight: 400;
  color: #333;
}

.topic .list .cover {
  margin-top: .21333rem;
}

.topic .list .cover .img-radius {
  border-radius: .10667rem;
  overflow: hidden;
}

.bjz-img-100 {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.topic .list .footer {
  position: relative;
}

.topic .list .footer {
  position: relative;
}