.component-common-loading {
  position: fixed;
  z-index: 1001;
  margin-top: -0.4rem;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0.24rem 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 1.84rem;
  min-height: 0.8rem;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 0.06rem;
}
.component-common-loading .loading-content {
  font-size: 0.26rem;
  line-height: 0.32rem;
  color: rgba(255, 255, 255, 0.9);
  word-wrap: break-word;
  text-align: center;
}
.component-common-toast {
  position: fixed;
  z-index: 1001;
  margin-top: -0.4rem;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0.24rem 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 1.84rem;
  min-height: 0.8rem;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 0.06rem;
}
.component-common-toast .toast-content {
  font-size: 0.26rem;
  line-height: 0.32rem;
  color: rgba(255, 255, 255, 0.9);
  word-wrap: break-word;
  text-align: center;
}

.top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.88rem;
  width: 100%;
  position: relative;
  background-color: transparent;
}
.top-bar:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.01rem;
  border-bottom: 0.02rem solid rgba(255, 255, 255, 0.08);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.top-bar.light:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.01rem;
  border-bottom: 0.02rem solid rgba(22, 24, 35, 0.12);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.top-bar-dark {
  color: rgba(0, 0, 0, 0.9);
}
.top-bar-light {
  color: #404040;
  border-bottom: 0.01rem solid #e0e0e0;
}
.top-bar-noBottom:after {
  content: none;
  border-bottom: none;
}
.top-bar .bar-access {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  outline: none;
}
.top-bar .bar-left {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 0.16rem;
  height: 0.88rem;
  line-height: 0.88rem;
}
.top-bar .bar-title {
  display: inline-block;
  text-align: center;
  line-height: 0.88rem;
}
.top-bar .bar-right {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 0.16rem;
  height: 0.88rem;
  line-height: 0.88rem;
}
.toutiao-title {
  color: #222;
  border-bottom: 0.02rem solid #e8e8e8;
}
html[lang="ar"] .top-bar {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
html[lang="ar"] .top-bar .bar-title {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.light .top-bar:after {
  border-bottom: 0.02rem solid rgba(22, 24, 35, 0.12);
}
.light .top-bar.light:after {
  border-bottom: 0.02rem solid rgba(22, 24, 35, 0.12);
}
.light .top-bar-dark {
  color: rgba(0, 0, 0, 0.9);
}
.light .top-bar-light {
  color: #404040;
  border-bottom: 0.02rem solid #e0e0e0;
}
.tt-font-scale-xxl .bar-right {
  line-height: 0.88rem;
}
.tt-font-scale-xl .bar-right {
  line-height: 0.88rem;
}
.tt-font-scale-l .bar-right {
  line-height: 0.88rem;
}
.tt-font-scale-m .bar-right {
  line-height: 0.88rem;
}
.tt-font-scale-xxl .top-bar .bar-title {
  line-height: 0.88rem;
  font-size: 0.32rem;
}
.tt-font-scale-xl .top-bar .bar-title {
  line-height: 0.88rem;
  font-size: 0.32rem;
}
.tt-font-scale-l .top-bar .bar-title {
  line-height: 0.88rem;
  font-size: 0.32rem;
}
.tt-font-scale-m .top-bar .bar-title {
  line-height: 0.88rem;
  font-size: 0.32rem;
}

.record-item-wrapper {
  padding: 0.32rem;
}
.record-item-wrapper .content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.record-item-wrapper .content-box.clickable {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFHSURBVHgB7dkhksJAEIXhziokErlyj7AyR+FoK1cikRwBiUQikbjQr5gUiKGomW7RnXpfVSokUT8JITMRISIiIiIiWoJpmta6rMTJIIFp6KirsWwehmE4iNGXBKWxG3nGwli+AJOwwW+Yo8MG6+V70dW5csgUHf0M/+tyqezvjg5904Jyh97qsqkcbr6RhQ8Gz+gUweAVnSYYPKJTBYM1Ol0wWKJTBkNvdNpg6IlOHQyt0emDoSU62+ChSoNuuvqT94+hv/PGIoKLVVlqrvOHRQRjVkQel/S6cninV8Bp3ljCTetT7PF1R/a/paZYyPzg0RwLWR8tu2Ih4+ChOxayDQ9NsZBpAsAcC1mmeFxiIcMknlssRH/V4hoL0R8tt+IYC5HfLX2LcyxEPsO1oZ4pFqL/hn/k8QYRw77966iHiIiIiIiIPN0BTbCd7xhnqNEAAAAASUVORK5CYII=) no-repeat right top;
  background-size: 0.4rem 0.4rem;
}
.record-item-wrapper .content-box.clickable.light_clickable {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHlSURBVHgB7doxagJBFMbx90YlEhPcJmC6gTQeIUdIkUPkaDmKZUpLixRbbpcpFllJdOIXCSTqgrAzwxt9v85ZWXl/XYRhiJRSSiml1GViEqiYWNsnsrwmNxrRoizLhiIRF+Du/uGJvX/8fc2e3Gq1eXWudBRBjwTZffP8/G+Radjv8XQwGC+axgX/JRgSZLCm4ti6ZyqursxLUdiCAhMVYKtquxArgqhHYLl09e3NmDyxPfqGCI+DqABQ165MGUFcAEgZQWQASBVBbABIEUF0AIgdQXwAiBkhiwAQK0I2ASBGhKwCQOgI2QWAkBGyDAChImQbAEJEyDoAdI2QfQDoEuEsAsApEUzfTJb1x/zvsrQNkU6qqpz1ePPWdp3J2/21swqA3aLPjZm2XccG6/7a2QTA8P3tlplhat0yYzbzgzU6A6cMb8jMqup9tr+efYAuw0PWAboOD9kGCDE8ZBkg1PCQXYCQw0NWAUIPD9kEiDE8ZBEg1vAgPkDM4UF0gNjDg9gAKYYHmWeEEg0P4gKkHH53L2FSDv/zeSQIDkltv5Fkw+/uKUjbISmIMfzuvoLgUKT3dLB1HWt4ELUr7Jz7Gl2Pa8884e0uLtZiDg8i/wattcOmoclwSFXMY7JKKaWUUuqSfQMVpjgQJho6AQAAAABJRU5ErkJggg==) no-repeat right top;
  background-size: 0.3rem 0.3rem;
}
.record-item-wrapper.risk {
  background: rgba(255, 255, 255, 0.03);
}
.record-item-wrapper.risk.light {
  background: rgba(22, 24, 35, 0.05);
}
.record-item-wrapper .avatar-box {
  margin-right: 0.24rem;
  border-radius: 0.04rem;
  font-size: 0;
  line-height: 0;
}
.record-item-wrapper .avatar-box img {
  width: 0.96rem;
  height: 0.96rem;
  border-radius: 0.04rem;
}
.record-item-wrapper .avatar-box img.light {
  border: 0.01rem solid rgba(22, 24, 35, 0.12);
}
.record-item-wrapper .avatar-box .default {
  width: 0.96rem;
  height: 0.96rem;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 0.04rem;
}
.record-item-wrapper .info-box {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 0.26rem;
  line-height: 0.32rem;
  color: rgba(255, 255, 255, 0.5);
}
.record-item-wrapper .info-box.light {
  color: rgba(22, 24, 35, 0.5);
}
.record-item-wrapper .info-box .title {
  margin-right: 0.08rem;
  font-weight: 700;
  font-size: 0.3rem;
  line-height: 0.4rem;
  color: rgba(255, 255, 255, 0.9);
}
.record-item-wrapper .info-box .title.light {
  color: #161823;
}
.record-item-wrapper .info-box .risk {
  margin-right: 0.08rem;
  padding: 0.02rem 0.06rem;
  background: rgba(254, 44, 85, 0.34);
  border-radius: 0.04rem;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: rgba(255, 255, 255, 0.75);
}
.record-item-wrapper .info-box .risk.light {
  background: rgba(254, 44, 85, 0.5);
}
.record-item-wrapper .info-box .type {
  line-height: 0.34rem;
  margin-right: 0.16rem;
  padding: 0.02rem 0.06rem;
  background: #3a3a3a;
  border-radius: 0.04rem;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.75);
}
.record-item-wrapper .info-box .type.light {
  background: rgba(22, 24, 35, 0.05);
  color: rgba(22, 24, 35, 0.5);
}
.record-item-wrapper .info-box .desc {
  margin-top: 0.13rem;
}
.record-item-wrapper .info-box .sub-desc {
  margin-top: 0.08rem;
}
.record-item-wrapper .info-box .risk-item-operation {
  margin-top: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.record-item-wrapper .info-box .risk-item-operation .operation-btn {
  width: calc(50% - 0.08rem);
  background: rgba(255, 255, 255, 0.15);
  border-radius: 0.04rem;
  font-weight: 500;
  font-size: 0.26rem;
  line-height: 0.72rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}
.record-item-wrapper .info-box .risk-item-operation .operation-btn.light {
  background: #ffffff;
  color: #161823;
  border: 0.01rem solid rgba(22, 24, 35, 0.34);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.page-container {
  height: 100%;
}
.page-index {
  font-family: PingFang SC;
}
.page-index .page-body {
  padding-top: 0.4rem;
}
.page-index .page-body .page-desc {
  padding: 0 0.32rem;
  font-weight: 500;
  font-size: 0.26rem;
  line-height: 0.32rem;
  color: rgba(255, 255, 255, 0.5);
}
.page-index .page-body .page-desc.light {
  color: rgba(22, 24, 35, 0.5);
}
.page-index .page-body .record-list {
  margin-top: 0.1rem;
}
.page-index .page-default {
  padding-top: 2.16rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-index .page-default .default-img {
  width: 4.8rem;
  height: 3.2rem;
  background: url("https://sf1-cdn-tos.douyinstatic.com/obj/passport-fe/no-login-bg.png") no-repeat center;
  background-size: 4.8rem 3.2rem;
}
.page-index .page-default .default-img.light {
  background: url("https://sf1-cdn-tos.douyinstatic.com/obj/passport-fe/light-default-img.png") no-repeat center;
  background-size: 4.8rem 3.2rem;
}
.page-index .page-default .default-img.network-error {
  background-image: url("https://sf1-cdn-tos.douyinstatic.com/obj/passport-fe/error-bg.png");
}
.page-index .page-default .error-title {
  margin-top: 0.4rem;
  font-size: 0.34rem;
  line-height: 0.48rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}
.page-index .page-default .error-title.light {
  color: rgba(22, 24, 35, 0.9);
}
.page-index .page-default .error-desc {
  padding: 0 0.64rem;
  margin-top: 0.24rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}
.page-index .page-default .error-desc.light {
  color: rgba(22, 24, 35, 0.5);
}
.page-index .page-default .retry-btn {
  margin-top: 1.6rem;
  width: 4.62rem;
  height: 0.88rem;
  line-height: 0.88rem;
  font-weight: 500;
  font-size: 0.3rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.15);
  border-radius: 0.04rem;
}
.page-index .page-default .retry-btn.light {
  background: #ffffff;
  border: 0.01rem solid rgba(22, 24, 35, 0.34);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #161823;
}

.custom-dialog-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.custom-dialog-wrap .custom-dialog {
  position: relative;
  background-color: #ffffff;
  border-radius: 0.04rem;
  width: 5.6rem;
  padding-top: 0.48rem;
}
.custom-dialog-wrap .custom-dialog .custom-dialog-close {
  height: 0.88rem;
  width: 0.88rem;
  position: absolute;
  right: 0;
  top: 0;
}
.custom-dialog-wrap .custom-dialog .custom-dialog-close img {
  height: 0.2rem;
  width: 0.2rem;
  margin-top: 0.32rem;
}
.custom-dialog-wrap .custom-dialog .custom-dialog-close #base64image {
  height: 0.2rem;
  width: 0.2rem;
  margin-top: 0.32rem;
  margin-left: 0.32rem;
  background-size: 0.2rem 0.2rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAdxJREFUSA3Fl01Lw0AQhtX2IIhWEb/wIIi3HkTQ//8HRC/2qHiy1d6sXyhtfZ+0a5a4m8xuBQfedLIf83Qmk6RtLZW2JXdfaknv5fCfeNuKsictSx9ExMG60nHhzQ59fVxLY28sxyWJM+nA23wnv8cEmZ56E7jrUkcaSFMpx4h9LlFF3+ANV3QAELJdDbKRAKnmoMQIWQfwKDQzH8uBN0EJPWIRjbQhUd6QrWnQWnYLlP65ZSH2KBEcSMgscAv0ScGvpKkD00A0Ui7cCr0Uo7hTHFjnRffmwJOhwHxwDpzmpPNj3UtMyvuTKQOYe4DMzsqjJYvhfPlOue2XF4Syqpqx22m95rFmJE4UymQMzJwFzrqQ1ULZUAdmPgfeCLWAffimTupKy1qu+69GYqJqdOW/WFOp+VKsabpl3JenIqbHaxM4BZoErwPnQM3wGNgCpZHepFjD1ZY9BLZA3S3zIHDWi6UKToHylrHc58HMfXAqVNzCsuAOnAvNhgPkIXIhJb/aHHX+mZJ5H/CJdFQJ4p+6RrL8xrbCJ4C70qpP8vwUqNtmgbcpcyyTHKiDE5OXBTFCNibjL+mwMrsI1IWqy7z4C/Oilc8S5f6U7qUbaSItasD5HU2stvQq9aTBN3nHk8f6ZuKeAAAAAElFTkSuQmCC);
}
.custom-dialog-wrap .custom-dialog .custom-dialog-title {
  font-size: 0.34rem;
  color: #161823;
  line-height: 0.4rem;
  text-align: center;
  padding: 0 0.48rem;
}
.custom-dialog-wrap .custom-dialog .custom-dialog-desc {
  font-size: 0.28rem;
  color: rgba(22, 24, 35, 0.75);
  margin-top: 0.24rem;
  text-align: center;
  padding: 0 0.4rem;
}
.custom-dialog-wrap .custom-dialog .custom-dialog-desc em {
  font-style: normal;
  font-weight: 700;
  margin: 0 0.06rem;
}
.custom-dialog-wrap .custom-dialog .custom-dialog-sub-desc {
  color: #999;
  font-size: 0.28rem;
  line-height: 0.4rem;
  padding: 0.4rem 0.44rem 0.08rem;
}
.custom-dialog-wrap .custom-dialog .custom-dialog-desc-item {
  padding: 0 0.44rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #505050;
}
.custom-dialog-wrap .custom-dialog .custom-dialog-desc-item span {
  display: inline-block;
}
.custom-dialog-wrap .custom-dialog .custom-dialog-desc-item .custom-square {
  width: 0.08rem;
  height: 0.08rem;
  background-color: #cacaca;
  margin-top: -0.04rem;
  margin-right: 0.2rem;
  vertical-align: middle;
}
.custom-dialog-wrap .custom-dialog .custom-dialog-desc-item .custom-text {
  width: calc(100% - 0.28rem);
  margin-top: -0.04rem;
  vertical-align: top;
}
.custom-dialog-wrap .custom-dialog .custom-dialog-footer {
  height: 0.94rem;
  color: #161823;
  font-size: 0.3rem;
  margin-top: 0.48rem;
  padding: 0 0.48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  border-top: 0.01rem solid rgba(0, 0, 0, 0.08);
}
.custom-dialog-wrap .custom-dialog .custom-dialog-footer .custom-dialog-confirm {
  height: 0.94rem;
  line-height: 0.94rem;
  text-align: center;
  min-width: 1.5rem;
}
.custom-dialog-wrap .custom-dialog .custom-dialog-footer .custom-dialog-confirm:not(:last-child) {
  border-right: 0.01rem solid rgba(0, 0, 0, 0.08);
}
.custom-dialog-wrap .custom-dialog .custom-dialog-footer:after {
  color: rgba(22, 24, 35, 0.12);
  background-color: rgba(22, 24, 35, 0.12);
}
.tt-font-scale-xxl .custom-dialog-wrap .custom-dialog .custom-dialog-footer .custom-dialog-confirm {
  line-height: 0.94rem;
}
.tt-font-scale-xl .custom-dialog-wrap .custom-dialog .custom-dialog-footer .custom-dialog-confirm {
  line-height: 0.94rem;
}
.tt-font-scale-l .custom-dialog-wrap .custom-dialog .custom-dialog-footer .custom-dialog-confirm {
  line-height: 0.94rem;
}
.tt-font-scale-m .custom-dialog-wrap .custom-dialog .custom-dialog-footer .custom-dialog-confirm {
  line-height: 0.94rem;
}

.page-detail .detail-list li {
  padding: 0 0.32rem;
}
.page-detail .detail-list li .list-content {
  padding: 0.32rem 0;
  border-bottom: 0.01rem solid rgba(255, 255, 255, 0.08);
}
.page-detail .detail-list li .list-content.light_list_content {
  border-bottom-color: rgba(22, 24, 35, 0.12);
}
.page-detail .detail-list li .list-content .title {
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: rgba(255, 255, 255, 0.5);
}
.page-detail .detail-list li .list-content .title.light_title {
  color: rgba(22, 24, 35, 0.5);
}
.page-detail .detail-list li .list-content .value {
  margin-top: 0.16rem;
  font-size: 0.3rem;
  line-height: 0.42rem;
  color: rgba(255, 255, 255, 0.9);
}
.page-detail .detail-list li .list-content .value.light_value {
  color: #161823;
}
.page-detail .abnormal-btn-wrapper {
  padding: 0.49rem 0.32rem 0;
}
.page-detail .abnormal-btn-wrapper .abnormal-btn {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 0.04rem;
  font-size: 0.3rem;
  line-height: 0.88rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}
.page-detail .abnormal-btn-wrapper .abnormal-btn.light_abnormal_btn {
  background: #ffffff;
  border: 0.01rem solid rgba(22, 24, 35, 0.34);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #161823;
  font-weight: 500;
}
.page-detail .lock-btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.66rem;
}
.page-detail .lock-btn-wrapper .lock-btn {
  font-weight: 500;
  font-size: 0.3rem;
  line-height: 0.36rem;
  color: rgba(255, 255, 255, 0.75);
}
.page-detail .lock-btn-wrapper .lock-btn.light {
  color: rgba(22, 24, 35, 0.75);
}

