@charset "UTF-8";
.user_information .information_main .itop_products ul li._time.itop_time {
  flex-direction: column;
  row-gap: 5px; }
  .user_information .information_main .itop_products ul li._time.itop_time > div {
    display: flex;
    justify-content: center;
    align-items: center; }

.pop-change-email > div .tips {
  top: 200px; }

.device-mgt-btn {
  display: inline-block;
  color: #2C6AE9;
  text-decoration: underline;
  cursor: pointer; }
  .device-mgt-btn:hover {
    opacity: 0.8; }

/* user-pop*/
.user-pop {
  --family: "Lexend", Arial, "Microsoft Yahei", sans-serif;
  --c: #1E1C2C;
  display: none !important;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0%;
  margin: 0 auto;
  z-index: -100009;
  overflow-x: hidden;
  overflow-y: auto; }
  .user-pop.user-on {
    z-index: 100009;
    display: block !important; }
  .user-pop img {
    width: auto;
    display: inline-block;
    vertical-align: top; }
  .user-pop .upop-wrap {
    position: relative;
    margin: auto;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: 100%;
    pointer-events: none;
    display: flex;
    align-items: flex-start;
    transition: transform .3s ease-out; }
  .user-pop .upop-content {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 10% auto 0;
    min-width: 588px;
    max-width: 80%;
    max-height: 90%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    padding: 0;
    border-radius: 10px; }
  .user-pop .upop-info {
    padding: 46px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .user-pop .upop-top {
    flex-grow: 1;
    width: 100%;
    min-height: 335px; }
  .user-pop .upop-foot {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 5px;
    width: 100%; }

/* pop-device-mgt */
.pop-device-mgt .device-title {
  padding-top: 10px;
  color: var(--c);
  font: 600 22px/1.2 var(--family); }
.pop-device-mgt .device-desc {
  color: var(--c);
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 520px;
  font: 400 12px/1.5 var(--family); }
  .pop-device-mgt .device-desc span {
    font: inherit;
    color: inherit;
    font-weight: 800; }
.pop-device-mgt .device-list {
  padding: 46px 32px; }
  .pop-device-mgt .device-list .device-desc {
    mask-clip: 100%;
    color: #8E8B9D;
    font-weight: 400; }
  .pop-device-mgt .device-list .device-top {
    min-height: 0; }
  .pop-device-mgt .device-list .device-foot {
    display: block;
    padding: 16px 0 0;
    border-top: 1px solid #D3D1DE; }

.upop-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px;
  background-image: url(../images/user-info/pop-close.svg);
  opacity: 0.8; }
  .upop-close:hover {
    opacity: 1; }

.user-pop[data-name='change_email'] .verification__wrap {
  margin: 30px auto 18px; }
.user-pop[data-name='change_email'] .upop-top {
  min-height: 0; }
.user-pop[data-name='change_email'] .device-title {
  padding-bottom: 8px; }

.change__email_sec {
  display: inline-block;
  padding-left: 2px; }

.verification__wrap {
  margin: 38px auto 18px; }

.verification__fields {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 18px; }
  .verification__fields .device-code,
  .verification__fields .digit-input {
    width: 50px;
    height: 50px;
    padding: 4px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #CFCED4;
    border-radius: 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    display: block;
    text-align: center;
    min-width: 0;
    color: #494949;
    font: 400 24px/1.2 var(--family); }
    .verification__fields .device-code:focus,
    .verification__fields .digit-input:focus {
      color: #494949;
      background-color: #fff;
      border-color: #C1DFFE;
      outline: 0;
      box-shadow: 0 0 0 1px #C1DFFE; }

.verification__error {
  padding: 8px 0 0;
  color: #FF5050;
  font: 400 12px/1.5 var(--family); }

.verification__tips {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 16px 4px;
  color: #fff;
  text-align: center;
  font: 400 12px/1.5 var(--family);
  background-color: #30DEB4;
  border-radius: 6px; }

.upop-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font: 400 14px/1.5 var(--family);
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0;
  margin: 0 auto;
  outline: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }

.device-verify {
  width: 100%;
  height: 40px;
  background: #2C6AE9;
  border-radius: 4px; }
  .device-verify:hover, .device-verify:active, .device-verify:focus {
    outline: none;
    background: #4D87FF; }

.device-link {
  color: #8E8B9D;
  font: 400 12px/1.5 var(--family); }
  .device-link:hover, .device-link:active, .device-link:focus {
    opacity: 0.8;
    text-decoration: underline; }
  .device-link.link-on {
    color: #C0BECB; }

.device-delete {
  color: #2C6AE9;
  text-decoration: underline; }

.device-table-wrap {
  height: 260px;
  overflow: auto; }
  .device-table-wrap::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  .device-table-wrap::-webkit-scrollbar-track {
    background: #efefef;
    border-radius: 6px; }
  .device-table-wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #A4C2FF; }
  .device-table-wrap::-webkit-scrollbar-thumb:hover {
    background: rgba(164, 194, 255, 0.8); }

.device-table {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  color: var(--c);
  font: 400 12px/1.5 var(--family);
  /* 首列固定 */
  /* 表头固定 */
  /* 表头首列强制最顶层 */ }
  .device-table thead tr > th.tb_column {
    position: sticky;
    left: 0;
    z-index: 1; }
  .device-table thead tr > th.tb_column {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 14px 8px;
    background-color: #fff;
    color: #8E8B9D;
    font: 400 12px/1.5 var(--family); }
  .device-table thead tr > th.tb_column {
    z-index: 3; }
  .device-table .tb_column {
    padding: 8px;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left;
    overflow: hidden; }
    .device-table .tb_column span {
      font: inherit;
      color: inherit;
      display: block;
      overflow: hidden;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 300px; }
  .device-table .action__column {
    text-align: end; }

@media (max-width: 1200px) {
  .device-mgt-btn {
    margin-top: 18px; }

  .user-pop img {
    width: auto;
    display: inline-block;
    vertical-align: top; }
  .user-pop .upop-content {
    margin: auto;
    max-width: 90%;
    min-width: 300px; }
  .user-pop .upop-info {
    padding: 40px 22px; }
  .user-pop .upop-top {
    flex-grow: 1;
    width: 100%;
    min-height: 0; }

  /* pop-device-mgt */
  .pop-device-mgt .device-list {
    padding: 46px 22px; }

  .verification__fields {
    column-gap: 13px; }
    .verification__fields .device-code,
    .verification__fields .digit-input {
      width: 36px;
      height: 36px;
      font: 400 18px/1.2 var(--family); }

  .device-table-wrap {
    height: 200px; }

  .device-table .tb_column span {
    width: 100px; } }

/*# sourceMappingURL=user-device.css.map */