@charset "UTF-8";
/* 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-syhtem, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}

ul,
li {
  list-style: none;
}

i,
b,
em {
  font-style: normal;
}

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

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

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

body.wx.wxIos .top,
body.wx.wxIos .top_bottom {
  display: none;
}

body.wx.wxIos .main {
  margin: 0;
}

body.wx .main {
  margin-top: 1rem;
}

body.wx h1::after {
  content: '';
  width: 0.97rem;
  height: 0.97rem;
  position: absolute;
  left: 0.2rem;
  top: 1.9rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/wxzs_icon.png) no-repeat center/cover;
}

body.wx .top {
  position: fixed;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 10;
}

body.wx .login p {
  width: 1.9rem;
  height: 0.44rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/wx_exclusive_icon.png) no-repeat center/cover;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main {
  box-sizing: border-box;
  padding-top: 0.3rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/bj.jpg) no-repeat center top/cover;
}

.main.kt {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/kt_bj.jpg) no-repeat center/cover;
}

.top {
  font-size: 0.26rem;
}

.top ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.top ul li {
  margin: 0 .1rem;
  color: #ccc;
}

.top ul li a {
  color: #ccc;
}

.header {
  width: 100%;
  justify-content: space-between;
  padding-left: 0.2rem;
  box-sizing: border-box;
}

.header .logo {
  width: 1.12rem;
  height: 0.7rem;
  font-size: 0;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/logo.png) no-repeat center/cover;
}

.header .login {
  color: #fbf8f4;
  flex-direction: column;
  align-items: flex-end;
  font-family: 'Microsoft YaHei';
}

.header .login div {
  line-height: 0.24rem;
  font-weight: bold;
}

.header .login p {
  width: 1.84rem;
  height: 0.44rem;
  margin-bottom: .1rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/qq_exclusive_icon.png) no-repeat center/cover;
}

.header .login_before a {
  color: #fbf8f4;
  font-size: 0.24rem;
}

.header .login_after {
  margin-right: 0.05rem;
  font-size: 0.24rem;
  display: none;
}

.header .login_after span,
.header .login_after a {
  color: #fbf8f4;
  font-size: 0.24rem;
}

h1 {
  width: 6.63rem;
  height: 3.34rem;
  position: relative;
  text-indent: -999rem;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 2.5rem;
}

h1 span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  height: 100%;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/h1.png) no-repeat center/cover;
}

.side {
  position: fixed;
  right: 0;
  top: 70%;
  width: 1.46rem;
  height: 1.1rem;
  z-index: 3;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/side_btn.png) no-repeat center/cover;
}

.part h3 {
  margin: 0 auto;
  font-size: 0;
  position: relative;
}

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

.part1 h3 {
  width: 7.28rem;
  height: 1.64rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/part1_tit.png) no-repeat center/cover;
}

.part1_con {
  margin: 0 auto;
  margin-top: 0.3rem;
  flex-direction: column;
}

.part1_con .tips {
  color: #fbf8f4;
  font-size: 0.24rem;
  line-height: 0.26rem;
  margin: 0 auto;
  margin-top: -.5rem;
  width: 90%;
}

.part1_con .tips.tips2 {
  font-size: 0.22rem;
  margin-top: 0.1rem;
}

.part1_con .wanfa {
  margin: 0 auto;
  width: 6.57rem;
  height: 9.81rem;
  position: relative;
}

.part1_con .wanfa canvas {
  width: 100%;
  height: 100%;
}

.part1_con .wanfa .bj {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.part1_con .wanfa .bear {
  width: 4.81rem;
  height: 4.75rem;
  position: absolute;
  left: 50%;
  bottom: 0.7rem;
  transform: translateX(-50%);
}

.part1_con .wanfa .sticker,
.part1_con .wanfa .BubbleBox {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0rem;
  top: 0rem;
  text-align: center;
  line-height: 0.18rem;
  font-size: 0.14rem;
  color: #fff;
  font-family: 'fzlty';
}

.part1_con .wanfa .sticker p,
.part1_con .wanfa .BubbleBox p {
  width: 90%;
}

.part1_con .wanfa::after {
  content: '';
  position: absolute;
  width: 0.71rem;
  height: 0.7rem;
  right: -0.2rem;
  top: 6.4rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/star_icon.png) no-repeat center/cover;
}

.part1_con .btn_box {
  width: 6.57rem;
  margin: 0 auto;
  margin-top: 0.4rem;
  justify-content: space-between;
}

.part1_con .btn_box a {
  text-indent: -999rem;
  overflow: hidden;
  display: block;
}

.part1_con .btn_box .lookDressUp {
  width: 2.02rem;
  height: 0.61rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/lookDressUp_btn.png) no-repeat center/cover;
}

.part1_con .btn_box .save {
  width: 1.47rem;
  height: 1.47rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/save_btn.png) no-repeat center/cover;
}

.part1_con .btn_box .share_btn {
  width: 2.02rem;
  height: 0.61rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/shareBear_btn.png) no-repeat center/cover;
}

.part1_con .Tips {
  font-size: 0.22rem;
  color: #fbf8f4;
  width: 100%;
  margin-top: 0.1rem;
  text-align: center;
}

.part1_con_btns {
  height: 2rem;
  margin-top: .1rem;
}

.part1_con_btns .btn {
  width: 2.84rem;
  height: 0.86rem;
  color: transparent;
  position: relative;
  margin: 0 .3rem;
}

.part1_con_btns .btn .btn-invite {
  display: block;
  width: 100%;
  height: 100%;
}

.part1_con_btns .btn:nth-child(1) {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/invite_btn.png) no-repeat center/cover;
}

.part1_con_btns .btn:nth-child(2) {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/getMore_btn.png) no-repeat center/cover;
}

.part1_con_btns .nameList_btn {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #abf2ff;
  font-size: 0.26rem;
  text-align: center;
  top: -0.6rem;
}

.part1_con_btns .nameList_btn i {
  border-bottom: 0.01rem solid #abf2ff;
}

.part1_con_btns span {
  position: absolute;
  width: 100%;
  bottom: -0.5rem;
  color: #abf2ff;
  font-size: 0.26rem;
  text-align: center;
}

.part1_decoration {
  width: 6.54rem;
  height: 12.38rem;
  margin: 0 auto;
  margin-top: 0.3rem;
  box-sizing: border-box;
  padding-top: 0.8rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/part1_decoration_bj.png) no-repeat center/cover;
}

.part1_decoration .num_box {
  padding: 0 .2rem;
  justify-content: space-between;
}

.part1_decoration .num_box p {
  color: #fbf8f8;
  font-size: 0.26rem;
}

.part1_decoration h4 {
  width: 1.33rem;
  height: 0.48rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/part1_decoration_h4_bj.png) no-repeat center/cover;
  font-size: 0.26rem;
  color: #2d467a;
  margin-left: 0.01rem;
  line-height: 0.48rem;
  text-align: center;
}

.part1_decoration > div ul {
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
}

.part1_decoration > div span {
  width: 0.9rem;
  height: 0.29rem;
  text-align: center;
  line-height: 0.29rem;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 0.18rem;
  color: #fbf8f8;
  z-index: 2;
  border-radius: .15rem;
  transform: translate(-50%, -50%);
  background-color: #16171b;
}

.part1_decoration > div img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.part1_decoration .color_list {
  margin-top: 0.2rem;
}

.part1_decoration .color_list ul {
  width: 90%;
  margin-top: 0.2rem;
}

.part1_decoration .color_list li {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.part1_decoration .color_list li.selected::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.13rem;
  height: 1.13rem;
  pointer-events: none;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/color_selected.png) no-repeat center/cover;
}

.part1_decoration .color_list li:nth-child(1) {
  background-color: #c59961;
}

.part1_decoration .color_list li:nth-child(2) {
  background-color: #e68552;
}

.part1_decoration .color_list li:nth-child(3) {
  background-color: #cc7be4;
}

.part1_decoration .color_list li:nth-child(4) {
  background-color: #d17195;
}

.part1_decoration .color_list li:nth-child(5) {
  background-color: #86c5e9;
}

.part1_decoration .color_list li::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.part1_decoration .color_list li.active::after {
  display: none;
}

.part1_decoration .color_list li.active span {
  display: none;
}

.part1_decoration .sticker_list {
  margin-top: 0.3rem;
}

.part1_decoration .sticker_list ul {
  width: 95%;
  margin-top: 0.1rem;
}

.part1_decoration .sticker_list li {
  position: relative;
  width: 1.18rem;
  height: 0.94rem;
  margin: 0.15rem 0;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/sticker_item_bj.png) no-repeat center/cover;
}

.part1_decoration .sticker_list li.selected {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/sticker_item_active_bj.png) no-repeat center/cover;
}

.part1_decoration .sticker_list li.active::before {
  display: none;
}

.part1_decoration .sticker_list li.active span {
  display: none;
}

.part1_decoration .sticker_list li::after {
  content: '';
  position: absolute;
  left: 0rem;
  top: 50%;
  width: 1.18rem;
  transform: translateY(-50%);
  height: 1.1rem;
  z-index: 3;
  pointer-events: none;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/sticker_item_aft.png) no-repeat center/cover;
}

.part1_decoration .sticker_list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.7);
}

.part1_decoration .sticker_list img {
  width: 80%;
}

.part1_decoration .BubbleBox_list {
  margin-top: 0.2rem;
}

.part1_decoration .BubbleBox_list ul {
  width: 95%;
  margin-top: 0.1rem;
}

.part1_decoration .BubbleBox_list li {
  position: relative;
  width: 1.18rem;
  height: 0.94rem;
  margin: 0.15rem 0;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/sticker_item_bj.png) no-repeat center/cover;
}

.part1_decoration .BubbleBox_list li.selected {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/sticker_item_active_bj.png) no-repeat center/cover;
}

.part1_decoration .BubbleBox_list li.active::before {
  display: none;
}

.part1_decoration .BubbleBox_list li.active span {
  display: none;
}

.part1_decoration .BubbleBox_list li::after {
  content: '';
  position: absolute;
  left: 0rem;
  top: 50%;
  width: 1.18rem;
  transform: translateY(-50%);
  height: 1.1rem;
  z-index: 3;
  pointer-events: none;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/sticker_item_aft.png) no-repeat center/cover;
}

.part1_decoration .BubbleBox_list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.7);
}

.part1_decoration .BubbleBox_list img {
  width: 80%;
}

.part1_decoration .background_list {
  margin-top: 0.2rem;
}

.part1_decoration .background_list ul {
  width: 95%;
  margin-top: 0.1rem;
}

.part1_decoration .background_list li {
  position: relative;
  width: 1.19rem;
  height: 1.38rem;
  margin: 0.15rem 0;
}

.part1_decoration .background_list li.selected::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.3rem;
  height: 1.62rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/bj_selected.png) no-repeat center/cover;
}

.part1_decoration .background_list li.active::before {
  display: none;
}

.part1_decoration .background_list li.active span {
  display: none;
}

.part1_decoration .background_list li::after {
  content: '';
  position: absolute;
  left: 0rem;
  top: 50%;
  width: 1.19rem;
  transform: translateY(-50%);
  height: 1.54rem;
  z-index: 3;
  pointer-events: none;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/sticker_item_aft2.png) no-repeat center/cover;
}

.part1_decoration .background_list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.7);
}

.part1_decoration .background_list img {
  width: 100%;
}

.part1_decoration .btns {
  margin-top: 0.2rem;
}

.part1_decoration .btns a {
  width: 2.31rem;
  height: 0.71rem;
  margin: 0 .3rem;
  text-indent: -999rem;
  overflow: hidden;
}

.part1_decoration .btns a:nth-child(1) {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/use_badge_btn.png) no-repeat center/cover;
}

.part1_decoration .btns a:nth-child(2) {
  display: none;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/confirm_selection_btn.png) no-repeat center/cover;
}

.part1_getReward {
  margin-top: 0.1rem;
  box-sizing: border-box;
  padding-top: 0.5rem;
}

.part1_getReward h4 {
  width: 2.6rem;
  height: 0.31rem;
  margin: 0 auto;
  text-indent: -999rem;
  overflow: hidden;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/part1_getReward_tit.png) no-repeat center/cover;
}

.part1_getReward_num {
  width: 80%;
  margin: 0 auto;
  justify-content: space-between;
  color: #92af96;
  font-size: 0.24rem;
  display: none;
}

.part1_getReward .special_task {
  width: 6.54rem;
  height: 5.66rem;
  box-sizing: border-box;
  padding-top: 0.5rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/special_task_bj.png) no-repeat center/cover;
  margin: 0 auto;
  margin-top: 0.2rem;
}

.part1_getReward .special_task li {
  width: 50%;
  flex-direction: column;
}

.part1_getReward .special_task p,
.part1_getReward .special_task div {
  text-align: center;
}

.part1_getReward .special_task .task_tit {
  width: 2.58rem;
  height: 0.47rem;
  line-height: 0.47rem;
  color: #d9f7fd;
  font-size: 0.24rem;
  background-color: #364370;
}

.part1_getReward .special_task .task_condition {
  color: #fbf8f8;
  font-size: 0.22rem;
  line-height: 0.3rem;
  flex-direction: column;
  height: .8rem;
}

.part1_getReward .special_task .task_condition span {
  font-size: 0.18rem;
}

.part1_getReward .special_task .task_name {
  color: #52aed5;
  font-size: 0.22rem;
  display: none;
}

.part1_getReward .special_task .task_icon {
  width: 2.04rem;
  height: 1.88rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_icon_bj.png) no-repeat center/100% 100%;
}

.part1_getReward .special_task .task_icon img {
  width: 80%;
}

.part1_getReward .special_task .task_btn {
  display: block;
  width: 2.31rem;
  height: 0.71rem;
  margin-top: 0.1rem;
  color: transparent;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_lq_btn.png) no-repeat center/100% 100%;
}

.part1_getReward .special_task .task_btn.wjs {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_wjs_btn.png) no-repeat center/100% 100%;
}

.part1_getReward .special_task .task_btn.ylq {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_ylq_btn1.png) no-repeat center/100% 100%;
}

.part1_getReward .special_task .reward_limit {
  color: #abf2ff;
  font-size: 0.26rem;
}

.part1_getReward_tips {
  width: 100%;
  text-align: center;
  font-size: 0.2rem;
  color: #fbf8f8;
  margin-top: 0.1rem;
}

.part1_getReward .task_list {
  width: 100%;
  margin: 0 auto;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}

.part1_getReward .task_list > li {
  padding-top: 0.3rem;
  box-sizing: border-box;
  flex-direction: column;
  margin: 0.3rem .1rem;
  width: 3.12rem;
  height: 3.11rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_list_item_bj2.png) no-repeat center/cover;
}

.part1_getReward .task_list .first {
  width: 3.26rem;
  height: 4.32rem;
  margin: 0 1rem;
  display: none;
  margin-bottom: 0.3rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_list_item_bj1.png) no-repeat center/100% 100%;
}

.part1_getReward .task_list .first .task_title {
  margin-top: -0.8rem;
}

.part1_getReward .task_list .first .reward_list div {
  width: 2.04rem;
  height: 2.55rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_icon_bj1.png) no-repeat center/cover;
}

.part1_getReward .task_list .first .reward_list p {
  margin-top: 0;
}

.part1_getReward .task_list .task_title {
  position: relative;
  color: #d9f7fd;
  background-color: #364370;
  box-sizing: border-box;
  padding: 0.05rem .2rem;
  font-size: 0.24rem;
  box-sizing: border-box;
  border-radius: .1rem;
  margin-top: -0.7rem;
  border: 0.02rem solid #719abe;
}

.part1_getReward .task_list .reward_box {
  justify-content: space-around;
  margin-top: 0.2rem;
  flex-direction: column;
}

.part1_getReward .task_list .reward_list {
  align-items: flex-start;
}

.part1_getReward .task_list .reward_list li {
  margin: 0 .05rem;
  flex-direction: column;
}

.part1_getReward .task_list .reward_list div {
  width: 1.34rem;
  height: 1.24rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_icon_bj.png) no-repeat center/100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.part1_getReward .task_list .reward_list div img {
  width: 80%;
}

.part1_getReward .task_list .reward_list p {
  font-size: 0.18rem;
  line-height: 0.2rem;
  color: #fbf8f8;
  text-align: center;
}

.part1_getReward .task_list .task_btn {
  width: 2.31rem;
  height: 0.71rem;
  display: block;
  margin-top: 0.1rem;
  color: transparent;
}

.part1_getReward .task_list .task_btn.lq {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_lq_btn1.png) no-repeat center/cover;
}

.part1_getReward .task_list .task_btn.ylq {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_ylq_btn1.png) no-repeat center/cover;
}

.part1_getReward .task_list .task_btn.wdc {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_wdc_btn.png) no-repeat center/cover;
}

.part1_getReward .task_list .task_btn.wjs {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_wjs_btn.png) no-repeat center/cover;
}

.part1_Top10 {
  margin-top: 0.5rem;
}

.part1_Top10 h4 {
  width: 3.68rem;
  height: 0.31rem;
  margin: 0 auto;
  text-indent: -999rem;
  overflow: hidden;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/part1_Top10_tit1.png) no-repeat center/cover;
}

.part1_Top10 .swiper-box {
  width: 5rem;
  margin: 0 auto;
  margin-top: 0.3rem;
}

.part1_Top10 .swiper {
  width: 4.71rem;
  height: 6.94rem;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.part1_Top10 .swiper .swiper-slide {
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/part1_showWork_bj.png) no-repeat center/cover;
}

.part1_Top10 .swiper .info {
  width: 100%;
  height: 0.65rem;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  color: #d9f7fd;
  box-sizing: border-box;
  padding: 0 .2rem;
  font-size: 0.24rem;
  justify-content: space-between;
}

.part1_Top10 .swiper .num {
  height: 0.38rem;
  line-height: 0.38rem;
  box-sizing: border-box;
  padding: 0 .2rem;
  text-align: center;
  border-radius: .19rem;
  background-color: #485c8f;
}

.part1_Top10 .swiper-pagination {
  width: 5rem;
  margin: 0 auto;
  margin-top: 0.2rem;
}

.part1_Top10 .swiper-pagination span {
  width: 0.2rem;
  height: 0.2rem;
  opacity: 1;
  margin: 0 .05rem;
  border-radius: 50%;
  background-color: #253254;
}

.part1_Top10 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #abf2ff;
}

.part1_Top10 .top_list {
  width: 5.77rem;
  height: 6.17rem;
  margin: 0 auto;
  margin-top: 0.3rem;
  box-sizing: border-box;
  padding-top: .5rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia617.png) no-repeat center/cover;
}

.part1_Top10 .top_list .tit {
  font-size: 0.3rem;
  color: #d9f7fd;
  text-align: center;
}

.part1_Top10 .top_list .tit span {
  display: block;
  width: 33%;
}

.part1_Top10 .top_list ul {
  margin-top: 0.2rem;
}

.part1_Top10 .top_list li {
  display: flex;
  justify-content: center;
  align-items: center;
}

.part1_Top10 .top_list li span {
  display: block;
  font-size: 0.26rem;
  color: #d9f7fd;
  width: 33%;
  text-align: center;
}

.part1_workReward {
  margin-top: 1rem;
}

.part1_workReward .tips {
  width: 100%;
  text-align: center;
  margin-top: 0.3rem;
  font-size: 0.2rem;
  color: #d9f7fd;
  line-height: 0.32rem;
}

.part1_workReward h4 {
  margin: 0 auto;
  width: 2.21rem;
  height: 0.31rem;
  text-indent: -999rem;
  overflow: hidden;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/part1_workReward_tit.png) no-repeat center/cover;
}

.part1_workReward_con {
  width: 6.53rem;
  height: 3.98rem;
  margin: 0 auto;
  margin-top: 0.5rem;
  position: relative;
  box-sizing: border-box;
  padding-top: 0.7rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/part1_workReward_con_bj.png) no-repeat center/cover;
}

.part1_workReward_con h5 {
  width: 3.57rem;
  height: 0.49rem;
  text-align: center;
  line-height: 0.5rem;
  font-size: 0.24rem;
  color: #d9f7fd;
  background-color: #364370;
  border-radius: .05rem;
  border: 0.02rem solid #d2f1f9;
  position: absolute;
  left: 50%;
  top: -0.25rem;
  transform: translateX(-50%);
}

.part1_workReward_con > ul > li {
  margin: 0 .2rem;
}

.part1_workReward_con li {
  flex-direction: column;
}

.part1_workReward_con li li {
  margin: 0 .1rem;
}

.part1_workReward_con li div {
  width: 1.72rem;
  height: 1.59rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_icon_bj.png) no-repeat center/cover;
}

.part1_workReward_con li div img {
  width: 65%;
}

.part1_workReward_con li p {
  width: 100%;
  color: #fbf8f8;
  text-align: center;
  font-size: 0.22rem;
  line-height: 0.3rem;
  height: 0.7rem;
}

.part1_workReward_con a {
  width: 2.1rem;
  height: 0.64rem;
  text-indent: -999rem;
  overflow: hidden;
  margin: 0 auto;
  display: block;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_lq_btn1.png) no-repeat center/cover;
}

.part1_workReward_con a.ylq {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/sxlb_grey.png) no-repeat center/cover;
}

.part1_workReward_con a.exchange {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/exchange_btn.png) no-repeat center/cover;
}

.part1_workReward_con a.wjs {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_wjs_btn.png) no-repeat center/cover;
}

.part1_getNum {
  margin-top: 0.6rem;
}

.part1_getNum h4 {
  width: 2.21rem;
  height: 0.3rem;
  margin: 0 auto;
  text-indent: -999rem;
  overflow: hidden;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/part1_getNum_tit.png) no-repeat center/cover;
}

.part1_getNum_task {
  width: 6.54rem;
  height: 6.75rem;
  margin: 0 auto;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/part1_getNum_bj.png) no-repeat center/cover;
  box-sizing: border-box;
  padding: 0 .3rem;
  padding-top: .5rem;
}

.part1_getNum_task li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  margin-top: 0.1rem;
  height: 1.05rem;
}

.part1_getNum_task .task_tit {
  font-size: 0.26rem;
  color: #abf2ff;
}

.part1_getNum_task .task_reward {
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  width: 4rem;
}

.part1_getNum_task .num p {
  color: #fbf8f8;
  font-size: 0.22rem;
}

.part1_getNum_task .num span {
  font-size: 0.18rem;
  line-height: 0.26rem;
  color: #fbf8f8;
}

.part1_getNum_task .task_btn {
  width: 1.81rem;
  height: 0.56rem;
  display: block;
  color: transparent;
  position: relative;
}

.part1_getNum_task .task_btn i {
  position: absolute;
  left: 0;
  bottom: -0.4rem;
  width: 100%;
  text-align: center;
  color: #fbf8f8;
  font-size: 0.22rem;
}

.part1_getNum_task .task_btn.invite {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_intive_btn.png) no-repeat center/cover;
}

.part1_getNum_task .task_btn.ylq {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_ylq_btn1.png) no-repeat center/cover;
}

.part1_getNum_task .task_btn.lq {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_lq_btn.png) no-repeat center/cover;
}

.part1_getNum_task .task_btn.qwc {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_qwc_btn.png) no-repeat center/cover;
}

.bear_box {
  position: fixed;
  left: -50rem;
  top: 0;
  width: 6.57rem;
  height: 9.81rem;
  z-index: 10;
}

.bear_box img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

.bear_box img.bj, .bear_box img.img {
  top: 0;
}

.bear_box img.bear {
  width: 4.81rem;
  height: 4.75rem;
  left: 50%;
  bottom: 0.7rem;
  transform: translateX(-50%);
}

.part2 {
  height: 4.7rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 0.3rem;
  font-family: 'syht';
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/ketai_userInfo_bj.jpg) no-repeat center/7.05rem 100%;
}

.part2 .userInfo {
  width: 100%;
  color: #fbf8f4;
  font-size: 0.24rem;
  text-align: center;
}

.part2 .userInfo i {
  font-size: 0.26rem;
  color: #b0ebfe;
}

.part2 h3 {
  width: 2.19rem;
  height: 0.3rem;
  margin: 0 auto;
  margin-top: 0.3rem;
  text-indent: -999rem;
  overflow: hidden;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/part2_tit.png) no-repeat center/cover;
}

.part2 .reward {
  width: 7.46rem;
  height: 3.6rem;
  box-sizing: border-box;
  margin-top: 0.3rem;
}

.part2 .reward li {
  flex-direction: column;
  width: 2.4rem;
  margin: 0 .4rem;
}

.part2 .reward li p {
  color: #fbf8f8;
  text-align: center;
  font-size: 0.22rem;
  width: 100%;
  margin-top: 0.1rem;
}

.part2 .reward li div {
  width: 1.69rem;
  height: 1.56rem;
  margin: 0 .3rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_icon_bj.png) no-repeat center/100% 100%;
}

.part2 .reward li div img {
  width: 80%;
}

.part2 .reward .btn_box {
  margin-top: 0.3rem;
}

.part2 .reward .btn_box a {
  width: 2.1rem;
  height: 0.64rem;
  display: block;
  color: transparent;
  margin: 0 .6rem;
}

.part2 .reward .btn_box a:nth-child(1) {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/joinGame.png) no-repeat center/cover;
}

.part2 .reward .btn_box a:nth-child(2) {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/sxlb.png) no-repeat center/cover;
}

.part2 .reward .btn_box a:nth-child(2).grey {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/sxlb_grey.png) no-repeat center/cover;
}

.part2 .reward .tips {
  width: 100%;
  text-align: center;
  font-size: 0.24rem;
  color: #fbf8f8;
  margin-top: 0.2rem;
}

.part3 {
  margin: 0 auto;
  margin-top: 0.9rem;
  box-sizing: border-box;
}

.part3 h3 {
  width: 4.67rem;
  height: 1.64rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/part3_tit.png) no-repeat center/cover;
}

.part3 .task_list {
  margin-top: -.3rem;
  font-family: 'syht';
}

.part3 .task_list > li {
  width: 6.54rem;
  height: 2.56rem;
  margin: 0 auto;
  margin-top: 0.3rem;
  box-sizing: border-box;
  padding: 0 .2rem;
  justify-content: space-between;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/kt_task_bj.png) no-repeat center/cover;
}

.part3 .task_list > li .reward {
  flex-direction: column;
  align-items: flex-start;
}

.part3 .task_list > li ul {
  margin-top: 0.1rem;
}

.part3 .task_list > li li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 -.2rem;
  width: 2rem;
}

.part3 .task_list > li li div {
  width: 1.11rem;
  height: 0.97rem;
  background-color: #496294;
  border-radius: 0.1rem;
  box-sizing: border-box;
  border: 0.01rem solid #abf2ff;
}

.part3 .task_list > li li div img {
  width: 100%;
}

.part3 .task_list > li li .name {
  font-size: 0.2rem;
  color: #fbf8f8;
  text-align: center;
}

.part3 .task_list > li .tit {
  font-size: 0.26rem;
  color: #abf2ff;
  font-weight: bold;
  width: 100%;
}

.part3 .task_list > li .btn {
  flex-direction: column;
}

.part3 .task_list > li .btn a {
  width: 1.81rem;
  height: 0.56rem;
  text-indent: -999rem;
  overflow: hidden;
}

.part3 .task_list > li .btn a.ylq {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/sxlb_grey.png) no-repeat center/100% 100%;
}

.part3 .task_list > li .btn a.lq {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_lq_btn.png) no-repeat center/100% 100%;
}

.part3 .task_list > li .btn a.qwc {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/task_qwc_btn.png) no-repeat center/100% 100%;
}

.rule_box {
  margin-top: 0.5rem;
}

.rule_box h4 {
  width: 4.67rem;
  height: 1.64rem;
  margin: 0 auto;
  color: transparent;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/rule_tit.png) no-repeat center/cover;
}

.rule_box .wenan {
  width: 90%;
  margin: 0 auto;
  margin-top: -0.4rem;
  height: 8rem;
  overflow-y: auto;
  font-family: 'syht';
  color: #fff;
  font-size: 0.3rem;
  line-height: 0.4rem;
}

.rule_box .wenan::-webkit-scrollbar {
  display: none;
}

.download_btn,
.goHome {
  width: 100%;
  height: 0.81rem;
  text-indent: -999rem;
  overflow: hidden;
  display: block;
  margin-top: .3rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/download_btn.jpg) no-repeat center/cover;
}

.goHome {
  height: 0.84rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/goHome.jpg) no-repeat center/cover;
}

.dia {
  display: none;
  position: relative;
  font-family: 'syht';
}

.dia .dia-close {
  position: absolute;
  width: 0.44rem;
  height: 0.44rem;
  z-index: 99;
  font-size: 0;
  right: 0.2rem;
  top: 0.4rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/close_btn.png) no-repeat center/cover;
}

.dia h3 {
  margin: 0 auto;
  text-indent: -999rem;
  overflow: hidden;
}

.dia .wxts_title {
  width: 2.19rem;
  height: 0.3rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/wxts_tit.png) no-repeat center/cover;
}

.dia .wxts2_title {
  width: 1.84rem;
  height: 0.3rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/wxts2_tit.png) no-repeat center/cover;
}

.dia .dia-box {
  width: 5.77rem;
  position: relative;
  box-sizing: border-box;
}

.dia .btn_box a {
  width: 1.99rem;
  height: 0.61rem;
  text-indent: -999rem;
  overflow: hidden;
  display: block;
  margin: 0 .2rem;
}

.dia .btn_box a.qx {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_qx_btn.png) no-repeat center/cover;
}

.dia .btn_box a.qd {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_qd_btn.png) no-repeat center/cover;
}

.dia .btn_box a.zdd {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_zdd_btn.png) no-repeat center/cover;
}

.dia .btn_box a.qrtx {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_qrtx_btn.png) no-repeat center/cover;
}

.dia370 {
  height: 3.7rem;
  padding-top: 0.6rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia370.png) no-repeat center/cover;
}

.dia370 .login_tit {
  width: 2.91rem;
  height: 0.31rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_login_tit.png) no-repeat center/cover;
}

.dia370 .share_tit {
  width: 3.28rem;
  height: 0.31rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_share_tit.png) no-repeat center/cover;
}

.dia370 .dia_login {
  margin-top: 0.5rem;
}

.dia370 .dia_login a {
  width: 1.42rem;
  margin: 0 .5rem;
}

.dia370 .dia_login i {
  width: 1.45rem;
  height: 1.24rem;
  display: block;
}

.dia370 .dia_login p {
  color: #f7f9fb;
  text-align: center;
  width: 100%;
  font-size: 0.24rem;
  margin-top: 0.1rem;
}

.dia370 .dia_login .QQ i {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_qq_icon.png) no-repeat center/cover;
}

.dia370 .dia_login .wx i {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_wx_icon.png) no-repeat center/cover;
}

.dia370 .dia_login .Qzone i {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_qqkj_icon.png) no-repeat center/cover;
}

.dia370 .dia_login .pyq i {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_pyq_icon.png) no-repeat center/cover;
}

.dia370 .copy_link {
  color: #fdfdfd;
  font-size: 0.24rem;
  margin: 0 auto;
  text-align: center;
  line-height: 0.3rem;
  width: 90%;
  flex-direction: column;
  height: 1.5rem;
}

.dia370 .copy_link i {
  width: 100%;
  text-overflow: ellipsis;
  /* �����ʾʡ�Ժ� */
  overflow: hidden;
  /* ������� */
  white-space: nowrap;
  /* ǿ�Ʋ����� */
}

