@charset "utf-8";



* {box-sizing: border-box;}
body {min-width: 100%;min-height: 100vh;background: rgb(248, 247, 250);font-size: 22px;font-family: "Roboto:Regular", sans-serif, "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;}
#app[data-device='page_mobile'] {--cursor: none;user-select: none;/* 禁止文本选择 */-webkit-user-select: none;/* 适用于 Safari */-moz-user-select: none;/* 适用于 Firefox */-ms-user-select: none;/* 适用于 Internet Explorer/Edge */}
#app[data-device='page_pc'] {--cursor: pointer;}
#app[data-direction='ltr'] {direction: ltr;}
.app {min-height: 100vh;}
.app.showApp {transform: scale(1);opacity: 1;}
.panWhite {background-color: #fff;padding: 20px;border-radius: 10px;}
.warnTxt {color: #d42c25;}
.flex_c {display: flex;align-items: center;gap: 3px;}
.relative {position: relative;}
.contentArea {max-width: 1004px;width: 90%;margin: 0 auto;}
.bgImg {background: no-repeat center / cover;width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;}
.header {padding: 3px 10%;max-height: 66px;box-sizing: content-box;z-index: 20;direction: ltr;font-size: 22px;font-weight: bold;color: rgb(160, 160, 160);background: #fff;}
.logo img {max-width: 100%;max-height: 100%;max-height: 38px;}
.header .headerCont {gap: 48px;}
.header .headerCont {gap: 20px;}
.header .contentArea {align-items: center;width: 95%;gap: 5%;}
.header .contentArea h1 img {display: block;height: 100%;}
.header .logo {padding-top: 6px;}
.header nav {display: flex;gap: 34px;}
a {margin: 5px;color: rgb(160, 160, 160);}
nav a {position: relative;}
nav a[href='#']:hover {color: rgb(214, 44, 37);}
nav a.active {color: rgb(214, 44, 37);}
nav a.active::before {content: '';max-width: 24px;--w: 24px;width: var(--w);height: 4px;background-color: rgb(214, 44, 37);position: absolute;top: calc(100% + 6px);left: calc(50% - var(--w) / 2);border-radius: 2px;}
/*  */
.main {position: relative;margin: 50px 0 0;padding-bottom: 20px;}
.main a {color: #fff;}
/* searchCont s */
.searchCont {width: 100%;}
.searchCont .iptBox {width: 100%;resize: none;padding: 20px;box-sizing: border-box;font-size: 22px;box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 30px 0px;background-color: rgb(255, 255, 255);border-radius: 10px;color: rgb(51, 51, 51);line-height: 1.4;}
.warnShadow {animation: warnShadow 1s 1;}
@keyframes warnShadow {0% {    box-shadow: inset rgba(0, 0, 0, 0.05) 0px 10px 10px 0px;}
25% {    box-shadow: inset #d42c25 0px 0px 20px 0px;}
50% {    box-shadow: inset rgba(0, 0, 0, 0.05) 0px 10px 10px 0px;}
75% {    box-shadow: inset #d42c25 0px 0px 20px 0px;}
100% {    box-shadow: inset rgba(0, 0, 0, 0.05) 0px 10px 10px 0px;}}
.successShadow {animation: successShadow 1s 1;}
@keyframes successShadow {0% {    box-shadow: inset rgba(0, 0, 0, 0.05) 0px 10px 10px 0px;}
25% {    box-shadow: inset #4cea41 0px 0px 20px 0px;}
50% {    box-shadow: inset rgba(0, 0, 0, 0.05) 0px 10px 10px 0px;}
75% {    box-shadow: inset #4cea41 0px 0px 20px 0px;}
100% {    box-shadow: inset rgba(0, 0, 0, 0.05) 0px 10px 10px 0px;}}
.searchCont .submit {color: #fff;text-align: center;padding: 0;width: 100%;box-sizing: border-box;margin: 26px auto;}
.searchCont .submit .btns {display: flex;align-items: center;gap: 10px;}
.searchCont .submit .loading {display: flex;align-items: center;justify-content: center;height: 12px;opacity: 0;}
.searchCont .submit.load .loading {opacity: 1;}
.searchCont .subBtn {display: flex;align-items: center;justify-content: center;background: #d42c25;color: #fff;border-radius: 10px;cursor: pointer;margin: 16px 0;height: 40px;transition: .3s;padding: 0 24px;}
.searchCont .load .subBtn {filter: grayscale(1);}
/* searchCont e */
/* details s */
.warning .icon {display: block;--w: 17px;width: var(--w);height: var(--w);border-radius: 50%;position: relative;}
.warning .icon img {height: 100%;width: auto;}
.warning .wCont {display: flex;padding: 4px 10px;border-radius: 6px;align-items: center;gap: 5px;}
.warning.succ .wCont {background-color: rgb(232, 255, 232);}
.warning.succ .icon {background: rgb(42, 187, 41);}
.warning.succ .icon::before {content: '';display: block;width: calc(var(--w) * 0.2);height: calc(var(--w) * 0.4);--bor: 2px solid #fff;border-right: var(--bor);border-bottom: var(--bor);transform: translate(-50%, -50%) rotateZ(45deg);position: absolute;top: 44%;left: 56%;}
.warning.err .wCont {background-color: rgb(255, 232, 232);color: rgb(214, 44, 37);}
.warning.err .icon {background: #d62c25;}
.warning.err .icon::before,
.warning.err .icon::after {content: '';width: 60%;height: 2px;border-radius: 2px;background-color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(calc(-50% + 0px), calc(-50% + 0px)) rotate(-45deg);}
.warning.err .icon::after {transform: translate(calc(-50% + 0px), calc(-50% + 0px)) rotate(45deg);}
.warning.succ .txt {color: rgb(26, 161, 28);font-weight: bold;}
.warning {display: flex;align-items: center;gap: 10px;}
.details {display: flex;flex-direction: column;gap: 26px;word-break: break-all;font-size: 18px;color: rgb(51, 51, 51);}
.detLi {display: flex;align-items: center;}
.detLi.confirm {}

.detLi.confirm .tips {color: rgb(26, 161, 28);}
.detLi.confirm .tips span {display: inline-block}
.detLi.confirm .confirmBtn {background: rgb(40, 181, 43);color: #fff;border-radius: 6px;padding: 12px 20px;}
.detLi .lable {display: inline-block;width: 190px;color: rgb(51, 51, 51);}
.detLi .val {display: inline-block;flex: 1;}
.detLi .val .symbolIco {height: 16px;width: auto;}
.moneyPan {padding: 1px 5px;border-radius: 5px;display: inline-block;color: rgb(242, 133, 0);}
/* searchTi */
.searchTi {height: 26px;display: flex;align-items: center;gap: 10px;margin-bottom: 20px;}
.searchTi .searchIcon {height: 100%;width: auto;}
.searchTi .lable {color: rgb(0, 0, 0);font-size: 22px;}
.itemContain {margin: 20px auto;}
/* details e*/
@keyframes shadowRolling {0% {    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);}
12% {    box-shadow: 100px 0 #90cf5b, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);}
25% {    box-shadow: 110px 0 #90cf5b, 100px 0 #90cf5b, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);}
36% {    box-shadow: 120px 0 #90cf5b, 110px 0 #90cf5b, 100px 0 #90cf5b, 0px 0 rgba(255, 255, 255, 0);}
50% {    box-shadow: 130px 0 #90cf5b, 120px 0 #90cf5b, 110px 0 #90cf5b, 100px 0 #90cf5b;}
62% {    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #90cf5b, 120px 0 #90cf5b, 110px 0 #90cf5b;}
75% {    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #90cf5b, 120px 0 #90cf5b;}
87% {    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #90cf5b;}
100% {    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);}}
.loader-43 {position: relative;width: 10px;height: 10px;border-radius: 50%;color: #90cf5b;left: -100px;-webkit-animation: shadowRolling 2s linear infinite;animation: shadowRolling 2s linear infinite;}
.cont_loading {min-height: 135px;}
/*  常规弹窗 s */
.frameContainer {width: 90%;--padding_t: 0.46rem;--head_h: 0.6rem;min-height: 5rem;--bot_w: calc(100% - 0.6rem);--bot_pad: 0.3rem;--bg_d_t: 0.36rem;--bg_ti: linear-gradient(0deg, #0000, #0000);--bg_bot: url(https://image.whoisamy.shop/action/commonLite/lite_25_07_02_FamilyOwnerPack/fra_backgound.jpg) no-repeat center / calc(100% - .4rem) calc(100% - .4rem);--bg_bot: linear-gradient(0deg, #6e1a24 0%, #f04131 100%) no-repeat center / calc(100% - 0.2rem) calc(100% - 0.2rem);--bg_border_t: url(https://image.whoisamy.shop/action/commonLite/lite_25_07_24_roomTrophy/fra_t.png) no-repeat center top / 100% auto;--bg_border_b: url(https://image.whoisamy.shop/action/commonLite/lite_25_07_24_roomTrophy/fra_b.png) no-repeat center bottom / 100% auto;--bg_bor: var(--bg_border_t), var(--bg_border_b), url(https://image.whoisamy.shop/action/commonLite/lite_25_07_24_roomTrophy/fra_m.png) no-repeat center top 0.96rem/ 100% calc(100% - 2rem + .08rem);font-family: PingFang-SC-Medium;font-size: 0.24rem;font-weight: normal;font-stretch: normal;letter-spacing: 0rem;margin: .24rem auto;padding: var(--padding_t) 0.24rem 0.2rem;position: relative;z-index: 5;--main_color: #fff;}
.frameContainer::before {content: '';display: block;width: 100%;height: 1rem;position: absolute;top: 0;left: 0;z-index: 2;display: none}
.frameContainer::after {content: '';display: block;width: 100%;height: 1rem;position: absolute;bottom: 0;left: 0;z-index: 2;}
.frameTitle {line-height: .5rem;font-size: 0.24rem;font-weight: normal;font-stretch: normal;letter-spacing: 0.005rem;color: #ffec4f;padding: 0.08rem 0 .04rem;}
.popup {position: fixed;z-index: 30;}
.popup .frameTitle {--pop_ti_h: 0.8rem;height: var(--pop_ti_h);padding: 0.18rem 0 0.04rem;background: url(https://image.whoisamy.shop/action/commonLite/lite_25_07_02_FamilyOwnerPack/fra_recieved.png) no-repeat center bottom calc(-0.1rem) / calc(100% + .4rem) calc(var(--pop_ti_h) + 0.4rem);font-size: 0.26rem;font-weight: bold;font-stretch: normal;line-height: 0.48rem;letter-spacing: 0rem;color: #4d1402;}
.popup .frameContainer {animation: fadeInPop .3s forwards;padding: 0.34rem 0.26rem .4rem;min-height: 4rem;}
.popup .popHide .frameContainer {animation-name: fadeOutPop;}
.popFiexd {width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;display: flex;align-items: center;justify-content: center;padding-bottom: 10vh;}
.popGrayBg {width: 100%;height: 100%;background-color: rgb(0 0 0 / 5%);position: absolute;left: 0;top: 0;animation: opacityLinearIn .3s forwards;}
.popup .popHide .popGrayBg {animation-name: opacityLinearOut;}
@keyframes opacityLinearIn {0% {    opacity: 0;}
100% {    opacity: 1;}}
@keyframes opacityLinearOut {0% {    opacity: 1;}
100% {    opacity: 0;}}
@keyframes fadeInPop {0% {    transform: translateY(-10vh);    opacity: 0;}
100% {    transform: translateY(0vh);    opacity: 1;}}
@keyframes fadeOutPop {0% {    transform: translateY(0vh);    opacity: 1;}
100% {    transform: translateY(-20vh);    opacity: 0;}}
.popBox {padding: 20px;border-radius: 10px;width: 90%;max-width: 400px;margin: 0 auto;box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 30px 0px;background-color: rgb(255, 255, 255);position: relative;}
.popFrameBg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: .2rem;display: none;}
.popFrameBg:before {content: "";display: block;position: absolute;height: calc(100% - 0.38rem);width: calc(100% - 0.38rem);top: 50%;left: 49.9%;transform: translate(-50%, -50%);border-radius: .2rem;}
.popClose {background: url(https://image.whoisamy.shop/action/commonLite/lite_25_08_08_inviteV3/btn_close.png?x-oss-process=image/format,webp) no-repeat center top / 100% 100%;--w: 0.7rem;width: var(--w);height: var(--w);position: absolute;right: calc(50% - var(--w) / 2);top: calc(100% + 0.2rem);z-index: 2;}
.popCont {--mx_h: 80vh;width: 100%;height: 100%;min-height: inherit;max-height: var(--mx_h);/* overflow: scroll; */z-index: 1;position: relative;font-family: PingFang-SC-Medium;font-size: 22px;font-weight: normal;font-stretch: normal;letter-spacing: 0rem;}
.popTitle {text-align: center;position: relative;font-family: PingFangSC-Semibold;font-size: 0.328rem;font-weight: normal;font-stretch: normal;line-height: 0.383rem;letter-spacing: 0rem;color: #ffffff;width: 5rem;height: .5rem;display: flex;align-items: center;justify-content: center;margin: 0 auto;background-color: oldlace;}
/*  常规弹窗 e */
/* 确认弹窗 s */
.popCont>.title {color: #000;text-align: center;font-weight: 500;}
.popCont .popBtns {display: flex;justify-content: space-between;align-items: center;gap: 30px;margin-top: 30px;}
.popCont .popBtn {width: 100%;display: flex;align-items: center;justify-content: center;padding: 10px;background: #f8f7fa;color: rgb(51, 51, 51);border-radius: 10px;cursor: pointer;transition: .3s;}
.popCont .popBtn:hover {box-shadow: 3px 3px 6px 0px #ccc;}
.popCont .popBtn.confirm {background: rgb(40, 181, 43);color: #fff;}
.markOptions {width: 100%;--bg: #f8f7fa;background: var(--bg);border-radius: 5px;--h: 50px;--len: 1;height: calc(var(--h) * 1);margin: 30px auto;position: relative;--pad_l: 20px;--pad_t: 12px;color: #333333;--bor_rad: 5px;--dur: .3s;}
.markOptions .seleted {height: var(--h);padding: var(--pad_t) var(--pad_l);cursor: pointer;display: flex;align-items: center;border-radius: var(--bor_rad);}
.markOptions .seleted.holding {color: #aaa;}
.markOptions .optionBox {position: absolute;left: 0;top: var(--h);width: 100%;border-radius: var(--bor_rad);overflow: hidden;transition: var(--dur);height: calc(var(--len) * var(--h));}
.markOptions.optionHide .optionBox {height: 0;}
.markOptions.optionHide .list {}

.markOptions .list {border-bottom-right-radius: inherit;border-bottom-left-radius: inherit;color: #666;/* height: calc(var(--len) * var(--h)); */transition: var(--dur);position: absolute;bottom: 0;left: 0;width: 100%;}
.markOptions .list li {cursor: pointer;padding: 0 var(--pad_l);background: var(--bg);}
.markOptions .list li:hover {color: #d42c25;}
.markOptions .list li p {border-top: 1px #ccc dashed;box-sizing: border-box;height: var(--h);display: flex;align-items: center;}
.markOptions .list li span {}

/* 确认弹窗 e */

/* media  s -----------------------------------*/

@media (max-width: 1440px) {.header {    font-size: 18px;    padding: 3px 5%;}
.header .logo {    padding-top: 10px;}}
@media (max-width: 800px) {.popCont {    font-size: 20px;}
.popCont .popBtns {    flex-wrap: wrap;    gap: 20px;}}
@media screen and (max-width: 750px) {body {    font-size: 18px;}
.main {    margin-top: 30px;}
.header {    padding: 10px 3%;}
.searchCont .submit {    margin: 20px auto;}
.searchTi {    height: 20px;}
.searchTi .lable {    font-size: 18px;}
.searchCont .iptBox {    font-size: inherit;    padding: 15px;}
.header nav {    gap: 20px;    flex: 1;    width: 100px;}
.details {    gap: 20px;}
.detLi {    font-size: 16px;    flex-wrap: wrap;    gap: 5px;}
.detLi .lable {    width: 170px;}
.detLi .val {    flex: initial;}
.searchCont .subBtn.paste {    flex: 1;}}
@media screen and (max-width: 500px) {body {    font-size: 16px;}
.header {    font-size: 16px;}
.header nav {    gap: 10px;}
.detLi.result .lable, .detLi.txid .lable, .detLi.money .lable {    width: 100px;}
.popCont {    font-size: 18px;}
.popCont {    font-size: 14px;}
.popCont .popBtns {    gap: 10px;}
.markOptions {    --pad_l: 15px;    --pad_t: 8px;    --h: 40px;}}
@media screen and (max-width: 400px) {body {    font-size: 14px;}
.main {    margin-top: 20px;}
.itemContain, .searchCont .submit {    margin: 16px auto 0;}
.panWhite {    padding: 16px;}
.searchTi {    margin-bottom: 16px;}
.searchTi .lable {    font-size: 16px;}
.searchTi .searchIcon {    height: 16px;}
.details {    gap: 14px;}
.detLi {    font-size: 14px;}
.moneyPan {    display: flex;    align-items: center;}
.searchCont .submit {}}
@media screen and (max-width: 350px) {body {    font-size: 12px;}
.header .logo {    padding-top: 3px;}
.logo img {    height: 30px;}
nav a {    margin: 0;    font-size: 14px;}
.searchTi .lable {    font-size: 12px;}
.detLi {    font-size: 12px;}
.warning .icon {    transform: scale(.8);}
.searchTi {    gap: 6px;}}
/* media  e*/