@charset "UTF-8";
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
header,
section,
article,
footer {
  margin: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

em,
b {
  font-style: normal;
}

a {
  text-decoration: none;
}

img {
  border: 0;
}

button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th,
ul,
ol {
  padding: 0;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

html {
  font-size: .2rem;
  font-family: 'Microsoft YaHei';
}

html,
body {
  overflow-x: hidden;
  background-color: #fff;
}

body {
  height: 100vh;
}

* {
  box-sizing: border-box;
}

.wrap {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
}

.indexPart {
  width: 100%;
  flex-direction: column;
}
.indexPart .indexPartMain{
  width: 100%;
  height: 100vh;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/indexBg.jpg) no-repeat top/cover;
  position: relative;
}

.indexPart .btn {
  position: absolute;
  left: 50%;
  bottom: 1.7rem;
  transform: translateX(-50%);
  display: block;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/indexBtn.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 6.02rem;
  height: 1.13rem;
}

.part {
  min-height: 100vh;
  display: none !important;
}

.partBox {
  min-height: 100vh;
}

.selectPeo {
  padding: .5rem 0;
  width: 100%;
  min-height: 100vh;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/selectPeo/bg.jpg) no-repeat center/cover;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.selectPeo .peoList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.selectPeo .peoList .items {
  margin: .14rem;
  width: 4.23rem;
  height: 7.03rem;
  position: relative;
}

.selectPeo .peoList .items::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  background-color: rgba(0, 0, 0, 0.45);
}

.selectPeo .peoList .items.active {
  display: block;
}

.selectPeo .peoList .items.active::after {
  display: none;
}

.selectPeo .peoList .items .name {
  position: absolute;
  left: 0;
  bottom: 0.35rem;
  width: 100%;
  z-index: 2;
}

.selectPeo .peoList .items .peoBg {
  display: block;
  width: 100%;
  height: 100%;
}

.selectPeo .btn {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/selectPeo/btn.png) no-repeat;
  display: block;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 4.33rem;
  height: 1.07rem;
  margin-top: 1.27rem;
}

.taskCollection {
  min-height: 100vh;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/bg.jpg) no-repeat center/cover;
}

.taskCollection .peo img {
  display: block;
  width: 100%;
}

.taskCollection .tool {
  position: absolute;
  bottom: 1rem;
  width: 100%;
}

.taskCollection .tool .tips {
  text-align: center;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/tips.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 9.65rem;
  height: .69rem;
  margin-bottom: .42rem;
}

.taskCollection .tabList {
  width: 6.17rem;
  margin: 0 auto;
}

.taskCollection .tabList a {
  display: flex;
  align-items: flex-end;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/tab1.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 6.17rem;
  height: 1.35rem;
  text-align: right;
  color: #fff;
  line-height: 1;
  font-size: .2rem;
  padding-right: .2rem;
  padding-bottom: .4rem;
  justify-content: flex-end;
}

.taskCollection .tabList a span {
  display: none;
}

.taskCollection .tabList a.active {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/tab1-1.png) no-repeat;
  background-size: 100% 100%;
}

.taskCollection .tabList a.active span {
  display: block;
}

.taskCollection .tabList .tab2 {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/tab2.png) no-repeat;
  background-size: 100% 100%;
}

.taskCollection .tabList .tab2.active {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/tab2-1.png) no-repeat;
  background-size: 100% 100%;
}

.taskCollection .tabList .tab3 {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/tab3.png) no-repeat;
  background-size: 100% 100%;
}

.taskCollection .tabList .tab3.active {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/tab3-1.png) no-repeat;
  background-size: 100% 100%;
}

.taskCollection .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.5rem;
  margin: 0 auto;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/line.png) no-repeat center top;
  background-size: 100% auto;
  padding-top: .5rem;
  margin-top: .5rem;
}