.dia370 .copy_btn {
  margin: 0 auto;
  width: 1.99rem;
  height: 0.61rem;
  display: block;
  text-indent: -999rem;
  overflow: hidden;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/copy_btn.png) no-repeat center/cover;
}

.dia370 .txt {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  color: #fdfdfd;
  font-size: 0.24rem;
  line-height: 0.34rem;
  font-family: 'syht';
  height: 1.5rem;
}

.dia370 .btn_box {
  margin-top: 0.3rem;
}

.dia370 .btn_box.Invited {
  margin-top: 0;
}

.dia617 {
  height: 6.17rem;
  padding-top: 0.5rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia617.png) no-repeat center/cover;
}

.dia617 .bdjs_title {
  width: 3.29rem;
  height: 0.31rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_bdjs_title.png) no-repeat center/cover;
}

.dia617 .agree {
  align-items: flex-start;
  margin: 0 auto;
  margin-top: 0.3rem;
  width: 80%;
}

.dia617 .agree input {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.1rem;
}

.dia617 .agree p {
  color: #fbfbfb;
  font-size: 0.2rem;
  line-height: 0.26rem;
}

.dia617 .optionList {
  width: 100%;
  margin-top: 0.2rem;
}

.dia617 .optionList ul {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.dia617 .optionList ul li {
  margin: .1rem auto;
  color: #f9fcfe;
  font-size: 0.24rem;
}

.dia617 .optionList ul li select {
  width: 4.23rem;
  height: 0.45rem;
  appearance: none;
  outline: none;
  border: 0.01rem solid #89c0da;
  border-radius: .05rem;
  margin-left: .1rem;
  font-size: 0.22rem;
  color: #f9fcfe;
  text-indent: 1em;
  background-color: #384981;
}

.dia617 .btn_box {
  margin-top: 0.2rem;
}

.dia295 {
  height: 2.95rem;
  padding-top: .8rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia295.png) no-repeat center/cover;
}

