@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.contentBar{display:flex;align-items:center;padding:10px;background:#fff;min-height:30px;gap:5px;width:calc(100% - 20px)}.contentBar.side{justify-content:space-between}.contentBar.border{border:1px solid #ccc}.contentBar.slimSide{padding:3px 10px}.contentBar.btn{font-size:1rem;line-height:1.2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;background:#6F22BF;color:#fff600;width:100%;padding:20px 0;display:flex;align-items:center;justify-content:center}.contentBar.btn.autoW{width:auto;min-width:60%;padding:20px 10px}.contentBar input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;color:#ccc;width:100%;padding:0;border:none;font-size:1rem;line-height:1.2rem}.contentBar input:focus{color:#000}.VFlex{display:flex;flex-direction:column}.HFlex{display:flex}.VFlex.ac,.HFlex.ac{align-items:center}.VFlex.jc,.HFlex.jc{justify-content:center}.VFlex.cc,.HFlex.cc{align-items:center;justify-content:center}.r13{border-radius:13px}.r30{border-radius:30px}.rfull{border-radius:500px}.gap5{gap:5px}.gap10{gap:10px}.gap15{gap:15px}.gap20{gap:20px}.gap30{gap:30px}.gap60{gap:60px}@font-face{font-family:icomoon;src:url(./icomoon.eot?vnsafu&v=1);src:url(./icomoon.eot?vnsafu#iefix&v=1) format("embedded-opentype"),url(./icomoon.ttf?vnsafu&v=1) format("truetype"),url(./icomoon.woff?vnsafu&v=1) format("woff"),url(./icomoon.svg?vnsafu#icomoon&v=1) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-icon_add:before{content:""}.icon-icon_alert:before{content:""}.icon-icon_Arrow_Back:before{content:""}.icon-icon_Arrow_next:before{content:""}.icon-icon_check:before{content:""}.icon-icon_coins:before{content:""}.icon-icon_coopon:before{content:""}.icon-icon_goal:before{content:""}.icon-icon_infos:before{content:""}.icon-icon_nav_cart:before{content:""}.icon-icon_Nav_question:before{content:""}.icon-icon_Nav_signal:before{content:""}.icon-icon_Nav_sim:before{content:""}.icon-icon_Nav_user:before{content:""}.icon-icon_paper:before{content:""}.icon-icon_Privicy:before{content:""}.icon-icon_question:before{content:""}.icon-icon_SIM:before{content:""}.icon-Vector:before{content:""}body{background:linear-gradient(to bottom,#ddd,#ccc);font-size:14px;line-height:20px;color:#000;font-family:new-order,sans-serif,Lantinghei TC Demibold}body a{text-decoration:none;overflow:hidden}#navigationBTM{width:calc(100% - 40px);padding:5px;border-radius:200px;background:rgba(255,255,255,.4);position:fixed;left:15px;bottom:25px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #0006;z-index:50}#navigationBTM ul{display:flex;align-items:center;justify-content:space-between}#navigationBTM ul li{display:block;width:100%;aspect-ratio:1;border-radius:100px}#navigationBTM ul li a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:100%;height:100%;color:#333}#navigationBTM ul li a i{font-size:1.5rem;color:#6f22bf}#navigationBTM ul li a span{font-size:.8rem}#navigationBTM ul li.on{background:linear-gradient(to bottom,#555,#333)}#navigationBTM ul li.on a,#navigationBTM ul li.on a i{color:#fff}#mainContent{width:calc(100dvw - 30px);height:calc(100vh - 120px);padding:0 15px 120px;position:relative;z-index:1;overflow-y:scroll;overflow-x:hidden}#mainContent::-webkit-scrollbar{display:none}#mainContent.pageStore{background:url(./storeBG.png) no-repeat center bottom;background-size:cover}#mainContent .singleContainer{display:flex;gap:10px;flex-direction:column}#mainContent .singleContainer h1{font-size:20px;line-height:24px;color:#6f22bf}#mainContent .singleContainer h1 small{font-size:12px;line-height:14px}.pageIndex .indexUserBlock{width:calc(100% + 30px);margin:0 -15px;aspect-ratio:1;position:relative;transition:all .3s}.pageIndex .indexUserBlock .userHead{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:0;overflow:hidden;transition:all .3s}.pageIndex .indexUserBlock .userHead .headIMG{width:100%;height:100%;opacity:.5;object-fit:cover;transition:all .3s}.pageIndex .indexUserBlock .userIntros{position:relative;width:calc(100% - 30px);margin:0 auto;z-index:1;padding-top:15px;color:#fff600;display:flex;flex-direction:column;gap:10px;transition:all .3s}.pageIndex .indexUserBlock .userIntros .userTitle{font-size:32px;line-height:36px;font-weight:900;display:flex;flex-wrap:wrap;color:#fff600;transition:all .3s}.pageIndex .indexUserBlock .userIntros .userTitle .hello,.pageIndex .indexUserBlock .userIntros .userTitle .userName{width:100%;transition:all .3s}.pageIndex .indexUserBlock .userIntros .userTitle .hello .icon-Vector,.pageIndex .indexUserBlock .userIntros .userTitle .userName .icon-Vector{font-size:20px;transition:all .3s}.pageIndex .indexUserBlock .userIntros .subTitle{width:40%;font-size:16px;line-height:20px;transition:all .3s}.pageIndex .indexUserBlock .nowTime{position:absolute;bottom:80px;right:15px;z-index:1;color:#fff600;display:flex;align-items:start;font-family:Arial;transition:all .3s}.pageIndex .indexUserBlock .nowTime #date{padding:5px 10px;background:#FFF600;color:#000;font-size:14px;line-height:14px;border-radius:100px;transition:all .3s}.pageIndex .indexUserBlock .nowTime #time{font-size:64px;line-height:52px;font-weight:400;display:block;height:52px;transition:all .3s}.pageIndex .indexUserBlock .nowTime .tInfos{height:52px;display:flex;flex-direction:column;align-items:start;justify-content:end;transition:all .3s}.pageIndex .indexUserBlock.on .userHead{left:15px;top:150px;width:48px;height:48px;border-radius:48px}.pageIndex .indexUserBlock.on .userHead .headIMG{opacity:1}.pageIndex .indexUserBlock.on .userIntros{padding:160px 15px;color:#6f22bf;gap:0;width:auto;margin-left:53px}.pageIndex .indexUserBlock.on .userIntros .userTitle{font-size:16px;line-height:18px;color:#6f22bf}.pageIndex .indexUserBlock.on .userIntros .userTitle .hello,.pageIndex .indexUserBlock.on .userIntros .userTitle .userName{width:auto}.pageIndex .indexUserBlock.on .userIntros .userTitle .hello .icon-Vector,.pageIndex .indexUserBlock.on .userIntros .userTitle .userName .icon-Vector{font-size:14px}.pageIndex .indexUserBlock.on .userIntros .subTitle{width:100%;font-size:12px;line-height:16px}.pageIndex .indexUserBlock.on .nowTime{color:#6f22bf}.pageIndex .indexUserBlock.on .nowTime #date{background:#6F22BF;color:#fff600}.pageIndex .singleUnopenedCard .cardType{background:#6F22BF;color:#ffc4f0;display:flex;margin:-5px}.pageIndex .singleUnopenedCard .country{font-weight:600}.pageIndex .singleUnopenedCard .limitTime{font-size:.7rem;line-height:1.2rem;color:#999}.pageIndex .singleUnopenedCard .btn{font-size:2rem;color:#6f22bf}.pageIndex .mySIM{width:calc(100% + 30px);margin:-70px -15px 0;overflow:hidden;z-index:5}.pageIndex .mySIM .singleSC{width:calc(100dvw - 30px)}.pageIndex .mySIM .singleSC:last-child .SCard{width:calc(100% - 20px)}.pageIndex .mySIM .singleSC .SCard{width:calc(100% - 40px);min-height:200px;margin-top:10px;border-radius:13px;background:linear-gradient(to bottom,#9244E2,#6F22BF);padding:10px;box-shadow:0 0 10px #0006;display:flex;flex-direction:column;gap:30px}.pageIndex .mySIM .singleSC .SCard .cardSort{display:flex;align-items:center;justify-content:space-between;width:100%}.pageIndex .mySIM .singleSC .SCard .cardSort .SerialNum{color:#fff;font-size:.8rem;line-height:1.2rem}.pageIndex .mySIM .singleSC .SCard .cardInfos{display:flex;align-items:center;justify-content:space-between;gap:30px}.pageIndex .mySIM .singleSC .SCard .cardInfos .cardCountry,.pageIndex .mySIM .singleSC .SCard .cardInfos .cardOwner{color:#fff}.pageIndex .mySIM .singleSC .SCard .cardInfos .cardOwner .name{font-size:24px;line-height:26px}.pageIndex .mySIM .singleSC .SCard .cardDataUsage{display:flex;flex-direction:column;color:#fff600}.pageIndex .mySIM .singleSC .SCard .cardDataUsage .dataPackage{font-size:36px;line-height:36px;font-weight:700;font-family:Myrid Pro}.pageIndex .mySIM .singleSC .SCard .cardDataUsage .dataPackage .endUnit{font-size:.5em;line-height:1em}.pageIndex .mySIM .singleSC .SCard .cardDataUsage .dataPackage small{font-size:.8rem;line-height:1.2rem;font-weight:400}.pageIndex .mySIM .singleSC .SCard .cardDataUsage .progressBar{width:100%;height:10px;overflow:hidden;position:relative}.pageIndex .mySIM .singleSC .SCard .cardDataUsage .progressBar .nowUsed,.pageIndex .mySIM .singleSC .SCard .cardDataUsage .progressBar .totalWidth{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100px;background:#FFF600;z-index:2}.pageIndex .mySIM .singleSC .SCard .cardDataUsage .progressBar .totalWidth{z-index:1;opacity:.3}.pageIndex .mySIM .singleSC .SCard .cardDataUsage .dataInfos{display:flex;align-items:center;justify-content:space-between;font-size:.7rem}.pageIndex .mySIM .singleSC .SCard .cardDataUsage .dataInfos .endTime{opacity:.7}.pageIndex .mySIM .sim-pagination{text-align:center;padding:15px 0}.pageIndex .mySIM .sim-pagination .swiper-pagination-bullet{width:13px;height:auto;aspect-ratio:1;border:1px solid #6F22BF;background:none;opacity:1}.pageIndex .mySIM .sim-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#6F22BF}.pageIndex .cardType{padding:3px 15px;background:#FFC4F0;color:#6f22bf;display:inline-block;border-radius:100px;font-size:.8rem}.pageIndex .cardCountry{display:flex;align-items:center;gap:5px}.pageIndex .cardCountry .flag{width:42px;height:auto;aspect-ratio:1;border-radius:100px;overflow:hidden;box-shadow:inset 0 0 10px #0009;background:no-repeat center;background-size:cover}.pageIndex .cardCountry .countryName{display:flex;flex-direction:column;gap:5px}.pageIndex .cardCountry .countryName .CN{font-size:32px;line-height:32px;white-space:nowrap}.pageIndex .cardCountry .countryName .EN{font-size:10px;line-height:10px;white-space:nowrap}#popUpWindow{position:fixed;top:0;left:0;z-index:150;width:100dvw;height:100dvh;overflow:hidden;display:none;align-items:center;justify-content:center}#popUpWindow .popBG{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none}#popUpWindow .popWindow{display:none;position:relative;z-index:1;width:75%;min-height:50px;padding:40px 20px;border-radius:13px;background:#fff;align-items:center;justify-content:center;gap:30px;flex-direction:column;animation:fadeIn .3s ease-in-out}#popUpWindow .popWindow .closePopBtn{position:absolute;top:5px;right:5px;font-size:2rem;line-height:1rem;color:#6f22bf;transform:rotate(45deg);display:none}#popUpWindow .popWindow h1{color:#6f22bf;font-size:1.5rem;line-height:1.2rem;font-weight:600}#popUpWindow .popWindow P{font-size:.9rem;line-height:1.2rem;color:#999}#popUpWindow .popWindow.closeBtnOn .closePopBtn{display:block}@keyframes fadeIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}