.taskCollection .btns a {
  margin: 0 .17rem;
  display: block;
  width: 4.34rem;
  height: 1.07rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/btn1.png) no-repeat;
  background-size: 100% 100%;
}

.taskCollection .btns a.btn2 {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/btn2.png) no-repeat;
  background-size: 100% 100%;
}

.mask {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 10.8rem;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9;
}

.mask .puzzlePart {
  width: 100%;
  height: 13.12rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/puzzle/bg.png) no-repeat center;
  background-size: auto 100%;
  padding-top: 1rem;
  position: relative;
}

.mask .puzzlePart .close {
  position: absolute;
  right: 0.56rem;
  top: -.56rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/puzzle/close.png) no-repeat;
  background-size: 100% 100%;
  width: 1rem;
  height: 1rem;
}

.mask .puzzlePart .tips {
  text-align: center;
  color: #3b3b3b;
  font-size: .24rem;
  height: .66rem;
  line-height: .66rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/puzzle/line.png) no-repeat center bottom;
  background-size: 7.78rem .03rem;
}

.mask .puzzlePart .btn {
  display: block;
  margin: 0 auto;
  margin-top: .4rem;
  width: 3.74rem;
  height: .74rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/puzzle/btn1-1.png) no-repeat;
  background-size: 100% 100%;
}

.mask .puzzlePart .btn.active {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/puzzle/btn1.png) no-repeat;
  background-size: 100% 100%;
}

.mask .puzzleBox {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/puzzle/peoPuzzleBg.png) no-repeat;
  background-size: 100% 100%;
  height: 9.53rem;
  width: 10.8rem;
  padding-left: 1.59rem;
}

.mask .puzzleBox .puzzleBoxMain {
  position: relative;
  width: 7.83rem;
  height: 8.68rem;
}

.mask .puzzleBox .puzzleBoxMain .draggable-div {
  width: 3.85rem;
  height: 4.27rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/puzzle/peo1-1.png) no-repeat;
  background-size: 100% auto;
}

.mask .puzzleBox .puzzleBoxMain .draggable-div:nth-of-type(1) {
  left: 4.3rem;
  top: 4.4rem;
}

.mask .puzzleBox .puzzleBoxMain .draggable-div:nth-of-type(1).active {
  left: .02rem !important;
  top: .18rem !important;
  pointer-events: none;
}

.mask .puzzleBox .puzzleBoxMain .draggable-div:nth-of-type(2) {
  left: 4rem;
  top: -0.55rem;
  width: 4.5rem;
  height: 4.78rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/puzzle/peo1-2.png) no-repeat;
  background-size: 100% auto;
}

.mask .puzzleBox .puzzleBoxMain .draggable-div:nth-of-type(2).active {
  left: 3.08rem !important;
  top: -0.01rem !important;
  pointer-events: none;
}

.mask .puzzleBox .puzzleBoxMain .draggable-div:nth-of-type(3) {
  left: .01rem;
  top: -2rem;
  width: 4.35rem;
  height: 4.94rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/puzzle/peo1-3.png) no-repeat;
  background-size: 100% auto;
}

.mask .puzzleBox .puzzleBoxMain .draggable-div:nth-of-type(3).active {
  left: 0.23rem !important;
  top: 3.73rem !important;
  pointer-events: none;
}

.mask .puzzleBox .puzzleBoxMain .draggable-div:nth-of-type(4) {
  left: -.5rem;
  top: 4rem;
  width: 4.03rem;
  height: 4.43rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/puzzle/peo1-4.png) no-repeat;
  background-size: 100% auto;
}

.mask .puzzleBox .puzzleBoxMain .draggable-div:nth-of-type(4).active {
  left: 3.76rem !important;
  top: 4.05rem !important;
  pointer-events: none;
}

.draggable-div {
  position: absolute;
  width: 10vw;
  /* 使用视窗宽度的十分之一作为小 div 宽度 */
  height: 10vw;
  /* 使用视窗宽度的十分之一作为小 div 高度 */
  background-color: #ddd;
  cursor: move;
  touch-action: none;
  /* 禁用默认的触摸事件行为，以便自定义拖动行为 */
}

