.person-center {
  min-height: 100%;
}

.person-center_header {
  padding-bottom: 37.3333%;
  background-image: url("../img/person_center/bg_me_head_slices/bg_me_head.png");
  background-size: cover;
  position: relative;
  margin-bottom: .786667rem;
}

.person-center > main {
  min-height: 9.12rem;

  position: relative;

}

.person-center_default-btn {
  position: absolute;


  left:50%;
  top:50%;

  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);

  display: none;
  max-width:  3.413333rem;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  height:  1.093333rem;
  padding: .333333rem .72rem;

  line-height: 0.7333rem;
  text-align: center;
  color:#fff;
  font-size:  .426667rem;

  background-image: url("../img/person_center/btn_infofinished@3x.png");
  background-size:  100% 100%;

}
.person-center_name {
  position: absolute;
  top: 50%;
  left: 0.53333rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0.74667rem;
  font-weight: bold;
}

.person-center_btn {
  position: absolute;
  top: 40%;
  right: 0;
  transform: translateY(-50%);
  text-align: right;
  height: 5.8667vw;
  line-height: 5.8667vw;
  color: #fff;
  padding-left: .5rem;
  padding-right: .133333rem;
  background-repeat: no-repeat;
  background-position: 10% center;
  background: linear-gradient(90deg, #1384ff, #fd1483);
  opacity: 0.9;
  border-radius: .413333rem 0px 0px .413333rem;
}

.person-center_btn1 {
  position: absolute;
  top: 40%;
  right: 0;
  transform: translateY(-50%);
  text-align: right;
  height: 5.8667vw;
  line-height: 5.8667vw;
  color: #fff;
  padding-left: .5rem;
  padding-right: .133333rem;
  background-repeat: no-repeat;
  background-position: 10% center;
  background: linear-gradient(90deg, #1384ff, #fd1483);
  opacity: 0.9;
  border-radius: .413333rem 0px 0px .413333rem;
}

.person-center_btn:after {
  content: '';
  position: absolute;
  left: .133333rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .346667rem;
  height: .32rem;
  background-image: url("../icons/icon_giftrecord_slices/icon_giftrecord.png");
  background-size: cover;
}

.person-center_btn1:after {
  content: '';
  position: absolute;
  left: .133333rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .346667rem;
  height: .32rem;
  background-image: url("../icons/icon_giftrecord_slices/icon_giftrecord.png");
  background-size: cover;
}

.person-center_btn--feedback {
  top: 60%;
  background: #CBDFFF;
  color: #5488E7;
}

.person-center_btn--feedback::after {
  background-image: url(../img/person_center/icon_msg@2x.png);
}

.person-center .win-pop {
  position: fixed;
  top: 50%;
  left: .666667rem;
  right: .666667rem;
  max-height: 66vh;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: .213333rem;
  background: #fafafa;
  border-radius: .213333rem;
  z-index: 9999;
  display: none;
  background-color: #fff;
}

.person-center .win-pop .close-btn {

  position: absolute;

  right: 0;
  top: -.966667rem;

  background-color: rgba(0, 0, 0, 0.02);

  content: '';
  display: block;

  width:  .8rem;
  height: .8rem;
}

.person-center .win-pop__head-logo {
  width: 2.4rem;
  height: 2.266667rem;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-53%, -53%);
  transform: translate(-53%, -53%);
  background-image: url("../img/person_center/bg_getprize.png");
  background-size: cover;
}

.person-center .win-pop__head-logo--lose {
  background-image: url("../img/person_center/webwxgetmsgimg.jpeg");
}

.person-center .win-pop__main {
  margin-top: 1.626667rem;
  border-radius: .213333rem .213333rem 0 0;
  margin-bottom: .133333rem;
  max-height: 50vh;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.person-center .win-pop__main .win-pop__ctn {
  /* padding-bottom: 0.52rem; */
  margin-bottom:0.52rem;
  position:relative;
}

.person-center .win-pop__main .win-pop__ctn:last-child {
  margin-bottom: 1.333333rem;
}

.person-center .win-pop__main .win-pop__ctn .win-pop__txt {
  font-size: .426667rem;
  color: #999;
  margin-left: .6rem;
}

.person-center .win-pop__main .win-pop__ctn .win-pop__price-info {
  font-size: .426667rem;
  font-weight: bold;
  color: #fd1483;
  line-height: .613333rem;
  background: -webkit-gradient(linear, right top, left top, from(#ff7585), to(#fd1483));
  background: linear-gradient(-90deg, #ff7585 0%, #fd1483 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 1.066667rem;
  position: relative;

  font-weight: normal;
}

.person-center .win-pop__audit-status {
  color:#1384FF;
}

.person-center .win-pop__term {
  max-width: 1.333333rem;
  height: .533333rem;
  padding: .12rem.213333rem .12rem .226667rem;

  background:rgba(238,238,238,1);
  border-radius: .293333rem 0 0 .293333rem;

  font-size: .32rem;
  line-height:0.533333rem;
  text-align:center;
  color:#999;
  font-weight: 400;

  position:absolute;
  right:0;
  top:50%;

  transform:translateY(-50%);
}

.person-center .win-pop__main .win-pop__ctn .win-pop__price-info::after {
  content: '';
  background-image: url("../img/person_center/icon_prize.png");
  background-size: cover;
  display: block;
  width: .36rem;
  height: .426667rem;
  position: absolute;
  left: -.446667rem;
  top: 50%;
  margin-top: -0.25333rem;
}

.person-center .win-pop__main .win-pop__ctn .win-pop__price-time {
  width: 3.4rem;
  height: 0.25rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.61rem;
  margin-left: 1.066667rem;
}

.person-center .win-pop_ftr {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: .48rem;
  color: #333;
  height: 1.333333rem;
  line-height: 1.333333rem;
  z-index: 999;
  background-color: #fafafa;
  border-radius: 0 0 .213333rem .213333rem;

  border-top:solid 0.0133333rem #e5e5e5;
}

.person-center .identy-code-pop {
  position: fixed;
  left: .666667rem;
  right: .666667rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 4.433333rem;
  z-index: 9999;
  background-color: #fff;
  border-radius: .213333rem;

  display: none;
}

.identy-code-pop .close-btn {
  position: absolute;

  right: 0;
  top: -.966667rem;

  background-color: rgba(0, 0, 0, 0.02);

  content: '';
  display: block;

  width:  .8rem;
  height: .8rem;
}

.person-center .identy-code-pop main {
  width: 100%;
  height: 3.093333rem;
}

.person-center .identy-code-pop .cell {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 50%;
  padding: .533333rem 0;
  margin: 0 .533333rem;
  border-bottom: solid .013333rem #E5E5E5;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  vertical-align: top;
}

.person-center .identy-code-pop .cell:last-child {
  border-bottom: none;
}

.person-center .identy-code-pop .cell:first-child input {
  width: 100%;
}

.person-center .identy-code-pop .cell input {
  font-size: .373333rem;
}

.person-center .identy-code-pop .vcode-btn {
  width: 1.066667rem;
  height: 0.53333rem;
  text-align: center;
  background-color: #1384FF;
  border-radius: .106667rem;
  color: #fff;
  font-size: .32rem;
  line-height: .583333rem;


}

.person-center .identy-code-pop .identy-code-pop__ftr {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1.333333rem;
  background-color: #FAFAFA;
  border-top: solid .013333rem #E5E5E5;
  line-height: 1.333333rem;

  border-radius:  0 0 .213333rem .213333rem;

}

.person-center .identy-code-pop .identy-code-pop__ftr .identy-code-pop_btn {
  display: inline-block;
  width: 48%;
  text-align: center;
  font-size: .48rem;
  color: #333;
}

.person-center .identy-code-pop .identy-code-pop__ftr .identy-code-pop_btn:first-child {
  border-right: solid .013333rem #E5E5E5;
}

.person-center .identy-code-pop .identy-code-pop__ftr .identy-code-pop_cel-btn {
  color: #999;
}

.tab {
  padding: 0 .533333rem;
}

.tab_nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  height: .48rem;
  line-height: .48rem;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #999;
  margin-bottom: .4rem;
}

.tab-nav_item {
  font-size: .373333rem;
}

.tab-nav_item--active {
  font-size: .48rem;
  font-weight: bold;
  color: #1384FF;
}

.tab_panel {
  background: white;
  -webkit-box-shadow: 0 .133333rem .333333rem 0 rgba(19, 132, 255, 0.07);
  box-shadow: 0 .133333rem .333333rem 0 rgba(19, 132, 255, 0.07);
  border-radius: .213333rem;

  position: relative;
  margin-bottom: 2.333333rem;
}

.tab-panel_item {
  display: none;
}

.tab-panel_item .picker-opner {
  position: relative;
}

.tab-panel_item .picker-opner--active::after {
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  background-image: url("../icons/icon_more_slices/icon_more.png");
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.08rem;
}

.tab-panel_item .address-picker-opner {
  padding-bottom: 1.186667rem;
}

.tab-panel_item--active {
  display: block;
}

.tab-panel_edit-btn {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("../icons/icon_edit_slices/icon_edit.png");
  background-size: cover;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  z-index: 999;
}

.tab-panel_edit-btn--editing {
  background-image: url("../icons/icon_me_save_slices/icon_me_save.png");
}

.layer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: black;
  opacity: 0.6;
  z-index: 999;
   display: none;
}

.win-pop_text-info {
  color:#999999;
  padding-left: 1rem;
}

.weui-label {
  padding-left: .266667rem;
}

.weui-cells::before {
  display: none;
}