.top {
  position: relative; }
  .top .banner {
    width: 7.5rem;
    height: 12rem;
    background: url("../img/person/top/banner.jpg?v=2") center no-repeat;
    background-size: contain; }
  .top .reward {
    position: absolute;
    top: 1.03rem;
    left: .4rem; }
    .top .reward .prize {
      width: 6.6rem;
      height: 7.8rem;
      background: url("../img/person/top/bg.png?v=2") center no-repeat;
      background-size: contain; }
      .top .reward .prize .reward_tips {
        color: #6e6e6e;
        font-size: .24rem;
        text-align: center;
        margin-top: .2rem; }
      .top .reward .prize .title {
        font-size: .28rem;
        color: #3e3b71;
        text-align: center;
        padding-top: .55rem; }
      .top .reward .prize .prizeName {
        text-align: center;
        font-size: .44rem;
        color: #bc2e44;
        margin-top: .16rem;
        font-weight: bolder; }
      .top .reward .prize .prizeimg {
        width: 6.07rem;
        height: 5.17rem;
        background: url("../img/person/top/prize.png?v=2");
        margin: .3rem auto auto auto;
        background-size: contain; }
    .top .reward .upper, .top .reward .end, .top .reward .activityEnd {
      width: 6.78rem;
      height: 7.98rem; }
  .top .btn {
    width: 4.6rem;
    height: 1rem;
    background: url("../img/person/top/btn.png?v=2") center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 1.5rem;
    left: 1.6rem;
    z-index: 10; }
  .top .tips {
    font-size: .24rem;
    position: absolute;
    bottom: 1rem;
    width: 100%;
    text-align: center; }
    .top .tips span {
      font-weight: 500;
      color: #ffffff; }
    .top .tips span:nth-child(1) {
      color: #ffffff; }
    .top .tips span:nth-child(2), .top .tips span:nth-child(3) {
      color: #D3C7AF; }

.details {
  width: 7.5rem;
  max-height: 13.84rem;
  min-height: 6rem;
  background: url("../img/person/details/banner.jpg?v=2") top no-repeat;
  background-size: cover;
  position: relative; }
  .details .content {
    padding-top: 2.63rem;
    margin-left: .3rem;
    position: relative; }
    .details .content .openContent, .details .content .nothing {
      width: 6.6rem;
      height: 1.6rem;
      background: url("../img/person/details/bg.png?v=2") center no-repeat;
      background-size: contain;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 .1rem 0 .18rem;
      margin-bottom: .3rem; }
      .details .content .openContent .right, .details .content .nothing .right {
        padding: .2rem 0 0 .2rem; }
        .details .content .openContent .right .name, .details .content .nothing .right .name {
          margin-bottom: .16rem; }
          .details .content .openContent .right .name .head, .details .content .nothing .right .name .head {
            display: flex;
            align-items: center; }
            .details .content .openContent .right .name .head .headimg, .details .content .nothing .right .name .head .headimg {
              width: .5rem;
              height: .5rem; }
            .details .content .openContent .right .name .head span, .details .content .nothing .right .name .head span {
              font-size: .32rem;
              color: #d54943;
              font-weight: bolder; }
        .details .content .openContent .right .get, .details .content .openContent .right .time, .details .content .nothing .right .get, .details .content .nothing .right .time {
          color: #f38136;
          font-size: .22rem;
          margin-bottom: .12rem;
          margin-left: .1rem; }
      .details .content .openContent .left, .details .content .nothing .left {
        border-radius: .3rem;
        background: #ffffff;
        position: relative;
        margin-right: .2rem; }
        .details .content .openContent .left .get, .details .content .nothing .left .get {
          width: 1.3rem;
          height: 1.3rem;
          position: relative;
          overflow: hidden;
          margin: 0.08rem; }
          .details .content .openContent .left .get img, .details .content .nothing .left .get img {
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: .3rem; }
        .details .content .openContent .left .tips, .details .content .nothing .left .tips {
          position: absolute;
          font-size: .24rem;
          color: #e9bab8;
          background: #CC3A35;
          padding: .07rem;
          top: .07rem;
          left: -.13rem; }
    .details .content .nothing {
      color: #ffffff;
      display: block;
      line-height: 1.6rem;
      text-align: center; }
  .details .btn {
    width: 3.8rem;
    height: 1rem;
    background: url("../img/person/details/btn.png?v=2") center no-repeat;
    background-size: contain;
    margin: 0 auto; }
  .details .detailsTips {
    font-size: .24rem;
    color: #f38136;
    text-align: center;
    margin-top: .1rem; }

.bagReward {
  width: 7.5rem;
  min-height: 6rem;
  max-height: 15.94rem;
  background: url("../img/person/bagReward/banner.jpg?v=2") top no-repeat;
  background-size: cover; }
  .bagReward .content {
    padding: 3.67rem .46rem 0 .46rem;
    position: relative; }
    .bagReward .content .bag, .bagReward .content .nothing {
      width: 6.6rem;
      height: 1.6rem;
      padding: .1rem 0 0 .1rem;
      display: flex;
      margin-bottom: .2rem;
      background: url("../img/person/details/bg.png?v=2") center no-repeat;
      background-size: contain; }
      .bagReward .content .bag .headimg, .bagReward .content .nothing .headimg {
        background: #ffffff;
        border-radius: .3rem;
        width: 1.4rem;
        height: 1.4rem;
        margin: 0.05rem 0 0 0.02rem; }
      .bagReward .content .bag .get, .bagReward .content .nothing .get {
        width: 1.3rem;
        height: 1.3rem;
        position: relative;
        overflow: hidden;
        margin: 0 auto; }
        .bagReward .content .bag .get img, .bagReward .content .nothing .get img {
          position: relative;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          border-radius: .3rem; }
      .bagReward .content .bag .introduce, .bagReward .content .nothing .introduce {
        margin-left: .15rem; }
        .bagReward .content .bag .introduce .title, .bagReward .content .nothing .introduce .title {
          display: flex;
          align-items: center;
          margin-bottom: .24rem;
          margin-top: .15rem; }
          .bagReward .content .bag .introduce .title .category, .bagReward .content .nothing .introduce .title .category {
            font-size: .24rem;
            color: #e9bab8;
            background: #BF3148;
            padding: 0.07rem; }
          .bagReward .content .bag .introduce .title .name, .bagReward .content .nothing .introduce .title .name {
            font-size: .32rem;
            color: #d54943;
            margin-left: .1rem;
            font-weight: bolder; }
        .bagReward .content .bag .introduce .come, .bagReward .content .bag .introduce .time, .bagReward .content .nothing .introduce .come, .bagReward .content .nothing .introduce .time {
          font-size: .22rem;
          color: #f38136;
          margin-bottom: .13rem; }
    .bagReward .content .nothing {
      color: #ffffff;
      display: block;
      line-height: 1.6rem;
      text-align: center; }
  .bagReward .content:last-child {
    margin-bottom: 0;
    padding-bottom: .2rem; }

.bottom {
  width: 7.5rem;
  height: 11.26rem;
  background: url("../img/person/bottom/banner.jpg?v=2") center no-repeat;
  background-size: contain; }
  .bottom .roleContent {
    padding: 2rem .43rem 0 .43rem; }
    .bottom .roleContent .role {
      font-size: .24rem;
      color: #bf7a66; }
      .bottom .roleContent .role p {
        margin-bottom: .32rem;
        line-height: .35rem; }
  .bottom .copyrightContent .logo {
    width: 1.48rem;
    height: 1.78rem;
    background: url("../img/logo.png?v=2") center no-repeat;
    background-size: contain;
    margin: 1.8rem auto auto auto; }
  .bottom .copyrightContent .company {
    margin-bottom: .1rem; }
  .bottom .copyrightContent .copyright {
    color: #a1abeb;
    text-align: center;
    font-size: .2rem;
    margin-top: .2rem; }

.jump {
  width: 6.6rem;
  height: 4rem;
  background: url("../img/index/dialog/jump/bg.png?v=2") center no-repeat;
  background-size: contain;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10; }
  .jump .tips {
    margin-top: 1.3rem;
    text-align: center;
    font-size: .4rem;
    color: #d54943; }
  .jump .cancel, .jump .determine {
    width: 2.6rem;
    height: .8rem; }
  .jump .btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: .8rem; }
    .jump .btn .cancel {
      background: url("../img/index/dialog/cancel.png?v=2") center no-repeat;
      background-size: contain; }
    .jump .btn .determine {
      background: url("../img/index/dialog/determine.png?v=2") center no-repeat;
      background-size: contain; }
  .jump .close {
    width: .8rem;
    height: .8rem;
    background: url("../img/index/dialog/close.png?v=2") center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -1.2rem;
    left: 2.88rem; }

.share {
  width: 6.6rem;
  height: 4.4rem;
  background: url("../img/index/dialog/share/bg.png?v=2") center no-repeat;
  background-size: contain;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10; }
  .share .tips {
    margin: .7rem .6rem 0 .6rem;
    text-align: center;
    font-size: .4rem;
    color: #d54943; }
  .share .input {
    width: 5.39rem;
    height: .67rem;
    margin: .24rem auto auto auto; }
    .share .input input {
      width: 100%;
      height: 100%;
      border: none;
      background: #ffffff;
      padding-left: .18rem; }
  .share .copy {
    width: 3.4rem;
    height: .8rem; }
  .share .btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 0.75rem; }
    .share .btn .copy {
      background: url("../img/index/dialog/share/btn.png?v=2") center no-repeat;
      background-size: contain; }
  .share .close {
    width: .8rem;
    height: .8rem;
    background: url("../img/index/dialog/close.png?v=2") center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -1.2rem;
    left: 2.88rem; }

.choice {
  width: 6.6rem;
  height: 5.6rem;
  background: url("../img/index/dialog/choice/bg.png?v=2") center no-repeat;
  background-size: contain;
  position: fixed;
  z-index: 11;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  .choice .headContent {
    padding: 1.33rem .4rem 0 .4rem;
    display: flex; }
    .choice .headContent .head {
      flex: 1;
      text-align: center; }
      .choice .headContent .head .headimgActive {
        width: 1.6rem;
        height: 1.6rem;
        background: url("../img/index/dialog/choice/head-active.png?v=2") center no-repeat;
        background-size: contain;
        margin: 0 auto .08rem auto; }
      .choice .headContent .head .headimg {
        width: 1.5rem;
        height: 1.5rem;
        padding-top: .05rem;
        margin: 0 auto;
        padding-bottom: .08rem; }
      .choice .headContent .head .name {
        font-size: .26rem; }
      .choice .headContent .head .id {
        font-size: .2rem; }
      .choice .headContent .head .name, .choice .headContent .head .id {
        color: #504c95; }
      .choice .headContent .head .nameActive, .choice .headContent .head .idActive {
        color: #6f7bca; }
  .choice .btn {
    width: 4.6rem;
    height: 1rem;
    background: url("../img/index/dialog/choice/btn.png?v=2") center no-repeat;
    background-size: contain;
    margin: .4rem auto auto auto; }
  .choice .close {
    width: .8rem;
    height: .8rem;
    background: url("../img/index/dialog/close.png?v=2") center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -1.2rem;
    left: 2.88rem; }

.bind {
  width: 6.6rem;
  height: 4rem;
  background: url("../img/index/dialog/bind/bg.png?v=2") center no-repeat;
  background-size: contain;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10; }
  .bind .name {
    margin-top: 1.07rem;
    text-align: center;
    font-size: .44rem;
    color: #504c95; }
  .bind .tips {
    font-size: .28rem;
    color: #c03149;
    text-align: center;
    margin-top: .16rem; }
  .bind .cancel, .bind .determine {
    width: 2.6rem;
    height: .8rem; }
  .bind .btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: .64rem; }
    .bind .btn .cancel {
      background: url("../img/index/dialog/cancel.png?v=2") center no-repeat;
      background-size: contain; }
    .bind .btn .determine {
      background: url("../img/index/dialog/determine.png?v=2") center no-repeat;
      background-size: contain; }
  .bind .close {
    width: .8rem;
    height: .8rem;
    background: url("../img/index/dialog/close.png?v=2") center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -1.2rem;
    left: 2.88rem; }

/*# sourceMappingURL=person.css.map */