.dia {
  display: none;
}

.dia .close {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/close.png) no-repeat;
  background-size: 100% 100%;
  width: .89rem;
  height: .89rem;
  position: absolute;
  right: -.24rem;
  top: -.2rem;
  z-index: 11;
}

.diaShare {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/diaShare.jpg) no-repeat;
  background-size: 100% 100%;
  width: 8.3rem;
  height: 4.1rem;
  padding-top: 2.66rem;
}

.diaShare .btn {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/btn1.png) no-repeat;
  background-size: 100%;
  width: 2.16rem;
  height: .65rem;
  display: block;
  margin: 0 auto;
}

.shareTxt {
  position: fixed;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 10.8rem;
  background-color: rgba(0, 0, 0, 0.8);
  transform: translateX(-50%);
  z-index: 9;
  padding-top: .57rem;
  display: none;
}

.shareTxt img {
  display: block;
}

.shareTxt .icon {
  width: 100%;
}

.shareTxt .close {
  display: block;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/close2.png) no-repeat;
  background-size: 100% 100%;
  width: .31rem;
  height: .31rem;
  position: absolute;
  right: 1.15rem;
  top: 1.42rem;
}

.diapuzzleTips {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/diapuzzleTips.png) no-repeat;
  background-size: 100% 100%;
  width: 8.3rem;
  height: 4.1rem;
  padding-top: 2.66rem;
}

.diapuzzleTips .close {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/close.png) no-repeat;
  background-size: 100% 100%;
  width: .89rem;
  height: .89rem;
  position: absolute;
  right: -.24rem;
  top: -.2rem;
}

.diapuzzleTips .btn {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/btn2.png) no-repeat;
  background-size: 100%;
  width: 2.16rem;
  height: .65rem;
  display: block;
  margin: 0 auto;
}

.back {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/back.png) no-repeat;
  display: flex;
  width: 3.04rem;
  height: .51rem;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.back a {
  display: block;
  width: 50%;
  height: 100%;
}

.product {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/bg.jpg) no-repeat center/cover;
  min-height: 100vh;
  height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
}

.product .productTit {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/product/tit.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 7.68rem;
  height: 2.41rem;
  margin-bottom: .4rem;
  margin-top: .6rem;
}

.product .list {
  flex: 1;
  height: 4rem;
  overflow-y: auto;
  padding-bottom: 1.5rem;
}

.product .list .items {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/product/videoBg.png) no-repeat;
  background-size: 100% 100%;
  width: 8.69rem;
  height: 6rem;
  margin: 0 auto;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: .4rem;
  padding-top: .53rem;
  position: relative;
}

.product .list .items .videoBox {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/product/productLine.png) no-repeat;
  background-size: 100% 100%;
  width: 7.44rem;
  height: 4.38rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.product .list .items .videoBox .playbtn {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/product/playbtn.png) no-repeat;
  background-size: 100% 100%;
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: .95rem;
  height: .95rem;
  z-index: 11;
}

.product .list .items .video {
  background-color: #000;
  object-fit: cover;
  width: 100%;
  height: 100%;
  width: 7.3rem;
  height: 4.1rem;
  border-radius: 5px;
  border: 1px solid #fff;
}

.product .list .items .like {
  display: block;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/product/like.png) no-repeat;
  background-size: 100% 100%;
  width: 1.29rem;
  height: .54rem;
  bottom: .32rem;
  right: .62rem;
  position: absolute;
}

.product .list .items .like.gray {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/product/like-on.png) no-repeat;
  background-size: 100% 100%;
}

.product .completeTask {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/product/yy.png) no-repeat;
  position: absolute;
  background-size: 100% 100%;
  width: 100%;
  left: 0;
  display: block;
  z-index: 12;
  bottom: 0;
  padding-bottom: .4rem;
}