.dia295.noCash {
  padding-top: 0.5rem;
}

.dia295 .txt {
  width: 100%;
  text-align: center;
  color: #fdfdfd;
  font-size: 0.24rem;
  line-height: 0.34rem;
  font-family: 'syht';
}

.dia295 .btn_box {
  margin-top: 0.4rem;
}

.dia589 {
  height: 5.89rem;
  padding-top: 0.4rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia589.png) no-repeat center/cover;
  font-family: 'syht';
}

.dia589 .con {
  margin-top: 0.3rem;
}

.dia589 .con .tips {
  width: 80%;
  margin: 0 auto;
  color: #f9fcfe;
  font-size: 0.18rem;
  text-align: center;
  line-height: 0.3rem;
}

.dia589 .con div {
  font-size: 0.24rem;
  font-weight: bold;
  color: #f9fcfe;
  width: 80%;
  margin: 0 auto;
  margin-top: 0.2rem;
  justify-content: space-between;
}

.dia589 .con div p {
  width: 30%;
  text-align: center;
}

.dia589 .con div p:nth-child(1) {
  width: 40%;
}

.dia589 .name_list {
  width: 80%;
  margin: 0 auto;
  color: #f9fcfe;
  overflow: auto;
  height: 3.2rem;
  margin-top: 0.1rem;
}

