body,
div {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
p {
  margin: 0;
}
body,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
  margin: 0;
  padding: 0px;
}
body {
  font: 12px/1.5 tahoma, simsun, Microsoft YaHei, sans-serif;
  color: #1a5e77;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
img {
  border: none;
  padding: 0;
  margin: 0;
}
em,
i,
b {
  font-style: normal;
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input,
select,
option {
  outline: none;
}
body {
  margin: 0 auto;
  background: #000;
}
html {
  font-size: 50px;
}
.wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform-origin: 0 0;
}
canvas {
  visibility: hidden;
}
.loadbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/loading.jpg)
    no-repeat center center/cover;
}
.loadbox .rulebtn {
  position: absolute;
  top: 0.3rem;
  right: 0.78rem;
  width: 1.3rem;
  height: 0.46rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img35.png)
    no-repeat center center/auto 100%;
}
.loadbox .loadnumber {
  position: absolute;
  font-size: 0.56rem;
  font-weight: bold;
  font-style: italic;
  -webkit-text-stroke: 0.01rem #fff;
  color: #aa17ff;
  text-align: center;
  line-height: 2.12rem;
  transform: translate(-50%, -90%);
  top: 50%;
  left: 50%;
  width: 2.12rem;
  height: 2.12rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img37.png)
    no-repeat center center/auto 100%;
}
.loadbox p {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  bottom: 2.6rem;
  text-align: center;
  color: #fcffaf;
  font-size: 0.26rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 5.29rem;
  height: 0.49rem;
  line-height: 0.49rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img40.png)
    no-repeat 0 0 / auto 100%;
}
.loadbox p span {
  color: #fff;
}
.startbtn {
  display: none;
  position: absolute;
  bottom: 1.4rem;
  left: 50%;
  width: 3.3rem;
  height: 1.11rem;
  transform: translate(-50%, 0);
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img36.png)
    no-repeat center center/auto 100%;
}
.canvashero {
  visibility: visible;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.namebox {
  display: none;
  pointer-events:none;
  width: 5.03rem;
  color: #e5ff00;
  text-align: center;
  line-height: 0.38rem;
  font-size: 0.26rem;
  height: 1.22rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -330%);
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/n0.png)
    no-repeat 0 0 / auto 100%;
}
.namebox1 {
  color: #f6ff4f;
  background-image: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/n1.png);
}
.namebox2 {
  color: #c200e5;
  background-image: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/n2.png);
}
.namebox3 {
  color: #f7ff71;
  background-image: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/n3.png);
}
.usernumber {
  color: #fff;
  font-size: 0.2rem;
  line-height: 0.26rem;
  position: absolute;
  width: 5rem;
  top: 0.63rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.usernumber span {
  color: #e5ff00;
}
.namebox2 .usernumber {
  color: #ff4200;
}
.namebox1 .usernumber span {
  color: #f6ff4f;
}
.namebox2 .usernumber span {
  color: #c200e5;
}
.namebox3 .usernumber span {
  color: #f7ff71;
}
.diybox {
  height: 100%;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/bg0.jpg)
    no-repeat center center/cover;
}
.diybox1 {
  background-image: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/bg1.jpg);
}
.diybox2 {
  background-image: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/bg2.jpg);
}
.diybox3 {
  background-image: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/bg3.jpg);
}
.navbox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.9rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img9.png)
    no-repeat 0 0/100% auto;
}
.navboxmin {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7.5rem;
  height: 1.45rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img34.png)
    no-repeat 0 0/100% auto;
}
.lefttext {
  position: absolute;
  top: -0.6rem;
  left: 0.2rem;
  width: 3.5rem;
  height: 0.48rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img6.png)
    no-repeat 0 0/100% auto;
}
.rigthtext {
  position: fixed;
  top: 50%;
  right: 0.15rem;
  width:2.08rem;
  height: 0.7rem;
  transform: translate(0,0%);
  z-index: 100;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img53.png)
    no-repeat 0 0/100% auto;
}
.showhide {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.8rem;
  height: 0.65rem;
}
.tabs .name li {
  float: left;
  height: 0.47rem;
  overflow: hidden;
  width: 1.37rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img8.png)
    no-repeat 0 0/100% auto;
  margin-right: 0.07rem;
  font-size: 0.28rem;
  color: #fff;
  text-align: center;
  line-height: 0.49rem;
}
.tabs .name {
  position: absolute;
  z-index: 1;
  margin-top: 0.76rem;
  margin-left: 0.18rem;
}
.tabs .name li.on {
  position: relative;
  color: #0096d6;
  font-weight: bold;
  height: 0.49rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img3.png)
    no-repeat 0 0/100% auto;
}
.tabs .name li.on:last-child {
  margin-left: 0.02rem;
}
.tabs {
  overflow: hidden;
}
.tabs .listbox {
  overflow: hidden;
  width: 7.13rem;
  height: 1.7rem;
  margin: 1.23rem 0 0 0.18rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img2.png)
    no-repeat 0 0/100% auto;
}
.tabs .listbox div {
  width: 7.07rem;
  height: 1.59rem;
  margin-left: 0.02rem;
  overflow: hidden;
  overflow-x: auto;
}
.tabs .listbox li {
  float: left;
  margin: 0 0.02rem;
  width: 1.69rem;
  height: 1.46rem;
  text-align: center;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img5.png)
    no-repeat 0 0/100% auto;
}
.tabs .listbox li img {
  width: 1.58rem;
  margin-top: 0.04rem;
}
.tabs .listbox li.on {
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img4.png)
    no-repeat 0 0/100% auto;
}
.tabs .listbox .on img {
  opacity: 0.9;
}
.tabs .listbox ul {
  display: none;
  margin: 0.13rem 0 0 0.08rem;
}
.tabs .listbox .ulwidth {
  width: 8.7rem;
}