.product .completeTask a {
  display: block;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/product/btn.png) no-repeat;
  background-size: 100% 100%;
  width: 6.02rem;
  height: 1.13rem;
  margin: 0 auto;
}

.lotteryPart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: .6rem 0;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/selectPeo/bg.jpg) no-repeat top/cover;
  min-height: 100vh;
}

.lotteryPart .title {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/lottery/title.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 7.34rem;
  height: 3.16rem;
}

.lotteryPart .lotterycontent_container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.lotteryPart .lotteryMain {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/lottery/lotteryBoxBg.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 9.3rem;
  height: 11.08rem;
  margin-top: .2rem;
  padding-top: .53rem;
}

.lotteryPart .lotteryMain .tit {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2f2f2f;
  font-size: .3rem;
  line-height: 1;
}

.lotteryPart .lotteryMain .tit img {
  display: block;
  width: .27rem;
  height: .27rem;
}

.lotteryPart .lotteryMain .lotterycontent_slight {
  animation: none;
}

.lotteryPart .lotteryMain .lotteryBox {
  width: 7.79rem;
  height: 7.73rem;
  position: relative;
  margin: 0 auto;
  margin-top: .3rem;
}

.lotteryPart .lotteryMain .lotteryBox #lotterycontent_start {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/lottery/lotteryBtn.png) no-repeat;
  background-size: 100% 100%;
  animation: none;
  width: 2.45rem;
  height: 2.45rem;
  left: 50%;
  margin: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

.lotteryPart .lotteryMain .lotteryBox .items {
  width: 2.45rem;
  height: 2.45rem;
  display: block;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/lottery/itemBg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
}

.lotteryPart .lotteryMain .lotteryBox .items::after {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/lottery/itemBg1.png) no-repeat;
  background-size: 100% 100%;
  width: 2.89rem;
  height: 2.9rem;
  content: '';
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.lotteryPart .lotteryMain .lotteryBox .items.active::after {
  display: block;
}

.lotteryPart .lotteryMain .lotteryBox .items:nth-of-type(1) {
  position: absolute;
  left: 0;
  top: 0;
}

.lotteryPart .lotteryMain .lotteryBox .items:nth-of-type(2) {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.lotteryPart .lotteryMain .lotteryBox .items:nth-of-type(3) {
  top: 0;
  right: 0;
}

.lotteryPart .lotteryMain .lotteryBox .items:nth-of-type(4) {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.lotteryPart .lotteryMain .lotteryBox .items:nth-of-type(5) {
  right: 0;
  bottom: 0;
}

.lotteryPart .lotteryMain .lotteryBox .items:nth-of-type(6) {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.lotteryPart .lotteryMain .lotteryBox .items:nth-of-type(7) {
  left: 0;
  bottom: 0;
}

.lotteryPart .lotteryMain .lotteryBox .items:nth-of-type(8) {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.lotteryPart .lotteryMain .lotteryBox .items img {
  display: block;
  width: 100%;
  height: 100%;
}

.lotteryPart .lotteryMain .lotteryBox .items p {
  position: absolute;
  bottom: .36rem;
  width: 100%;
  line-height: 1;
  font-size: .24rem;
  text-align: center;
  color: #473e36;
}

.lotteryPart .lottery-tool {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 7.79rem;
  margin: 0 auto;
  margin-top: .16rem;
}

.lotteryPart .lottery-tool p {
  color: #3b3b3b;
  font-size: .3rem;
}

.lotteryPart .lottery-tool a {
  display: flex;
  align-items: center;
  color: #3b3b3b;
  font-size: .3rem;
  border-bottom: 1px solid #5a5fde;
}

.lotteryPart .lottery-tool a img {
  display: block;
  width: .3rem;
  height: .3rem;
  margin-right: .03rem;
}

.lotteryPart .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .14rem;
}

.lotteryPart .btns .btn {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/lottery/btn1.png) no-repeat;
  background-size: 100% 100%;
  width: 4.15rem;
  height: 1.21rem;
}

.lotteryPart .btns .btn.btn1 {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/lottery/btn2.png) no-repeat;
  background-size: 100% 100%;
}

.lotteryPart .shareTool {
  display: flex;
  justify-content:center;
  width: 9.3rem;
  margin: 0 auto;
  margin-top: .4rem;
}
.lotteryPart .shareTool a{
  margin-right: .4rem;
}
.lotteryPart .shareTool a:last-child{margin-right: 0;}
.lotteryPart .shareTool .items img {
  height: 1.66rem;
  display: block;
}

.lotteryPart .shareTool .items p {
  margin-top: .08rem;
  text-align: center;
  line-height: .34rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/lottery/shaTxt.png) no-repeat;
  background-size: 100% 100%;
  color: #4a515a;
  font-size: .22rem;
  height: .34rem;
}

