.main_vipbox {
    width: 100%;
    border-top: .1rem solid #f3f3f3;
    padding-bottom: 1rem; }
  
  .closess {
    width: .6rem;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    margin-top: .5rem; }
  
  .fadeins1 .box {
    margin: 0 auto; }
  
  .fadeins2 .box {
    margin: 0 auto; }
  
  
  .fadeins {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 8;
    display: block;
    align-items: flex-end;
    justify-content: center; 
    padding-top: 0px;}
    .fadeins .box {
      width: 100%;
      overflow: hidden;
      padding-top: 0.33rem; }
      .fadeins .box .head {
        width: 100%;
        height: .99rem;
        position: relative;
        background-size: 100% 100%;
        background-image: url(../image/showicon_05.png); }
        .fadeins .box .head .mySwiper3 {
          width: calc(100% - .15rem);
          overflow: hidden;
          height: 1.2rem;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
          .fadeins .box .head .mySwiper3 .swiper-slide {
            width: 1.1rem;
            height: 100%;
            margin: 0;
            display: flex;
            align-items: center;
            transition: all .2s;
            transform-origin: center center;
            position: relative;
            justify-content: center; }
            .fadeins .box .head .mySwiper3 .swiper-slide.on {
              width: 1.9rem;
              padding: 0 .4rem; }
              .fadeins .box .head .mySwiper3 .swiper-slide.on::after {
                content: '';
                width: 2.0rem;
                height: 1.1rem;
                background-image: url(../image/showicon_03.png);
                background-size: 100% 100%;
                position: absolute;
                bottom: .09rem;
                left: 50%;
                transform: translateX(-50%); }
              .fadeins .box .head .mySwiper3 .swiper-slide.on .lab {
                width: 1rem;
                height: 1rem; }
            .fadeins .box .head .mySwiper3 .swiper-slide .lab {
              width: .85rem;
              height: .85rem;
              border-radius: 50%;
              position: relative;
              z-index: 999;
              border: 2px solid #fff;
              overflow: hidden; }
              .fadeins .box .head .mySwiper3 .swiper-slide .lab img {
                display: block;
                width: 100% !important;
                height: 100% !important;
                object-fit: cover;
                border-radius: 50%; }
        .fadeins .box .head .mySwiper4 {
          width: calc(100% - .15rem);
          height: 1.2rem;
          position: absolute;
          left: 0;
          top: 50%;
          overflow: hidden;
          transform: translateY(-50%); }
          .fadeins .box .head .mySwiper4 .swiper-slide {
            width: 1.1rem;
            height: 100%;
            margin: 0;
            display: flex;
            align-items: center;
            position: relative;
            transform-origin: center center;
            transition: all .2s;
            justify-content: center; }
            .fadeins .box .head .mySwiper4 .swiper-slide.on {
              width: 1.9rem;
              padding: 0 .4rem; }
              .fadeins .box .head .mySwiper4 .swiper-slide.on::after {
                content: '';
                width: 2.0rem;
                height: 1.1rem;
                background-image: url(../image/showicon_03.png);
                background-size: 100% 100%;
                position: absolute;
                bottom: .09rem;
                left: 50%;
                transform: translateX(-50%); }
              .fadeins .box .head .mySwiper4 .swiper-slide.on .lab {
                width: 1rem;
                height: 1rem; }
            .fadeins .box .head .mySwiper4 .swiper-slide .lab {
              width: .85rem;
              height: .85rem;
              border-radius: 50%;
              position: relative;
              z-index: 999;
              border: 2px solid #fff;
              overflow: hidden; }
              .fadeins .box .head .mySwiper4 .swiper-slide .lab img {
                display: block;
                width: 100% !important;
                height: 100% !important;
                object-fit: cover;
                border-radius: 50%; }
      .fadeins .box .slidebox {
        width: 100%;
        position: relative; }
        .fadeins .box .slidebox .labs {
          width: 2.31rem;
          height: .72rem;
          background-size: 100% 100%;
          background-image: url(../image/showicon_031.png);
          position: absolute;
          right: 0;
          top: .5rem;
          z-index: 9999; }
          .fadeins .box .slidebox .labs.on {
            background-image: url(../image/showicon_15.png); }
        .fadeins .box .slidebox .swiper {
          width: 100%;
          height: auto !important;
          overflow: hidden;
          background: #fff; }
          .fadeins .box .slidebox .swiper .swiper-slide {
            width: 100%;
            overflow: hidden;
            padding: .7rem 0 .4rem 0;
            height: auto !important; }
            .fadeins .box .slidebox .swiper .swiper-slide .huf img {
              height: auto !important;
              margin-top: 6px !important;
              margin-left: 6px !important; }
            .fadeins .box .slidebox .swiper .swiper-slide .hu_p .sc img {
              margin: 0 !important;
              margin-right: 5px !important;
              height: 30px !important; }
              .fadeins .box .slidebox .swiper .swiper-slide .hu_p .pic img {
                width:1.7rem !important;height:1.65rem !important; margin:0 !important; display: inline-block;}
            .fadeins .box .slidebox .swiper .swiper-slide .he_zp {
              margin: 0 !important;
              margin-right: 5px !important;
              height: 30px !important; }
            .fadeins .box .slidebox .swiper .swiper-slide .hu_p .left {
              display: flex;
              align-items: center; }
            .fadeins .box .slidebox .swiper .swiper-slide .ovs {
              overflow: auto;
              width: 100%;
              padding: 0 .36rem;
              padding-bottom: .15rem;
              padding-top: .15rem;
              max-height: 7.5rem; }
              .fadeins .box .slidebox .swiper .swiper-slide .ovs::-webkit-scrollbar {
                width: 4px; }
              .fadeins .box .slidebox .swiper .swiper-slide .ovs::-webkit-scrollbar-thumb {
                border-radius: 1px;
                background: #FFD9E1; }
              .fadeins .box .slidebox .swiper .swiper-slide .ovs::-webkit-scrollbar-track {
                border-radius: 0;
                background: rgba(0, 0, 0, 0.05); }
            .fadeins .box .slidebox .swiper .swiper-slide .label {
              overflow: hidden;
              width: 100%;
              background: #fff;
              border-radius: .1rem;
              box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); }
              .fadeins .box .slidebox .swiper .swiper-slide .label.on {
                background: #E9EEF4;
                box-shadow: none; }
              .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref {
                display: block;
                width: 100%;
                box-sizing: border-box;
                padding: .26rem .33rem .3rem .38rem; }
                .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref .bots {
                  display: flex;
                  align-items: center;
                  width: 100%;
                  position: static;
                  justify-content: space-between;
                  margin-top: .25rem; }
                  .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref .bots p {
                    font-size: .2rem;
                    font-weight: normal;
                    color: #666666; }
                  .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref .bots span {
                    font-size: .2rem;
                    font-weight: normal;
                    color: #ee5472; }
                .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref .pic {
                  display: flex;
                  flex-wrap: wrap;
                  align-items: center; }
                  .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref .pic img {
                    width: 1.9rem !important;
                    margin: 0 !important;
                    margin-top: .12rem !important;
                    height: 1.65rem !important;
                    border-radius: .06rem;
                    margin-right: .14rem !important;
                    object-fit: cover; }
                    .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref .pic img:nth-child(3n) {
                      margin-right: 0 !important; }
                .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref em {
                  display: block;
                  font-size: 14px;
                  color: #333333;
                  line-height: .36rem;
                  margin-top: .1rem;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                  overflow: hidden; }
                  .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref em.on {
                    -webkit-line-clamp: 112; }
                .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref .t {
                  display: flex;
                  width: 100%;
                  align-items: center; }
                  .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref .t p {
                    font-size: .25rem;
                    font-weight: bold;
                    margin-right: .1rem;
                    float: left;
                    color: #000000; }
                  .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref .t > img {
                    height: 22px !important;
                    width: auto !important;
                    margin: 0 !important; }
                  .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref .t .content_delete img {
                    height: 15px !important;
                    width: auto !important;
                    margin: 0 !important; }
                  .fadeins .box .slidebox .swiper .swiper-slide .label .mySwiper-ahref .t span {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    padding: 0 .08rem;
                    font-size: .16rem;
                    color: #fff;
                    font-weight: bold;
                    height: .3rem;
                    background: #C3C4C4;
                    border-radius: .06rem; }
      .fadeins .box .list {
        width: 100%;
        display: flex;
        margin: .5rem 0 .3rem 0;
        padding: 0 .3rem 0 .24rem;
        justify-content: space-between;
        max-height: 4rem;
        overflow: auto;
        flex-wrap: wrap;
        background: #fff; }
        .fadeins .box .list::-webkit-scrollbar {
          width: 4px; }
        .fadeins .box .list::-webkit-scrollbar-thumb {
          border-radius: 1px;
          background: #FFD9E1; }
        .fadeins .box .list::-webkit-scrollbar-track {
          border-radius: 0;
          background: rgba(0, 0, 0, 0.05); }
        .fadeins .box .list .label {
          position: relative;
          padding-left: .3rem;
          margin-bottom: .18rem;
          display: flex;
          align-items: center;
          font-size: 12px; }
          .fadeins .box .list .label .grow {
            width: 2.96rem;
            padding: .2rem .4rem;
            border-radius: .06rem;
            border: 1px solid #EEEEEE;
            position: relative;
            overflow: hidden; }
            .fadeins .box .list .label .grow p {
              font-size: .25rem;
              margin-bottom: .08rem;
              color: #000000;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              font-weight: bold; }
            .fadeins .box .list .label .grow span {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              display: block;
              font-size: .19rem;
              color: #666666; }
            .fadeins .box .list .label .grow img {
              width: 1rem;
              position: absolute;
              right: 0;
              top: 0; }
            .fadeins .box .list .label .grow div {
              display: inline-flex;
              align-items: center;
              justify-content: center;
              padding: 0 .08rem;
              font-size: .16rem;
              color: #fff;
              height: .3rem;
              background: #C3C4C4;
              position: absolute;
              border-radius: 0 0 0 .1rem;
              right: 0;
              box-shadow: 0 2px 3px #DCDADA;
              top: 0; }
          .fadeins .box .list .label .icon {
            width: .58rem;
            height: .58rem;
            overflow: hidden;
            border-radius: 50%;
            box-shadow: 3px 3px 5px #BBBBBB;
            position: absolute;
            left: 0;
            z-index: 9;
            top: 50%;
            transform: translateY(-50%); }
            .fadeins .box .list .label .icon img {
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover; }
  
  .searchs {
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 auto;
    width: 4.44rem;
    background: #fff;
    border-radius: .08rem;
    margin-top: .18rem;
    height: .67rem; }
    .searchs input {
      width: 100%;
      height: 100%;
      border: none;
      outline: none;
      font-size: .23rem;
      color: #999999;
      padding-left: .18rem;
      background: none; }
    .searchs div {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      width: .75rem;
      font-size: .23rem;
      color: #fff;
      background: #FABBCC;
      border-radius: .08rem;
      z-index: 1;
      position: absolute;
      right: 0;
      top: 0; }
  
  .userinfobox {
    overflow: hidden;
    padding: .26rem .45rem .42rem .45rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .userinfobox .fr .online {
      display: flex;
      align-items: center;
      height: .53rem;
      width: 1.09rem;
      background-size: 100% 100%;
      background-image: url(https://www.sugar-garden.org/images/adbtn_03.png);
      font-size: .23rem;
      padding-bottom: .09rem;
      padding-right: .06rem;
      justify-content: center;
      color: #fff; }
    .userinfobox .fl .name {
      display: flex;
      align-items: center; }
      .userinfobox .fl .name p {
        font-size: .41rem;
        color: #000000;
        font-weight: bold;
        margin-right: .2rem; }
      .userinfobox .fl .name div {
        display: flex;
        align-items: center; }
        .userinfobox .fl .name div img {
          width: .37rem;
          box-shadow: 0 0 .2rem #77ACF8;
          border-radius: 50%;
          margin-left: -.08rem; }
          .userinfobox .fl .name div img:first-child {
            margin-left: 0; }
    .userinfobox .fl .address {
      display: flex;
      align-items: center;
      padding: .18rem 0; }
      .userinfobox .fl .address img {
        width: .23rem;
        margin-right: .06rem; }
      .userinfobox .fl .address span {
        font-size: .25rem;
        color: #999999; }
    .userinfobox .fl .labs {
      display: flex;
      align-items: center; }
      .userinfobox .fl .labs div {
        display: inline-flex;
        align-items: center;
        height: .44rem;
        margin-right: .15rem;
        box-shadow: 0 .05rem .1rem #FDE5EB;
        border-radius: .4rem;
        padding: 0 .15rem;
        background: #FFFAFC;
        border: 1px solid #FFD2DC; }
        .userinfobox .fl .labs div img {
          width: .22rem; }
        .userinfobox .fl .labs div span {
          font-size: .23rem;
          color: #808080;
          margin-left: .05rem; }
  
  .main_commits {
    width: 88.53333333333333%;
    margin: 0 auto; }
    .main_commits .item {
      width: 100%;
      overflow: hidden;
      margin-bottom: .3rem;
      border-radius: .2rem;
      box-shadow: 0 .06rem .05rem #F4F4F4;
      border: 1px solid #FAF0F2; }
      .main_commits .item .link {
        height: 1.16rem;
        display: flex;
        align-items: center;
        width: calc(100% - .4rem);
        margin: 0 auto;
        justify-content: space-between;
        border-top: 1px dashed #C7C7C7; }
        .main_commits .item .link .look {
          overflow: hidden; }
          .main_commits .item .link .look a {
            display: flex;
            align-items: center;
            font-size: .24rem;
            color: #666666;
            font-weight: bold; }
            .main_commits .item .link .look a img {
              width: .14rem;
              margin-left: .5rem; }
        .main_commits .item .link .btns {
          width: 1.75rem;
          height: .52rem;
          border-radius: .5rem;
          position: relative;
          background: #e9e9e9; }
          .main_commits .item .link .btns::after {
            content: '';
            width: 1px;
            height: .58rem;
            position: absolute;
            left: -.58rem;
            top: 50%;
            transform: translateY(-50%);
            background: #E8E8E8; }
          .main_commits .item .link .btns.on {
            background: #FED3DC;
            box-shadow: 0 .05rem .1rem #CFCFCF; }
            .main_commits .item .link .btns.on a {
              color: #fe5073; }
            .main_commits .item .link .btns.on.avtice {
              box-shadow: inset 5px 5px 3px 0px rgba(0, 0, 0, 0.05); }
          .main_commits .item .link .btns a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            font-size: .23rem;
            font-weight: bold;
            color: #c1c1c1; }
      .main_commits .item .heads {
        width: 100%;
        background-image: linear-gradient(#FFF6F7, #fff, #fff);
        padding: .2rem .2rem .3rem .2rem; }
        .main_commits .item .heads .ls {
          overflow: hidden;
          width: 100%; }
          .main_commits .item .heads .ls .lab {
            overflow: hidden;
            display: flex;
            align-items: center;
            margin-bottom: .18rem; }
            .main_commits .item .heads .ls .lab:last-child {
              margin-bottom: 0; }
            .main_commits .item .heads .ls .lab .f {
              padding: .14rem .14rem .14rem .3rem;
              font-size: .2rem;
              color: #ff6e8c;
              border-radius: .12rem;
              background: #fffbfc;
              margin-left: -.22rem;
              border: 1px solid #FFE6EA;
              overflow: hidden;
              max-width: calc(100% - .61rem + .22rem);
              text-overflow: ellipsis;
              white-space: nowrap; }
            .main_commits .item .heads .ls .lab .p {
              width: .61rem;
              height: .61rem;
              position: relative;
              z-index: 99;
              border-radius: 50%;
              overflow: hidden;
              border: 1px solid #FFE6EA; }
              .main_commits .item .heads .ls .lab .p img {
                width: 100%;
                height: 100%;
                object-fit: cover; }
        .main_commits .item .heads .ts {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          height: .9rem; }
          .main_commits .item .heads .ts .user {
            height: 100%;
            display: flex;
            align-items: center; }
            .main_commits .item .heads .ts .user .u {
              display: flex;
              align-items: center; }
              .main_commits .item .heads .ts .user .u img {
                width: .46rem;
                border-radius: 50%;
                height: .46rem !important;
                margin-left: -.12rem;
                object-fit: cover; }
                .main_commits .item .heads .ts .user .u img:first-child {
                  margin-left: 0; }
            .main_commits .item .heads .ts .user .num {
              width: .9rem;
              height: .9rem;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 50%;
              margin-left: .05rem;
              font-size: .34rem;
              color: #333333;
              font-weight: bold;
              background-image: linear-gradient(#f5c5cf, #fefbfc);
              border: 1px solid #F5C5CF; }
          .main_commits .item .heads .ts .name {
            display: flex;
            align-items: center;
            padding-top: .1rem; }
            .main_commits .item .heads .ts .name img {
              width: .28rem;
              margin-left: .1rem; }
            .main_commits .item .heads .ts .name p {
              font-size: .31rem;
              color: #595858;
              font-weight: bold; }
  
  .data_list {
    overflow: hidden;
    width: 88.53333333333333%;
    margin: 0 auto;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.06);
    padding: .3rem .2rem;
    border-radius: .25rem;
    padding-bottom: .4rem; }
    .data_list li {
      overflow: hidden;
      width: 100%;
      height: .71rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px dashed #F0F0F0;
      padding-left: .18rem; }
      .data_list li p {
        font-size: .27rem;
        color: #666666; }
      .data_list li span {
        display: block;
        font-size: .3rem;
        width: 2.22rem;
        color: #999999; }
  
  .mySwiperss {
    width: 100%;
    padding-bottom: .3rem;
    overflow: hidden; }
    .mySwiperss > .swiper-wrapper {
      height: auto !important;
      padding-bottom: .3rem; }
    .mySwiperss .swiper-slide {
      width: 100%;
      display: block !important;
      height: auto !important; }
      .mySwiperss .swiper-slide img {
        height: auto !important; }
  
  .userinfos {
    overflow: hidden;
    width: 88.53333333333333%;
    margin: 0 auto;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.06);
    padding-bottom: .55rem;
    border-radius: .25rem; }
    .userinfos .child {
      overflow: hidden;
      width: 100%;
      padding: 0 .21rem; }
      .userinfos .child .item {
        width: 100%;
        overflow: hidden;
        margin-top: .34rem; }
        .userinfos .child .item .tit {
          font-size: .27rem;
          color: #666666;
          margin-bottom: .15rem; }
          .userinfos .child .item .tit span {
            color: #fd5678; }
        .userinfos .child .item .list {
          overflow: hidden;
          width: 100%;
          border-radius: .15rem;
          border: 1px solid #F1F1F1;
          padding: .15rem .16rem 0 .16rem; }
          .userinfos .child .item .list .items {
            overflow: hidden;
            width: 100%;
            margin-bottom: .25rem; }
            .userinfos .child .item .list .items .t {
              font-size: .26rem;
              color: #666666; }
            .userinfos .child .item .list .items .font {
              overflow: hidden;
              background: #F8F8F8;
              font-size: .26rem;
              color: #999999;
              line-height: 1.5;
              border-radius: .1rem;
              padding: .12rem .2rem;
              margin-top: .1rem; }
            .userinfos .child .item .list .items .lb_ls {
              display: flex;
              overflow: hidden;
              flex-wrap: wrap; }
              .userinfos .child .item .list .items .lb_ls div {
                overflow: hidden;
                border-radius: .4rem;
                border: 1px solid #FFD2DC;
                padding: 0 .16rem;
                font-size: .26rem;
                line-height: 1.4;
                color: #808080;
                background: #FFF8FA;
                padding: .06rem .16rem;
                margin-right: .12rem;
                margin-top: .12rem; }
      .userinfos .child .bqbox {
        width: 100%;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        padding: .08rem 0 .35rem 0;
        border-bottom: 1px dashed #E1E1E1; }
        .userinfos .child .bqbox div {
          height: .44rem;
          display: flex;
          align-items: center;
          padding: 0 .1rem;
          border-radius: .4rem;
          margin-right: .13rem;
          margin-top: .16rem;
          border: 1px solid #FFCDD8;
          background: #FFF8FA;
          font-size: .26rem;
          color: #808080; }
          .userinfos .child .bqbox div img {
            width: .3rem;
            height: auto !important;
            margin-right: .05rem; }
    .userinfos .labbox {
      width: 100%;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #E8E8E8; }
      .userinfos .labbox .mySwipers {
        width: 100%;
        overflow: hidden; }
        .userinfos .labbox .mySwipers .swiper-slide {
          width: auto;
          margin: 0 !important;
          position: relative; }
          .userinfos .labbox .mySwipers .swiper-slide::after {
            content: '';
            width: 1px;
            height: .42rem;
            background: #E8E8E8;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%); }
          .userinfos .labbox .mySwipers .swiper-slide:last-child::after {
            display: none; }
          .userinfos .labbox .mySwipers .swiper-slide .lab {
            height: .84rem;
            display: flex;
            align-items: center;
            font-weight: bold;
            justify-content: center;
            font-size: .25rem;
            padding: 0 .22rem;
            color: #555555;
            position: relative; }
            .userinfos .labbox .mySwipers .swiper-slide .lab img {
              width: .27rem;
              margin-right: .08rem;
              height: auto !important; }
  
  .main_tabbar {
    height: 1rem;
    width: 88.53333333333333%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .main_tabbar p {
      display: flex;
      font-size: .3rem;
      color: #ee5472;
      cursor: pointer;
      font-weight: bold;
      position: relative;
      justify-content: center;
      align-items: center;
      height: 100%; }
      .main_tabbar p.on::after {
        content: '';
        width: .85rem;
        height: .1rem;
        background-image: linear-gradient(to right, #FF95AD, #FEEDEF);
        transform: translateX(-50%);
        position: absolute;
        left: 50%;
        bottom: .08rem;
        border-radius: .1rem; }
  
  .main_boxs {
    width: 100%; }
    .main_boxs .main_items {
      margin: 0 auto;
      padding-top: .3rem;
      width: 97%; }
      .main_boxs .main_items .messages {
        width: 100%; }
        .main_boxs .main_items .messages li {
          overflow: hidden;
          width: 88.53333333333333%;
          margin: 0 auto;
          border-radius: .2rem;
          background: #fff;
          position: relative;
          margin-bottom: .24rem;
          box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.06); }
          .main_boxs .main_items .messages li.on {
            box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.06); }
          .main_boxs .main_items .messages li::after {
            content: '';
            width: .1rem;
            height: .27rem;
            background: #FF95AD;
            position: absolute;
            left: 0;
            top: .3rem; }
          .main_boxs .main_items .messages li a {
            display: block;
            width: 100%;
            padding: .26rem .21rem;
            box-sizing: border-box; }
            .main_boxs .main_items .messages li a p {
              font-size: .27rem;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              font-weight: bold;
              color: #555555;
              margin-bottom: .18rem; }
            .main_boxs .main_items .messages li a span {
              display: block;
              font-size: .24rem;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              color: #999999; }
  
  @media (max-width: 992px) {
    .fadeins{
      padding-top: 0px; }
    .rightbg {
      background: none !important;
      width: 87%;
      background: #ffffff;
      margin: 0 auto;
      padding: 0px 0; } }
  @media (min-width: 1200px) {
    html {
      font-size: 58px !important; }
  
    .fadeins{
      padding-top: 0px; }
  
    .userinfobox {
      width: 88.53333333333333%;
      margin: 0 auto;
      padding: .26rem 0 .42rem 0; }
  
    .main_vipbox {
      width: 88.53333333333333%;
      margin: 0 auto; }
  
    .main_tabbar, .userinfos, .data_list, .main_commits, .main_boxs .main_items .messages li {
      width: 100%; }
  
    .main_vipbox {
      border-top: 2px solid #f3f3f3; } }
  @media (max-width: 1920px) and (min-width: 991px) {
    .fadeins{
      padding-top: 0px; }
  
    .userinfobox, .main_vipbox {
      width: 60% !important;
      margin: 0 auto; }
  
    .userinfobox {
      padding: .26rem 0 .42rem 0 !important; }
  
    .main_tabbar {
      width: 75%; }
  
    .userinfos, .data_list, .main_boxs .main_items .messages li, .main_commits {
      width: 100%; } }
  @media (max-width: 991px) {
    .fadeins{
      padding-top: 150px; }
  
    .userinfobox, .main_vipbox {
      width: 87% !important;
      margin: 0 auto; }
  
    .userinfobox {
      padding: .26rem 0 .42rem 0 !important; }
  
    .main_tabbar {
      width: 85%; }
  
    .userinfos, .data_list, .main_boxs .main_items .messages li, .main_commits {
      width: 100%; } }
  @media (min-width: 768px) {
    .fadeins{
      padding-top: 0px; }
  
    .fadeins .box {
      width: 450px;
      border-radius: .15rem; }
  
    .fadeins {
      display: flex;
      align-items: center;
      justify-content: center; } }
  @media (max-width: 768px) {
    .fadeins{
      padding-top: 150px; }
  
    .userinfobox, .main_vipbox {
      width: 100% !important;
      margin: 0 auto; }
  
    .userinfobox {
      padding: .26rem .45rem .42rem .45rem !important; }
  
    .main_tabbar {
      width: 85%; }
  
    .userinfos, .data_list, .main_boxs .main_items .messages li, .main_commits {
      width: 88.53333333333333%; }
  
    .closess {
      display: none; } }
  
  /*# sourceMappingURL=csss.css.map */