.dia589 .name_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.01rem dashed #f9fcfe;
  font-size: 0.22rem;
  box-sizing: border-box;
  padding-bottom: .1rem;
  margin-top: 0.1rem;
}

.dia589 .name_list li:nth-child(1) {
  margin-top: 0;
}

.dia589 .name_list li p {
  width: 30%;
  text-align: center;
}

.dia589 .name_list li p:nth-child(1) {
  width: 40%;
}

.dia589 .name_list .isNew.active i {
  width: 0.39rem;
  height: 0.28rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dui.png) no-repeat center/cover;
}

.dia369 {
  height: 3.69rem;
}

.dia369 img {
  width: 100%;
}

.dia939 {
  height: 9.39rem;
  padding-top: 0.4rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia939.png) no-repeat center/cover;
}

.dia939 .myDressUp_title {
  width: 2.22rem;
  height: 0.31rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_myDressUp_tit.png) no-repeat center/cover;
}

.dia939 .tips {
  width: 100%;
  text-align: center;
  font-size: 0.22rem;
  color: #f7f7f8;
}

.dia939 ul {
  width: 90%;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 0.1rem;
  height: 7rem;
  overflow-y: auto;
  align-items: flex-start;
  justify-content: flex-start;
}

.dia939 li {
  width: 2.33rem;
  height: 3.8rem;
  margin: 0.1rem;
  box-sizing: border-box;
  position: relative;
  background-color: #4d5f9b;
  border: 0.01rem solid #abf2ff;
}

