/* lqq 24/1/16 */
html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; }
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer { margin: 0; padding: 0; }
body { font: 62.5%/1.5 -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; min-width: 320px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { vertical-align: middle; border: 0; -webkit-tap-highlight-color: transparent; }
em, i { font-style: normal; }
img { max-width: 100%; border: 0; -webkit-user-select: none; }
input:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul, li { list-style: none; }
textarea { resize: none; }s
a { text-decoration: none !important; color: #333; }
a:-webkit-any-link {text-decoration: none;}
.cf:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.cf { min-height: 1%; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.show { display: block; }
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.break { word-break: break-all; word-wrap: break-word; }
html { font-size: 100px; font-size: 13.33333vw; }
@media screen and (max-width: 320px) { html { font-size: 42.66667px; font-size: 13.33333vw; } }
@media screen and (min-width: 321px) and (max-width: 360px) { html { font-size: 48px; font-size: 13.33333vw; } }
@media screen and (min-width: 361px) and (max-width: 375px) { html { font-size: 50px; font-size: 13.33333vw; } }
@media screen and (min-width: 376px) and (max-width: 393px) { html { font-size: 52.4px; font-size: 13.33333vw; } }
@media screen and (min-width: 394px) and (max-width: 412px) { html { font-size: 54.93333px; font-size: 13.33333vw; } }
@media screen and (min-width: 413px) and (max-width: 414px) { html { font-size: 55.2px; font-size: 13.33333vw; } }
@media screen and (min-width: 415px) and (max-width: 480px) { html { font-size: 64px; font-size: 13.33333vw; } }
@media screen and (min-width: 481px) and (max-width: 540px) { html { font-size: 72px; font-size: 13.33333vw; } }
@media screen and (min-width: 541px) and (max-width: 640px) { html { font-size: 85.33333px; font-size: 13.33333vw; } }
@media screen and (min-width: 641px) and (max-width: 720px) { html { font-size: 96px; font-size: 13.33333vw; } }
@media screen and (min-width: 721px) and (max-width: 750px) { html { font-size: 100px; font-size: 13.33333vw; } }
@media screen and (min-width: 751px) { html { font-size: 100px; } }
@media screen and (min-width: 751px) { html { font-size: 100px; }
  body { width: 750px; margin: 0 auto; color: #222; }
  [data-dpr='1'] body { width: 750px; margin: 0 auto; } }
* { box-sizing: border-box; }
body { font-size: .22rem;background: #000;color: #222; }

@font-face {
  font-family: 'baoNum';
  src: url('./KBaoNumber-Regular.ttf');
}

.c-cb7144 {color: #cb7144;}
.text-center {text-align: center;}
.text-left {text-align: left !important;}
.flex {display: flex;}
.items-center {align-items: center;}
.justify-center {justify-content: center;}
.icon {display: inline-block}

.banner {position: relative;background: url("../images/banner-bg.jpg?v1") center no-repeat;background-size: 100% 100%;width: 100%;height: 3.7rem;}

.kbFootWrap {padding-bottom: 1.08rem;}
.kbFooter {margin-top: .24rem !important;}
.kbFootAbout {width: 7.1rem !important;}
.kbFooter .kbFootCopyright {background: #6c4533 !important;color: #e9dccd !important;}

.main {width: 100%;margin-top: -.8rem;}
.main .hint {height: .6rem;display: flex;align-items: center;justify-content: center;}
.card {background: #fff;border-radius: .3rem;padding: .36rem .53rem .56rem;width: 100%;margin: 0 auto;}
.card .hint {text-align: center;color: #666;font-size: .24rem;margin-top: .3rem}
.part-title {position: relative;font-size: .36rem;line-height: .4rem;display: inline-block;}
.part-title p {position: relative;z-index: 1;}
.part-title::after {content: "";position: absolute;right: -.19rem;top: -.13rem;background: url("../images/title-decor.png") center no-repeat;background-size: 100% 100%;width: .41rem;height: .39rem;}
.top {display: flex;justify-content: space-between;align-items: flex-end;}
.top .btn-text {color: #666;}
.top .btn-text div {margin-right: .1rem;}
.top .btn-text .icon-arrow {background: url("../images/icon-arrow.png") center no-repeat;background-size: 100% 100%;width: .12rem;height: .18rem;}

.tab {z-index: 2;position: fixed;bottom: 0;left: 50%;margin-left: -3.75rem;display: flex;align-items: center;background: url("../images/tab-bg.png") center no-repeat;background-size: 100% 100%;width: 7.5rem;height: 1.08rem;}
.tab a {position: relative;width: 25%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.tab a::after {content: "";position: absolute;top: 50%;right: 0;margin-top: -.18rem;width: .02rem;height: .36rem;background-color: #a44b20;}
.tab a:active {background: #b55829;}
.tab a:active p {color: #fff;}
.tab a:last-child::after {content: "";display: none;}
.tab img {width: .38rem;height: .4rem;}
.tab a .icon {width: .38rem;height: .4rem;}
.tab a p {font-size: .26rem;color: #341e13;line-height: .32rem;margin-top: .07rem;}
.tab.tab-5 a {width: 20%;}
.tab a .msg {position: absolute;right: .05rem;top: .03rem;border-radius: .3rem;display: inline-block;padding: 0 .1rem;height: .28rem;background: #341e13;font-size: .22rem;line-height: .28rem;color: #fff;}

.user-part .user-info {display: flex;align-items: center;}
.user-part .user-info .avatar {position: relative;width: 1.1rem;height: 1.1rem;}
.user-part .user-info .avatar img {width: 1.1rem;height: 1.1rem;border-radius: 50%;border: .01rem solid #c76a3b;}
.user-part .user-info .avatar .level {position: absolute;bottom: -.1rem;left: 50%;margin-left: -.4rem;font-size: .22rem;color: #fff;display: flex;align-items: center;justify-content: center;width: .8rem;height: .3rem;background: url("../images/icon-level.png") center no-repeat;background-size: 100% 100%;}
.user-part .user-info .info {margin-left: .2rem;flex: 1;}
.user-part .user-info .info p {font-size: .34rem;line-height: .42rem;width: 2.9rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.user-part .user-info .info div {color: #999;line-height: .32rem;margin-top: .12rem;}
.user-part .user-info .btn-change {position: relative;z-index: 4;color: #fff;display: flex;align-items: center;justify-content: center;background: url("../images/btn-change.png") center no-repeat;background-size: 100% 100%;width: 1.41rem;height: .48rem;}
.user-part .user-info .change-part {position: relative;}
.user-part .user-info .change-part .change-account-pop {position: relative;}
.user-part .user-info .change-part .change-account-pop .mask {position: fixed;z-index: 3;;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, .3);}
.user-part .user-info .change-part .change-account-pop .account-content {-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;z-index: 4;right: 0rem;top: .31rem;position: absolute;background: #fff;width: 6.46rem;border-radius: .3rem;padding: .46rem .32rem .32rem;}
.user-part .user-info .change-part .change-account-pop .account-content::after {content: "";width: .38rem;height: .2rem;background: url("../images/pop-arrow.png") center no-repeat;background-size: 100% 100%;position: absolute;right: .45rem;top: -.2rem;}
.user-part .user-info .change-part .change-account-pop .account-content .account-list li {margin-bottom: .47rem;display: flex;align-items: center;justify-content: space-between;}
.user-part .user-info .change-part .change-account-pop .account-content .account-list li:last-child {margin-bottom: 0;}
.user-part .user-info .change-part .change-account-pop .account-content .account-list li .left {display: flex;align-items: center;}
.user-part .user-info .change-part .change-account-pop .account-content .account-list li .icon-check {background: url("../images/icon-pop-check.png") center no-repeat;background-size: 100% 100%;width: .36rem;height: .36rem;}
.user-part .user-info .change-part .change-account-pop .account-content .account-list li .icon-check.on {background: url("../images/icon-checked.png") center no-repeat;background-size: 100% 100%;}
.user-part .user-info .change-part .change-account-pop .account-content .account-list li .account-info {margin-left: .29rem;}
.user-part .user-info .change-part .change-account-pop .account-content .account-list li .account-info .top-user {display: flex;align-items: center;}
.user-part .user-info .change-part .change-account-pop .account-content .account-list li .account-info .top-user .username {font-size: .3rem;color: #222;}
.user-part .user-info .change-part .change-account-pop .account-content .account-list li .account-info .top-user .role-flag {margin-left: .1rem;width: 1rem;height: 0.28rem;background-color: #f6f6f6;border-radius: 0.08rem;text-align: center;line-height: .28rem;font-size: .2rem;color: #666;}
.user-part .user-info .change-part .change-account-pop .account-content .account-list li .btn-unbind {background: #f6f6f6;border-radius: .22rem;width: 1.1rem;height: .44rem;text-align: center;line-height: .44rem;color: #222;}
.user-part .user-info .change-part .change-account-pop .account-content .btn-bind-other {margin-top: .48rem;color: #666;font-size: .28rem;display: flex;align-items: center;justify-content: center;width: 100%;height: .8rem;background-color: #f6f6f6;border-radius: .4rem;}
.user-part .user-info .change-part .change-account-pop .account-content .level-id {margin-top: .06rem;font-size: .22rem;color: #999;line-height: .32rem;}
.user-part .user-num {margin-top: .32rem;display: flex;align-items: center;justify-content: center;width: 100%;min-height: 1.2rem;background: #f6f6f6;border-radius: .16rem;}
.user-part .user-num .item {width: 25%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.user-part .user-num .item p {font-size: .36rem;line-height: .4rem;font-family: 'baoNum';}
.user-part .user-num .item div {margin-top: .11rem;color: #666;line-height: .36rem;}
.user-part .process {position: relative;margin-top: .49rem;}
.user-part .process::after {content: "";position: absolute;bottom: -.03rem;left: .1rem;width: .02rem;height: .12rem;background: #fff;}
.user-part .process .line {position: absolute;top: .05rem;left: .1rem;width: .02rem;height: 100%;background: url("../images/line.png") left repeat;}
.user-part .process .item {display: flex;align-items: center;margin-bottom: .33rem;}
.user-part .process .item:last-child {margin-bottom: 0;}
.user-part .process .item .left-part {flex-shrink: 0;display: flex;align-items: center;}
.user-part .process .item .star {background: url("../images/icon-star.png") center no-repeat;background-size: 100% 100%;width: .22rem;height: .22rem;}
.user-part .process .item .title {margin-left: .16rem;color: #666;}
.user-part .process .item .cont {flex: 1;text-align: right;color: #222;font-size: .26rem;line-height: .32rem;}

.scene-part {margin-top: .9rem;}
.scene-part .cont {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;margin-top: .25rem;}
.scene-part .cont .item {padding: .32rem .24rem;width: 3.18rem;background: #f6f6f6;border-radius: .16rem;}
.scene-part .cont .item .title {font-size: .26rem;color: #666;line-height: .32rem;}
.scene-part .cont .item .level-list {margin-top: .26rem;}
.scene-part .cont .item .level-list li {margin-bottom: .24rem;font-size: .24rem;line-height: .32rem;display: flex;align-items: center;justify-content: space-between;}
.scene-part .cont .item .level-list li:last-child {margin-bottom: 0;}

.role-part {margin-top: .82rem;}
.role-part .role-list {margin-top: .25rem;display: flex;flex-wrap: wrap;}
.role-part .role-list .item {width: 1.54rem;margin-right: .09rem;}
.role-part .role-list .item:last-child {margin-right: 0;}
/* .role-part .role-list .item img {width: 1.54rem;height: 2.87rem;border-radius: .16rem;} */
.role-part .role-list .item .role-info {margin-top: .17rem;}
.role-part .role-list .item .role-info p {font-size: .24rem;line-height: .32rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.role-part .role-list .item .role-info div {line-height: .32rem;margin-top: .09rem;color: #666;}

.moon-part {margin-top: .89rem;}
.moon-part .moon-list {margin-top: .25rem;display: flex;}
.moon-part .moon-list li {width: 1.54rem;margin-right: .1rem;}
.moon-part .moon-list li:last-child {margin-right: 0;}
.moon-part .moon-list li img {width: 1.54rem;height: 1.54rem;border-radius: .16rem;}
.moon-part .moon-list li .moon-info {margin-top: .14rem;}
.moon-part .moon-list li .moon-info p {font-size: .26rem;line-height: .32rem;}
.moon-part .moon-list li .moon-info div {margin-top: .06rem;color: #666;line-height: .32rem;}

.process-part {margin-top: .87rem;}
.process-part .card-show {margin-top: .25rem;background-color: #f6f6f6;border-radius: 0.16rem;padding: .25rem 0 .5rem;}
.process-part .card-show .top-part {margin: 0 .2rem;display: flex;align-items: flex-start;margin-bottom: .1rem;border-bottom: .01rem dashed #d3d0d0;height: .53rem;padding: 0 .16rem 0 .15rem;}
.process-part .card-show .top-part p {font-size: .24rem;line-height: .26rem;color: #666;}
.process-part .card-show .top-part p:nth-child(2) {flex: 1;text-align: right;}
.process-part .card-show .top-part p:last-child {margin-left: .8rem;}
.process-part .card-show .process-list {margin-top: .12rem;}
.process-part .card-show .process-list li {display: flex;align-items: center;padding: 0 .2rem;margin-bottom: .4rem;}
.process-part .card-show .process-list li a {display: flex;align-items: center;width: 100%;}
.process-part .card-show .process-list li:last-child {margin-bottom: 0;}
.process-part .card-show .process-list li img {width: .8rem;height: .8rem;border-radius: 50%;}
.process-part .card-show .process-list li .info {width: 3.61rem;margin-left: .19rem;}
.process-part .card-show .process-list li .info .info-text {display: flex;align-items: center;justify-content: space-between;}
.process-part .card-show .process-list li .info .info-text p {font-size: .26rem;line-height: .32rem;}
.process-part .card-show .process-list li .info .info-text div {color: #999}
.process-part .card-show .process-list li .info .info-text div em {color: #222;}
.process-part .card-show .process-list li .info .info-process {margin-top: .09rem;width: 100%;height: .08rem;background-color: #e6e4e4;border-radius: .04rem;}
.process-part .card-show .process-list li .info .info-process .pc {height: 100%;border-radius: .04rem;background: #c76a3b;}
.process-part .card-show .process-list li .left-part {display: flex;align-items: center;flex-shrink: 0;}
.process-part .card-show .process-list li .action .icon-action {margin-right: .1rem;background: url("../images/icon-action.png") center no-repeat;background-size: 100% 100%;width: .24rem;height: .34rem;}
.process-part .card-show .process-list li .action {flex: 1;display: flex;align-items: center;justify-content: flex-end;}

.banner-show {margin: .24rem auto 0;width: 7.1rem;border-radius: .3rem;}
.banner-show a {display: block;}
.banner-show img {width: 100%;border-radius: .3rem;}

.nav {overflow-x: auto;white-space: nowrap;padding: 0 .2rem .15rem;width: 7.5rem;}
.nav .nav-item {width: 1.34rem;height: .9rem;border-radius: .2rem;background: rgba(89,75,74,.7);display: inline-flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;margin-right: .1rem;}
.nav .nav-item:last-child {margin-right: .1rem;}
.nav .nav-item.on {background: url("../images/nav-on-bg.png") center no-repeat;background-size: 100% 100%;width: 1.34rem;height: .9rem;}
.nav .nav-item p {font-size: .28rem;line-height: .32rem;text-align: center;}
.nav .nav-item div {line-height: .32rem;margin-top: .02rem;text-align: center;font-size: .22rem;}

.inner-page {padding: .24rem .2rem 1.28rem;min-height: 100vh;overflow-y: auto;font-size: .24rem;}
.inner-page .card {width: auto;}
.inner-page .card .header {display: flex;align-items: flex-start;color: #666;height: 0.59rem;border-bottom: .01rem dashed #d3d0d0;}
.inner-page .card .header p:nth-child(1) {width: .72rem;height: .72rem;}
.inner-page .card .header p:nth-child(2) {margin-left: .24rem;width: 1.5rem;}
.inner-page .card .header p:nth-child(3) {width: 1.1rem;text-align: center;margin-left: .1rem;}
.inner-page .card .header p:nth-child(4) {width: 1.1rem;text-align: center;}
.inner-page .card .header p:nth-child(5) {width: 1.1rem;text-align: center;}
.inner-page .card .header p:nth-child(6) {width: 1.1rem;text-align: right;}
.inner-page .inner-list {margin-top: .3rem;}
.inner-list li {display: flex;align-items: center;margin-bottom: .4rem;}
.inner-list li:last-child {margin-bottom: 0;}
.inner-list li img {width: .72rem;height: .72rem;flex-shrink: 0;}
.inner-list li .rarity {margin-left: .24rem;width: 1.5rem;}
.inner-list li .rarity p {font-size: .26rem;line-height: .32rem;}
.inner-list li .rarity .star {margin-top: .09rem;background: url("../images/icon-star-level.png") left center no-repeat;background-size: auto 100%;width: 1.44rem;height: .24rem;}
.inner-list li .shape {width: 1.1rem;text-align: center;font-size: .26rem;}
.inner-list li .resonance {width: 1.1rem;text-align: center;color: #999;}
.inner-list li .resonance em {color: #222;font-size: .26rem;}
.inner-list li .insight {width: 1.1rem;text-align: center;font-size: .26rem;}
.inner-list li .level {width: 1.1rem;text-align: right;color: #999;}
.inner-list li .level em {color: #222;font-size: .26rem;}
.ad-part {position: relative;margin: .24rem auto 0;background: url("../images/ad-logo3.png") center no-repeat;background-size: 100% 100%;width: 4.52rem;height: 0.66rem;}
.ad-part p {position: absolute;top: .07rem;left: 3.1rem;color: #b0a190;width: 1.05rem;height: .53rem;line-height: .53rem;text-align: left;}
.ad-part .tools-text {width: 1.04rem;height: .66rem;line-height: .66rem;justify-content: center;position: absolute;top: 0;right: 1.62rem;color: #c76a3b;font-size: .24rem;display: flex;align-items: center;}
.ad-part .label {color: #b0a190;font-size: .24rem;width: 1.24rem;height: .66rem;line-height: .66rem;position: absolute;top: 0;right: .07rem;display: flex;align-items: center;}

.role-page {padding-left: 0;padding-right: 0;}

.moon-page {padding-left: 0;padding-right: 0;}
.moon-list li img {border-radius: 50%;width: .72rem;height: .72rem;border-radius: .1rem;}
.moon-page .card .header p:nth-child(3) {margin-left: 1.2rem;}
.moon-page .card .header p:nth-child(4) {flex: 1;text-align: right;}
.inner-list li .increase {margin-left: 1.2rem;width: 1.1rem;text-align: center;color: #999;}
.inner-list li .increase em {color: #222;font-size: .26rem;}
.moon-page .inner-list li .level {flex: 1;}

.process-page {padding-left: 0;padding-right: 0;}
.process-page .card {margin: 0;}
.process-page .card .header p:nth-child(2) {margin-left: .23rem;width: 3.61rem;text-align: right;}
.process-page .card .header p:nth-child(3) {flex: 1;text-align: right;}
.process-list li {display: flex;align-items: center;}
.process-list li img {width: .72rem;height: .72rem;border-radius: 50%;}
.process-list li .process {width: 3.61rem;margin-left: .23rem;}
.process-list li .process .info {display: flex;align-items: center;justify-content: space-between;}
.process-list li .process .info p {font-size: .26rem;color: #222;line-height: .32rem;}
.process-list li .process .info div {color: #999;line-height: .32rem;}
.process-list li .process .info div em {color: #222;}
.process-list li .process .pcb {margin-top: .13rem;position: relative;width: 3.61rem;height: .08rem;border-radius: .04rem;background: #e6e4e4;}
.process-list li .process .pcb .pc {position: absolute;left: 0;top: 0;height: .08rem;background: #c76a3b;border-radius: .04rem;}
.process-page .process-list li .level {flex: 1;text-align: right;display: flex;justify-content: flex-end;align-items: center;}
.process-page .process-list li .level .icon-action {margin-right: .1rem;background: url("../images/icon-action.png") center no-repeat;background-size: 100% 100%;width: .24rem;height: .34rem;}

.login-page {position: relative;background: url("../images/login-bg.jpg?v1") center no-repeat;background-size: 100% 100%;width: 100%;min-height: 100vh;}
.login-page .banner {margin: .3rem auto -.3rem;background: url("../images/login-logo.png") top center no-repeat;background-size: 100% 100%;width: 6.09rem;height: 2.87rem;}
.login-page .login-input {width: 6.46rem;margin: 0 auto;}
.login-page .input-part {position: relative;width: 6.46rem;margin: 0 auto;}
.login-page .login-input .input-item {display: flex;align-items: center;margin-bottom: .24rem;border-radius: .42rem;width: 6.46rem;height: .84rem;background: #fff;line-height: .84rem;}
.login-page .login-input .input-item:nth-child(1) .part {position: relative;z-index: 2;}
.login-page .login-input .input-item:last-child {margin-bottom: .15rem;}
.login-page .login-input .input-item input {border-radius: .42rem;border: none;outline: none;flex: 1;height: .84rem;line-height: .84rem;padding: 0 .3rem;color: #222;font-size: .28rem;}
.login-page .login-input .input-item input::-webkit-input-placeholder {color: #ccc;}
.login-page .login-input .input-item input::-ms-input-placeholder {color: #ccc;}
.login-page .login-input .input-item .btn-code {position: relative;color: #c76a3b;display: flex;align-items: center;justify-content: center;margin-right: 0;width: 2.1rem;height: .74rem;}
.login-page .login-input .input-item .btn-code::after {content: "";position: absolute;left: 0;width: 0.02rem;height: 0.32rem;background-color: #cccccc;top: 50%;margin-top: -.16rem;}
.login-page .login-input .input-item .code-num {position: relative;flex-shrink: 0;color: #999;display: flex;align-items: center;justify-content: center;border-radius: .37rem;height: .74rem;width: 2.1rem;}
.login-page .login-input .input-item .code-num::after {content: "";position: absolute;left: 0;width: 0.02rem;height: 0.32rem;background-color: #cccccc;top: 50%;margin-top: -.16rem;}
.login-page .login-input .input-item .part {display: flex;align-items: center;flex: 1;}
.login-page .login-input .input-item .btn-close {background: url("../images/icon-close.png") center no-repeat;background-size: 100% 100%;width: .21rem;height: .21rem;margin: 0 .26rem;}
.login-page .login-input .input-item .btn-close.sp {margin-right: .4rem;}
.login-page .login-input .input-item:last-child .btn-close {position: absolute;right: 0;top: 50%;margin-top: -.105rem;}
.login-page .login-input .input-item:last-child .part {position: relative;width: 4.3rem;flex: unset;}
.login-page .login-input .input-item:last-child .part input {padding-right: .7rem;}
.login-page .input-part .error-msg {color: #ff6056;position: absolute;left: .31rem;bottom: .18rem;line-height: 0.32rem;}
.login-page .login-btn {display: flex;align-items: center;justify-content: center;color: #b39d91;font-weight: bold;font-size: 0.34rem;letter-spacing: .01rem;display: flex;align-items: center;justify-content: center;margin: 0 auto;background: url("../images/btn-login-bg.png") center no-repeat;background-size: 100% 100%;width: 6.46rem;height: .88rem;}
.login-page .login-btn.on {color: #fff;background: url("../images/btn-login-bg-on.png") center no-repeat;background-size: 100% 100%;}
.check-part {margin: .28rem 0 2rem;display: flex;align-items: center;justify-content: center;}
.check-part .icon-check {cursor: pointer;margin-right: .14rem;background: url("../images/icon-check.png") center no-repeat;background-size: 100% 100%;width: .36rem;height: .36rem;}
.check-part .icon-check.on {background: url("../images/icon-checked.png") center no-repeat;background-size: 100% 100%;}
.check-part {color: #999;}
.check-part a {color: #c76a3b;}
.login-page .check-part {margin: 0 .3rem .15rem .8rem;justify-content: flex-start;align-items: center;line-height: 0.34rem;font-size: .19rem;}
.login-page .check-part .icon {flex-shrink: 0;}
.login-page .check-part .label {display: block;word-break: break-all;}
.login-page .check-part .icon-check {cursor: pointer;margin-right: .13rem;background: url("../images/icon-check2.png") center center no-repeat;background-size: .19rem .19rem;width: .25rem;height: .25rem;}
.login-page .check-part .icon-check.on {background: url("../images/icon-checked2.png") center center no-repeat;background-size: .19rem .19rem;}
.login-page .check-part.no-b {margin-bottom: 0;}
.login-page .info {position: fixed;bottom: 1.44rem;left: 0;width: 100%;color: #e9dccd;font-size: 0.3rem;line-height: 0.32rem;}
.login-page .info .hint {font-size: 0.22rem;color: #999;line-height: .32rem;margin-top: .07rem;}

.bind-page {position: relative;background: url("../images/login-bg.jpg?v1") center no-repeat;background-size: 100% 100%;width: 100%;min-height: 100vh;}
.bind-page .bind-title {margin: 0 auto 0;background: url("../images/bind-title.png") center no-repeat;background-size: 100% 100%;width: 4.1rem;height: .66rem;}
.bind-page .btn-cancel {position: absolute;right: .32rem;top: .6rem;display: flex;align-items: center;color: #e9dccd;}
.bind-page .btn-cancel .icon-cancel {margin-right: .1rem;background: url("../images/bind-exit.png") center no-repeat;background-size: 100% 100%;width: .26rem;height: .26rem;}
.bind-page .unbind {margin-top: 1.08rem;}
.bind-page .unbind .default {margin: 0 auto;background: url("../images/bind-default.png") center no-repeat;background-size: 100% 100%;width: 1.87rem;height: 1.8rem;}
.bind-page .unbind .bind-text {color: #fff;text-align: center;font-size: .32rem;line-height: .32rem;margin-top: .31rem;}
.bind-page .unbind .btn-bind {margin: .95rem auto 0;font-size: .36rem;color: #fff;display: flex;align-items: center;justify-content: center;background: url("../images/btn-login-bg-on.png") center no-repeat;background-size: 100% 100%;width: 6.46rem;height: .88rem;}
.bind-page .bind-part {margin-top: 1.2rem;}
.bind-page .bind-part .avatar {display: block;margin: 0 auto;width: 1.68rem;height: 1.68rem;border-radius: 50%;border: .01rem solid #c76a3b;}
.bind-page .bind-part .username {margin-top: .31rem;text-align: center;color: #fff;font-size: 0.3rem;line-height: .32rem;}
.bind-page .bind-part .btn-bind {margin: 0 auto 0;font-size: .34rem;letter-spacing: .01rem;color: #fff;display: flex;align-items: center;justify-content: center;background: url("../images/btn-login-bg-on.png") center no-repeat;background-size: 100% 100%;width: 6.46rem;height: .88rem;}
.bind-page .bind-part .hint {text-align: center;color: #999999;line-height: .32rem;margin: .46rem 0 .26rem;}
.bind-page .bind-show {position: absolute;bottom: .5rem;left: 50%;margin-left: -2.26rem;background: url("../images/ad-logo3.png") center no-repeat;background-size: 100% 100%;width: 4.52rem;height: .66rem;}
.bind-page .bind-show .tools-text {width: 1.04rem;height: .66rem;justify-content: center;position: absolute;top: 0;right: 1.62rem;color: #c76a3b;font-size: .24rem;display: flex;align-items: center;}
.bind-page .bind-show .label {color: #b0a190;font-size: .24rem;width: 1.24rem;height: .66rem;position: absolute;top: 0;right: .07rem;display: flex;align-items: center;}

.share-page {background: url("../images/share-bg.jpg?v1") center no-repeat;background-size: 100% 100%;width: 100%;min-height: 100vh;padding-top: .24rem;overflow-x: hidden;}
.share-page .card {background: #fff;margin-top: 0;width: 6.46rem;padding: .34rem .2rem .4rem;}
.share-page .card .user-info {display: flex;align-items: center;justify-content: space-between;}
.share-page .card .user-info .left {display: flex;align-items: center;flex-shrink: 0;}
.share-page .card .user-info .left img {display: block;margin-right: .14rem;width: .72rem;height: .72rem;border-radius: 50%;border: .01rem solid #c76a3b;}
.share-page .card .user-info .left .username {font-size: .3rem;color: #222;max-width: 2.37rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.share-page .card .user-info .left .level {margin-left: .1rem;font-size: .22rem;color: #fff;width: .8rem;height: .3rem;}
.share-page .card .user-info .user-id {flex: 1;color: #999;font-size: .22rem;text-align: right;}
.share-page .card .user-num {margin-top: .2rem;background: #f6f6f6;border-radius: .16rem;width: 100%;height: 1rem;display: flex;align-items: center;}
.share-page .card .user-num .item {width: 25%;text-align: center;}
.share-page .card .user-num .item .value {font-size: .32rem;line-height: .32rem;color: #222;font-family: 'baoNum', -apple-system, BlinkMacSystemFont;}
.share-page .card .user-num .item .label {margin-top: .09rem;font-size: .22rem;line-height: .32rem;color: #666;}
.share-page .share-bg-container {border-radius: .3rem;overflow: hidden;}
.share-page .share-card {background: #000;position: relative;padding-top: 2.61rem;margin: 0 auto;width: 7.1rem;padding-bottom: .4rem;overflow: hidden;}
.share-page .share-card::after {content: "";position: absolute;bottom: -.05rem;width: 100%;height: .05rem;background: #000;}
.share-page .card-bg {position: absolute;width: 7.1rem;height: 15.96rem;top: 0;left: 0;}
.share-page .card {position: relative;z-index: 1;}
.share-page .card .role-part {margin-top: .4rem;display: flex;align-items: center;}
.share-page .card .role-part li {margin-right: .095rem;flex-shrink: 0;}
.share-page .card .role-part li:last-child {margin-right: 0;}
/* .share-page .card .role-part li img {display: block;width: 1.44rem;height: 2.67rem;} */
.share-page .card .role-part li .role-info {text-align: center;margin-top: .12rem;}
.share-page .card .role-part li .role-info .title {color: #222;line-height: .32rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.share-page .card .role-part li .role-info .level {color: #666;line-height: .32rem;font-size: .22rem;margin-top: .05rem;}
.share-page .card .mood-part {margin-top: .34rem;display: flex;align-items: center;}
.share-page .card .mood-part li {margin-right: .095rem;flex-shrink: 0;}
/* .share-page .card .mood-part li img {width: 1.44rem;height: 1.44rem;display: block;} */
.share-page .card .mood-part li .mood-info {text-align: center;margin-top: .12rem;}
.share-page .card .mood-part li .mood-info .title {color: #222;line-height: .32rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.share-page .card .mood-part li .mood-info .level {color: #666;line-height: .32rem;font-size: .22rem;margin-top: .03rem;}
.share-page .share-hint {background: #c76a3b;border-radius: 0.2rem;position: relative;z-index: 1;margin: .24rem auto 0;display: flex;align-items: center;justify-content: space-between;width: 6.46rem;padding: .18rem .2rem .19rem;overflow: hidden;}
.share-page .share-hint .hint-info {margin-top: .11rem;font-size: .22rem;line-height: .32rem;color: #fff;}
.share-page .share-hint .qr-code {display: block;width: 1.1rem;height: 1.1rem;background: transparent;border-radius: .16rem;border: solid 0.03rem #be6132;}

.pop {position: relative;width: 6rem;}
.pop::after {content: "";position: absolute;z-index: 2;top: -.77rem;left: .19rem;background: url("../images/pop-decor.png") center no-repeat;background-size: 100% 100%;width: 1.63rem;height: 1.59rem;}
.pop::before {content: "";position: absolute;left: .11rem;top: -1.26rem;background: url("../images/pop-light.png") center no-repeat;background-size: 100% 100%;width: 5.78rem;height: 4.47rem;}
.pop .pop-container {position: relative;z-index: 1;background: #fff;border-radius: .24rem;padding: .55rem .3rem;}
.pop .pop-title {text-align: center;font-size: .38rem;color: #222;font-weight: bold;}
.pop .pop-cont {margin: .31rem 0 .41rem;text-align: center;font-size: .3rem;line-height: .48rem;color: #666;}
.pop .pop-btn {display: flex;align-items: center;justify-content: center;}
.pop .pop-btn a {margin: 0 .12rem;}
.pop .pop-btn .pop-btn-cancel {display: flex;align-items: center;justify-content: center;text-align: center;font-size: .28rem;color: #666;background: #f6f6f6;border-radius: .36rem;width: 2.34rem;height: .72rem;}
.pop .pop-btn .pop-btn-bind {color: #fefefe;font-size: .28rem;display: flex;align-items: center;justify-content: center;background: url("../images/pop-btn-bind.png") center no-repeat;background-size: 100% 100%;width: 2.34rem;height: .72rem;}
.pop .pop-btn .pop-btn-right {color: #fefefe;font-size: .28rem;display: flex;align-items: center;justify-content: center;background: url("../images/pop-btn-right.png") center no-repeat;background-size: 100% 100%;width: 3.2rem;height: .72rem;}
.pl-46 {padding-left: .46rem;}

.fixed-bar {display: flex;flex-direction: column;position: fixed;bottom: 2rem;right: .02rem;z-index: 3;}
.fixed-bar a {display: block;line-height: 999;overflow: hidden;}
.fixed-bar .btn-share {background: url("../images/btn-share.png") center no-repeat;background-size: 100% 100%;width: 1.22rem;height: 1.54rem;}
.fixed-bar .btn-top {display: none;margin-top: .1rem;background: url("../images/btn-top.png") center no-repeat;background-size: 100% 100%;width: 1.22rem;height: 1.22rem;}
.inner-page .fixed-bar .btn-top {opacity: .85;}

.fixed-hint {position: relative;-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;z-index: 3;position: fixed;left: .19rem;bottom: 1.21rem;background: rgba(0, 0, 0, .6);background-size: 100% 100%;height: .78rem;line-height: .3rem;color: #fff;padding: .12rem .3rem 0 .94rem;border-radius: .36rem .36rem .36rem .06rem;}
.fixed-hint::after {content: "";position: absolute;left: .12rem;bottom: 0;background: url("../images/fixed-logo.png?v1") center no-repeat;background-size: 100% 100%;width: .7rem;height: .78rem;}

.share-pop {z-index: 5;position: fixed;left: 50%;margin-left: -3.75rem;bottom: 0;width: 7.5rem;height: 100%;}
.share-pop .share-pop-mask {position: relative;z-index: 1;width: 100%;height: 100vh;}
.share-pop .share-pop-content {position: absolute;left: 0;bottom: 0;z-index: 2;-webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;z-index: 5;width: 100%;height: 4.24rem;border-radius: .2rem .2rem 0 0;background: #fff;box-shadow: 0rem 0rem 0.2rem 0rem rgba(9, 13, 13, 0.3);}
.share-pop .share-pop-content::before {content: "";position: absolute;top: .14rem;left: 50%;margin-left: -.34rem;width: .64rem;height: .06rem;border-radius: .03rem;background: #ddd;}
.share-pop .share-list {display: flex;flex-wrap: wrap;padding: .52rem .4rem 0}
.share-pop .share-list li {width: 25%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.share-pop .share-list li .icon {width: .9rem;height: .9rem;}
.share-pop .share-list li .icon.icon-download {background: url("../images/btn-download.png") center no-repeat;background-size: 100% 100%;}
.share-pop .share-list li .icon.icon-forum {background: url("../images/btn-forum.png") center no-repeat;background-size: 100% 100%;}
.share-pop .share-list li .icon.icon-qq {background: url("../images/btn-qq.png") center no-repeat;background-size: 100% 100%;}
.share-pop .share-list li .icon.icon-wechat {background: url("../images/btn-wechat.png") center no-repeat;background-size: 100% 100%;}
.share-pop .share-list li .icon.icon-qzone {margin-top: .31rem;background: url("../images/btn-qzone.png") center no-repeat;background-size: 100% 100%;}
.share-pop .share-list li .icon.icon-weibo {margin-top: .31rem;background: url("../images/btn-weibo.png") center no-repeat;background-size: 100% 100%;}
.share-pop .share-list li .icon.icon-circle {margin-top: .31rem;background: url("../images/btn-circle.png") center no-repeat;background-size: 100% 100%;}
.share-pop .share-list li p {margin-top: .08rem;text-align: center;}

.bind-pop {z-index: 5;position: fixed;left: 50%;margin-left: -3.75rem;bottom: 0;width: 7.5rem;height: 100%;}
.bind-pop .bind-pop-mask {position: relative;z-index: 1;width: 100%;height: 100vh;}
.bind-pop .bind-p-cont {position: absolute;left: 0;bottom: 0;z-index: 2;-webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;z-index: 5;width: 100%;height: 8.19rem;border-radius: .2rem .2rem 0 0;background: #fff;box-shadow: 0rem 0rem 0.2rem 0rem rgba(9, 13, 13, 0.3);}
.bind-pop .bind-p-cont::before {content: "";position: absolute;top: .14rem;left: 50%;margin-left: -.34rem;width: .64rem;height: .06rem;border-radius: .03rem;background: #ddd;}
.popup .p-cont {padding: .53rem .16rem .72rem .38rem;}
.popup .pop-close {position: absolute;top: .3rem;right: .3rem;background: url("../images/icon-close.png") center no-repeat;background-size: 100% 100%;width: .21rem;height: .21rem;}
.popup .pop-title {text-align: center;font-size: .36rem;color: #222222;line-height: .32rem;font-weight: bold;}
.bind-pop .bind-p-cont .content {margin-top: .26rem;max-height: 5.3rem;overflow-y: auto;padding-right: .28rem;font-size: 0.26rem;line-height: 0.43rem;color: #666;}
.bind-pop .bind-p-cont .btn-right {margin: .32rem auto 0;font-size: 0.28rem;color: #fefefe;display: flex;align-items: center;justify-content: center;width: 3.2rem;height: .72rem;background: url("../images/btn-right.png") center no-repeat;background-size: 100% 100%;line-height: .72rem;}

.agree-pop {z-index: 5;position: fixed;left: 50%;margin-left: -3.75rem;bottom: 0;width: 7.5rem;height: 100%;}
.agree-pop .agree-pop-mask {position: relative;z-index: 1;width: 100%;height: 100vh;}
.agree-pop .agree-p-cont {position: absolute;left: 0;bottom: 0;z-index: 2;-webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;z-index: 5;width: 100%;height: 4.49rem;border-radius: .2rem .2rem 0 0;background: #fff;box-shadow: 0rem 0rem 0.2rem 0rem rgba(9, 13, 13, 0.3);}
.agree-pop .agree-p-cont::before {content: "";position: absolute;top: .14rem;left: 50%;margin-left: -.34rem;width: .64rem;height: .06rem;border-radius: .03rem;background: #ddd;}
.agree-pop .content .hint {margin-top: .27rem;font-size: 0.28rem;line-height: 0.32rem;color: #666666;text-align: center;}
.agree-pop .content .agree-part {padding-left: 1.12rem;margin-top: .28rem;}
.agree-pop .content .agree-part .label {color: #999;font-size: .24rem;line-height: 0.34rem;}
.agree-pop .content .agree-part .label a {color: #c76a3b;}
.agree-pop .content .agree-part .label.mb-08rem {margin-bottom: .08rem;}
.agree-pop .btn-agree {margin: .56rem auto 0;background: url("../images/btn-agree.png") center no-repeat;background-size: 100% 100%;width: 3.2rem;height: .72rem;display: flex;align-items: center;justify-content: center;color: #fefefe;font-size: .28rem;line-height: .72rem;}
.agree-pop .p-cont {padding: .53rem 0 .72rem;}

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1rem);
            transform: translateX(-1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1rem);
            transform: translateX(-1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.slide-out-left {-webkit-animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
@-webkit-keyframes slide-out-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-3rem);
            transform: translateX(-3rem);
    opacity: 0;
  }
}
@keyframes slide-out-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-3rem);
            transform: translateX(-3rem);
    opacity: 0;
  }
}

@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-.3rem);
            transform: translateY(-.3rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-.3rem);
            transform: translateY(-.3rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(5rem);
            transform: translateY(5rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(5rem);
            transform: translateY(5rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/** lqq add 2024/2/6 */
.role-part .show-part,
.share-page .card .role-part li .show-part {position: relative;width: 1.54rem;height: 3.54rem;background: #dedede;border-radius: .16rem;overflow: hidden;}
.role-part .show-part .show,
.share-page .card .role-part li .show-part .show {width: 100%;
  height: 100%;border-radius: .16rem;object-fit: cover;}
.role-part .show-part .attr,
.share-page .card .role-part li .show-part .attr {position: absolute;top: .07rem;left: .08rem;}
.role-part .show-part .attr img,
.share-page .card .role-part li .show-part .attr img {width: .28rem;height: .44rem;}
.role-part .show-part .num,
.share-page .card .role-part li .show-part .num {font-size: .2rem;color: #fff;position: absolute;top: .07rem;right: .07rem;background: rgba(0, 0, 0, .7);padding: 0 .04rem;height: .24rem;line-height: .24rem;border-radius: .04rem;}
.role-part .star-part,
.share-page .card .role-part li .star-part {display: flex;justify-content: center;padding-top: .75rem;z-index: 1;position: absolute;bottom: 0;left: 0;background: transparent;background-size: 1.54rem 1.09rem;width: 1.54rem;height: 1.09rem;border-radius: 0 0 .16rem .16rem;}
.role-part .star-part .star,
.share-page .card .role-part li .star-part .star {position: relative;z-index: 1;background: url("../images/star-list.png") left top no-repeat;background-size: auto 100%;width: 1.2rem;height: .22rem;}
.role-part .star-part .bg,
.share-page .card .role-part li .star-part .bg {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;}

.moon-part .show-part,
.share-page .card .mood-part li .show-part {position: relative;width: 1.54rem;height: 1.54rem;border-radius: .16rem;}
.moon-part .show-part .show,
.share-page .card .mood-part li .show-part .show {display: block;width: 100%;height: 100%;border-radius: .16rem;object-fit: cover;}
.moon-part .show-part .num,
.share-page .card .mood-part li .show-part .num {font-size: .2rem;background: rgba(0, 0, 0, .7);padding: 0 .04rem;height: .24rem;line-height: .24rem;border-radius: .04rem;position: absolute;right: .07rem;top: .07rem;height: .24rem;padding: 0 .05rem;color: #fff;}
.moon-part .star-part,
.share-page .card .mood-part li .star-part {display: flex;justify-content: center;padding-top: .25rem;z-index: 1;position: absolute;bottom: 0;left: 0;background: transparent;width: 1.54rem;height: .56rem;border-radius: 0 0 .16rem .16rem;}
.moon-part .star-part .star,
.share-page .card .mood-part li .star {position: relative;z-index: 1;background: url("../images/star-list.png") left top no-repeat;background-size: auto 100%;width: 1.2rem;height: .22rem;}
.moon-part .star-part .bg,
.share-page .card .mood-part li .star-part .bg {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;}

.bind-page {position: relative;}
.bind-page .bind-part {margin-bottom: 3.6rem;}
.bind-page .bind-record {position: absolute;bottom: .6rem;left: 50%;margin-left: -3.23rem;width: 6.47rem;background: #000;border-radius: .24rem;padding: .41rem .2rem .41rem .4rem;}
.bind-page .bind-record .title {font-size: .24rem;color: #999;line-height: .32rem;}
.bind-page .bind-record .bind-list {margin-top: .46rem;max-height: 2rem;overflow-y: auto;padding-right: .2rem;}
.bind-page .bind-record .bind-list li {display: flex;align-items: center;justify-content: space-between;margin-bottom: .53rem;}
.bind-page .bind-record .bind-list li:last-child {margin-bottom: 0;}
.bind-page .bind-record .bind-list li .left {display: flex;align-items: center;}
.bind-page .bind-record .bind-list li .left .icon-check {background: url("../images/icon-pop-check.png") center no-repeat;background-size: 100% 100%;width: .36rem;height: .36rem;}
.bind-page .bind-record .bind-list li .left .icon-check.on {background: url("../images/icon-checked.png") center no-repeat;background-size: 100% 100%;}
.bind-page .bind-record .bind-list li .left .user-info {margin-left: .29rem;}
.bind-page .bind-record .bind-list li .left .user-info .user-name {display: flex;align-items: center;color: #f6f6f6;font-size: .28rem;line-height: 0.32rem;}
.bind-page .bind-record .bind-list li .left .user-info .status {margin-left: .1rem;padding: 0 .1rem;height: .28rem;line-height: .28rem;border-radius: .08rem;background: #341e13;font-size: .2rem;color: #b0a190;}
.bind-page .bind-record .bind-list li .left .user-info .info {font-size: .22rem;color: #666;line-height: .32rem;margin-top: .07rem;}
.bind-page .bind-record .bind-list li .btn-unbind {font-size: .24rem;color: #c76a3b;width: 1.1rem;height: 0.44rem;background: #341e13;border-radius: 0.22rem;display: flex;align-items: center;justify-content: center;}

.default-page {position: relative;background: url("../images/login-bg.jpg?v1") center no-repeat;background-size: 100% 100%;width: 100%;min-height: 100vh;}
.default-page .content {margin-bottom: .8rem;width: 100%;height: 5.2rem;position: absolute;left: 0;top: 50%;margin-top: -2.6rem;}
.default-page .default-img {margin: 0 auto;background: url("../images/default-img.png") center no-repeat;background-size: 100% 100%;width: 2.26rem;height: 2.66rem;}
.default-page .content .hint {text-align: center;margin: .3rem 0 .4rem;font-size: .3rem;line-height: 0.48rem;color: #999;}
.default-page .content .btn-forum {margin: 0 auto;color: #fefefe;font-size: .28rem;background: url("../images/btn-forum1.png") center no-repeat;background-size: 100% 100%;width: 3.2rem;height: .72rem;display: flex;align-items: center;justify-content: center;}

.frame {width: 5.78rem;height: 8.44rem;margin: 0 auto;background-color: #fff;border-radius: 0.27rem;padding-bottom: 0.55rem;padding-top: 0.5rem;-webkit-box-sizing: border-box;box-sizing: border-box}
.frame .f-tips-img {width: 100%;height: auto}
.frame .f-title {font-size: 0.36rem;color: #000000;font-weight: bold;text-align: center}
.frame .f-text {font-size: 0.26rem;color: #333333;margin: 0.3rem auto .1rem;text-align: center;text-justify: initial}
.frame .f-text a {color: #0aac3c}
.frame .f-select {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0.2rem auto 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.frame .f-select i {display: block;width: 0.23rem;height: 0.23rem;margin-right: 0.07rem;border-radius: 50%;border: 1px solid #999999;position: relative}
.frame .f-select .on {position: relative;border: 1px solid #53cc83}
.frame .f-select .on::after { content: "";position: absolute;width: 0.16rem;height: 0.13rem;top: 50%;left: 50%; margin-top: -0.06rem;margin-left: -0.07rem;background: url("../images/icon-d.png") no-repeat 0 0;background-size: 100% 100%}
.frame .f-select p {font-size: 0.24rem;color: #999999}
.frame .f-btn {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0.2rem auto .35rem;}
.frame .f-btn a {width: 4.4rem;height: 0.71rem;background-color: #30bf63;border-radius: 0.35rem;text-align: center;line-height: 0.71rem;font-size: 0.31rem;color: #ffffff;font-weight: bold}

.share-page .card .role-part li .show-part {width: 1.44rem;height: 2.67rem;}
.share-page .card .role-part li .star-part {width: 1.44rem;background: transparent;}
.share-page .card .role-part li .star-part .bg {position: absolute;bottom: 0;left: 0;display: block;width: 1.44rem;height: 1.09rem;}
.share-page .card .role-part li .star-part .star {z-index: 1;position: relative;}
.share-page .card .mood-part li .show-part {width: 1.44rem;height: 1.44rem;}
.share-page .card .mood-part li .star-part {width: 1.44rem;background: transparent;overflow: hidden;}
.share-page .card .mood-part li .star-part .bg {position: absolute;bottom: -.01rem;left: 0;display: block;width: 1.44rem;height: .56rem;}
.share-page .card .mood-part li .star-part .star {position: relative;z-index: 1;}

/** 2024/2/19 lqq add */
.load-pop {position: relative;box-sizing: border-box;width: 6rem;}
.load-pop img {display: block;width: 1.59rem;height: 1.76rem;margin: 0.4rem auto 0.2rem;}
.load-pop .label {width: 6rem;font-size: 0.28rem;color: #fff;font-weight: bold;text-align: center;margin: 0.3rem auto;line-height: 0.38rem;}

.share-card-part {background: #000;}

.empty-part {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 1rem 0 0;}
.empty-part img {width: 1.93rem;height: 1.72rem;}
.empty-part .label {margin-top: .3rem;font-size: .24rem;color: #666;text-align: center;}

.inner-page .empty-part {padding-bottom: 1rem;}

.share-page .card .role-part li .show {object-fit: unset !important;max-width: unset;height: auto !important;}

@media screen and (min-width: 1300px) {
  @media screen and (max-height: 1000px) {
    .login-page .login-show,
    .bind-page .bind-show {
      position: relative !important;
      bottom: unset !important;
      margin-top: .3rem;
    }
  }
}

@media screen and (max-height: 600px) {
  .login-page .login-show,
  .bind-page .bind-show {
    position: relative !important;
    bottom: unset !important;
    margin-top: .3rem;
  }
}

.share-page .card .user-info .left .level {position: relative;overflow: hidden;}
.share-page .card .user-info .left .level .level-bg {position: absolute;left: 0;top: 0;margin: 0;border: none;width: .8rem;height: .3rem;border-radius: unset;display: inline-block;vertical-align: top;}
.share-page .card .user-info .left .level  span {position: relative;width: 100%;z-index: 1;text-align: center;line-height: .3rem;height: .3rem;display: inline-block;vertical-align: top;}

.share-page .share-hint .left .top-part {position: relative;width: 3.96rem;height: .46rem;}
/* .share-page .share-hint .logo img {height: .3rem;display: block;} */
.share-page .share-hint .left .top-part .bg {width: 3.96rem;height: .46rem;position: absolute;left: 0;top: 0;}
.share-page .share-hint .left .top-part .search {position: absolute;top: 0;left: 2.85rem;height: 0.46rem;}
.share-page .share-hint .left .top-part .search div {font-size: .22rem;position: relative;z-index: 1;display: inline-block;vertical-align: top;height: 0.46rem;line-height: .46rem;color: #f7e7d5;}

.share-page .share-hint .hint-bg {position: absolute;left: 50%;margin-left: -3.09rem;top: 50%;margin-top: -.85rem;width: 6.19rem;height: 1.71rem;}
.share-page .share-hint .left {position: relative;z-index: 1;}
.share-page .share-hint .qr-code {position: relative;z-index: 1;}

.share-page .card .mood-part li .show-part .show {height: auto;object-fit: unset;}
.share-page .card .mood-part li .show-part {overflow: hidden;}

.share-page {margin-bottom: 4rem;height: auto;}
.share-page.hide-pop {height: 100vh;margin-bottom: 0;}
.share-page .card .role-part li .star-part .star,
.share-page .card .mood-part li .star-part .star {background: transparent;overflow: hidden;}
.share-page .card .role-part li .star-part .star .star-show,
.share-page .card .mood-part li .star-part .star .star-show {position: absolute;left: 0;top: 0;width: 1.2rem;height: .22rem;}
.share-page .card .role-part li .star-part .star .star-show img,
.share-page .card .mood-part li .star-part .star img {width: 100%;height: 100%;display: block;}

/* lqq 2024/02/23 add */
.login-page .login-show {position: absolute;bottom: .5rem;left: 50%;margin-left: -2.26rem;background: url("../images/ad-logo3.png") center no-repeat;background-size: 100% 100%;width: 4.52rem;height: .66rem;}
.login-page .login-show .tools-text {width: 1.04rem;height: .66rem;justify-content: center;position: absolute;top: 0;right: 1.62rem;color: #c76a3b;font-size: .24rem;display: flex;align-items: center;}
.login-page .login-show .label {color: #b0a190;font-size: .24rem;width: 1.24rem;height: .66rem;position: absolute;top: 0;right: .07rem;display: flex;align-items: center;}
.login-page .hint-part {margin-top: .73rem;padding: 0 .81rem 0 .7rem;}
.login-page .hint-part .top {display: flex;align-items: center;justify-content: space-between;}
.login-page .hint-part .top .title {font-size: .26rem;color: #e9dccd;line-height: .32rem;}
.login-page .hint-part .top .btn-info a {display: flex;align-items: center;color: #c76a3b;font-size: .22rem;line-height: .32rem;}
.login-page .hint-part .top .btn-info .icon {display: block;background: url("../images/icon-qus.png") center no-repeat;background-size: 100% 100%;width: .28rem;height: .28rem;margin-right: .08rem;}
.login-page .hint-part .content {margin-top: .2rem;line-height: 0.38rem;color: #999;}

.btn-i-back {position: fixed;right: 0;bottom: 20%;background: url("../images/btn-back.png") center no-repeat;background-size: 100% 100%;width: 1.22rem;height: 1.22rem;}

.bind-pop .scroll::-webkit-scrollbar {width: .08rem;border-radius: .04rem;}
.bind-pop .scroll::-webkit-scrollbar-track {background-color: #e6e4e4;border-radius: .04rem;}
.bind-pop .scroll::-webkit-scrollbar-thumb {background-color: #c76a3b;border-radius: .04rem;}

/* 2024/2/26 lqq add */
.ani-part {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.ani-part .circle-1 {animation: rotate1 10s linear infinite;position: absolute;top: -.3rem;right: -3.22rem;background: url("../images/circle-1.png") center no-repeat;background-size: 100% 100%;width: 4.53rem;height: 4.53rem;}
.ani-part .circle-2 {animation: rotate2 10s linear infinite;transform: rotate(55deg);position: absolute;top: -5.75rem;left: -7.17rem;background: url("../images/circle-2.png") center no-repeat;background-size: 100% 100%;width: 9.89rem;height: 9.89rem;}
.ani-part .circle-3 {animation: rotate3 20s linear infinite;transform: rotate(55deg);position: absolute;top: -10rem;right: -33.75rem;background: url("../images/circle-3.png") center no-repeat;background-size: 100% 100%;width: 38.37rem;height: 38.37rem;}
.ani-part .light {animation: fadeInOut 2s ease-in-out infinite;position: absolute;background: url("../images/light.png") center no-repeat;top: 0;right: 0;width: 2.84rem;height: 3.59rem;}
.ani-part .dot {animation: fadeInOut 2s ease-in-out infinite;position: absolute;top: -.93rem;left: 0;background: url("../images/bg-dot.png") center no-repeat;background-size: 100% 100%;width: 1.34rem;height: 7.07rem;}
.bind-page .cont {padding-top: 1.22rem;position: relative;z-index: 1;min-height: 100vh;}
.bind-page {width: 100%;overflow: hidden;}

.login-page {overflow: hidden;width: 100%;}
.login-page .cont {position: relative;z-index: 1;min-height: 100vh;padding-top: .3rem;}

.main-wrap {width: 7.5rem;overflow: hidden;position: relative;}
.main-wrap .banner::after {content: "";position: absolute;top: 0;z-index: 2;background: url("../images/banner-card.png") center no-repeat;background-size: 100% 100%;width: 6.63rem;height: 2.96rem;}
.main-wrap .main {z-index: 1;position: relative;}

@keyframes fadeInOut {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes rotate1 {
  0% {
    transform: rotate(21deg);
  }
  100% {
    transform: rotate(-122deg);
  }
}

@keyframes rotate2 {
  0% {
    transform: rotate(55deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}

@keyframes rotate3 {
  0% {
    transform: rotate(-33deg);
  }
  100% {
    transform: rotate(18deg);
  }
}

/* 2024/02/27 lqq add */
.main-wrap .card.pb-35 {padding-bottom: .35rem;}
.main-wrap .card .ad-part {margin-top: .35rem;background: url("../images/ad-logo3.png") center no-repeat;background-size: 100% 100%;width: 4.52rem;height: .66rem;}

.login-page .more-list {-webkit-animation: slide-in-top 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-top 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;border-radius: 0 0 0.42rem 0.42rem;position: absolute;z-index: 1;background: #fff;width: 100%;top: .42rem;padding-top: .42rem;}
.login-page .more-list li {color: #262622;height: .84rem;width: 100%;display: flex;justify-content: space-between;padding: 0 .3rem;}
.login-page .more-list li a {color: #262622;font-size: .28rem;width: 100%;display: flex;align-items: center;justify-content: space-between;}
.login-page .more-list li .icon-close {background: url("../images/icon-close.png") center no-repeat;background-size: 100% 100%;width: .21rem;height: .21rem;}

.login-page .login-input .input-item #code {max-width: 3.2rem;}

.popDown .gui02 .info .sp1 {width: auto;}

.login-page {padding-top: 0;}
.login-page .btn-cancel {position: absolute;right: .32rem;top: .6rem;display: flex;align-items: center;color: #e9dccd;}
.login-page .btn-cancel .icon-back {margin-right: .1rem;background: url("../images/bind-back.png") center no-repeat;background-size: 100% 100%;width: .26rem;height: .26rem;}

/* 2024/03/27 lqq add */
.show-top {justify-content: space-between;}
.show-top .left {display: flex;align-items: center;}
.show-top .left .num {display: flex;align-items: center;margin-left: .21rem;color: #999;font-size: .18rem;line-height: .32rem;}
.show-top .left .num i {margin: 0 .04rem;background: url("../images/star-num.png?v1") center no-repeat;background-size: 100% 100%;width: .16rem;height: .16rem;}
.show-top .right {display: flex;align-items: center;}
.show-top .right .btn {margin-left: .1rem;padding: 0 .13rem;height: .34rem;border: .01rem solid #c76a3b;border-radius: .17rem;color: #c76a3b;font-size: .2rem;display: flex;align-items: center;line-height: .34rem;}
.show-top .right .btn-settle i {margin-right: .04rem;background: url("../images/icon-settle.png?v1") center no-repeat;background-size: 100% 100%;width: .18rem;height: .17rem;}
.show-top .right .btn-more i {margin-right: .04rem;background: url("../images/icon-more.png?v1") center no-repeat;background-size: 100% 100%;width: .16rem;height: .14rem;}
.select-mask {z-index: 11;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, .3);width: 100vw;height: 100vh;}
.btn-select-part {margin-top: .33rem;display: flex;justify-content: center;align-items: center;}
.btn-select-part .btn {margin: 0 .12rem;}
.btn-select-part .btn-cancel {color: #666;font-size: .26rem;display: flex;align-items: center;justify-content: center;width: 2.2rem;height: 0.56rem;background-color: #f6f6f6;border-radius: 0.28rem;}
.btn-select-part .btn-confirm {text-align: center;display: flex;justify-content: center;align-items: center;color: #fefefe;font-size: .26rem;background: url("../images/btn-select.png?v1") center no-repeat;background-size: 100% 100%;width: 2.2rem;height: .56rem;}
.setting {position: relative;z-index: 101;background: #fff;border-radius: 0.16rem;margin-left: -.33rem;margin-right: -.33rem;padding-left: .33rem;padding-top: .33rem;padding-bottom: .31rem;}
.show-top .right .pg {display: flex;align-items: center;}
.show-top .right .pg .prev {background: url("../images/icon-arrow-d.png?v1") center;}
.setting .show-top .right {padding-right: .32rem;}
.select-status {position: absolute;top: 0;right: 0;}
.select-status .no-select {width: 0.3rem;height: 0.3rem;background-color: #000000;border-radius: 0.08rem;border: solid 0.02rem #999999;}
.select-status .select {display: flex;align-items: center;justify-content: center;width: 0.3rem;height: 0.3rem;background-color: #c76a3b;border-radius: 0.08rem;border: solid 0.02rem #c76a3b;color: #fff;}
.role-part.setting {margin-top: .49rem;}
.moon-part.setting {margin-top: .49rem;}
.role-part.setting .role-info,
.moon-part.setting .moon-info,
.role-part.setting .num,
.role-part.setting .right .btn,
.moon-part.setting .num,
.moon-part.setting .right .btn {display: none !important;}
.role-part.setting .select-status,
.moon-part.setting .select-status {display: block !important;}
.role-part.setting .role-list,
.moon-part.setting .moon-list {overflow-x: auto;flex-wrap: nowrap;padding-right: .33rem;}
.role-part.setting .btn-select-part,
.moon-part.setting .btn-select-part,
.role-part.setting .right .pg,
.moon-part.setting .right .pg {display: flex !important;}
.right .pg {display: flex;align-items: center;}
.right .pg .i-prev {display: block;margin-right: .11rem;transform: rotate(180deg);background: url("../images/icon-arrow-light.png?v1") center no-repeat;background-size: 100% 100%;width: .12rem;height: .18rem;}
.right .pg .i-prev.d {background: url("../images/icon-arrow-d.png?v1") center no-repeat;background-size: 100% 100%;transform: rotate(0);}
.right .pg .i-next {display: block;margin-left: .11rem;background: url("../images/icon-arrow-light.png?v1") center no-repeat;background-size: 100% 100%;width: .12rem;height: .18rem;}
.right .pg .i-next.d {background: url("../images/icon-arrow-d.png?v1") center no-repeat;background-size: 100% 100%;transform: rotate(180deg);}
.role-part.setting .item,
.moon-part.setting li {display: block !important;}

.share-page .card .process {position: relative;margin-top: .3rem;}
.share-page .card .process::after {content: "";position: absolute;bottom: -.03rem;left: .1rem;width: .02rem;height: .12rem;background: #fff;}
.share-page .card .process .line {position: absolute;top: .05rem;left: .1rem;width: .02rem;height: 100%;background: url("../images/line.png") left repeat;}
.share-page .card .process .item {display: flex;align-items: center;margin-bottom: .33rem;}
.share-page .card .process .item:last-child {margin-bottom: 0;}
.share-page .card .process .item .left-part {flex-shrink: 0;display: flex;align-items: center;}
.share-page .card .process .item .star {width: .22rem;height: .22rem;}
.share-page .card .process .item .star img {display: block;width: .22rem;height: .22rem;}
.share-page .card .process .item .title {margin-left: .16rem;color: #666;}
.share-page .card .process .item .cont {flex: 1;text-align: right;color: #222;font-size: .24rem;line-height: .32rem;}

.share-pop .share-pop-content .tools a {position: absolute;color: #999;right: .31rem;top: .36rem;display: flex;align-items: center;}
.share-pop .share-pop-content .tools .show {margin-right: .1rem;position: relative;width: .6rem;height: .32rem;background: #ddd;border-radius: .16rem;padding: .02rem;}
.share-pop .share-pop-content .tools .show i {position: absolute;left: .02rem;top: .02rem;width: .28rem;height: .28rem;background: #fff;border-radius: 50%;transition: all .5s;}
.share-pop .share-pop-content .share-list {padding-top: .92rem;}
.share-pop .share-pop-content .tools a.on .show {background: #c76a3b;}
.share-pop .share-pop-content .tools a.on .show i {right: .02rem;left: auto;}

/* 2024/04/02 */
.shareHeadAreaHot .share-head-inner {background: url("../images/share-head.png") no-repeat left bottom #000;background-size: 100% auto;}
.shareHeadAreaHot{position:relative}
.cHeadAreaHot .c-head-inner {background: url("../images/common-head.jpg") no-repeat left bottom #000;background-size: 100% auto;}
.cHeadAreaHot{position:relative}
.moon-page, .role-page, .process-page {background: url('../images/bg.jpg?v1') top left repeat;background-size: 100% auto;}
.lHeadAreaHot .l-head-inner {background: url("../images/login-head.jpg") no-repeat left bottom #000;background-size: 100% auto;}
.lHeadAreaHot {position:relative}
.hHeadAreaHot .h-head-inner {background: url("../images/login-head.jpg") no-repeat left bottom #000;background-size: 100% auto;position: relative;}
.hHeadAreaHot .h-head-inner::after {content: "";display: block;background: url("../images/home-head-light.png") no-repeat left bottom;background-size: 100% 100%;width: 6.63rem;height: 1.86rem;}
.hHeadAreaHot{position:relative}
.login-page .cont,
.bind-page .cont {background: url("../images/login-bg.jpg?v1") center no-repeat;background-size: 100% 100%;z-index: unset;}
.login-page .ani-part,
.bind-page .ani-part,
.main-wrap .ani-part {z-index: 1;}
.bind-page .bind-show,
.login-page .login-show,
.main-wrap .main {z-index: 2;}
.login-page .cont .banner,
.login-page .cont .login-btn,
.login-page .cont .hint-part,
.bind-page .bind-title,
.bind-page .bind-part,
.bind-page .unbind {position: relative; z-index: 2;}
.login-page .cont .btn-cancel,
.bind-page .btn-cancel,
.login-page .cont .input-part {z-index: 3;}
.login-page .check-part {position: relative; z-index: 3;}

/* 2024/04/09 */
.share-load {z-index: 10;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);display: flex;align-items: center;justify-content: center;flex-direction: column;}
.share-load img {display: block;width: 1.59rem;height: 1.76rem;margin: 0.4rem auto 0.2rem;}
.share-load .label {width: 6rem;font-size: 0.28rem;color: #fff;font-weight: bold;text-align: center;margin: 0.3rem auto;line-height: 0.38rem;}

/* 2024/12/24 lqq */
.vFull .login-page .login-show,
.vFull .bind-page .bind-show {bottom: .75rem;margin-bottom: 15px;}
.vFull .login-page,
.vFull .bind-page {height: 100vh;}