.groupCenter {
  min-height: 100vh;
}
.groupCenter .mes_wrap {
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAADsBAMAAADZZD7bAAAAFVBMVEX/2wH/4zP/3Qz/4iz/4B7/3xX/4SYbCA3kAAAEhElEQVR42uzYwW3DQAxEUUKwfWcNAXx3CS7BSAXpv4kEySHSWgKWgC2RO/+X8A4DkEYbnfydGa033XwW7nv18Hm479TFF+G+VamVwX2juy/DfZc+vAn3PTp7G+579OVtuK9WbWVw7zxUcV+p3srg3nmo4v5cwZXBvfNQxb2t5Mrg3vkOw72p5srg3vkOw/2dXX0r3NtqvcNwj60M7suqvcNwj60M7ovKvcNwj60M7rMKvsNwjx2quP9X8R2Ge+wdhvtfxVcG985DFfffqq8M7p2HKu4/1V8Z3DsPVdzNBlgZ3DvfYbjbCCsj737yvnB/aVPvyuBupd9huMdWBvfa7zDcY4cq7rXfYbjHDlXch1gZYffYoYr7ECuj6x48VHEfYmVU3cOHKu6132Ha7g8/PBPs+JWRdJ9ufnymV4KVUXS/eIZMrRQrI+h+9xSZWIcfqpruZ0+SaXX8oSrpnmVlxNwzHKqK7mlWRss9xaGq555oZZTckxyqcu6ZVkbIPcc7TM4918rouCd5h6m5Xz1ZJlGad5iYe7aVEXHP8w6Tck91qAq5J3qHKbl/esJs+L7JuYMaAGAYhoH8WZdGzqVwj0i1tC2uzAP3tUP1i/tWDnvjPpbDvriPrkzefe9QfeE+l8N+uO/lsB/usyvTdh/MYR/ch1cm7b6Ywx64L69M2H0zh+XdZw/VuPtoDqu7r+awuPv6ylTdhw/Vsvv8yjTdpw/VsPv+yiTdtw/VrLuwMkX36RzWdSdWpuc+nsOq7gM/FL50X89hUXdlZWLu+zms6c6sTMsdyGFFd2hlUu5CDgu6I4dqzd3IYT135VCNuVsrk3F3DtWWO7YyFXfoUC25cyvTcKcO1ZC7tzIJdymHhdzFlSm4Uzms4777JDvtjuWwjLu5Mry7lsMi7uChmnDncljDXTxUA+7uytDu5qHqu8MrI7uTOcx3p1cGdlcPVdwdzWG6u5rDdHd8ZVR3NofZ7vzKoO5uDqPd/ZUh3eUcBrvjhyrrTucw193OYax7Y2U8d/5QNd0jK6O5Bw5V0r2yMph74VAF3TsrY7kHcpjoHloZyf3auWMiAKEgiKEVAvBvFg3QkE2+hVdk5rY4xRy25z7zoVDm7pjD5txdlZlxt8xha+6eQ3XKXTOHbblftsqMuOsqs+GuOlR33E1z2JK761CdcTdWZsDddqiOuMvmsBl32Ry24i6tDN1dN4eNuFsrA3f3zWET7t7KsN2Fc9iCu/NQxbsr57ABd+mhSndXV4brrj1U4e7uymDdvYcq2t1eGai7+VAlu+srw3QXz2Fk90BlkO7mOQzsvv6hcNTdPYdx3ROV4bnL5zCqe6QyOHf7HAZ1r1QG5u6fw5DuiUMV6B6Yw4juhTkM6F6qDMk9cqjS3FOV4bhnDlWYe6syGPfOoYpyr1WG4p6Zw1juucow3ENzGMm9dahy3EtzGMi9WBmAe7IyAPfaoQpxj81hFPfeocpwj1bmg/s5VPfds5X54H7msHn3bmVeu59Ddd7d+qGQ7p6cw/53T1fmnfuZw/bd25W57wdJ7c5rpsC3WAAAAABJRU5ErkJggg==) no-repeat left top;
    background-size: 100%;
}
.groupCenter .mes_wrap .group-info {
      width: 100%;
      background: none;
      height: 11.8rem;
      position: relative;
}
.groupCenter .mes_wrap .group-info .info-wrap {
        padding: 1.95rem 0 .9rem;
}
.groupCenter .mes_wrap .group-info .info-wrap .group-headimg {
          margin: auto;
          width: 5.5rem;
          height: 5.5rem;
          border: 2px solid #ffffff;
          border-radius: 5px;
}
.groupCenter .mes_wrap .group-info .info-wrap .group-headimg img {
            width: 100%;
            border-radius: 5px;
}
.groupCenter .mes_wrap .group-info .info-wrap .group-name {
          font-size: 1.5rem;
          color: #222222;
          font-weight: 600;
          margin-top: .75rem;
          margin-bottom: .8rem;
          line-height: 1;
          text-align: center;
}
.groupCenter .mes_wrap .group-info .info-wrap .group-robotname {
          font-size: 1.3rem;
          color: #6B360C;
          font-weight: 500;
          line-height: 1.4rem;
          text-align: center;
}
.groupCenter .mes_wrap .group-info .right-top-box {
        position: absolute;
        right: 1.4rem;
        top: 1rem;
        text-align: right;
}
.groupCenter .mes_wrap .group-info .right-top-box .btn {
          font-size: 1rem;
          background: #FF9710;
          color: #FFFFFF;
          width: 5.4rem;
          height: 2.3rem;
          line-height: 2.3rem;
          line-height: 2.3rem;
          text-align: center;
          font-weight: bold;
          border-radius: 1.15rem;
          margin-bottom: .5rem;
          outline: none;
}
.groupCenter .mes_wrap .group-info .right-top-box .time {
          font-size: 1rem;
          font-weight: normal;
          color: #6B360C;
          line-height: 1.4rem;
}
.groupCenter .mes_wrap .service-ctrl {
      padding: .75rem 0;
}
.groupCenter .mes_wrap .service-ctrl .inner-wrap {
        width: 100%;
        background: #ffffff;
        padding: 1.7rem 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.groupCenter .mes_wrap .service-ctrl .inner-wrap .info {
          text-align: left;
}
.groupCenter .mes_wrap .service-ctrl .inner-wrap .info .tit {
            font-size: 1.4rem;
            color: #333333;
            font-weight: normal;
            line-height: 1;
            margin-bottom: .55rem;
}
.groupCenter .mes_wrap .service-ctrl .inner-wrap .info .desc {
            font-size: 1.1rem;
            color: #A6A6A6;
            font-weight: normal;
            line-height: 1;
}
.groupCenter .mes_wrap .service-item-list {
      padding: 1.8rem 1.5rem 2.65rem;
      background: #ffffff;
}
.groupCenter .mes_wrap .service-item-list .service-item .tit {
        color: #333333;
        font-weight: normal;
        font-size: 1.5rem;
        line-height: 1;
}
.groupCenter .mes_wrap .service-item-list .service-item .tit::before {
          content: '';
          display: inline-block;
          width: .4rem;
          height: 1.4rem;
          margin-right: .65rem;
          background: #FFDA43;
          border-radius: 2px;
          vertical-align: top;
}
.groupCenter .mes_wrap .service-item-list .service-item .tit span {
          font-size: 1.2rem;
          vertical-align: bottom;
          color: #C5C5C5;
          font-weight: normal;
          line-height: 1;
          margin-left: .75rem;
}
.groupCenter .mes_wrap .service-item-list .service-item .item-con-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0.005%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 1.8rem;
        margin-bottom: 0.75rem;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.groupCenter .mes_wrap .service-item-list .service-item .item-con-wrap .item-con {
          width: 33.33%;
          text-align: center;
          margin-bottom: 2rem;
          cursor: pointer;
}
.groupCenter .mes_wrap .service-item-list .service-item .item-con-wrap .item-con .con-img {
            width: 2.8rem;
            height: 3.2rem;
            margin: auto;
}
.groupCenter .mes_wrap .service-item-list .service-item .item-con-wrap .item-con .con-img.shop {
              width: 4rem;
              -webkit-transform: translateY(-0.6rem);
                      transform: translateY(-0.6rem);
}
.groupCenter .mes_wrap .service-item-list .service-item .item-con-wrap .item-con .con-img img {
              width: 100%;
}
.groupCenter .mes_wrap .service-item-list .service-item .item-con-wrap .item-con .con-tit {
            color: #A6A6A6;
            font-size: 1.2rem;
            line-height: 1;
            margin-top: .3rem;
}
.groupCenter .mes_wrap .service-item-list .service-btn {
        font-size: 1.3rem;
        color: #777777;
        font-weight: bold;
        background: #F6F6F6;
        border: 1px solid #BCBCBC;
        width: 100%;
        padding: 1.55rem 0;
        text-align: center;
        border-radius: 2.2rem;
}
.groupCenter .mes_wrap .service-item-list .service-btn:active, .groupCenter .mes_wrap .service-item-list .service-btn:hover {
          background: #E7E7E7;
}
#centerBtn {
  position: absolute;
  top: 5.5rem;
  left: 1.2rem;
  width: 7rem;
  height: 2.8rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATAAAAB6CAYAAAA4Tw9NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REZEM0E1OTI3QTU1MTFFRTk1N0ZFQjQxNTEyNkNFMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REZEM0E1OTM3QTU1MTFFRTk1N0ZFQjQxNTEyNkNFMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERkQzQTU5MDdBNTUxMUVFOTU3RkVCNDE1MTI2Q0UwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERkQzQTU5MTdBNTUxMUVFOTU3RkVCNDE1MTI2Q0UwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgfomdgAAAc0SURBVHja7N15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) no-repeat center center;
  background-size: 100% 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
  cursor: pointer;
}
#centerBtn img {
    position: absolute;
    width: 2.8rem;
    height: auto;
    left: .8rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
#centerBtn p {
    position: absolute;
    font-size: 1.4rem;
    color: #DBC15E;
    right: .7rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}