@media screen and (max-width: 800px) {
  .container {
    width: 95%;
  }
  body {
    background-color: #f8f8f8;
  }
  .mytit {
    font-size: 0.48rem;
    margin-bottom: 0.64rem;
    color: #111;
    display: inline-block;
    position: relative;
    padding: 0 0.4266666667rem;
  }
  .mytit::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.1333333333rem;
    height: 0.64rem;
    border-radius: 0.2133333333rem;
    background: #950602;
  }
  .mytit::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.1333333333rem;
    height: 0.64rem;
    border-radius: 0.2133333333rem;
    background: #950602;
  }
  .mytit2 {
    font-size: 0.48rem;
    margin-bottom: 0.64rem;
    color: #111;
    display: inline-block;
    position: relative;
    padding: 0 0.4266666667rem;
  }
  .mytit2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.1333333333rem;
    height: 0.64rem;
    border-radius: 0.2133333333rem;
    background: #950602;
  }
  .con .container .mybox {
    margin: 0.2666666667rem 0;
  }
}