html,
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: PingFang SC;
}
html .page-container,
body .page-container {
  min-height: 100vh;
  height: 100%;
}
html .page-container .page-body,
body .page-container .page-body {
  padding-bottom: 1.3rem;
  padding-bottom: calc(1.3rem + constant(safe-area-inset-bottom));
  padding-bottom: calc(1.3rem + env(safe-area-inset-bottom));
}
html .page-container .page-body .type,
body .page-container .page-body .type {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.5);
}
html .page-container .long-button.disabled,
body .page-container .long-button.disabled {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.75);
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  html .page-header-none .top-bar:after,
  body .page-header-none .top-bar:after {
    content: none;
  }
}
html .page-header-none.light,
body .page-header-none.light {
  background-color: #fff;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  html .border-bottom,
  body .border-bottom {
    position: relative;
  }
  html .border-bottom:after,
  body .border-bottom:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.02rem;
    border-bottom: 0.02rem solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.08);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
html .revert-input-color,
body .revert-input-color {
  color: rgba(255, 255, 255, 0.9);
  caret-color: #ffb141;
  border-width: 0rem;
  background-color: transparent;
  outline: none;
}
html .revert-input-color::-webkit-input-placeholder,
body .revert-input-color::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.34);
}
html .revert-input-color:-moz-placeholder,
body .revert-input-color:-moz-placeholder {
  color: rgba(255, 255, 255, 0.34);
}
html .revert-input-color::-moz-placeholder,
body .revert-input-color::-moz-placeholder {
  color: rgba(255, 255, 255, 0.34);
}
html .revert-input-color:-ms-input-placeholder,
body .revert-input-color:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.34);
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  html .top-bar,
  body .top-bar {
    position: relative;
  }
  html .top-bar:after,
  body .top-bar:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.02rem;
    border-bottom: 0.02rem solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.08);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