.lotteryPart .lotteryTips {
  text-align: center;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/lottery/tips.png) no-repeat;
  background-size: 100% 100%;
  width: 9.31rem;
  height: .29rem;
  line-height: .29rem;
  margin: 0 auto;
  color: #313131;
  font-size: .28rem;
  margin-top: .16rem;
}

.lotteryReward {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/lotteryPop.png) no-repeat;
  background-size: 100% 100%;
  width: 9.3rem;
  height: 6.64rem;
  padding-top: 1.5rem;
}

.lotteryReward .reward .icon {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/lottery/itemBg2.png) no-repeat;
  background-size: 100% 100%;
  width: 3.18rem;
  height: 3.18rem;
  margin: 0 auto;
}

.lotteryReward .reward .icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.lotteryReward .reward p {
  text-align: center;
  color: #242423;
  font-size: .48rem;
  line-height: 1;
}

.lotteryReward .tips {
  position: absolute;
  left: 0;
  bottom: 0.42rem;
  text-align: center;
  width: 100%;
  color: #464646;
  font-size: .26rem;
}

.lotteryReward .tips a {
  color: #464646;
  border-bottom: 1px solid #5a5fde;
}

.lotteryAddres {
  width: 9.29rem;
  height: 8rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/dia731.png) no-repeat;
  background-size: 100% 100%;
  padding-top: .84rem;
}

.lotteryAddres .tit {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/tit1.png) no-repeat;
  background-size: 100% auto;
  width: 7.06rem;
  height: .45rem;
  margin: 0 auto;
  margin-bottom: .16rem;
}
.lotteryAddres .tips{
  text-align: center;
  font-size: .3rem;
}
.lotteryAddres .items {
  align-items: center;
  width: 7.3rem;
  margin: 0 auto;
  margin-bottom: .47rem;
}
.lotteryAddres .txt{
  position: absolute;
  font-size: .3rem;
  text-align: center;
  width: 100%;
  bottom: 1.3rem;
  color: red;
}

.lotteryAddres .items p {
  display: inline-block;
  align-items: center;
  width: 1.5rem;
  color: #262626;
  font-size: .36rem;
}

.lotteryAddres .items p img {
  display: inline-block;
  width: .24rem;
  height: .24rem;
  margin-right: .36rem;
}

.lotteryAddres .items input {
  display: inline-block;
  width: 5.62rem;
  height: .66rem;
  border-radius: .05rem;
  background-color: #2a3852;
  border: none;
  padding-left: .24rem;
  color: #fff;
  font-size: .3rem;
}

.lotteryAddres .btn {
  display: block;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/btn3.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 2.42rem;
  height: .73rem;
}

.diaLine {
  display: block;
  width: 7.68rem;
  height: .03rem;
  margin: 0 auto;
  margin-bottom: .28rem;
}

.dia573 {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/dia573.png) no-repeat;
  background-size: 100% 100%;
  height: 5.73rem;
  width: 9.29rem;
}

