.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(../images/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;
          position: relative;
          justify-content: center; }
          .fadeins .box .head .mySwiper3 .swiper-slide.on {
            margin: 0 .4rem; }
            .fadeins .box .head .mySwiper3 .swiper-slide.on::after {
              content: '';
              width: 2.2rem;
              height: 1.1rem;
              background-image: url(../images/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(../images/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(../images/showicon_031.png);
        position: absolute;
        right: 0;
        top: .5rem;
        z-index: 9999; }
        .fadeins .box .slidebox .labs.on {
          background-image: url(../images/showicon_15.png); }
      .fadeins .box .slidebox .swiper {
        width: 100%;
        height: auto !important;
        overflow: hidden;
        background: #fff; }
        .fadeins .box .slidebox .swiper .swiper-wrapper {
          height: auto !important; }
        .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: table;
                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(../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;
              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 */