html .top-bar .bar-title,
body .top-bar .bar-title {
  font-size: 0.34rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
}
html .page-bar-icon,
body .page-bar-icon {
  position: relative;
  width: 0.48rem;
  height: 0.48rem;
  margin: 0.2rem 0.2rem 0.2rem 0.32rem;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
}
html .page-bar-icon-back,
body .page-bar-icon-back {
  background-image: url("https://sf1-cdn-tos.douyinstatic.com/obj/passport-fe/header-icon-back.png");
}
html .page-bar-icon-back.light_back,
body .page-bar-icon-back.light_back {
  background-image: url("https://sf1-cdn-tos.douyinstatic.com/obj/passport-fe/header-icon-back-light.png");
}
html .page-bar-icon-close,
body .page-bar-icon-close {
  background-image: url("//sf1-cdn-tos.toutiaostatic.com/obj/ttfe/passport/security/douyin/icon_close.png");
}
html .body-info-footer,
body .body-info-footer {
  text-align: center;
  position: fixed;
  background-color: #161823;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0 0.32rem;
  bottom: 0;
  margin: auto;
  padding-bottom: 0.4rem;
  padding-bottom: calc(0.4rem + constant(safe-area-inset-bottom));
  padding-bottom: calc(0.4rem + env(safe-area-inset-bottom));
  max-width: 10rem;
}
html .bottom-btn-box,
body .bottom-btn-box {
  padding-bottom: 0.4rem;
  padding-bottom: calc(0.4rem + constant(safe-area-inset-bottom));
  padding-bottom: calc(0.4rem + env(safe-area-inset-bottom));
}
html .form-wrap,
body .form-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.08rem;
  margin-bottom: 0.48rem;
  height: 1.04rem;
}
html .form-wrap .label,
body .form-wrap .label {
  margin-right: 0.32rem;
  font-size: 0.3rem;
  height: 0.42rem;
  line-height: 0.42rem;
}
html .form-wrap .input-wrap,
body .form-wrap .input-wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  html .form-wrap .input-wrap,
  body .form-wrap .input-wrap {
    position: relative;
  }
  html .form-wrap .input-wrap:after,
  body .form-wrap .input-wrap:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.02rem;
    border-bottom: 0.02rem solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.08);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