.diaAwardRecords {
  padding-top: .85rem;
}

.diaAwardRecords .tit {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/tit2.png) no-repeat;
  background-size: 100% auto;
  width: 7.06rem;
  height: .45rem;
  margin: 0 auto;
  margin-bottom: .56rem;
}

.diaAwardRecords .list {
  width: 7.5rem;
  margin: 0 auto;
  height: 3.6rem;
  overflow-y: auto;
}

.diaAwardRecords .list .items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .15rem;
}

.diaAwardRecords .list .items p {
  padding-left: .43rem;
  color: #262626;
  font-size: .22rem;
}

.diaAwardRecords .list .items h3 {
  padding-left: .43rem;
  color: #262626;
  font-size: .36rem;
  position: relative;
}

.diaAwardRecords .list .items h3::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: .24rem;
  height: .24rem;
  transform: translateY(-50%);
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/dot.png) no-repeat;
  background-size: 100% 100%;
}

.diaAwardRecords .list .btn {
  display: block;
  width: 2.81rem;
  height: .57rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/btn4.png) no-repeat;
  background-size: 100% 100%;
}

.diaAwardRecords .list .btn.gray {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/btn5.png) no-repeat;
  background-size: 100% 100%;
}

.dia410 {
  height: 4.1rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/dia410.png) no-repeat;
  background-size: 100% 100%;
  width: 8.29rem;
}

.addressSuccess p {
  color: #2b2b2b;
  font-size: .42rem;
  margin-bottom: .57rem;
  text-align: center;
}

.addressSuccess .diaBox {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.addressSuccess .btn {
  display: block;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/btn6.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 2.42rem;
  height: .73rem;
}

.addressSuccess.hqcs p {
  line-height: 1.5;
  margin-bottom: .37rem;
}

.addressSuccess.hqcs .btn {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/btn1.png) no-repeat;
  background-size: 100% 100%;
}

.shareRole #toimg {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/share/bg.jpg) no-repeat center/cover;
  background-size: 100% 100%;
  width: 100%;
  height: 100vh;
}

.shareRole .peo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.shareRole .shareBotm {
  position: absolute;
  left: 0;
  top: 9.75rem;
  width: 100%;
}
.shareRole .shareBotm .num{
  color: #59f780;
  font-size: .42rem;
  position:absolute;
  left: 3.94rem;width: 2.63rem;
  text-align: center;
  line-height: .53rem;
}
.shareRole .peoAttr {
  display: block;
  width: 100%;
  margin-bottom: .5rem;
}

.shareRole .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.5rem;
  margin: 0 auto;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/line.png) no-repeat center top;
  background-size: 100% auto;
  padding-top: .5rem;
  margin-top: .5rem;
}

.shareRole .btns a {
  margin: 0 .17rem;
  display: block;
  width: 4.34rem;
  height: 1.07rem;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/btn1.png) no-repeat;
  background-size: 100% 100%;
}

.shareRole .btns a.btn2 {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/share/btn1.png) no-repeat;
  background-size: 100% 100%;
}

.shareEwm {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/taskCollection/line.png) no-repeat center top;
  background-size: 100% auto;
  padding-top: .5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: .68rem;
}

.shareEwm > img {
  display: block;
  width: 6.09rem;
  height: .58rem;
}

.shareEwm .ewm {
  display: block;
  width: 2.54rem;
  height: 2.52rem;
  margin-left: .47rem;
  padding: .08rem .07rem;
  position: relative;
}

.shareEwm .ewm .codeMask {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
}

.shareEwm .ewm .code {
  display: block;
  width: 100%;
  height: 100%;
}

.dom2img-result {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: block;
  z-index: 9;
}

@media (min-width: 1080px) {
  .part, .partBox {
    min-height: 20rem;
  }
  .shareRole #toimg {
    min-height: 20rem;
  }
}

.loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #212121;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 1.68rem;
}

