html,body{padding:0;margin: 0;}
html,body,p,span,em,i,h1,h2,h3,h4,h5,h6{moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
ul,ul li{list-style: none;padding:0;margin:0;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6,p{padding:0;margin: 0;}
dl,dd{padding:0;margin:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input,select,textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background: none;outline:none;}

.bg1d{background: #121528;}
.indtop{background: #2357e9;width: 84%;border-radius: 7px;margin: 12px auto;overflow: hidden;padding:20px 5%;}
.indtop p{display: block;font-size: 14px;color: #fdfdfd;line-height: 20px;}
.indtop span{display: block;font-size: 28px;color: #fdfdfd;line-height: 50px;}
.indtop i{font-style: normal;display: block;font-size: 16px;color: #fdfdfd;line-height: 30px;float: right;}
.indlist{display: block;overflow: hidden;margin:12px 0 0;}
.indlist li{overflow: hidden;background:#222337 url(../images/go.png) no-repeat;background-position: 98% 50%;background-size: 15px;width: 94%;margin:0 auto 12px;border-radius: 7px;}
.indlist li a{padding: 15px;display: block;overflow: hidden;}
.indlist li a img{float: left;}
.indlist li a dd{float: left;margin:0 0 0 10px;}
.indlist li a dd span{display: block;font-size: 14px;line-height: 22px;color: #ededed;}
.indlist li a dd p{display: block;font-size: 12px;line-height: 18px;color: #797a8e;}
.indbtn{display: block;border-radius: 7px;border:none;background: #d7dae1;color: #121528;width: 200px;height: 40px;margin: 20px auto;font-size:14px;}
.cardlistbox{width: min(88%, 540px);margin:0 auto;padding:58px 0 88px;}
.cardlist-header{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2px 22px;}
.cardlist-kicker{display:block;color:#69d4c6;font-size:11px;font-weight:700;letter-spacing:2px;line-height:18px;}
.cardlist-title{display:block;color:#f6f7fb;font-size:28px;font-weight:700;letter-spacing:0;line-height:34px;}
.cardlist-count{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 7px;box-sizing:border-box;border:1px solid #3a3d55;border-radius:15px;color:#aeb2c6;font-size:13px;line-height:30px;}
.card-list-item{display:block;position:relative;width:100%;margin:0 0 16px;border-radius:13px;overflow:hidden;color:#fff;box-sizing:border-box;box-shadow:0 14px 30px rgba(0,0,0,.22);transition:transform .2s ease,box-shadow .2s ease;}
.card-list-item:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#2d67ee 0%,#3156c8 50%,#253577 100%);}
.card-list-item:after{content:"";position:absolute;width:190px;height:190px;right:-74px;top:-102px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.04),0 0 0 48px rgba(255,255,255,.025);}
.card-list-item:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(0,0,0,.3);}
.card-list-item:focus-visible{outline:2px solid #69d4c6;outline-offset:3px;}
.card-list-surface{display:block;position:relative;z-index:1;min-height:178px;padding:20px 22px 17px;box-sizing:border-box;}
.card-list-brand{display:flex;align-items:center;justify-content:space-between;height:25px;color:rgba(255,255,255,.9);}
.card-list-brand-name{font-size:12px;font-weight:700;letter-spacing:1.5px;}
.card-list-chip{display:block;width:27px;height:20px;border:1px solid rgba(255,255,255,.65);border-radius:5px;background:linear-gradient(90deg,transparent 46%,rgba(255,255,255,.55) 47%,rgba(255,255,255,.55) 52%,transparent 53%),linear-gradient(0deg,transparent 44%,rgba(255,255,255,.55) 45%,rgba(255,255,255,.55) 53%,transparent 54%);opacity:.82;}
.card-list-label{display:block;margin-top:22px;color:rgba(255,255,255,.63);font-size:10px;letter-spacing:1.2px;line-height:15px;text-transform:uppercase;}
.card-list-item .card-list-no{display:block;margin-top:1px;color:#fff;font-size:20px;font-weight:500;letter-spacing:1.4px;line-height:30px;white-space:nowrap;}
.card-list-meta{display:flex;align-items:flex-end;justify-content:space-between;margin-top:14px;}
.card-list-balance{display:block;font-style:normal;}
.card-list-balance small{display:block;color:rgba(255,255,255,.63);font-size:10px;line-height:15px;}
.card-list-balance b{display:block;color:#fff;font-size:16px;font-weight:600;line-height:23px;}
.card-list-arrow{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.34);border-radius:50%;color:#fff;font-size:17px;line-height:26px;}
.card-list-empty{display:block;border:1px dashed #3a3d55;background:#1c1e31;border-radius:13px;padding:30px 5%;font-size:14px;color:#8589a0;text-align:center;}
.cardlist-footer{width:min(88%, 540px);margin:0 auto;padding:0 0 28px;}
.cardlist-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;border:1px solid #383b51;border-radius:9px;background:transparent;color:#aeb2c6;font-size:14px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.cardlist-logout:hover{border-color:#5b607a;background:#1c1e31;color:#f6f7fb;}
.cardlist-logout:focus-visible{outline:2px solid #69d4c6;outline-offset:3px;}
.cardlist-logout-icon{font-size:20px;line-height:16px;transform:translateY(-1px);}
@media (max-width:420px){
	.cardlistbox{width:calc(100% - 32px);padding-top:48px;}
	.cardlist-footer{width:calc(100% - 32px);}
	.card-list-surface{padding-left:18px;padding-right:18px;}
	.card-list-item .card-list-no{font-size:17px;letter-spacing:1px;}
}

.back{display: block;position: fixed;top: 0;left: 0;background: #222337;width: 100%;}
.back a{display: block;width: 50px;height: 50px;background: url(../images/back.png) no-repeat;background-position: 50% 50%;background-size: 15px auto;position: absolute;}
.back span{font-size: 16px;color: #fdfdfd;line-height: 50px;text-align: center;display: block;}

.cardbox{width: 94%;margin:60px auto;background:#222337;border-radius: 7px;overflow: hidden;}
.cardbox dl{width: 94%;margin:0 auto;border-bottom: 1px solid #333449;padding:10px 0;overflow: hidden;}
.cardbox dl span{display: block;font-size: 14px;color: #797a8e;line-height: 30px;float: left;width: 70px;}
.cardbox dl p{display: block;font-size: 14px;color: #ededed;line-height: 30px;float:left;}
.cardbox input{border:none;font-size: 14px;color: #ededed;line-height: 30px;width: 200px;}
.cardbox button{width: 100px;height: 35px;background: #2357e9;border:none;border-radius: 7px;color: #fdfdfd;margin: 10px auto;display: block;}

.detailsbox{margin:60px 0 0 0;overflow: hidden;}
.detailsbox dl{width: 88%;margin:0 auto 10px;background:#222337;border-radius: 7px;padding: 5px 3%;}
.detailsbox dl dd{display: block;overflow: hidden;font-size: 14px;color: #ededed;line-height: 30px;}
.detailsbox dl dd em{font-style: normal;margin: 0 0 0 10px;}
.detailsbox dl dd span{float: right;}
.detailsbox dl p{display: block;font-size: 14px;color: #797a8e;line-height: 20px;}

.dlwz{display: block;font-size: 18px;color: #797a8e;width: 90%;margin:100px auto 50px;line-height: 30px;}
.dlcon{width: 90%;margin:0 auto;background:#222337;border-radius: 7px;overflow: hidden;padding:20px 0;}
.dlcon dl{width: 90%;margin:0 auto;overflow: hidden;padding:10px 0;border-bottom: 1px solid #333449;}
.dlcon dl span{display: block;font-size: 14px;color: #797a8e;line-height: 30px;float: left;width: 70px;}
.dlcon input{border:none;font-size: 14px;color: #ededed;line-height: 30px;width: 200px;}
.dlcon input.dlbtn{width: 200px;height: 35px;background: #2357e9;border:none;border-radius: 7px;color: #fdfdfd;margin: 20px auto;display: block;}
.dlcon .code-row{display: flex;align-items: center;gap: 8px;}
.dlcon .code-row input{width: 110px;}
.dlcon .code-row input.send-code-btn{width: 90px;height: 30px;background: #d7dae1;border:none;border-radius: 7px;color: #121528;font-size: 12px;line-height: 30px;cursor: pointer;}
.dlcon .code-row input.send-code-btn:disabled{opacity: .65;cursor: default;}
.dlcon .email-login-link{display: block;width: 200px;margin: -8px auto 10px;text-align: center;font-size: 14px;line-height: 30px;color: #ededed;text-decoration: underline;}

.lang-switch{position: fixed;top: 12px;right: 12px;z-index: 999;background: #2357e9;color: #fdfdfd;border:none;border-radius: 6px;padding: 6px 12px;font-size: 13px;line-height: 18px;cursor: pointer;box-shadow: 0 1px 3px rgba(0,0,0,.25);}
.lang-switch:hover{opacity:.92;}
.back .lang-switch{top: 8px;}