html{ height: 100%;background:#1B1B25;font-size: 14px;font-family: Arial;}
html,body{color: #0D1C2D !important;}
body{margin: 0 auto;max-width: 750px;
  /*overscroll-behavior-y: none;*/
  /*touch-action: none;*/
}
/*#app,.layout,html,body{height: 100%;}*/

.wapper{height: 100vh;}
a{cursor: pointer;outline: none;}
ul{outline: none !important;}
.notice_content,.notice_content p{word-break: break-all;word-wrap: break-word;}
.notice_box{height: 100%;}
.bellIcon{position: relative;}
.bellIcon.active::after{position: absolute;content: '';position: absolute;width: 6px; height: 6px;border-radius: 50%;background: #f00; right: 0; top: 0;}
.noticeItem{color: #999;padding-left: 5px;}
.noticeItem.active{color: #fff;}
.noticeItem.active::before{ position: absolute; top:20px;left:-5px;background: #ff1c64;content:'';width:6px; height:6px;border-radius: 50%;}

#app{max-width: 440px;margin:0 auto;}
h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6{color: #0D1C2D }
input{border:none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}

*{box-sizing: border-box;}
.h100{height: 100%;}
.main{min-height: 100vh;background: #1B1B25;height: 100vh;overflow-y: scroll;padding: 0 16px;padding-bottom: 52px;}
.main2{background: #1B1B25;overflow-y: scroll;padding: 0 16px;}
.main3{background: #1B1B25;padding: 0;}
.mlr16{margin-left: 16px; margin-right: 16px;}
.m0{margin: 0 !important;}
.mb100{margin-bottom: 100px;}
.mb80{margin-bottom: 80px;}
.mb30{margin-bottom: 30px;}
.mb20{margin-bottom: 20px;}
.mb15{margin-bottom: 15px;}
.mb10{margin-bottom: 10px;}

.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}

.auto{overflow: hidden;overflow-y: auto;scroll-behavior:smooth;}
.hide{overflow: hidden;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px;}
.mr40{margin-right: 40px !important;}
.ml30{margin-left: 30px;}
.ml25{margin-left: 25px;}

.p10{padding: 10px;}

.mb5{margin-bottom: 5px;}
.flex{display: flex;}
.flex{display:flex;display:-webkit-flex;}
.flex-1{flex:1;}
.flex-center{justify-content:center;align-items:center;}
.flex-between{justify-content:space-between;align-items:center;}
.flex-right{justify-content:flex-end;align-items:center;}
.flex-end{align-items: flex-end;}
.flex-start{justify-items:flex-start;align-items:center;}
.flex-baseline{justify-items:flex-start;align-items:baseline;}
.flex-middle{align-items: center;}
.flex-top{justify-items:flex-start;}
.flex-warp{flex-wrap:wrap;}
.flex-cloumn,.flex-column{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.text-wrap{word-break: break-all;word-wrap: normal;}
.center,.text-center{text-align:center;}
.text-underline{text-decoration: underline;}
.text-bold{font-weight: bold;}
.text-right{text-align:right;}
.text-gray{color: #999;}
.text-primary{color: #1989fa;}
.text-red{color: #ff1c64;}
.text-green{color: #07c160;}
.text-warning{color: #ff976a;}
.text-white{color: #fff;}
.text-white-op{color:rgba(255,255,255,.5);}
.text-white-light{color: #D2D2D2;}
.text-p{color: #c17613;}
.text-black{color: #000;}
.baseBg{background: #fff;}
.noBg{background:transparent !important;}
.pBg{background: #fff1de;}
.grayBg{background: rgb(247, 247, 247)}

.a-block{display: block;}
.abo-right-center-arrown-bottom{position: absolute;top: 50%;right:-12px;transform: translateY(-50%); width: 0;height: 0;border:5px solid transparent;border-top-color: #999;}
.abo-right-center-arrown-bottom.white{border-top-color: #fff;}
.ft12{font-size: 12px;}
.ft13{font-size: 13px;}
.ft14{font-size: 14px;}
.ft16{font-size: 16px;}
.ft18{font-size: 18px;}
.ft20{font-size: 20px;}
.ft22{font-size: 22px;}
.ft24{font-size: 24px;}
.ft30{font-size: 30px;}


.round{border-radius: 4px;}
.round-small{border-radius: 8px !important;}
.round-large{border-radius: 12px !important;}


.border{border:1px solid #eaeaea;}
.border-top{border-top:1px solid #eaeaea;}
.border-bottom-light{border-bottom:1px solid #eaeaea;}
.border-bottom{border-bottom:1px solid #24242E;}
.border-bottom-deep{border-bottom:1px solid #41414A;}
.border-bottom:last-child{border:none;}
.border-b0{border-bottom: transparent;}
.border-t0{border-top: transparent !important; }

.rel{position: relative;}
.ippTitle{ height: 44px; line-height: 44px;font-size: 16px;position: relative;z-index: 999;overflow: hidden;color: #fff;}


.pr20{padding-right: 20px;}
.pr15{padding-right: 15px;}
.pr10{padding-right: 10px !important;}

.pb30{padding-bottom: 30px; }
.pb20{padding-bottom: 20px; }
.pb15{padding-bottom: 15px; }
.pb10{padding-bottom: 10px; }

.pt30{padding-top: 30px;}
.pt20{padding-top: 20px;}
.pt15{padding-top: 15px;}
.pt10{padding-top: 10px;}
.pt5{padding-top: 5px;}


.pt0{padding-top:0px !important;}
.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px;}

.pt15{padding-top:15px;}
.pl20{padding-left: 20px;}
.pl15{padding-left: 15px;}
.pl10{padding-left: 10px;}
.pl5{padding-left: 5px;}
.p20{padding: 20px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p12{padding:12px;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0  !important;}
.pr40{padding-right: 40px  !important;}

.mr10{margin-right:10px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}


.w100{width: 100%;}
.w50{width: 50%;}
.w40{width: 40%;}
.w20{width: 20%;}
.w10{width: 10%;}

.block{display: block;}

.ippTitle .leftIcon,.ippTitle .rightIcon{position: absolute;top:0;width: 44px;height: 44px;cursor: pointer;font-size: 20px;}
.ippTitle .leftIcon{left: 0;}
.ippTitle .rightIcon{right: 0;}

.overlay{position:fixed;z-index: 88888; background:rgba(0,0,0,.8);left: 0;top: 0;right: 0;bottom: 0; }
.pay-password{width:252px;height: 45px;margin: 0 auto;position: relative;box-shadow: 0px 0px 10px rgba(0,119,221,.5);overflow: hidden;}
.pay-password .real-ipt{position: absolute;top:0px;left: -9999px; opacity:0;width: 100%; height: 100%!important; line-height: 100% !important;z-index:100; text-align: center; font-size: 22px; }
.pay-password .surface-ipts{position: absolute;top: 0px;left: 0;width: 100%;height: 45px; line-height: 45px;z-index: 1;overflow: hidden;}
.surface-line{position: absolute;top: 0;left: 0;width: 100%;height: 45px; line-height: 45px;z-index:500;}
.surface{text-align: left;; position: absolute;top: 0;left: 0;width: 100%;height: 45px; line-height: 45px;}
.surface-line span{width: 42px;height: 45px; line-height: 45px;border: 1px solid rgba(0,119,221,.5); border-right: none; color: #333333;font-size: .9rem;text-align: center;padding: 0;float: left; box-sizing: border-box;}
.surface-line span:last-child{border-right: 1px solid rgba(0,119,221,.5);}
.surface span{ z-index: 600; width: 42px;height: 45px; line-height: 45px;color: #333333;font-size:22px;text-align: center;padding: 0; float: left; box-sizing: border-box;}
.pay-password.act .surface::after {display: inline-block;content:'';width:1px;height:26px;animation: blink 1s infinite steps(1, start); margin-left:10px; vertical-align: -8px;}
.ipp-payment-box{-webkit-transition: all 3s 2s linear;-moz-transition: all 3s 2s linear;-ms-transition: all 3s 2s linear;-o-transition: all 3s 2s linear;transition: all 3s 2s linear; }
.ipp-payment-box{width: 420px;position: fixed; left: 50%; margin-left: -210px; top: 50%; margin-top: -165px;}
@keyframes blink {
   0%{
     background-color: white;
   }
   50% {
     background-color: black;
   }
   100% {
     background-color: white;
   }
}

.gray-image { position: relative; line-height: 0;}
.gray-image::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:rgba(238,238,238,.8); display: block;border-radius: 12px;}


.ipp-twofa-box{padding: 15px;background: #fff; border-radius: 10px;min-width: 320px;}
.ipp-abo-right{position: absolute;top:0px; right: 10px;}
.ipp-version{position:fixed;bottom: 60px;padding:5px 15px;border-radius: 30px; background: #fff;box-shadow:0 0 10px rgba(0,0,0,.3);font-size: 12px;transform: translateX(-50%);left: 50%; max-width: 80%;min-width: 60%;}
.ipp-notify{
	position:fixed;bottom:70px;padding:5px 15px;border-radius: 30px; background: #fff;box-shadow:0 0 10px rgba(0,0,0,.3);font-size: 12px; 
	transform: translateX(-50%);left:50%;
	white-space: nowrap;
  z-index: 500
}

.rightAbo{position: absolute; width: 40px; height: 40px;z-index: 500;top: 0;right:0;transform: translateY(-50%); display: flex;justify-content: center; align-items: center;}


.loginBox{padding:80px 15px 50px;font-weight: 700;color: #000;}
.loginBox .text{font-size: 24px;}
.loginForm .item{border-radius:8px;font-weight: 400;color: #6f7590;margin: 20px 0;position: relative;height:42px;overflow: hidden;background: #282830;}
.loginForm .item input{width: 100%;height: 40px;color: #fff;text-indent:10px;font-size:14px;background: transparent;}
.loginForm .item .rightAbo{top: 20px;}

.registerBox{padding: 0 15px;}
.registerBox .title{font-size: 24px;font-weight: 700;line-height: 32px;color: #000;margin: 32px 0;}
.registerForm .t{font-size: 14px;color: #999;}
.registerForm .content{border-radius: 8px;font-weight: 400;color: #6f7590;margin:5px 0 20px 0;position: relative;height:42px;overflow: hidden;background: #282830;}
.registerForm input{width: 100%;height: 40px;color: #fff;text-indent:10px;font-size:14px;background: transparent;}

.img-block{width: 100%;}
.indexTop .leftTitle{padding:12px 0;font-size: 16px;font-weight: 700;color: #fff;}
.indexTop .right{font-size: 20px;color: #fff;}
.card_info{position: absolute;left: 0;font-size: 14px;color: #1B1B25;bottom:0;padding-left: 14px;z-index: 1; width: 100%;background: rgba(255,255,255,.6);padding-top: 10px; line-height: 16px;padding-bottom: 5px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.card_info.card_info_none{background:none; line-height: 28px;}
.card_info .num{letter-spacing:2px;font-size: 16px;}
.card_info .card_time{font-weight: 400;margin-top: 6px;font-size: 12px;}
.card_info .card_time .name{}
.card_info .card_time .expiry{margin-left: 10px;}
.card_info .img-logo{ bottom: inherit; top:50%;right: 20px; transform: translateY(-50%);}

.swipe_inner{line-height: 0;}
.swipe_inner .create_0{position:absolute; top:15px;left: 14px;color: #1B1B25; line-height: 30px;}
.swipe_inner .create{position:absolute; top:15px;right: 14px;color: #1B1B25;}
.swipe_inner .card_status{position:absolute; top:33px;right: 22px;color: #fff;}

.swipe_inner .create .brand{height: 20px;}


.indexBnner{border-radius: 15px;overflow: hidden;}
.indexBnner .van-swipe__indicators{bottom:3px;}
.indexBnner .van-swipe__indicator{background: #000; }
.indexBnner .van-swipe__indicator--active{width: 13px;border-radius: 4px;}

.ex_list,.trans_list{margin-left: -16px; margin-right: -16px;}
.trans_list.mlr0{margin-left:0;margin-right: 0;}

.trans_list .title{padding: 15px 10px 15px 10px ;}
.trans_list .tran_item{margin:0 16px;padding: 10px 0;}
.transferList .item.err *,.trans_list .tran_item.err *{color: #c7c5c5 !important; text-decoration: line-through;}


/*.trans_list .tran_item:last-child{border-bottom: none;}*/

.ipp-pannel{padding: 15px;border-radius: 10px;border:1px solid #ebebeb;}
.ipp-pannel-border-0{border:none !important;}
.footerBottom{width:100%;position: fixed;bottom: 0;left: 0;z-index: 500;}
.footerBottomBox .footerBottom{position: relative;left: inherit;bottom: inherit;background: #201f25;}
.footerBottomBox .van-tabbar--fixed{position: relative !important;left: inherit !important;bottom: inherit !important;}



.level_pannel{height: 158px;padding-top: 44px;background: linear-gradient(112deg,#cde7ff,#e0d7ff 71%,#cfe4fd);position: relative;margin-top: -44px;}
.level_pannel .card_level{height: 120px;margin: 0 15px;padding: 26px 20px 0;background: url(../imgs/card_bg.png) no-repeat top center;background-size: 100%;position: relative;font-size: 16px;font-weight: 700;color: #fff;margin-bottom: 2px;}
.level_pannel .card_level .logo{width: 56px;position: absolute;top: 45px;right: 20px;z-index: 1;}
.card_level_info{/*min-height: calc(100vh - 130px); height: calc(100vh - 160px);*/}

.card_level_item{width: 90px;height: 115px;background:#282830;position: relative;padding-top: 22px;display: inline-block;margin-right: 10px;border-radius:9px;text-align: center;vertical-align: top;}
.card_level_item.active{
  background: linear-gradient(42deg, #FF1C64, #FF3E43);
}
.card_level_item.active .tag{position: absolute;bottom: -1px;right: -1px;display: block;background: #1a72ff;color: #fff;padding: 0 6px;border-top-left-radius: 6px;border-bottom-right-radius: 6px;}
.card_level_item .tagTop{padding: 2px 6px;height: 18px;border-radius: 0 8px 0 8px;position: absolute;top: -1px;right: -1px;font-size: 11px;color: #fff;background: linear-gradient(122deg,#f38737,#f35d37);}
.letter_text{letter-spacing: -1px;}

.img-logo{width: 45px;position: absolute;bottom: 15px;right: 20px;z-index: 1;}
.img-logo.img-logo-VISA{bottom: 25px}


.ex_tab{width: 100%;height: 45px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-weight: 700;color: #6f7590;font-size: 16px;}
.ex_tab .active{color:#000; position: relative;}
.ex_tab .active::after{content: " ";width: 32px;height: 2px;background: #333;position: absolute;bottom: -4px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}


.ex_account img{width: 20px; height: 20px;}


.ex_account_title{font-size: 14px;font-weight: 400;line-height: 30px;padding-top: 16px;}

.ex_account .amount{font-size: 32px;font-weight: 700;}

.account_top{height: 42px;border-bottom: 1px solid #f5f5f8;border-top: 1px solid #f5f5f8;color: #6f7590;}
.account_top .active{color: #000;}

.arrowRight{ position: relative; }

.transfer .arrowRight{width: 18px; height: 18px;background:transparent;color:#fff; border-radius: 3px;}
.bgGray,.transferInner{background: #282830;border-radius: 12px;}
.transferBox .item{height: 25px;font-size: 13px;font-weight: 700; cursor: pointer; color: #eee;}
.transferBox .item.active{color: #fff;border-bottom: 2px solid #eee;}
.transferBox .inner{ max-width: 100%;height: 48px; }
.transferBox .inner input{height: 100%; background: transparent;padding-left: 10px;}


/*.depositInfo input{width: 100%;height: 40px;color: #333;text-indent:10px;font-size:14px;border: 1px solid #ebecef;border-radius: 4px;}*/
.depositInfo textarea{width: 100%;height:80px;font-size:14px;border:none;border-radius: 4px;padding: 10px;}

.transferAcc .item input{width: 100%;height: 56px;font-size: 16px;font-weight: 700;background: #f5f5f8;padding-left: 16px;}
.transferAcc .item .choose{position: absolute;top: 0;right: 16px;height: 56px;font-size: 12px;font-weight: 700;color: #333;cursor: pointer;}


.totol_commission{background: #fff6e5; color:#df9500;}
.card_type_m{background: #fff6d9;border-radius: 4px;font-size: 12px;font-weight: 400;color: #de8e21;}
.shadow{background: #fff;-webkit-box-shadow: 0 0 4px rgba(0,0,0,.16);box-shadow: 0 0 4px rgba(0,0,0,.16);border-radius: 4px;padding: 16px;}

.text-break{overflow: hidden;word-wrap: break-word;}

.userPage .face{width: 46px; height: 46px; object-fit: cover;border-radius: 50%;overflow: hidden;background:#EA4D44;background-image: linear-gradient(-90deg, #e94a54, #e9435d);}


.userPage .face img{object-fit: cover;width: 22px; height: 22px; border-radius: 50%;}
.userPage .safe{background: transparent;padding-top:10px;padding-bottom: 10px;}
/*.userPage .circle{width: 34px; height: 34px; color: #fff;}*/
.contactPage .circle{background: #000;}
.text-hide{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.invitPanel .text{width: 100px;}
.qrBox{width: 44px; height: 44px; border:1px solid #eee;border-radius:2px;}

.is_twofa_code_box span{margin-right:2px; margin-left:2px;}

.ipp-icon-usdt{width: 16px; height: 16px;background:url(../imgs/icon-usdt.png) no-repeat;background-size: cover; display: inline-block;}
.icon-total,.icon-minus{display: inline-block;background: #000;background: #000;border-radius: 50%; width:12px; height: 12px; position: relative;}
.icon-minus::after{content: '';position: absolute; width:6px;height:1px;background: #fff;display:block; top: 50%;left: 50%;transform: translate(-50%,-50%);}

.icon-total::after,.icon-total::before{content: '';position: absolute; width:6px;height:1px;background: #fff;display:block;transform: translateX(-50%);left:50%; opacity: .6;}
.icon-total::after{ top:4px;}
.icon-total::before{top:7px;}

.usdt{width: 38px; height: 38px;border-radius:50%;}

.abel_0 .card_level_item{background: #eae9ea;}
.abel_0 .card_level_item .text-primary{ color:#6f7590;}
.noClick{background:rgba(247, 247, 247,1)}

.lever{border:1px solid #999;border-radius:5px; padding:2px 8px; color: #999}
.lever.active{border:1px solid #DE2131;color: #DE2131;}

.van-button--disabled {cursor: not-allowed;opacity: 1;background: #41414a !important;border: #41414a !important; color: #d2d2d2;}

.swipe_inner .card_status.card_status_tag{ 
  top: 0;right: 0;
  width: 0;
  height: 0;
  border-right: 100px solid transparent;
  border-top: 100px solid rgb(19 16 16 / 68%);
  transform: rotate(90deg);
}

.swipe_inner .card_status.card_status_tag span{transform: rotate(315deg); position: absolute; 
  top: -76px;
  left: 0;
  display: inline-block;
  width: 120px;
  left: -23px;
  text-align: center;
  right: 0;
}

.exIpx{border-radius: 30px;border:1px solid #eee; height: 40px; line-height: 40px;}
/*.exIpx.active{border-color:#EA4D44;}*/

.filterList{display: flex;flex-wrap: wrap;}
.filterList .item span{display:block;margin: 0 5px;border:1px solid #eee; color: #fff; height: 40px; line-height: 40px;border-radius: 30px; }
.filterList .item.active span {border-color:#ff1c64; background: #ff1c64;background-image: linear-gradient(45deg, #ff1c64, #ff3e43);}
.filterList-3 .item{flex-basis: 33.33%;box-sizing: border-box;}


/*.layout{height: 100vh;padding-top: 44px;box-sizing: border-box;}*/
/*.ippTitle{position:fixed !important;top: 0;left: 0;right: 0;}*/
/*.main{min-height: calc(100% - 44px)}*/

.van-button--danger{background: #ff1c64;background-image: linear-gradient(45deg, #ff1c64, #ff3e43);border:transparent;}
.agreement{margin:0 -15px 10px}
.agreement .van-cell{background: transparent;color: #fff;}
.nav img{width: 40px; height: 40px;}
/*.van-tabs__nav{}*/
.van-tabs__nav--card{border-color: transparent;background: #12121A !important;border-radius: 30px; height: auto;}

.van-tabs__nav--card .van-tab{border-right: none;line-height: 40px;height: 40px;padding: 5px;margin:1px; color: #8C8C90;}
.van-tabs--card>.van-tabs__wrap{height: auto;}
.van-tabs__nav--card .van-tab.van-tab--active{background-color: #282830;border-radius: 30px;}
.van-empty__image{ opacity: .2;}
.van-tabbar{background: #1B1B25;}
.van-tabbar-item--active{background: transparent;color: #EA4D44;}
.van-tabbar-item--active .van-tabbar-item__icon{background: #EA4D44;color: #fff;border-radius: 50%;
  background-image: linear-gradient(45deg, #ff1c64, #ff3e43);

}
/*.van-tabbar-item--active .van-tabbar-item__icon .van-icon{transform: scale(.6);}*/
.van-tabbar-item{color: #d2d2d2;}
.van-tabbar-item__icon{color: #d2d2d2; width: 30px; height: 30px; display: flex;justify-content: center;align-items: center;}
.van-tabbar{ height: 60px; }
.van-tabbar-item--active .van-tabbar-item__text{color: #ff1c64 !important;}



.userTop{background: #282830;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.userContent .van-cell{background: transparent; color: #fff;}

.contactPage .item{background:#282830;border-radius: 10px;}
.contactPage .item .list{margin-left: 50px; position: relative;}
.contactPage .item .list::before{content:'';display:block;width: 1px;border-right:1px dotted #6B6B76; position: absolute;top:5px;left:6px; bottom:5px;z-index: 100}
.contactPage .item .list .circle{ display: inline-block; width: 16px; height:16px; line-height: 16px; font-size: 12px; border-radius: 50%;background: linear-gradient(42deg, #FF1C64, #FF3E43);
border-radius: 50%; color: #fff; text-align: center; position: absolute; top: 2px; left: 0;}
.contactPage .subItem{ position: relative;z-index: 500;padding-left: 22px;}
.contactPage .subItem:last-child{margin-bottom: 20px !important;}
.tipDot{background:#DE2131; display: inline-block; width:8px; height:8px;border-radius: 50%;}
.aboRight{position: absolute;right:-4px;top:-4px;}
.aboCenter{position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;}


.transferTab{background: #12121A;border-radius: 30px;}
.transferTab .item{border-radius: 30px;color:#8C8C90;padding:0 20px; font-size: 14px; height: 40px; line-height: 40px;margin: 2px;}
.transferTab .item.active{background-color: #282830;color: #fff;}

.van-popup{background-color: #282830;box-shadow: 0 0 30px rgba(0,0,0,1);}
.bgLine{background: #3c3c44;}

.van-popover{border-radius: 12px;}
.van-popover--light .van-popover__content{background:#282830;color: #fff;}
.van-popover--light .van-popover__action:active{background:#282830;}
.van-popover--light .van-popover__arrow{color: #282830;}
.authImg img{width: 100px;}


.van-popover__content [class*=van-hairline]::after{border-color:#41414A;}
.van-password-input [class*=van-hairline]::after{border-color:#3c3c44;}
.van-password-input__security{border-radius: 5px;overflow: hidden;}
.van-number-keyboard{background: transparent;}

.footerBottom [class*=van-hairline]::after{border-color:#24242e;}
.iconClose{position: absolute;z-index: 1;color: #c8c9cc;font-size: 22px;cursor: pointer;top: 12px;left: 13px}
.proTypeInner{width:80px;background: #EDEDED;border-radius: 5px;color: #1B1B26; position: absolute; left:14px;padding-bottom: 10px;top: 50%;transform: translateY(-50%);}
.proTypeInner img{height: 16px;}
.currentAddress{border-radius: 40px;margin: 0 8% 15px;}

.user_lever_table{overflow:auto;}
.user_lever_table .table{border-collapse: separate;border-spacing: 1px;empty-cells: show;background: #282830;}
.user_lever_table th{white-space: nowrap;padding:12px 10px; text-align: left;background: #3c3c44;}
.user_lever_table td{white-space: nowrap;padding:10px; text-align: left;background: #3c3c44;}
.innerWrap{white-space: normal;}
.lerveTop{padding: 12px 15px;border-radius: 18px;margin-bottom: 15px;}
.lerveTop .title{font-size: 26px;font-style: italic;font-weight: bold;}
.leverImg{position: absolute; top: 0;right:15px;z-index: 400;}
.leverImg img{width:60px;}
.chooseLineItem.active,.chooseChainItem.active{background: linear-gradient(10deg, #FF1C64, #FF3E43);}
.chooseLineItem.active .ipp-flag{border-color: #fff;}
.chainTop{background: linear-gradient(90deg, #83807F, #8F8684, #83807F);}
.footer-bar{
  height: constant(safe-area-inset-bottom);
  height: env(safe-area-inset-bottom);
}
.cellBorder::after{position: absolute;left: 10px; right: 10px;bottom:-1px;content: '';border-bottom: 1px solid #494950;}
.th-line{text-decoration: line-through;}

.progress{width: 100%; height: 6px; border-radius: 5px;overflow: hidden;background: #eee;}
.progress span{display: inline-block;height: 100%; position: absolute; left: 0;top: 0;bottom: 0;background: #ff1c64;border-radius: 5px;}

.accountPage .face{background-image: linear-gradient(-90deg, #e94a54, #e9435d); width: 36px; height: 36px;border-radius: 50%;}
.accountPage .face img{width: 22px; height: 22px; border-radius: 50%;}
.accountPage .box{ background: #282830;}
.accountPage .item{border-bottom:1px solid #3C3C45;}
.accountPage .item:last-child{border-bottom: none;}