.community-gg_body .gg_page {
  background-color: #f8f7f4; }
  .community-gg_body .gg_page .title {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 720px) {
      .community-gg_body .gg_page .title {
        flex-wrap: wrap;
        justify-content: center; } }
    .community-gg_body .gg_page .title .desc {
      font-size: 36px;
      color: #333;
      line-height: 60px;
      font-weight: bold; }
      @media screen and (max-width: 720px) {
        .community-gg_body .gg_page .title .desc {
          font-size: 22px;
          margin-bottom: 20px;
          line-height: unset; } }
    @media screen and (max-width: 720px) {
      .community-gg_body .gg_page .title .select {
        width: 100%;
        display: flex; } }
    .community-gg_body .gg_page .title .select select {
      height: 40px;
      border: 1px solid #eee;
      float: right;
      width: 200px;
      padding: 0px 10px;
      background: url(../images/c_02.png) right center no-repeat #fff;
      background-size: 10px;
      background-position: 95% 55%;
      appearance: none;
      outline: none; }
  .community-gg_body .gg_page .content {
    margin-top: 20px; }
    .community-gg_body .gg_page .content .video-list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .community-gg_body .gg_page .content .video-list .item {
        margin-bottom: 20px;
        width: 49%;
        background-color: #fff; }
        @media screen and (max-width: 720px) {
          .community-gg_body .gg_page .content .video-list .item {
            width: 100%; } }
        .community-gg_body .gg_page .content .video-list .item .video-img {
          cursor: pointer; }
          .community-gg_body .gg_page .content .video-list .item .video-img .img {
            position: relative;
            height: 350px; }
            .community-gg_body .gg_page .content .video-list .item .video-img .img .open {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              width: 10%;
              cursor: pointer; }
            .community-gg_body .gg_page .content .video-list .item .video-img .img .ggImg {
              width: 100%;
              height: 100%; }
          .community-gg_body .gg_page .content .video-list .item .video-img .video {
            height: 350px;
            cursor: pointer; }
            .community-gg_body .gg_page .content .video-list .item .video-img .video video {
              width: 100%;
              height: 100%; }
          .community-gg_body .gg_page .content .video-list .item .video-img .img, .community-gg_body .gg_page .content .video-list .item .video-img .video {
            display: none; }
          .community-gg_body .gg_page .content .video-list .item .video-img .active {
            display: block; }
        .community-gg_body .gg_page .content .video-list .item .desc {
          padding: 20px;
          font-size: 20px;
          color: #333;
          font-weight: bold; }
  .community-gg_body .gg_page #pagination1 {
    text-align: center;
    margin-top: 30px; }
    .community-gg_body .gg_page #pagination1 .ui-pagination-container {
      height: 34px;
      line-height: 34px; }
      .community-gg_body .gg_page #pagination1 .ui-pagination-container .ui-pagination-page-item {
        font-size: 14px;
        padding: 4px 10px;
        background: #fff;
        border: 1px solid #c5b7b7;
        color: #888;
        margin: 0 3px;
        text-decoration: none;
        line-height: 20px; }
        @media screen and (max-width: 720px) {
          .community-gg_body .gg_page #pagination1 .ui-pagination-container .ui-pagination-page-item {
            margin: 0; } }
      .community-gg_body .gg_page #pagination1 .ui-pagination-container .active {
        background: #d7000f;
        border-color: #d7000f;
        color: #fff;
        cursor: default; }
      .community-gg_body .gg_page #pagination1 .ui-pagination-container .ui-pagination-page-item:hover {
        border-color: #d7000f;
        color: #d7000f;
        text-decoration: none; }

/*# sourceMappingURL=community-gg.css.map */