.loading p {
  color: #e7f9fa;
  font-size: .4rem;
  text-align: center;
}

.loading .progressBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .15rem;
}

.loading .progressBox .progress {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/progress.png) no-repeat;
  background-size: 100% 100%;
  width: 8.84rem;
  height: .31rem;
  position: relative;
}

.loading .progressBox .progress .line {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/progressLine.png) no-repeat;
  background-size: auto 100%;
}

.loading .progressBox img {
  display: block;
  width: .21rem;
  height: .30rem;
}

.loading .progressBox .right {
  transform: rotate(180deg);
}

.loading h3 {
  color: #e7f9fa;
  font-size: .28rem;
  text-align: center;
}

  .top {
    background-color: #fff;
    padding: 0 .3rem;
    font-size: .2rem;
    width: 10.8rem;
    height: .5rem;
    margin: 0 auto;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

.top .d {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.top  .r {
  display: flex;
}

.top .r span {
  display: block;
  margin: 0 .1rem;
}

.top .r a {
  color: #666;
  display: block;
}

.yyqx {
  color: #666;
  line-height: 1.5;
  height: 10rem;
  padding: .2rem .3rem;
  background-color: #fff;
  width: 8rem;
  border-radius: 5px;
}

.yyqx .txtBox {
  line-height: 1.6;
  font-size: .25rem;
  height: 100%;
  overflow-y: auto;
}

.yyqx .txtBox h3 {
  font-size: .4rem;
  text-align: center;
  margin-bottom: .5rem;
}

.indexHeader {
  position: absolute;
  top: .3rem;
  left: 0;
  width: 100%;
  padding: 0 .3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.indexHeader .logo {
  display: block;
  width: 2.16rem;
  height: .64rem;
  margin-top: -.2rem;
}

.indexHeader.xy {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.indexHeader.xy .logo {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/logo/xy.png) no-repeat;
  background-size: 100% 100%;
  width: 2.16rem;
  height: .64rem;
}
.indexHeader.awtx .pageLogo{
  display: none;
}
.indexHeader.awtx .logo {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/aytx.png) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 0.7rem;
}
.indexHeader.qq .logo{
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/qq_exclusive_icon.png) no-repeat;
  background-size: 100% 100%;
  width: 2rem;height: .32rem;
  margin-right: -.3rem;
}
.indexHeader.wx .logo{
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/wx_exclusive_icon.png) no-repeat;
  background-size: 100% 100%;
 width:2.2rem;height: .44rem;
 margin-right: -.3rem;

}

.indexHeader.qqyxdt {

}

.indexHeader.qqyxdt .logo {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/logo/qqyxdt.png) no-repeat;
  background-size: auto 100%;
  width: 1.88rem;
  height: .6rem;
}

.indexHeader.wegame .logo {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/logo/ewgame.png) no-repeat;
  background-size: auto 100%;
  width: 2.41rem;
  height: .6rem;
}

.indexHeader.txyyb .logo {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/logo/txyyb.png) no-repeat;
  background-size: auto 100%;
  width: 2.72rem;
  height: .5rem;
}

.indexHeader.txsp .logo {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/logo/txsp.png) no-repeat;
  background-size: auto 100%;
  width: 2.27rem;
  height: .5rem;
}

.indexHeader.aw .logo {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/logo/aw.png) no-repeat;
  background-size: auto 100%;
  width: 2.42rem;
  height: .5rem;
}

.indexHeader.qqllq .logo {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/logo/qqllq.png) no-repeat;
  background-size: auto 100%;
  width: 3.15rem;
  height: .45rem;
}

#ams_loginbar {
  font-size: .26rem;
  color: #333;
}

