@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
span,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
xmp {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

table {
  width: 100%;
  text-align: left;
  border-spacing: 0;
  border-collapse: collapse;
}

td {
  text-align: left;
}

ul,
ol,
menu {
  list-style: none;
}

body {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.28em;
  color: #333;
  -webkit-text-size-adjust: none;
  min-height: 100vh;
}

a {
  text-decoration: none;
}

/* select {
  appearance: none;
  border: none;
  outline: none;
} */

[v-cloak] {
  display: none;
}
/*****初始化css  end*******/

/*
  rem 计算方式具体查看flexible.js 的计算规则 根据设计稿尺寸 自行修改
*/
.bg_black {
  background: #191c26;
}
.bg_black div,
.bg_black p,
.bg_black span,
.bg_black button,
.bg_black h1,
.bg_black h2,
.bg_black ul li,
.bg_black select,
.bg_black strong,
.bg_black i.bg_black a {
  color: #e4e9fe;
}
.bg_black button,
.bg_black select {
  background: #191c26 !important;
  border: 1px solid #5c6273 !important;
  color: #5c6273 !important;
}
.bg_black .time li {
  color: #6b7587;
}

#app {
  padding: 0.53rem;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  min-height: 100vh;
}

.sel {
  text-align: right;
}
.sel select {
  border: 0.5px solid rgba(207, 207, 207, 1);
  border-radius: 8px;
  font-size: 0.34rem;
  color: #555;
  padding: 0.1rem 0.15rem;
  background: #fff;
  min-width: 90px;
  text-align: center;
  cursor: pointer;
}

h1 {
  font-size: 0.64rem;
  color: #333;
  text-align: center;
  font-weight: 500;
  margin-top: 0.26rem;
}

.time {
  text-align: right;
  font-size: 0.32rem;
  color: #999;
  margin-top: 0.66rem;
  line-height: 0.5rem;
}

.h2 {
  font-size: 0.42rem;
  color: #333;
  margin-top: 0.53rem;
}

.content {
  color: #333;
  text-align: justify;
  margin-top: 0.3rem;
  word-break: break-all;
  word-wrap: break-word;
}

.recallBtnPos {
  padding-top: 0.3rem;
  text-align: center;
  flex: 0 0 auto;
}

.recallBtnPos .recallBtn {
  border: 1px solid #d9d9d9;
  color: #999;
  font-size: 0.43rem;
  padding: 0.1rem 0.26rem;
  background: #fff;
  border-radius: 5px;
}

@media only screen and (min-width: 750px) {
  .sel select {
    min-width: 180px !important;
  }
}