.dia939 li .myDressUpImg {
  width: 100%;
  height: 100%;
  position: relative;
}

.dia939 li .myDressUpImg .bj {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.dia939 li .myDressUpImg .bear {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.6rem;
}

.dia939 li .myDressUpImg img {
  width: 100%;
}

.dia939 li .info {
  position: absolute;
  bottom: 0rem;
  padding: 0 .1rem;
  box-sizing: border-box;
  width: 100%;
  height: 0.5rem;
  justify-content: space-between;
  background-color: #384981;
}

.dia939 li .num {
  position: absolute;
  left: 0rem;
  bottom: 0.6rem;
  height: 0.3rem;
  line-height: 0.3rem;
  box-sizing: border-box;
  padding: 0 .1rem;
  color: #384981;
  font-size: 0.18rem;
  border-top-right-radius: .15rem;
  border-bottom-right-radius: .15rem;
  background-color: #e3aff2;
}

.dia939 li .userName {
  font-size: 0.18rem;
  color: #f7f7f8;
}

.dia939 li .qrcode {
  width: 0.38rem;
  height: 0.38rem;
  background-color: #fff;
}

.dia939 li .qrcode img {
  width: 100%;
}

.dia939 .btn_box {
  margin-top: 0.2rem;
}

.dia473 {
  height: 4.73rem;
  padding-top: 0.4rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia473.png) no-repeat center/cover;
}

