@media screen and (max-width: 800px) {
  .container {
    width: 92%;
  }
  body {
    background-color: #f8f8f8;
  }
  .tabwarp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .tabwarp .tablist {
    font-size: 0.4533333333rem;
    margin: 0.64rem 0.6666666667rem;
    color: #999;
  }
  .tabwarp .myact {
    position: relative;
    color: #950602;
  }
  .tabwarp .myact::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -0.2666666667rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.64rem;
    height: 0.1066666667rem;
    border-radius: 0.1333333333rem;
    background: #950602;
  }
  .con .container .ctit {
    margin: 0.4rem 0;
    font-size: 0.48rem;
    color: #333;
  }
  .con .container .ccode {
    font-size: 0.3733333333rem;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0.4533333333rem 0 0.4266666667rem;
  }
  .con .container .ccode img {
    margin-left: 0.1333333333rem;
  }
  .con .container .mybox .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto;
  }
  .con .container .mybox .list .tt {
    color: #111;
    font-size: 16px;
    margin-right: 10px;
    width: 20px;
  }
  .con .container .mybox .list .listbox {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 2.6666666667rem;
    height: 2rem;
  }
  .con .container .mybox .list .listbox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 0.2666666667rem;
    margin-bottom: 0.2666666667rem;
    background: #fff;
    border-radius: 0.2133333333rem;
  }
  .boxcon .box {
    display: none;
  }
  .boxcon .boxact {
    display: block;
  }
}
.zhedie1 {
  margin-top: 0.4rem;
  border-radius: 0.2133333333rem;
  overflow: hidden;
}
.mybigbox {
  padding: 0.32rem;
  margin-top: 0.4rem;
  width: 100%;
  border-radius: 0.2133333333rem;
  background: #fff;
}
.mybigbox .mytit {
  padding-right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.mybigbox .panel-body {
  margin-top: 0.4rem;
  padding: 0;
}
.mybigbox .panel-body .zdlist span:nth-child(1) {
  color: #999;
}