.bgf7 {
      background: #FFF!important;
  }
  .community-menu-container{
      height:141px;
      border-bottom:none;
  }
  .sq-mmenulist{
      width: 674px;
      height: 115px;
      margin: 0 auto;
      display: block;
      padding-top: 26px;
  }
  .sq-item{
      width: 72px;
      height: 100%;
      margin-right: 229px;
      float: left;
      position: relative;
  }
  .sq-item:last-child{
      margin-right: 0;
  }
  .sq-item-img{
      width: 44px;
      height: 40px;
      margin: 0 auto;
  }
  .sq-item-ky{
      margin-top: 14.5px;
      width: 43px;
      background: url(../images/sqbj-ky.png) no-repeat;
      background-size: 100% 100%;
  }
  .sq-item-ly{
      margin-top: 16.5px;
      height: 39px;
      background: url(../images/sqbj-ly.png) no-repeat;
      background-size: 100% 100%;
  }
  .sq-item-yy{
      margin-top: 14px;
      background: url(../images/sqbj-yy.png) no-repeat;
      background-size: 100% 100%;
  }
  .sq-item-img-selected{
      width: 72px;
      height: 72px;
      margin: 0 auto;
  }
  .sq-item-ky-selected{
      background: url(../images/sqbj-ky-selected.png) no-repeat;
      background-size: 100% 100%;
  }
  .sq-item-ly-selected{
      background: url(../images/sqbj-ly-selected.png) no-repeat;
      background-size: 100% 100%;
  }
  .sq-item-yy-selected{
      background: url(../images/sqbj-yy-selected.png) no-repeat;
      background-size: 100% 100%;
  }
  .sq-item-txt{
      position: absolute;
      bottom: 8px;
      line-height: 24px;
      font-size: 20px;
      color: #262626;
      font-weight: bold;
      margin: 0 auto;
      width: 100%;
      text-align: center;
  }
  .sq-item-txt-selected{
      height: 26px;
      font-size: 22px;
      color: #047BC1;
  }
  .blue-bg{
      height:calc(100% - 166px)!important;
  }
  .green-bg{
      background-image: linear-gradient(0deg, rgba(190,210,223,0.00) 0%, rgba(209,230,160,0.20) 100%);
  }
  .yellow-bg{
      background-image: linear-gradient(0deg, rgba(190,210,223,0.00) 0%, rgba(253,219,142,0.20) 100%);
  }
  .kailong{
      width: 82px;
      height: 24px;
      position: relative;
      bottom: -1px;
  }
  .kailong-yy{
      background: url(../images/sqbj-yysj.png) no-repeat;
      background-size: 100%;
      margin-left: 215px;
  }
  .kailong-ly{
      background: url(../images/sqbj-lysj.png) no-repeat;
      background-size: 100%;
      margin-left: 515px;
  }
  .kailong-ky{
      background: url(../images/sqbj-kysj.png) no-repeat;
      background-size: 100%;
      margin-left: 815px;
  }
  .community-menu-list{
      padding: 48px 0 23px 0;
      min-height: 46px;
    margin-left: -44px;
    width: 1115px;
    margin: 0 auto;
  }
  .community-menu-yy{
     
      margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .community-menu-ly,.community-menu-ky {
      width: 244px;
      margin: 0 auto;
      display: flex;
  }
  .community-menu-ky {
    width: 392px;
  }
  .community-menu-item{
      width: 171px;
      height: 46px;
      background: #FFFFFF;
      border-radius: 22px;
      font-size: 22px;
      color: #262626;
      line-height: 46px;
      text-align: center;
      border: 1px solid #FFF;
      float: left;
      margin-right: 20px;
      position: relative;
    flex-shrink:0;
    margin-bottom: 10px;
    box-sizing: border-box;
  }
  .community-menu-item-on {
      width: 171px;
      height: 46px;
      font-size: 22px;
      color: #FFFFFF!important;
      font-weight: bold;
      border: none!important;
  }
  .community-menu-yy .community-menu-item-on {
      background-image: linear-gradient(135deg, #A0D8F3 0%, #67B0E2 100%)!important;
  }
  .community-menu-ly .community-menu-item-on {
      background-image: radial-gradient(26% 75%, #D3E8A3 9%, #A8CC6A 85%)!important;
  }
  .community-menu-ky .community-menu-item-on {
      background-image: radial-gradient(27% 100%, #FDE097 17%, #FBBE5E 98%)!important;
  }
  .community-menu-yy .community-menu-item i{
      position: absolute;
      width: 20px;
      height: 23px;
      background: url(../images/sqbj-yy-icon.png) no-repeat;
      background-size: 100% 100%;
      top: -27px;
      right: 0;
      display: block;
  }
  .community-menu-ly .community-menu-item i{
      position: absolute;
      width: 38px;
      height: 40px;
      background: url(../images/sqbj-ly-icon.png) no-repeat;
      background-size: 100% 100%;
      top: -31px;
      right: -19px;
      display: block;
  }
  .community-menu-ky .community-menu-item i{
      position: absolute;
      width: 161px;
      height: 24px;
      background: url(../images/sqbj-ky-icon.png) no-repeat;
      background-size: 100% 100%;
      top: -24px;
      right: -12px;
      display: block;
  }
  .community-menu-item:nth-child(5n){
      margin-right: 0;
  }
  .community-menu-yy .community-menu-item:hover{
      border: 1px solid #63AEE1;
      background: none;
  }
  /* .community-menu-ly .community-menu-item:hover{
      border: 1px solid #63AEE1;
  }
  .community-menu-ky .community-menu-item:hover{
      border: 1px solid #63AEE1;
  } */
  .community-menu-yy .coming-soon, .community-menu-yy .coming-soon:hover, .community-menu-ky .coming-soon, .community-menu-ky .coming-soon:hover{
    background: #E4EEF5;
      color: #9F9F9F!important;
      border: none;
      position: relative;
      cursor: default;
  }
  .community-menu-ky .coming-soon, .community-menu-ky .coming-soon:hover{
    background: #F9EED9!important;
      color: #7c7c7c!important;
  }
  .community-menu-yy .coming-soon i, .community-menu-ky .coming-soon i{
    display: inline-block;
    width: 26px;
    height: 35px;
    position: absolute;
    background: url('../images/wait2.png') 0px 0px no-repeat;
    background-size: 26px 35px !important;
    right: 10px;
      top: 0px;
  }
  .community-menu-ky .coming-soon-bg i{
  background: url('../images/wait1.png') 0px 0px no-repeat;
    z-index: 10;
  }