.dia473 .inputText_title {
  width: 2.59rem;
  height: 0.31rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_inputText_tit.png) no-repeat center/cover;
}

.dia473 .tips {
  width: 90%;
  margin: 0 auto;
  margin-top: 0.4rem;
  line-height: 0.32rem;
  font-size: 0.24rem;
  color: #fdfdfd;
  text-align: center;
}

.dia473 input {
  width: 4.91rem;
  height: 0.56rem;
  margin: 0 auto;
  display: block;
  margin-top: 0.5rem;
  outline: none;
  color: #fdfdfd;
  font-size: 0.2rem;
  text-align: center;
  border-radius: .05rem;
  background-color: #384981;
}

.dia473 .btn_box {
  margin-top: 0.4rem;
}

#share {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/share.png) no-repeat 1.6rem 0.6rem/5.36rem 1.43rem;
}

#share_dia .dia-close,
#show_friend_dia .dia-close {
  right: -0.1rem;
  top: 0.7rem;
}

#share_dia .dia-help-box,
#show_friend_dia .dia-help-box {
  position: relative;
}

#share_dia .con,
#show_friend_dia .con {
  margin: 0 auto;
}

#share_dia .con .work,
#show_friend_dia .con .work {
  width: 5.69rem;
  height: 8.5rem;
  position: relative;
}