#ams_loginbar a {
  color: #333;
}
.shareImgIcon {
  width: 8.74rem;
  position: relative;
  margin-bottom: .1rem;
}
.shareImgIcon .num{
  width: 2.13rem;height: .44rem;
  text-align: center;
  line-height: .44rem;
  color: #59f780;
  font-size: .34rem;
  position: absolute;
  left: 3.2rem;
  top: 7.76rem;
  z-index: 2;

}
#toimg2{
  width: 8.74rem;height: 16.2rem;
}
.shareImgIcon2{
  display: block;
  width: 100%;
  width: 8.74rem;height: 16.2rem;
}
.shareImgIcon .shareBox{
  display: block;
  width: 1.9rem;height: 1.9rem;
  position: absolute;
  z-index: 2;
  padding: 0;
  right: .63rem;
  bottom: .42rem;
}
.shareImgIcon .shareBox.shareEwm{
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/shareEwm.png) no-repeat;
  background-size: 100% 100%;
}
.shareImgIcon .shareBox.awEwm{
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/awEwm.png) no-repeat;
  background-size: 100% 100%;
}
.shareImgIcon .shareBox.qqEwm{
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/qqEwm.png) no-repeat;
  background-size: 100% 100%;
}
.shareImgIcon .shareBox.qqllq{
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/qqllq.png) no-repeat;
  background-size: 100% 100%;
}
.shareImgIcon .shareBox.wxEwm{
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/wxEwm.png) no-repeat;
  background-size: 100% 100%;
}
.shareImgIcon .shareBox.xyEwm{
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/xyEwm.png) no-repeat;
  background-size: 100% 100%;
}
.shareImgIcon .shareBox.yybEwm{
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/yybEwm.png) no-repeat;
  background-size: 100% 100%;
}
.shareImg .tips {
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/shareIconTips.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 3.37rem;
  height: .46rem;
}

.partBox {
  display: flex;
  width: 100%;
  -webkit-mask: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/scene-after.png) center no-repeat;
  mask: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/scene-after.png) center no-repeat;
  -webkit-mask-size: 0%;
  mask-size: 0%;
}

.anim {
  animation: mask-in 1.5s both 0s;
}

@keyframes mask-in {
  0% {
    -webkit-mask-size: 0% 0%;
    mask-size: 0% 0%;
  }
  100% {
    -webkit-mask-size: 550% 550%;
    mask-size: 550% 550%;
  }
}

@media all and (orientation:landscape){
  html,body{position:relative;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
  html::before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:#333;z-index:99999;}
  html::after{content:"\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\7AD6\8FC7\6765";text-align:center;font-size:16px;color:#fff;position:absolute;top:50%;left:0;height:30px;width:100%;margin-top:50px;z-index:99999;}
  body::before{content:"";position:absolute;z-index:99999;height:200px;width:100px;left:50%;top:50%;margin:-140px 0 0 -50px;color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");background-repeat:no-repeat;background-position:center center;background-size:100px auto;-webkit-transform:rotateZ(-90deg);}
}
.loading.partBox{
  mask: none;
}
.pageLogo{
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/logo.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  width: 1.39rem;height: .47rem;
  position: absolute;
  left: .3rem;
  top: 0;
}

.product .list .items .tit {
    display: block;
    position: absolute;
    top: 4.3rem;
    left: 0rem;
    font-size: 0.34rem;
    width: 80%;
    line-height: 0.4rem;
}

.selectClass {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0.3rem;
    width: 1.8rem;
    text-align: center;
    border-radius: .05rem;
    background-color: #2a3852;
    border: none;
    color: #fff;
}

.ruleBtn{
  text-align: center;
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1rem;
  text-decoration: underline;
}

.diaRule{
  background: url(//game.gtimg.cn/images/bjhl/cp/a20231204gjip/pop/dia731.png) no-repeat;
  background-size: 100% 100%;
  width: 9.29rem;
  height: 7.31rem;
  padding-top: .5rem;
  
}
.diaRule h3{
  text-align: center;
  font-size: .4rem;
}
.diaRule .txt{
  height: 6rem;
  overflow-y: auto;
  padding: 0 .5rem;
  font-size: .28rem;
  color: #333;
}