/* 无上传 */
.tabs .scenesbox li img {
  height: 1.33rem;
  margin-right: 0.02rem;
}
/* 有上传 */
/* .tabs .listbox .scenesbox img{width: 1.24rem;height: 1.28rem; margin-top: 0.04rem; margin-right: 0.02rem;}
.tabs .scenesbox li,.tabs .scenesbox li.on{width:1.35rem ; height: 1.4rem; background-size: 100% 100%;}
.tabs .scenesbox li img{width: 1.28rem;}
.tabs .scenesbox .last{ background: none;}
.tabs .scenesbox .last img{height: 1.38rem; margin-top: 0rem;}
.tabs .scenesbox .last.on{background: none;} */
#fileupload{
  position: absolute;
  top:0;
  right: 999rem;
  visibility: hidden;

}
.createimage {
  display: none;
  width: 2.8rem;
  height: 0.8rem;
  margin: 0.15rem auto;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img14.png)
    no-repeat 0 0/100% auto;
}
.sharebox {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.42rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img11.jpg)
    no-repeat 0 0.56rem/100% auto;
}
.sharebox img {
  position: absolute;
  right: 0;
  top: -0.8rem;
  width: 2.14rem;
}
.sharebtn,
.createmyimage,
.receive {
  display: block;
  width: 2.8rem;
  height: 0.8rem;
  margin: 3.36rem auto;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img15.png)
    no-repeat 0 0/100% auto;
}
.sharebox div {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  color: #5a60e1;
  text-align: center;
  font-size: 0.24rem;line-height:0.56rem ;
  width: 100%;
  height: 0.56rem;
  background:#fff;
}
.createmyimage {
  display: none;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img18.png)
    no-repeat center center/100% auto;
}

/* 第二次进入分享 */
.shareboxb {
  display: block;
}
.shareboxb .sharebtn {
  display: none;
}
.shareboxb .createmyimage {
  display: block;
}

/* 领奖 */
.receive {
  display: none;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img20.png)
    no-repeat center center/100% auto;
}
.receivebox {
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img20.jpg)
    no-repeat 0 bottom/100% auto;
}

.shareboxc {
  display: block;
}
.again {
  position: absolute;
  bottom: 0.3rem;
  right: 0.25rem;
  width: 1.69rem;
  height: 0.4rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img21.png)
    no-repeat 0 center/100% auto;
}
.receivebox {
  display: block;
}
.receivebox .receive {
  display: block;
}
.receivebox .sharebtn {
  display: none;
}