#share_dia .con .work img,
#show_friend_dia .con .work img {
  width: 100%;
  height: 100%;
}

#share_dia .con .saveImg,
#show_friend_dia .con .saveImg {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  display: none;
}

#share_dia .con .tips,
#show_friend_dia .con .tips {
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: 0.1rem;
  font-size: 0.24rem;
}

#share_dia .con i,
#show_friend_dia .con i {
  font-size: 0.22rem;
  color: #fff;
}

#share_dia .con .dia-help-code,
#show_friend_dia .con .dia-help-code {
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  width: 5.69rem;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 1rem;
  height: 1.16rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/info_bj.png) no-repeat center/100% 100%;
}

#share_dia .con #dia-code,
#share_dia .con #dia-code-F,
#show_friend_dia .con #dia-code,
#show_friend_dia .con #dia-code-F {
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-color: #fff;
}

#share_dia .con #dia-code img,
#share_dia .con #dia-code-F img,
#show_friend_dia .con #dia-code img,
#show_friend_dia .con #dia-code-F img {
  width: 100%;
}

#share_dia .btn_box,
#show_friend_dia .btn_box {
  margin-top: 0.1rem;
}

#share_dia .btn_box a,
#show_friend_dia .btn_box a {
  width: 1.99rem;
  height: 0.61rem;
  display: block;
}

#share_dia .btn_box a.share_button,
#show_friend_dia .btn_box a.share_button {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/dia_shareCard_btn.png) no-repeat center/cover;
}

#share_dia .btn_box a.like,
#show_friend_dia .btn_box a.like {
  background: url(//game.gtimg.cn/images/x5m/cp/a20231006cwcd/like_btn.png) no-repeat center/cover;
}

footer {
  color: #fff;
  background-color: #100d0c;
  padding: 0.2rem 0;
  font-size: 0.2rem;
  text-align: center;
}