/* PHONE */
@media only screen and (max-width: 768px) {

  html,
  body {
      width: 100vw;
      height: 100vh;
  }

  .smf-header {
      width: 100vw;
      height: 48px;
  }

  .smf-header__content {
      width: 100%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      box-sizing: border-box;
  }

  .smf-header__content .header-middle {
      display: none;
  }

  .smf-header__content .header-right {
      display: none;
  }

  .smf-main-HQ {
    width: 100vw;
    height: 152px;
    background: url(../images/header_mobile.png) no-repeat center;
    -o-background-size: 100%;
    background-size: 100%;
    padding-top: 48px;
}

  .header-wrap .l{
    width: 60px;
    height: 60px;
    margin-right: 6px;
  }
  .header-wrap .r .r-title-wrap{
    font-size: 14px;
  }
  .header-wrap .r .r-desc{
    font-size: 12px;
  }

  .middle-wrap {
      padding-top: 0;
  }

  .content-list{
    padding: 0 8px;
  }
  .content-list .rs-c-item {
      width: 49%;
      max-width: 49%;
      margin-left: 15px;
      margin-bottom: 20px;
  }
  .content-list .c-item{
    margin-left: 0;
  }
  .content-list .c-item .c-item-img{
    padding: 5px;
    box-sizing: border-box;
  }

  .content-list .rs-c-item:nth-child(2n+1) {
      margin-left: 0;
  }

  .content-list .rs-c-item .c-item-img {
      width: 100%;
  }
  .content-list .rs-c-item .c-item-img img {
      width: 100%;
      height: 100%;
  }

  .content-list .rs-c-item .c-item-title {
      font-size: 40px;
  }

  .rs-c-item {
      font-size: 30px;
  }

  .smf-header .header-middle {
      display: none;
  }

  .container {
      width: 100%;
  }
  .header-wrap .header-con-wrap{
      min-width: 100px;
  }
  .container .content-list {
    display: flex;
    justify-content: space-between;
  }
  .container .content-list .c-item{
      width: 45%;
      max-width: 50%;
  }
  .container .content-list .c-item .c-item-img {
      width: 100%;
  }
  .container .content-list .c-item .c-item-title{
      font-size: 12px;
  }
  .container .content-list .c-item .c-item-desc{
      font-size: 11px;
  }

  /* foot */
  .smf-footer .footer-area {
      width: 100%;
  }

  .smf-footer .footer-area>div {
      height: 48px;
      line-height: 48px;
  }

  .smf-footer .footer-area>div a {
      height: 48px;
      line-height: 48px;
  }

  .smf-footer .footer-area>div img {
      height: 18px;
  }

}