.pop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.8);
}
.pop .box {
  position: absolute;
  margin-left: 0.06rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popgz .box {
  width: 7.29rem;
  margin-left: 0.06rem;
  height: 8.92rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img50.png)
    no-repeat 0 0/100% auto;
}
.popgz .box div{margin:1.4rem auto; text-align: center; height: 7.15rem; overflow: hidden; overflow-y: auto;}
.popgz .box div img{width:6.37rem;}
.pop .close {
  position: absolute;
  top: 0.25rem;
  z-index: 10;
  right: 0;
  width: 0.7rem;
  height: 0.7rem;
}
.popzj .box,
.popzjde .box {
  width: 7.46rem;
  height: 5.58rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img24.png)
    no-repeat 0 center/100% auto;
}
.popzj .close,
.popzjde .close,
.popjs .close,
.popms .close {
  top: 0;
}
.popzjde .box {
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img25.png)
    no-repeat 0 center/100% auto;
}
.popzj span,
.popzjde span {
  position: absolute;
  left: 1.12rem;
  width: 2.4rem;
  text-align: center;
  font-size: 0.26rem;
  margin: 1.35rem 0 0.37rem;
  color: #078be8;
  font-weight: bold;
}
.popzj .name1,
.popzjde .name1 {
  left: 3.9rem;
}
.popzj img,
.popzjde img {
  position: absolute;
  width: 1.28rem;
  left: 1.67rem;
  top: 2.1rem;
}
.popzj .img1,
.popzjde .img1 {
  left: 4.46rem;
}
.popzjde img {
  top: 2.58rem;
}
.popzjde span {
  margin: 1.85rem 0 0.33rem;
}
.closebtn {
  display: block;
  width: 2.78rem;
  height: 0.73rem;
  margin: 0.47rem auto 0;
}
.popzj .closebtn {
  margin-top: 4.4rem;
}
.popzjde .closebtn {
  margin-top: 4.37rem;
}
.popjs .box {
  width: 7.46rem;
  height: 5.58rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img39.png)
    no-repeat 0 center/100% auto;
}

.popjs .closebtn,
.popms .closebtn {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0.63rem;
}
.popjs .dia-con4 select {
  display: block;
  appearance: none;
  text-indent: 0.1rem;
  color: #506cfb;
  background: none;
  border: none;
  font-size: 0.24rem;
  width: 2.95rem;
  height: 0.52rem;
  margin-bottom: 0.3rem;
  margin-left: 2.84rem;
}
.popjs .dia-con4 {
  margin-top: 1.55rem;
}

.popms .box {
  width: 7.46rem;
  height: 5.28rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img38.png)
    no-repeat 0 center/100% auto;
}
.popms .closebtn {
  bottom: 1.07rem;
}
.popms span {
  display: block;
  width: 4.8rem;
  margin: 1.7rem auto 0;
  text-align: center;
  font-size: 0.26rem;
  color: #078be8;
  line-height: 0.38rem;
}
.imgsave {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
  width: 100%;
  height: 100%;
}
.imgsave img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.imgsave div{display: none;}
.imgsaveshow{
  z-index: 1002;
  opacity: 1;
  display: block;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/bg.jpg)
  no-repeat 0 center/cover;
}
.imgsaveshow img{height: auto; top:50%;transform: translate(0, -50%);}
.imgsaveshow div{display: block; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); border-radius: 0.15rem; line-height: 1rem; width: 3rem; height: 1rem; background-color: rgba(0, 0, 0, 0.6); text-align: center; color: #fff; font-size: 0.24rem;}
.bgmicon {
  position: fixed;
  top: 0.28rem;
  right: 0.05rem;
  z-index: 1001;
  width: 0.5rem;
  height: 0.51rem;
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img22_1.png)
    no-repeat 0 center/100% auto;
}
.on {
  background: url(https://game.gtimg.cn/images/yxzj/act/a20210714yd/img22.png)
    no-repeat 0 center/100% auto;
}
.kk{position: fixed; top:0;left: 0;z-index: 1000; font-size: 0.26rem; background-color: rgba(0, 0, 0, 0.8);color: #fff;}