/* reset */
html, body, div, p, ul, li, dl, dt, dd, em, i, span, a, img, input, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }

a, img, input { border: none; }

body { font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; }

a { text-decoration: none; }

ul, li { list-style: none; }

html { font-size: calc(100vw / 750 * 100); font-family: 'Microsoft YaHei'; }

/*common*/
@font-face { font-family: 'font'; src: url("font.ttf"); }

.font { font-family: 'font'; }

.sprite { background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat 0 0/7.5rem 13rem; }

@keyframes turn { form { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

.main .guest-box .false { display: flex; }

.main .guest-box .true { display: none; }

.main .guest-make { display: none; }

.guest .guest-box .false { display: none; }

.guest .guest-box .true { display: flex; }

.guest .guest-make { display: block; }

.guest .kv-logoin, .guest .speed, .guest .team, .guest .task, .guest .rank { display: none; }

.guest .rule { background-image: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/guest-rule-bj.jpg); }

.part { background-repeat: no-repeat; background-position: center; background-size: 100% 100%; margin-top: -1px; }

.part-title { width: 5.45rem; height: .93rem; text-indent: -999rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -0.1rem -5.46rem/7.5rem 13rem; margin: 0 auto; }

.part-box { padding: .6rem .35rem 0; }

.part-btns { display: flex; justify-content: space-between; font-size: .26rem; color: #fff; }

.part-btns span { color: #fce67e; }

.part-btns a { color: #fff; text-decoration: underline; }

.text-shadow { text-shadow: .03rem 0rem .03rem #7e3335, -.03rem 0rem .03rem #7e3335, 0rem .03rem .03rem #7e3335, 0rem -.03rem .03rem #7e3335; }

.text-shadow-small { text-shadow: 0rem 0rem .02rem #bb26b4, -0rem 0rem .02rem #bb26b4, 0rem 0rem .02rem #bb26b4, 0rem -0rem .02rem #bb26b4; }

.kv { height: 12.4rem; background-image: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/kv-bj.jpg); }

.kv .kv-head { display: flex; justify-content: space-between; padding: .3rem .1rem 0; }

.kv .kv-logo { width: 1.36rem; height: .77rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/logo.png) no-repeat center/cover; }

.kv .kv-logoin { font-size: .26rem; color: #fff; }

.kv .kv-logoin a { color: #fff; }

.kv .logined { display: none; }

.kv .kv-slogan { width: 5.22rem; height: 3.16rem; text-indent: -999rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -0.1rem -0.05rem/7.5rem 13rem; margin: 0 auto 4.75rem; }

.kv .kv-btn { display: flex; flex-direction: column; align-items: center; }

.kv .kv-btn p { width: 6.25rem; height: .9rem; font-size: .24rem; color: #fff; text-align: center; line-height: 1.6; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -0.1rem -3.26rem/7.5rem 13rem; padding-top: .1rem; box-sizing: border-box; }

.kv .kv-btn span { color: #fdf9a1; }

.kv .kv-btn strong { font-weight: 400; }

.kv .kv-btn div { text-align: center; }

.kv .kv-btn a { display: inline-block; width: 3.4rem; height: 1rem; text-indent: -999rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -0.1rem -4.41rem/7.5rem 13rem; margin: .15rem .2rem 0; }

.kv .true.kv-btn { margin-top: -.1rem; }

.kv .true.kv-btn p { height: 1.1rem; line-height: 1.3; }

.kv .true.kv-btn a { width: 2.8rem; height: .83rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/guest.png) no-repeat -0.1rem -0.1rem/7.5rem 7rem; }

.kv .true.kv-btn a:last-child { background-position: -3rem -.1rem; }

.speed { height: 9.66rem; background-image: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/speed-bj.jpg); }

.speed .speed-img { width: 6.34rem; height: 2.72rem; font-size: .2rem; color: #fff; text-align: center; line-height: 1.2; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/speed-img.png) no-repeat center/cover; padding-top: 1.7rem; box-sizing: border-box; margin: .4rem auto; }

.speed .speed-img span { color: #fce784; }

.speed .speed-reward { display: flex; align-items: center; }

.speed .speed-reward-l { display: flex; flex-direction: column; align-items: center; font-size: .22rem; color: #fff; line-height: 1.2; }

.speed .speed-reward-l span { font-size: .3rem; color: #fce98c; }

.speed .speed-reward-r { flex: auto; display: flex; align-items: center; position: relative; margin: 0 .5rem 0 .3rem; }

.speed .speed-reward-r > p { width: 100%; height: .2rem; border-radius: .2rem; background: #623aca; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); }

.speed .speed-reward-r > p i { display: block; width: 0%; height: 100%; border-radius: .2rem; background: #d04ee7; }

.speed .speed-reward-r ul { flex: auto; display: flex; justify-content: space-between; margin-right: -.6rem; }

.speed .speed-reward-r li div { display: flex; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; position: relative; margin-bottom: -.25rem; }

.speed .speed-reward-r li i { width: .63rem; height: .63rem; border-radius: 50%; background: #5b3da7; position: relative; z-index: 2; }

.speed .speed-reward-r li img { display: block; width: .6rem; height: auto; margin: .015rem auto; }

.speed .speed-reward-r li p { font-size: .22rem; color: #fff; text-align: center; }

.speed .speed-reward-r .active div:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -6.22rem -4.41rem/7.5rem 13rem; animation: turn 15s linear infinite; }

.speed .speed-reward-r .active i { background: #d150e7; }

.speed .speed-reward-r .curent img { filter: grayscale(100%); }

.speed .speed-btn { display: block; width: 2.53rem; height: .75rem; text-indent: -999rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -3.59rem -4.41rem/7.5rem 13rem; margin: .4rem auto 0; }

.team { height: 17.94rem; background-image: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/team-bj.jpg); }

.team .part-title { width: 6.24rem; background-position: -.1rem -6.49rem; }

.team .team-swiper { margin: .4rem 0 -.25rem; position: relative; }

.team .team-swiper .swiper-slide { display: flex; flex-direction: column; align-items: center; }

.team .team-swiper .swiper-slide div { width: 1.05rem; height: 1.05rem; border: 2px solid #fff; border-radius: 50%; overflow: hidden; }

.team .team-swiper .swiper-slide img { display: block; width: 100%; height: auto; }

.team .team-swiper .swiper-slide p { width: 100%; font-size: .22rem; color: #fff; text-align: center; padding: .1rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.team .team-swiper .team-swiper-add div { border: none; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -5.61rem -8.2rem/7.5rem 13rem; }

.team .team-swiper .swiper-button-prev, .team .team-swiper .swiper-button-next { width: .3rem; height: .4rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -5.74rem -5.51rem/7.5rem 13rem; top: .76rem; left: -.2rem; }

.team .team-swiper .swiper-button-next { left: auto; right: -.2rem; transform: rotateY(180deg); }

.team .team-box { display: flex; flex-direction: column; align-items: center; width: 7.5rem; height: 14.15rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/team-box.png) no-repeat center/cover; margin-left: -.35rem; padding-top: 1.35rem; box-sizing: border-box; }

.team .team-box .team-box-txt { display: flex; justify-content: center; align-items: center; width: 5.5rem; height: .94rem; font-size: .24rem; color: #fff; line-height: 1.4; text-align: center; background: #664ac9; border-radius: .94rem; position: relative; }

.team .team-box .team-box-txt:after { content: ''; width: .92rem; height: 1.3rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -6.44rem -5.76rem/7.5rem 13rem; position: absolute; right: -.5rem; top: -.57rem; }

.team .team-box .part-btns { margin: .5rem auto; }

.team .team-box .part-btns p { margin-right: .3rem; }

.team .team-box ul { display: flex; flex-wrap: wrap; justify-content: center; }

.team .team-box li { display: flex; flex-direction: column; align-items: center; margin: 0 .3rem .5rem; }

.team .team-box li p { font-size: .2rem; color: #fff; background: #664bca; padding: 0 .2rem; border-radius: .4rem; }

.team .team-box li p:last-child { background: none; }

.team .team-box li span { color: #fce67e; }

.team .team-box li div { display: flex; justify-content: center; align-items: center; width: 2.22rem; height: 2.24rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -5.28rem -10.76rem/7.5rem 13rem; margin: .15rem 0 .2rem; }

.team .team-box li img { width: 1.9rem; height: auto; margin-left: .1rem; }

.team .team-box li a { width: 1.77rem; height: .6rem; text-indent: -999rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -5.42rem -0.79rem/7.5rem 13rem; margin-bottom: .1rem; }

.team .team-box li .active { background-position: -5.42rem -.1rem; }

.team .team-box li .curent { background-position: -5.42rem -1.48rem; }

.task { height: 7.2rem; background-image: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/task-bj.jpg); }

.task .part-title { width: 4.77rem; background-position: -.1rem -7.52rem; }

.task .task-list { display: flex; flex-direction: column; align-items: center; width: 7.36rem; height: 4.06rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/task-box.png) no-repeat center/cover; padding-top: .26rem; box-sizing: border-box; margin-left: -0.28rem; }

.task .task-list li { width: 4.7rem; display: flex; justify-content: space-between; align-items: center; height: 1.06rem; }

.task .task-list div { display: flex; justify-content: center; width: 60%; margin-left: -.3rem; }

.task .task-list p { font-size: .24rem; color: #a4320c; line-height: 1.4; text-align: center; }

.task .task-list a { width: 1.77rem; height: .6rem; text-indent: -999rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -5.42rem -0.79rem/7.5rem 13rem; margin-bottom: .1rem; }

.task .task-list .active { background-position: -5.42rem -.1rem; }

.task .task-list .curent { background-position: -5.42rem -1.48rem; }

.task .task-list .other { background-position: -5.42rem -2.17rem; }

.task .task-list .join { background-position: -5.58rem -7.52rem; }

.task .task-list .complete { background-position: -5.58rem -9.35rem; }

.rank { height: 16.68rem; background-image: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/rank-bj.jpg); }

.rank .part-title { width: 5.51rem; background-position: -.1rem -8.55rem; }

.rank .part-box { padding-top: .1rem; }

.rank .rank-txt { font-size: .24rem; color: #fff; text-align: center; line-height: 1.4; }

.rank .rank-box { width: 7.28rem; height: 13.3rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/rank-box.png) no-repeat bottom center/100% auto; margin-left: -.24rem; }

.rank .rank-head { display: flex; justify-content: center; align-items: flex-end; height: 4.7rem; }

.rank .rank-head li { display: flex; flex-direction: column; align-items: center; width: 1.9rem; padding-bottom: .05rem; }

.rank .rank-head li:nth-child(2) { width: 2.5rem; padding-bottom: .3rem; }

.rank .rank-head li:nth-child(2) div { width: 1.75rem; }

.rank .rank-head li:nth-child(2) div:before { width: 1.56rem; height: .78rem; background-position: -.1rem -11.5rem; top: -.6rem; }

.rank .rank-head li:nth-child(2) img { border-color: #fde98c; }

.rank .rank-head li:nth-child(2) p { height: .8rem; font-size: .34rem; margin-top: .5rem; }

.rank .rank-head li:nth-child(2) span { font-size: .28rem; }

.rank .rank-head li:last-child div:before { background-position: -2.96rem -11.5rem; }

.rank .rank-head li:last-child div img { border-color: #ebb476; }

.rank .rank-head div { width: .98rem; height: auto; position: relative; }

.rank .rank-head div:before { content: ''; display: block; width: 1.1rem; height: .55rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -1.76rem -11.5rem/7.5rem 13rem; position: absolute; left: 50%; top: -.4rem; transform: translate(-50%, 0); }

.rank .rank-head img { display: block; width: 100%; height: auto; border: .05rem solid #d7d7d7; border-radius: 50%; box-sizing: border-box; background: #d7d7d7; position: relative; z-index: 2; }

.rank .rank-head p { width: 7.5em; height: .7rem; font-size: .24rem; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: .7rem; margin: .4rem 0 0 0; }

.rank .rank-head span { font-size: .22rem; color: #81480a; }

.rank .rank-list { width: 5.6rem; height: 4.5rem; overflow-y: auto; margin: .75rem auto .35rem; padding-right: .15rem; box-sizing: border-box; }

.rank .rank-list::-webkit-scrollbar { width: .05rem; }

.rank .rank-list::-webkit-scrollbar-track { background-color: #e6734d; border-radius: .05rem; }

.rank .rank-list::-webkit-scrollbar-thumb { background-color: #fce67e; border-radius: .05rem; }

.rank .rank-list li { display: flex; justify-content: space-between; align-items: center; height: 1.2rem; position: relative; }

.rank .rank-list li:after { content: ''; width: 100%; height: 2px; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/rank-list.png) no-repeat center/cover; position: absolute; bottom: 0; }

.rank .rank-list li > p { flex: auto; max-width: 7em; font-size: .26rem; color: #a75905; font-weight: bold; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.rank .rank-list div { display: flex; align-items: center; }

.rank .rank-list div p { width: 1.7rem; height: .45rem; font-size: .24rem; color: #fff; text-align: center; line-height: .45rem; border-radius: .45rem; margin-left: -.3rem; background: #e6734d; }

.rank .rank-list img { width: .6rem; height: auto; border: 2px solid #c77b49; box-sizing: border-box; border-radius: 50%; position: relative; z-index: 2; }

.rank .rank-list span { flex: none; font-size: .2rem; color: #a75905; }

.rank .rank-user { width: 5.45rem; height: 1.28rem; display: flex; justify-content: space-between; align-items: center; margin: 0 auto .3rem; background: #fce67e; border-radius: .05rem; position: relative; left: -.075rem; padding: 0 .1rem; }

.rank .rank-user > p { flex: auto; font-size: .26rem; color: #a75905; font-weight: bold; text-align: center; }

.rank .rank-user div { display: flex; align-items: center; }

.rank .rank-user div p { width: 1.7rem; height: .45rem; font-size: .24rem; color: #fff; text-align: center; line-height: .45rem; border-radius: .45rem; margin-left: -.3rem; background: #e6734d; }

.rank .rank-user img { width: .6rem; height: auto; border: 2px solid #c77b49; box-sizing: border-box; border-radius: 50%; position: relative; z-index: 2; }

.rank .rank-user span { flex: none; font-size: .2rem; color: #a75905; }

.rank .rank-btn { display: block; width: 2.7rem; height: .8rem; text-indent: -999rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -0.1rem -10.61rem/7.5rem 13rem; margin: 0 auto; }

.guest-make { height: 16.1rem; background-image: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/guest-make.jpg); }

.guest-make .guest-make-txt { display: flex; justify-content: center; align-items: center; width: 5.5rem; height: auto; font-size: .24rem; color: #fff; line-height: 1.4; text-align: center; border-radius: .94rem; position: relative; margin: 0 auto; }

.guest-make .guest-make-txt:after { content: ''; width: .92rem; height: 1.3rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -6.44rem -5.76rem/7.5rem 13rem; position: absolute; right: -.3rem; bottom: -.15rem; }

.guest-make .guest-make-box { display: flex; flex-direction: column; align-items: center; width: 7rem; height: 12.08rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/guest-make-box.png) no-repeat center/cover; margin: .3rem 0 0 -.1rem; padding: .3rem 0 0; box-sizing: border-box; }

.guest-make .guest-make-title { display: flex; align-items: center; margin: 0; }

.guest-make .guest-make-title span { width: 2.77rem; height: .56rem; text-indent: -999rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/guest.png) no-repeat -0.1rem -1.03rem/7.5rem 7rem; }

.guest-make .guest-make-title:before, .guest-make .guest-make-title:after { content: ''; width: .37rem; height: .37rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -5.52rem -2.86rem/7.5rem 13rem; }

.guest-make .guest-make-title:nth-child(4) { margin: .3rem 0; }

.guest-make .guest-make-title:nth-child(4) span { width: 3.86rem; background-position: -2.97rem -1.03rem; }

.guest-make .guset-make-txt { font-size: .24rem; color: #fcfcfc; margin: .15rem 0 -.1rem; }

.guest-make .guest-make-reward { flex: none; display: flex; align-items: center; justify-content: center; width: 6.5rem; height: 2.6rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/guest.png) no-repeat -0.1rem -4rem/7.5rem 7rem; padding-left: .1rem; box-sizing: border-box; }

.guest-make .guest-make-reward li { display: flex; justify-content: center; align-items: center; width: 1.08rem; height: 1.17rem; background: #f0eff8; margin: 0 .05rem; border-radius: .1rem; }

.guest-make .guest-make-reward img { width: 1rem; height: auto; }

.guest-make .guest-make-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -.3rem; }

.guest-make .guest-make-list li { display: flex; flex-direction: column; align-items: center; margin: 0 .3rem .5rem; }

.guest-make .guest-make-list li p { font-size: .2rem; color: #fff; background: #664bca; padding: 0 .2rem; border-radius: .4rem; }

.guest-make .guest-make-list li p:last-child { background: none; }

.guest-make .guest-make-list li span { color: #fce67e; }

.guest-make .guest-make-list li div { display: flex; justify-content: center; align-items: center; width: 2.22rem; height: 2.24rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -5.28rem -10.76rem/7.5rem 13rem; margin: .15rem 0 0; }

.guest-make .guest-make-list li img { width: 1.9rem; height: auto; margin-left: .1rem; }

.guest-make .guest-make-list li a { width: 1.77rem; height: .6rem; text-indent: -999rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -5.42rem -0.79rem/7.5rem 13rem; margin-bottom: .1rem; }

.guest-make .guest-make-list li .active { background-position: -5.42rem -.1rem; }

.guest-make .guest-make-list li .curent { background-position: -5.42rem -1.48rem; }

.rule { height: 22.04rem; background-image: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/rule-bj.jpg); }

.rule .part-title { width: 4.77rem; background-position: -.1rem -9.58rem; }

.rule .part-box { padding: .3rem .3rem 0 .3rem; }

.rule ol { padding: 0; font-size: .24rem; color: #fff; line-height: 1.55; }

.rule ol li { margin-bottom: .3rem; }

.rule ol span { color: #fd96eb; }

.rule ol dt { display: flex; align-items: center; font-size: .36rem; color: #fce67e; }

.rule ol dt:before { content: ''; width: .37rem; height: .37rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/sprite.png) no-repeat -5.52rem -2.86rem/7.5rem 13rem; }

.rule ol dd { padding-left: .15rem; }

.foot { font-size: .24rem; color: #fff; text-align: center; padding: .15rem 0; background: #000; }

.dia { width: 6rem; height: auto; border-radius: .3rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/dialog-bj.jpg) no-repeat top center/100% auto; box-shadow: 0 0 .3rem #e962f9 inset; padding: .4rem 0; display: none; }

.dia:after { content: ''; width: 100%; height: 1.54rem; border-radius: .3rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/dialog.png) no-repeat 0 -8.46rem/6rem 10rem; position: absolute; bottom: 0; }

.dia-close { display: block; width: .4rem; height: .4rem; text-indent: -999rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/dialog.png) no-repeat -5.16rem -0.1rem/6rem 10rem; position: absolute; top: -.35rem; right: -.35rem; }

.dia-box { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; }

.dia-title { width: 3.76rem; height: .8rem; text-indent: -999rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/dialog.png) no-repeat -0.1rem -1.8rem/6rem 10rem; }

.dia-bold-txt { font-size: .34rem; color: #fff; text-align: center; padding: .3rem 0; }

.dia-bold-txt span { color: #fce67e; }

.dia-lighter-txt { font-size: .24rem; color: #fff; text-align: center; padding: .3rem 0; }

.dia-lighter-txt span { color: #fce67e; }

.dia-lighter-txt em { font-size: .22rem; color: #dbd7fe; font-style: normal; }

.dia-txt { font-size: .22rem; color: #fff; padding: .15rem 0; }

.dia-txt span { color: #fce67e; }

.dia-tips { font-size: .2rem; color: #dbd7fe; }

.dia-nopd { padding: 0; }

.dia-btns { text-align: center; }

.dia-btns a { display: inline-block; width: 2.15rem; height: .74rem; text-indent: -999rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/dialog.png) no-repeat -2.35rem -6.24rem/6rem 10rem; }

.dia-btns .zczh { background-position: -.1rem -5.4rem; }

.dia-btns .fz { background-position: -2.35rem -5.4rem; }

.dia-btns .bc { background-position: -.1rem -6.24rem; }

.dia-btns .hqmt { background-position: -.1rem -7.08rem; }

/*dia-login*/
.dia-login ul { display: flex; justify-content: center; padding: .4rem 0; }

.dia-login li { display: flex; flex-direction: column; align-items: center; font-size: .3rem; color: #fff; margin: 0 .45rem; }

.dia-login li:before { content: ''; width: 1.6rem; height: 1.6rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/dialog.png) no-repeat -0.1rem -0.1rem/6rem 10rem; }

.dia-login li:last-child:before { background-position: -1.8rem -.1rem; }

/*dia-copy*/
.dia-copy #copy { width: 4.3rem; height: .5rem; font-size: .24rem; color: #fff; line-height: .5rem; border: none; border-radius: .05rem; background: #5346ac; outline: none; padding: 0 .15rem; margin: .3rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*dia-random*/
.dia-random .dia-title, .dia-fixed .dia-title { background-position: -.1rem -2.7rem; }

.dia-random ul, .dia-fixed ul { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -.2rem; }

.dia-random li, .dia-fixed li { margin: 0 .1rem .2rem; }

.dia-random li div, .dia-fixed li div { display: flex; justify-content: center; align-items: center; width: 1.56rem; height: 1.56rem; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/dialog.png) no-repeat -3.5rem -0.1rem/6rem 10rem; }

.dia-random li img, .dia-fixed li img { width: 1rem; height: auto; margin-top: .15rem; }

/*dia-team*/
.dia-team .dia-title { width: 4.24rem; background-position: -.1rem -3.6rem; }

.dia-team ul { width: 5rem; max-height: 4rem; overflow-y: auto; margin-top: .3rem; padding-right: .15rem; }

.dia-team ul::-webkit-scrollbar { width: .05rem; }

.dia-team ul::-webkit-scrollbar-track { background-color: #e6734d; border-radius: .05rem; }

.dia-team ul::-webkit-scrollbar-thumb { background-color: #fce67e; border-radius: .05rem; }

.dia-team li { display: flex; align-items: center; font-size: .28rem; color: #fff; margin-bottom: .2rem; }

.dia-team li img { width: .8rem; height: auto; border: 2px solid #fff; border-radius: 50%; }

.dia-team li p { flex: auto; padding: 0 .3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dia-team li span { flex: none; }

/*dia-address*/
.dia-address .dia-title { background-position: -.1rem -4.5rem; }

.dia-address ul { margin: .3rem 0 -.3rem; }

.dia-address li { display: flex; justify-content: flex-end; align-items: center; margin-bottom: .3rem; }

.dia-address li label { font-size: .34rem; color: #fff; }

.dia-address li input { width: 3rem; height: .5rem; font-size: .24rem; color: #fff; border: none; border-radius: .05rem; background: #5346ac; outline: none; padding: 0 .15rem; }

.dia-address .dia-tips { padding: .2rem 0; }

/*dia-share*/
.dia-share { width: 100%; height: 100%; position: fixed !important; left: 0 !important; top: 0 !important; margin: 0 !important; background: url(//game.gtimg.cn/images/peng/cp/a20210912wqlb/share.png) no-repeat right top/7.5rem 2.1rem; box-shadow: none; padding: 0; }

/*dia-code*/
.dia-code img { width: 2rem; height: auto; margin-bottom: .3rem; }