/* @import '../assets/animate.css'; */
html[data-v-239b7c88],
body[data-v-239b7c88],
ul[data-v-239b7c88],
li[data-v-239b7c88] {
  margin: 0;
  padding: 0;
}
body[data-v-239b7c88] {
  background-color: #dedede;
}
a[data-v-239b7c88] {
  text-decoration: none;
}
li[data-v-239b7c88] {
  list-style: none;
}

/*.app>* {
  position: absolute;
  top: 0;
  width: 100%;
  animation-duration: .2s;
  -webkit-animation-duration: .2s;
}*/

body {
    background-color: #000 !important;
    font-family: '\5FAE\8F6F\96C5\9ED1';
}
input {
    outline: none;
}
.bg4 .send-box {
    width: 1070px;
    height: 160px;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px #3e200d solid;
}
.bg4 .send-box textarea {
    width: 1030px;
    height: 60px;
    padding: 20px;
    float: left;
    resize: none;
}
.bg4 .send-box button {
    width: 120px;
    height: 40px;
    position: absolute;
    bottom: 10px;
    right: 0;
    background-color: #efda6d;
    color: #3e200d;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}
.bg4 .list-box {
    width: 100%;
    height: 145px;
    overflow-y: scroll;
    position: absolute;
    top: 170px;
    left: 0;
    background: none;
}
.bg4 .list-box .comment-list {
    width: 100%;
    float: left;
    margin: 5px 0;
    line-height: 50px;
}
.bg4 .list-box .comment-list img {
    width: 50px;
    height: 50px;
}
.bg4 .comment-box {
    width: 1000px;
}
.bg4 .comment-box h5 {
    padding-top: 15px;
}
.bg4 .comment-box h5 span {
    color: #fff57c;
    font-size: 20px;
}
.bg4 .comment-box h5 strong {
    color: #5d3014;
    font-size: 20px;
}
.bg4 .comment-box p {
    font-size: 16px;
    color: #c0a967;
}
.bg4 .comment-box div {
    background-color: #543f2f
}
.bg2 .swiper-button-prev {
    left: 0;
}
.bg2 .swiper-button-next {
    right: 0;
}