html .form-wrap .input-wrap .input,
body .form-wrap .input-wrap .input {
  font-size: 0.3rem;
  line-height: 0.42rem;
  width: 100%;
  color: rgba(255, 255, 255, 0.9);
  caret-color: #ffb141;
  border-width: 0rem;
  background-color: transparent;
  outline: none;
  caret-color: #face15;
}
html .form-wrap .input-wrap .input::-webkit-input-placeholder,
body .form-wrap .input-wrap .input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.34);
}
html .form-wrap .input-wrap .input:-moz-placeholder,
body .form-wrap .input-wrap .input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.34);
}
html .form-wrap .input-wrap .input::-moz-placeholder,
body .form-wrap .input-wrap .input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.34);
}
html .form-wrap .input-wrap .input:-ms-input-placeholder,
body .form-wrap .input-wrap .input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.34);
}
html .form-wrap .input-wrap .input-suffix,
body .form-wrap .input-wrap .input-suffix {
  text-align: center;
}
html .form-wrap .input-wrap .input-suffix:active,
body .form-wrap .input-wrap .input-suffix:active {
  opacity: 0.5;
}
html .form-wrap .input-wrap .seconds,
body .form-wrap .input-wrap .seconds {
  color: rgba(255, 255, 255, 0.34);
}
html .component-common-toast,
body .component-common-toast {
  position: fixed;
  z-index: 1001;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0.24rem 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 1.84rem;
  min-height: 0.8rem;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 0.06rem;
}
html .component-common-toast .toast-content,
body .component-common-toast .toast-content {
  font-size: 0.26rem;
  line-height: 0.32rem;
  color: rgba(255, 255, 255, 0.9);
  word-wrap: break-word;
  text-align: center;
}
html #verify-bar-box,
body #verify-bar-box {
  border-radius: 0.08rem;
}
html #validate-toolbar,
body #validate-toolbar {
  border-top-left-radius: 0.08rem;
  border-top-right-radius: 0.08rem;
}
html .custom-dialog-wrap .custom-dialog,
body .custom-dialog-wrap .custom-dialog {
  width: 5.8rem;
  border-radius: 0.24rem;
}
html .custom-dialog-wrap .custom-dialog .custom-dialog-title,
body .custom-dialog-wrap .custom-dialog .custom-dialog-title {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 0.34rem;
  line-height: 0.48rem;
  color: #161823;
  padding: 0 0.4rem;
}
html .custom-dialog-wrap .custom-dialog .custom-dialog-desc,
body .custom-dialog-wrap .custom-dialog .custom-dialog-desc {
  text-align: left;
  margin-top: 0.16rem;
  line-height: 0.4rem;
}
html .custom-dialog-wrap .custom-dialog .custom-dialog-desc .dialog-desc,
body .custom-dialog-wrap .custom-dialog .custom-dialog-desc .dialog-desc {
  margin-bottom: 0.24rem;
}
html .custom-dialog-wrap .custom-dialog .custom-dialog-desc .tips-item-text,
body .custom-dialog-wrap .custom-dialog .custom-dialog-desc .tips-item-text {
  position: relative;
  padding-left: 0.4rem;
  margin-top: 0.16rem;
  font-size: 0.26rem;
  line-height: 0.36rem;
}
html .custom-dialog-wrap .custom-dialog .custom-dialog-desc .tips-item-text::before,
body .custom-dialog-wrap .custom-dialog .custom-dialog-desc .tips-item-text::before {
  position: absolute;
  left: 0.1rem;
  top: 0.14rem;
  content: "";
  border: 0.04rem solid rgba(22, 24, 35, 0.6);
  border-radius: 50%;
}
html .custom-dialog-wrap .custom-dialog .custom-dialog-footer,
body .custom-dialog-wrap .custom-dialog .custom-dialog-footer {
  padding: 0;
}
html .custom-dialog-wrap .custom-dialog .custom-dialog-footer .cancel-text,
body .custom-dialog-wrap .custom-dialog .custom-dialog-footer .cancel-text {
  color: rgba(22, 24, 35, 0.75);
}
html .custom-dialog-wrap .custom-dialog .custom-dialog-footer .confirm-text,
body .custom-dialog-wrap .custom-dialog .custom-dialog-footer .confirm-text {
  color: #161823;
  font-weight: 700;
}
html .deauthorize-list-btn,
body .deauthorize-list-btn {
  position: fixed;
  bottom: 0;
  padding: 0.4rem 0;
  padding-bottom: calc(0.4rem + constant(safe-area-inset-bottom));
  /* 兼容 iOS < 11.2 */
  padding-bottom: calc(0.4rem + env(safe-area-inset-bottom));
  /* 兼容 iOS >= 11.2 */
  width: 100%;
  text-align: center;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #face15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #161823;
}
html .deauthorize-list-btn .deauthorize-arrow,
body .deauthorize-list-btn .deauthorize-arrow {
  width: 0.4rem;
  height: 0.4rem;
  background: url("https://sf1-cdn-tos.douyinstatic.com/obj/passport-fe/list-more-dark.png") no-repeat center / contain;
}
html .deauthorize-list-btn.light,
body .deauthorize-list-btn.light {
  color: #fe2c55;
  background-color: #fff;
}
html .deauthorize-list-btn.light .deauthorize-arrow,
body .deauthorize-list-btn.light .deauthorize-arrow {
  width: 0.4rem;
  height: 0.4rem;
  background: url("https://sf1-cdn-tos.douyinstatic.com/obj/passport-fe/list-more-light.png") no-repeat center / contain;
}
html .deauth-page .content-box,
body .deauth-page .content-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
html .deauth-page .content-box img,
body .deauth-page .content-box img {
  border-radius: 0.04rem;
}
html .deauth-page .content-box .sub-desc,
body .deauth-page .content-box .sub-desc {
  margin: 0;
}