body {
  background: #f6f6f6;
}
.wp1440 a img {
  transition: 1s;
}
.con-box .wp1440 {
  display: flex;
  justify-content: space-between;
  margin-top: 0.2rem;
}
.con-box .con-left {
  width: 67%;
  padding: 0.25rem 0.35rem;
  background: #fff;
  overflow: hidden;
}
.con-box .con-left .news-ul .news-li a {
  display: flex;
  transition: 0.5s;
}
.con-box .con-left .news-ul .news-li {
  padding: 0.15rem 0;
  border-bottom: 1px solid #e9e9e9;
}
.con-box .con-left .news-ul .news-li .title-wrap {
  padding: 0.1rem 0;
}
.con-box .con-left .news-ul .news-li a img {
  width: 2.1rem;
  height: 1.5rem;
  margin-right: 0.18rem;
  border-radius: 0.05rem;
}
.con-box .con-left .news-ul .news-li a:hover img {
  transform: scale(1.02);
}
.con-box .con-left .news-ul .news-li a h3 {
  font-weight: bold;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.23rem;
}
.con-box .con-left .news-ul .news-li a:hover h3 {
  color: #da2927;
}
.con-box .con-left .news-ul .news-li a .data {
  font-size: 14px;
  color: #999999;
  margin-top: 0.15rem;
}
.con-box .con-left .news-ul .news-li:last-child {
  border-bottom: 0;
}
.con-box .con-left .middle_contain_left_title {
  text-align: center;
  font-size: 0.32rem;
  color: #333;
  font-weight: bold;
  line-height: 0.44rem;
}

.con-box .con-left .middle_title_text {
  font-size: 0.14rem;
  color: #999999;
  margin-top: 0.3rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #e7e7e7;
}

.con-box .con-left .middle_title_text span {
  font-size: 14px;
  color: #9a9a9a;
}

.con-box .con-left .middle_contain_left_content {
  width: 100%;
  color: #333;
  line-height: 0.3rem;
  font-size: 0.16rem;
  margin-top: 0.3rem;
}

.con-box .con-left .middle_contain_left_content img {
  max-width: 100%;
}

.con-box .con-left .artical-main {
  overflow: hidden;
}
.con-box .con-left .video-main {
  max-width: 100%;
  overflow: hidden;
}
.con-box .con-left .video-main .video-js {
  width: 100% !important;
}
/* 作者 */

.con-box .con-left .middle_contain_left_author {
  margin: 0.3rem 0 0.2rem;
  font-weight: bold;
  font-size: 0.16rem;
  color: #3a3a3a;
}

.con-box .con-left .middle_contain_left_author span {
  margin-right: 30px;
}

.con-box .con-left .middle_contain_left_contact {
  font-size: 0.14rem;
  color: #999999;
  line-height: 0.26rem;
}

.con-box .con-left .audio-main {
  text-align: center;
}
.con-box .con-left .audio-main img {
  width: 100%;
  text-align: center;
}
.con-box .con-left audio {
  margin: 0.2rem;
}
.con-box .con-left video {
  width: 100%;
  max-height: 5.1rem;
}

.con-box .con-left .photo-main img {
  width: 100%;
}
.con-box .con-left .photo-main li {
  margin-bottom: 0.1rem;
}
.con-box .con-left .photo-main .dsc-title {
  font-size: 0.2rem;
  font-weight: bold;
  padding: 0.1rem 0;
}
.middle_contain_right {
  width: 31%;
  background: #fff;
  padding: 0.3rem 0.22rem;
}

.search-wrap {
  width: 4rem;
  height: 0.44rem;
  background: #da2927;
  border: 1px solid #da2927;
  border-radius: 0.05rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.3rem;
  overflow: hidden;
}
.search-wrap input {
  width: 82%;
  height: 0.42rem;
  background: #fff;
  border-radius: 0.05rem;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
}
.search-wrap .icon-search {
  width: 18%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.search-wrap-big {
  width: 100%;
}
.search-wrap-big input {
  flex: 1;
}
.search-wrap-big .icon-search {
  width: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.search-wrap-big .gig-search {
  width: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.middle_contain_right .title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.2rem;
}

.middle_contain_right .title-wrap .h2-title {
  display: flex;
  align-items: center;
  font-size: 0.18rem;
  font-weight: bold;
  color: #333;
}

.middle_contain_right .title-wrap .h2-title .line {
  width: 0.04rem;
  height: 0.2rem;
  background: #da2927;
  margin-right: 0.12rem;
}

.middle_contain_right .img-wrap {
  display: inline-block;
  width: 100%;
  height: 2.7rem;
  overflow: hidden;
  border-radius: 0.05rem;
  margin-bottom: 0.1rem;
  transition: 0.5s;
}

.middle_contain_right .img-wrap img {
  width: 100%;
  height: 100%;
}
.middle_contain_right .img-wrap:hover img {
  transform: scale(1.1);
}
.middle_contain_right .li {
  padding: 0.1rem 0;
  border-bottom: 1px solid #e9e9e9;
}

.middle_contain_right .li:last-child {
  border-bottom: none;
}

.middle_contain_right .li a {
  width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.16rem;
  color: #666666;
}

.middle_contain_right .li a:hover {
  color: #da2927;
}

.middle_contain_right .margin50 {
  margin-bottom: 0.4rem;
}

.middle_contain_right .local li {
  float: left;
  margin-right: 0.15rem;
  margin-bottom: 0.15rem;
}

.middle_contain_right .local li:nth-child(2n + 2) {
  margin-right: 0;
}

.middle_contain_right .local .local-img {
  display: block;
  position: relative;
  width: 1.92rem;
  height: 1.26rem;
  background: #e7e7e7;
  border-radius: 0.05rem;
  overflow: hidden;
  transition: 1s;
}

.middle_contain_right .local .local-img:hover img {
  transform: scale(1.1);
}

.middle_contain_right .local .local-img img {
  width: 100%;
  height: 100%;
}

.middle_contain_right .local .local-img .desc {
  width: 100%;
  height: 0.26rem;
  line-height: 0.26rem;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.16rem;
  color: #ffffff;
  padding: 0 2px 0 10px;
  z-index: 9;
}

.review-box {
  margin-top: 0.4rem;
  /* display: none; */
}
.review-box .entry-box {
  display: flex;
}
.review-box .entry-box .avatar {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.1rem;
  flex-shrink: 0;
}
.review-box .input-wrap {
  flex: 1;
  height: 1.52rem;
  background: #ffffff;
  border-radius: 0.1rem;
  border: 1px solid #da2927;
  overflow: hidden;
}
.review-box .input-wrap .tips {
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  margin-top: 0.6rem;
}
.review-box .input-wrap .tips span {
  color: #da2927;
  margin: 0 0.04rem;
}

.textarea-wp {
  width: 100%;
  height: 100%;
  position: relative;
}
.review-box .textarea-wp textarea {
  background: #f3f3f3;
  width: 100%;
  height: 100%;
  padding: 0.2rem;
  border-radius: 0.1rem;
  font-size: 0.16rem;
}
.review-box .textarea-wp .send-btn {
  background: #999;
  color: #fff;
  width: 0.8rem;
  height: 0.4rem;
  border-radius: 0.08rem;
  font-size: 0.16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
  cursor: pointer;
}
.review-box .active {
  background: #da2927 !important;
}
.msg-ul {
  margin-top: 0.3rem;
  overflow: hidden;
}
.msg-ul .msg-li {
  display: flex;
  margin-bottom: 0.2rem;
}
.msg-ul .msg-li img {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.1rem;
  flex-shrink: 0;
  border-radius: 50%;
}
.msg-ul .msg-li .name {
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.3rem;
}
.msg-ul .msg-li .msg-cont {
  flex: 1;
}
.msg-ul .msg-li .cont-lev {
  display: flex;
  justify-content: space-between;
}
.msg-ul .msg-li .ii {
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.2rem;
}
.msg-ul .msg-li .ii-bt {
  font-size: 0.14rem;
  color: #333333;
  line-height: 0.2rem;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: 0.08rem;
}
.msg-ul .msg-li .time {
  font-size: 0.14rem;
  color: #999;
  margin-top: 0.1rem;
}
.reply-li {
  padding-left: 0.5rem;
  margin-top: 0.2rem;
}
.msg-ul .reply-li img {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
}
.hf-box {
  height: 1.2rem;
  margin-top: 0.1rem;
}
.textarea-hf {
  width: 100%;
  height: 100%;
  position: relative;
}
.review-box .textarea-hf textarea {
  background: #f3f3f3;
  width: 100%;
  height: 100%;
  padding: 0.1rem;
  border-radius: 0.1rem;
  font-size: 0.16rem;
}
.review-box .textarea-hf .send-btn {
  background: #da2927;
  color: #fff;
  width: 0.6rem;
  height: 0.3rem;
  border-radius: 0.08rem;
  font-size: 0.16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
  cursor: pointer;
}
.review-box .textarea-hf .re-tips {
  font-size: 0.14rem;
  color: #da2927;
  position: absolute;
  right: 0;
  bottom: -0.2rem;
}

.msg-ul .msg-li .ii-bt:hover {
  color: #da2927;
}

@media (max-width: 768px) {
  .con-box .wp1440 {
    flex-wrap: wrap;
  }
  .con-box .con-left {
    width: 100%;
    padding: 0 0.15rem;
  }
  .con-box .con-left .news-ul .news-li {
    padding: 0.15rem 0;
  }
  .con-box .con-left .news-ul .news-li a img {
    width: 1.5rem;
    height: 1rem;
    margin-right: 0.15rem;
  }
  .con-box .con-left .news-ul .news-li a h3 {
    font-weight: bold;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.23rem;
  }
  .middle_contain_right {
    width: 100%;
    margin-top: 0.2rem;
    padding: 0.15rem 0.15rem;
  }
  .search-wrap {
    width: 100%;
    padding-left: 0.02rem;
  }
  .middle_contain_right .img-wrap {
    height: auto;
  }
  .middle_contain_right .margin50 {
    margin-bottom: 0.2rem;
  }
  .middle_contain_right .margin50 .local {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .middle_contain_right .margin50 .local li{
    margin-right: 0;
  }
  .middle_contain_right .local .local-img{
    width: 1.82rem;
  }
  .middle_contain_right .li{
    line-height: normal;
  }
}