body {
  margin: 0;
  padding: 0;
}

.container {
  position: relative;
  width: 100vw;
  height: 100%;
}

.hide {
  display: none;
}

img {
  /* zoom:0.9 */
}
/* body,span,p {
  font-family: Microsoft YaHei,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
} */

.title-img {
  width: 95%;
}
.title-img-1{
  margin-top: 30px;
  width: 814px;
  height: 127px;
  zoom: 0.85;
}
.title-img-5{
  width: 85%;
}
.section-container {
  position: relative;
  z-index: 1;
  width: 1080px;
  min-width: 1080px;
  text-align: center;
}

/* section1 */
.section1 {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('../images/头图20230112.jpg');
  /* background-position: center; */
  background-size: cover;
  background-repeat: no-repeat;
}

.section1::after {
  position: absolute;
  content: '';
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/背景-01.png');
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

.game-logo {
  position: relative;
  top: 27px;
  left: 61px;
}

.game-player {
  position: absolute;
  z-index: 1;
  top: 239px;
  left: 469px;
  cursor: pointer;
}

.game-user {
  position: absolute;
  z-index: 1;
  right: 368px;
  top: 44px;
  width: 214px;
  height: 36px;
  color: #FFF600;
  font-size: 18px;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  background-color: rgba(31, 57, 73, 0.5);
  border-radius: 18px;
  /* opacity: 0.5; */
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.game-user-phone {
  color: #ffffff;
}

.game-user .game-logout {
  cursor: pointer;
}

/* 分享 */
.game-share {
  position: absolute;
  z-index: 1;
  right: 80px;
  top: 43px;
  width: 280px;
  height: 36px;
  background-image: url('../images/分享底框.png');
  color: white;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  display: flex;
  justify-content: center;
}

.share-btn {
  margin: 0 5px 1px 5px;
  cursor: pointer;
}

.weixin-pop {
  position: absolute;
  top: 40px;
  left: 58px;
  width: 120px;
  height: 150px;
  display: none;
}

.douyin-pop {
  position: absolute;
  top: 40px;
  left: 90px;
  width: 120px;
  height: 150px;
  display: none;
}

.qq-pop {
  position: absolute;
  top: 40px;
  left: 125px;
  width: 120px;
  height: 150px;
  display: none;
}

.tieba-pop {
  position: absolute;
  top: 40px;
  left: 158px;
  width: 120px;
  height: 150px;
  display: none;
}

/* 预约 */
.game-appointment {
  position: absolute;
  z-index: 1;
  top: 651px;
  left: 50%;
  transform: translateX(-300px);
  -webkit-transform: translateX(-300px);
  -o-transform: translateX(-300px);
  -moz-transform: translateX(-300px);
  width: 600px;
  text-align: center;
}

.game-appointment .appointment-btn {
  width: 95%;
  height: 95%;
}

.game-appointment::after {
  position: absolute;
  content: '';
  z-index: -1;
  top: 0px;
  left: 178px;
  width: 250px;
  height: 250px;
  background-image: url('../images/鱼-转圈.png');
  background-position: center;
  background-repeat: no-repeat;
  animation: circle0 5s linear infinite;
}

@keyframes circle0 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.game-appointment img {
  cursor: pointer;
}

.game-sidebar {
  position: fixed;
  z-index: 99;
  top: 230px;
  right: 35px;
  width: 244px;
}

.game-sidebar .top-img {
  transform: translate(-30px,25px);
  width: 277px;
  height: 257px;
  /* width: 95%;
  height: 95%; */
}

.topimg-btn {
  position: absolute;
  top: 180px;
  left: 0;
  right: 0;
  margin: auto;
  width: 40%;
  height: 40px;
  /* background: red; */
  cursor: pointer;
}

.game-sidebar .sidebar-btm {
  position: relative;
  margin-top: -110px;
  margin-left: 60px;
  width: 114px;
  height: 384px;
  z-index: -1;
  background-image: url('../images/导航栏-展开底框.png');
  background-size: 100%;
  background-repeat: no-repeat;
  text-align: center;
}


.game-sidebar .sidebar-btm-shrink {
  position: absolute;
  margin-top: -110px;
  margin-left: 60px;
  width: 114px;
  height: 384px;
  z-index: -1;
  background-image: url('../images/侧栏-收起底框.png');
  background-size: 100%;
  background-repeat: no-repeat;
  text-align: center;
}

.game-sidebar .sidebar-box {
  position: relative;
  top: 112px;
}

.game-sidebar .sidebar-nav {
  position: relative;
  font-size: 18px;
  font-family: SourceHanSerifCN-SemiBold;
  font-weight: 600;
  color: #006981;
  padding: 14px 0 0 0;
  cursor: pointer;
}

.game-sidebar .nav-active img {
  position: absolute;
  top: 9px;
  left: -22px;
  z-index: -1;
}

.game-sidebar .nav-notactive img {
  display: none;
}

.game-sidebar .sidebar-fade {
  padding-top: 11px;
  cursor: pointer;
}

.game-sidebar .sidebar-fade-shrink {
  padding-top: 11px;
  cursor: pointer;
}

.cadpa {
  width: 82px;
  height: 106px;
  position: absolute;
  background-image: url('../images/cadpa.png');
  right: 80px;
  top: 130px;
  z-index: 100;
}

/* section2 */
.section2 {
  width: 100%;
  height: 100%;
  background-image: url('../images/背景-02.png');
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}

.gift-tab {
  position: absolute;
  bottom: 156px;
  right: 0;
  left: 0;
}

.gift-tab img {
  margin: 0 55px;
  cursor: pointer;
  width: 72px;
}

.gift-tab-3 {
  position: relative;
  top: 41px;
}

.gift-rule {
  position: absolute;
  right: -30px;
  bottom: 320px;
  cursor: pointer;
  width: 35px;
}

.gift-tip {
  position: absolute;
  top: 388px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 27px;
  font-family: SourceHanSerifCN-Regular;
  color: #0C848F;
  /* width: 693px;
  height: 32px;
  background: url('../images/info.png') no-repeat;
  background-size: 100%; */
}

.gift-tip1 {
  position: absolute;
  top: 488px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 27px;
  font-family: SourceHanSerifCN-Regular;
  color: #0C848F;
}

.gift-tip2 {
  position: absolute;
  top: 260px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 27px;
  font-family: SourceHanSerifCN-Regular;
  color: #0C848F;
}

.gift-tip-spec {
  margin-top: 10px;
  font-size: 16px;
  font-family: SourceHanSerifCN-Regular;
  color: #0C848F;
}

.part-1 img {
  width: 186px;
  height: 166px;
}

.part-2 {
  position: absolute;
  top: 128px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.part-2-appoment {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 876px;
  height: 411px;
}

.welfare-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.welfare-item {
  position: relative;
  width: 173px;
  height: 389px;
}

.successinfo.active {
  position: absolute;
  top: 69px;
  right: 95px;
  width: 106px;
  height: 53px;
  background: url('../images/success.png') no-repeat;
  background-size: cover;
  display: block;
}

.welfare-item1 {
  transform: translateY(21px);
  background: url('../images/1-1.png') no-repeat;
  background-size: cover;
}

.welfare-item2 {
  background: url('../images/2-2.png') no-repeat;
  background-size: cover;
}

.welfare-item3 {
  background: url('../images/3-3.png') no-repeat;
  background-size: cover;
}

.welfare-item4 {
  transform: translateY(21px);
  background: url('../images/4-4.png') no-repeat;
  background-size: cover;
}

.welfare-item1.active {
  transform: translateY(21px);
  background: url('../images/1.png') no-repeat;
  background-size: cover;
}

.welfare-item2.active {
  background: url('../images/2.png') no-repeat;
  background-size: cover;
}

.welfare-item3.active {
  background: url('../images/3.png') no-repeat;
  background-size: cover;
}

.welfare-item4.active {
  transform: translateY(21px);
  background: url('../images/4.png') no-repeat;
  background-size: cover;
}

/* .part-2-appoment img {
  padding-right: 62px;
} */

/* .part-2-player {
  position: relative;
  left: 70px;
  display: flex;
  justify-content: center;
}

.part-2-player span {
  display: block;
} */

/* .player-box {
  padding-right: 140px;
}

.player-tip {
  font-family: SourceHanSerifCN-Regular;
  font-size: 16px;
  color: #B79968;
}

.player-num {
  display: inline-block;
  width: 87px;
  height: 30px;
  font-family: MicrosoftYaHeiUI-Bold;
  font-size: 19px;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: 14.5px;
  background-color: #B79868;
  margin-top: 10px;
} */
.part-3{
  position: absolute;
  top: 180px;
}
.part-3 img {
  padding-right: 5px;
  width: 150px;
}

.part-4 {
  position: relative;
}

.part4-content {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  margin: auto;
  width: 809px;
  height: 264px;
  display: flex;
  justify-content: space-between;
}

.part4-info {
  position: absolute;
  left: 0;
  right: 0;
  top: 328px;
  margin: auto;
  width: 626px;
  height: 74px;
  /* background: url('../images/wen.png') no-repeat; */
  background-size: 100%;
  font-size: 27px;
  font-family: SourceHanSerifCN-Regular;
  color: #0C848F;
}

.part4-item {
  width: 176px;
  height: 264px;
}

.part4-item1 {
  background: url('../images/1.png') no-repeat;
  background-size: cover;
}

.part4-item2 {
  background: url('../images/2.png') no-repeat;
  background-size: cover;
}

.part4-item3 {
  background: url('../images/3.png') no-repeat;
  background-size: cover;
}

.part4-item4 {
  background: url('../images/4.png') no-repeat;
  background-size: cover;
}

.part-5 {
  position: relative;
}

.part-4-roulette {
  height: 286px;
  background-image: url('../images/抽奖轮播.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;

}

.part-4-lottery {
  position: relative;
  top: 99px;
  cursor: pointer;
  width: 235px;
}

.part-4-myprise {
  position: absolute;
  margin: 10px 0 0 280px;
  cursor: pointer;
  width: 34px;
}


/* section3*/
.section3 {
  width: 100%;
  height: 100%;
  background-image: url('../images/背景-03.png');
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}

.section3-container {
  width: 1080px;
  min-width: 1080px;
  text-align: center;
}

.invitation-card img {
  padding: 0 30px;
  width: 300px;
}

.invitation-tip-spec {
  margin-top: 10px;
  font-size: 16px;
  font-family: SourceHanSerifCN-Regular;
  font-weight: Regular;
  color: #0C848F;
}

.invitation-num {
  display: inline-block;
  font-size: 40px;
  font-family: SourceHanSerifCN-Bold;
  color: #EF9934;
}

.invitation-tip {
  margin-top: 10px;
  font-size: 27px;
  font-weight: bold;
  font-family: SourceHanSerifCN-Regular;
  color: #0C848F;
}

.invitation-firend {
  margin-top: 30px;
  cursor: pointer;
  width: 360px;
}



/**
*section4
*/
.section4 {
  width: 100%;
  height: 100%;
  background-image: url('../images/背景-04.png');
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}

.sectioin4-container {
  width: 1080px;
  min-width: 1080px;
  text-align: center;
}

.sect-container {
  display: flex;
  justify-content: center;
  position: relative;
  left: 0;
  top: -280px;
}


.sect-role {
  position: absolute;
  left: 236px;
  top: 337px;
  width: 746px;
  height: 673px;
  /* background: url('../images/角色介绍-底板.png'); */
  background-size: cover;

}

.sect-role-drawing {
  position: relative;
  z-index: 0;
  top: 0;
  left: 0px;
  width: 1920px;
  /* height: 802px; */
}

.sect-role-skills {
  position: relative;
  display: flex;
  justify-content: center;
}

.sect-role-details {
  position: absolute;
  z-index: 1;
  right: -30px;
  top: 0;
}

.role-skills-show {
  width: 120px;

}

.sect-role-sword {
  margin-top: 50px;
  width: 250px;
}

.sect-btm {
  position: absolute;
  z-index: 1;
  bottom: 0px;
  height: 165px;
  text-align: center;
  width: 100%;
}

.sect-bg {
  width: 900px;
}

.sect-icon {
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.sect-name {
  box-sizing: border-box;
  padding: 0 156px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  height: 17px;
  z-index: 1;
  top: 111px;
  right: 0;
  bottom: 0;
  left: 0;
}

.sect-icon img {
  margin: 20px;
  width: 60px;
  height: 60px;
}

/**
*section5
*/

.section5 {
  width: 100%;
  height: 100%;
  background-image: url('../images/背景-05.png');
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}

.section-container-5 {
  position: relative;
  z-index: 1;
  width: 1200px;
  min-width: 1200px;
  text-align: center;
}

.swiper-container {
  height: 500px !important;
  width: 1080px !important;
  display: block;
}

.swiper-slide-img {
  width: 756px !important;
  height: 425px !important;
  /* width: 95% !important;
    height: 95% !important; */
}

.swiper-slide-img1 {
  background: url('../images/1-未选中.png') no-repeat;
  background-size: cover;
}

.swiper-slide-img2 {
  background: url('../images/2-未选中.png') no-repeat;
  background-size: cover;
}

.swiper-slide-img3 {
  background: url('../images/3-未选中.png') no-repeat;
  background-size: cover;
}

.swiper-slide-img4 {
  background: url('../images/4-未选中.png') no-repeat;
  background-size: cover;
}

.swiper-slide-img5 {
  background: url('../images/5-未选中.png') no-repeat;
  background-size: cover;
}

.swiper-wrapper .swiper-slide-active .swiper-slide-img1 {
  background: url('../images/1-当前选中.png') no-repeat;
  background-size: cover;
}

.swiper-wrapper .swiper-slide-active .swiper-slide-img2 {
  background: url('../images/2-当前选中.png') no-repeat;
  background-size: cover;
}

.swiper-wrapper .swiper-slide-active .swiper-slide-img3 {
  background: url('../images/3-当前选中.png') no-repeat;
  background-size: cover;
}

.swiper-wrapper .swiper-slide-active .swiper-slide-img4 {
  background: url('../images/4-当前选中.png') no-repeat;
  background-size: cover;
}

.swiper-wrapper .swiper-slide-active .swiper-slide-img5 {
  background: url('../images/5-当前选中.png') no-repeat;
  background-size: cover;
}

.swiper-slide {
  width: 800px !important;
  height: 408px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  width: 840px;
  height: 472px;
}



.swiper-pagination {
  position: relative;
  z-index: 1;
  top: 680px;
  height: 80px;
}

.swiper-pagination-img {
  padding: 0px 25px;
  width: 80px;
}

.swiper-button-prev {
  position: relative !important;
  z-index: 1 !important;
  left: 3px !important;
  top: -280px !important;
  background-image: none !important;
  height: 124px !important;
  width: 44px !important;
  background-size: cover !important;
}

.swiper-button-next {
  position: relative !important;
  z-index: 1 !important;
  right: -1150px !important;
  top: -383px !important;
  background-image: none !important;
  height: 124px !important;
  width: 44px !important;
  background-size: cover !important;
}

.section6 {
  width: 100%;
  height: 300px;
}

/* 弹窗 */
.mask {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}

.video-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 1000px;
  height: 500px;
  text-align: center;
}

.video-container video {
  width: 100%;
  height: 100%;
}

.poster-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 400px;
  height: 500px;
  text-align: center;
}

.pop-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 600px;
  height: 500px;
  text-align: center;
}

.pop-container .title {
  font-size: 32px;
  font-family: Source Han Serif CN;
  font-weight: bold;
  color: #8DCDD5;
  background: linear-gradient(180deg, #217890 0%, #54C0C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pop-close-icon {
  position: absolute;
  top: -40px;
  right: -50px;
  cursor: pointer;
}

/* 退出登陆框 */
.sys-logout {
  background-image: url('../images/账号注销-底图.png');
  background-repeat: no-repeat;
  padding: 30px 0 0 90px;
}

.sys-logout .sys-logout-tip {
  font-size: 24px;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  color: #0C848F;
  line-height: 58px;
  margin-top: 30px;
}

.sys-logout .sys-handle {
  margin-top: 25px;
}

.sys-logout .sys-handle-btn {
  cursor: pointer;
  margin-right: 20px;
}

/* 预约弹窗*/
.appointment-pop {
  background: url('../images/预约仙凡-底图.png') no-repeat;
  padding: 20px 80px 0px 150px;
}

.appointment-form .item-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 25px;
}

.item-select {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 10px;
  font-size: 18px;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  color: #2C889C;
  padding: 0 90px;
}

.item-select .checked-box {
  display: flex;
  align-items: center;
  vertical-align: middle;
  cursor: pointer;
}

.checked-box img {
  width: 12px;
  height: 12px;
  margin-right: 6px;
}

.item-submit {
  position: relative;
  top: 100px;
}

.appointment-form .is-require {
  width: 20px;
  font-size: 22px;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  color: #FF0000;
  margin-top: 5px;
}

.appointment-form input {
  border: 2px solid #9DCDD2;
  border-radius: 8px;
  font-size: 18px;
  color: #217890;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
}

.appointment-form input::placeholder {
  color: #217890;
}

.appointment-form .tel-input {
  width: 342px;
  height: 47px;
}

.appointment-form .code-input {
  width: 200px;
  height: 47px;
}

.appointment-form .btn-code,
.appointment-form .btn-code-active {
  background: #ffa264;
  border: transparent;
  border-radius: 4px;
  width: 122px;
  height: 47px;
  color: #a11600;
  font-size: 18px;
  font-weight: 600;
  line-height: 47px;
  margin-left: 20px;
  cursor: pointer;
  zoom: 1;
}

.appointment-form .qq-input {
  width: 342px;
  height: 47px;
}

.phoneLogin {
  cursor: pointer;
}

/* 收货地址 */
.ads-pop {
  background-image: url('../images/收货地址-底图.png');
  background-repeat: no-repeat;
  padding: 20px 40px 0px 110px;
}

.ads-pop .ads-tip {
  font-size: 18px;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  color: #0C848F;
}

.ads-pop .item-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.ads-pop .is-require {
  width: 20px;
  font-size: 22px;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  color: #FF0000;
  margin-top: 5px;
}

.ads-pop input {
  border: 2px solid #9DCDD2;
  border-radius: 8px;
  font-size: 18px;
  color: #217890;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
}

.ads-pop input::placeholder {
  color: #217890;
}

.ads-pop .asd-input {
  width: 342px;
  height: 47px;
}

.ads-pop .item-box-spec {
  display: flex;
  align-items: center;
  padding: 0 44px 0 44px;
  margin-top: 10px;
}

.ads-pop .spec-select {
  padding-right: 20px;
}

.ads-pop .spec-select:last-child {
  padding: 0;
}

.select2-dropdown--below::-webkit-scrollbar {
  width: 10px !important;
  background: rgb(231, 250, 250);
}

.select2-dropdown--below::-webkit-scrollbar-thumb {
  width: 10px;
  border-radius: 5px;
  background-color: #5DA0A5;
}

/* select2 */
.select2 {
  display: inline-block;
  width: 100px !important;
  height: 47px !important;
  line-height: 47px !important;
  border: 1px solid #e0e0e0 !important;
  border: none !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none;
  outline: 0;
}

.position .select2 {
  width: 183px !important;
  float: left !important;
  margin-right: 4px !important;
}

.select2-container .select2-selection--single {
  height: 47px !important;
  line-height: 47px !important;
  background-color: #ffffff !important;
  border: 2px solid #9DCDD2 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 47px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 47px !important;
  height: 100% !important;
  padding-left: 20px !important;
  font-size: 18px !important;
  color: #217890 !important;
}

.select2-results__option {
  /* height: 24px; */
  font-size: 14px;
  line-height: 24px;
  color: #666;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 36px;
  border: 1px solid #9dcdfe;
  color: #9DCDD2;
}

.select2-dropdown {
  border: 1px solid #e0e0e0 !important;
}

.ads-pop .ads-save {
  margin-top: 80px;
  cursor: pointer;
}

/* 预约成功 */
.appointment-suc {
  background-image: url('../images/预约成功-底图.png');
  background-repeat: no-repeat;
  padding: 10px 0px 0px 35px;
}

.appointment-suc-ctx {
  color: #0C848F;
  font-size: 18px;
  font-family: MicrosoftYaHeiUI;
  font-weight: Regular;
  margin-top: 40px;
}

.appointment-suc-ctx span {
  color: #AD651C;
}

.appointment-suc-goto {
  position: relative;
  top: 20px;
  cursor: pointer;
}

/* 奖品弹窗 */
.lottery-prize {
  background-image: url('../images/抽奖获得-底图.png');
  background-repeat: no-repeat;
  padding: 30px 0 0 50px;
}

.lottery-prize .prize-img {
  margin-top: 10px;
}

.lottery-prize .handle-btn {
  margin-top: 55px;
}

.lottery-prize .handle-back {
  margin-right: 10px;
  cursor: pointer;
}

.lottery-prize .handle-go {
  cursor: pointer;
}

/* 奖品记录弹窗 */
.lottery-record {
  background-image: url('../images/我的奖品-底图.png');
  background-repeat: no-repeat;
  padding: 20px 20px 0 110px;
}

.lottery-record .reocrd-tip {
  color: #0C848F;
  font-size: 16px;
  font-family: Microsoft YaHei UI;
}

.lottery-record .reocrd-tip span {
  color: #AD651C;
  text-decoration: underline;
  cursor: pointer;
}

.lottery-record .record-table {
  width: 450px;
  height: 170px;
  background: #5DA0A5;
  border: 1px solid #a6e4e4;
  border-radius: 10px;
  background-color: rgb(231, 250, 250);
  padding: 0;
  margin-top: 10px;
  outline: transparent;
  overflow: hidden;
}

.record-table .table-row {
  display: flex;
  justify-content: space-around;
  width: 100%;
  border-bottom: 1px solid #88BCC0;
}

.record-table .table-head {
  font-size: 18px;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  color: #FFFFFF;
  background-color: #5DA0A5;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.table-head span {
  border-right: 1px solid #FFFFFF;
}

.table-head span:last-child {
  border-right: transparent;
}

.record-table .table-body {
  height: calc(170px - 41px);
  overflow: auto;
}

.record-table .table-cell {
  display: inline-block;
  width: 150px;
  height: 41px;
  text-align: center;
  line-height: 41px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

.record-table .cell-spec {
  font-size: 18px;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  color: #237B92;
}

.record-table .prize-receive {
  color: #AD651C;
  cursor: pointer;
}

.table-body::-webkit-scrollbar {
  width: 10px !important;
  background: rgb(231, 250, 250);
}

.table-body::-webkit-scrollbar-thumb {
  width: 10px;
  border-radius: 5px;
  background-color: #5DA0A5;
}

/* 邀请规则弹窗 */
.invite-rule {
  background-image: url('../images/邀请活动-底图.png');
  background-repeat: no-repeat;
  padding: 20px 20px 0 90px;
  text-align: center;
}

.invite-rule .invite-rule-ctx {
  font-family: MicrosoftYaHeiUI;
  font-size: 16px;
  color: #0C848F;
  text-align: left;
  text-indent: -16px;
  margin-left: 16px;
  line-height: 31px;
}

.invite-rule .invite-spec {
  color: #AD651C;
}

.invite-rule .invite-poster-btn {
  margin-top: 90px;
  cursor: pointer;
}

.bottom-info {
  position: absolute;
  left: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 394px;
  height: 34px;
  background-image: linear-gradient(to right, transparent, #4B8C99, transparent);
  font-family: MicrosoftYaHeiUI;
  font-weight: 400;
  color: #FFFFFF;
  /* font-size: 18px; */
  opacity: 0.8;
}

/* 活动规则弹窗 */
.activity-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 600px;
  height: 700px;
  text-align: center;
}

.activity-container .title {
  font-size: 32px;
  font-family: Source Han Serif CN;
  font-weight: bold;
  color: #8DCDD5;
  background: linear-gradient(180deg, #217890 0%, #54C0C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.activity-rule {
  background-image: url('../images/活动规则底图.png');
  background-repeat: no-repeat;
  padding: 20px 10px 0 80px;
}

.activity-rule .activity-rule-ctx {
  text-align: left;
  color: #0C848F;
  font-size: 14px;
  font-family: MicrosoftYaHeiUI;
  /* font-weight: Bold; */
  line-height: 31px;
  width: 100%;
  height: 435px;
  overflow: scroll;
}
.activity-rule .activity-rule-ctx span{
  font-weight: Bold;
}
.activity-rule-ctx::-webkit-scrollbar {
  width: 10px !important;
  /* background: rgb(231, 250, 250); */
}

.activity-rule-ctx::-webkit-scrollbar-thumb {
  width: 10px;
  border-radius: 5px;
  background-color: #5DA0A5;
}

/* 修改输入框内容 */
input {
  text-indent: 7px
}

/* 抽奖容器 */
.treasure-box {
  box-sizing: border-box;
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 730px;
  height: 286px;
  border-radius: 10px;
  /* background: red; */
}

.lottery-unit,
.center-btn {
  padding-top: 10px;
  width: 233px;
  height: 87px;
  position: relative;

}

.count-cbox {
  z-index: 9;
  position: absolute;
  left: 0;
  right: 0;
  top: 52px;
  font-family: SourceHanSerifCN-Bold;
  font-size: 14px;
  color: #865729;

}

.lottery-unit.active {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

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

@font-face {
  font-family: 'MicrosoftYaHeiUILight';
  src: url('../fonts/microsoftyaheiuilight.ttf');
}

@font-face {
  font-family: 'SourceHanSerifCN-Regular';
  src: url('../font/SourceHanSerifCN-Regular.otf');
}

@font-face {
  font-family: 'SourceHanSerifCN-Bold';
  src: url('../font/SourceHanSerifCN-Bold.otf');
}

@font-face {
  font-family: 'SourceHanSerifCN-SemiBold';
  src: url('../font/SourceHanSerifCN-SemiBold.otf');
} */

.link {
  margin-top: 13px;
  margin-left: 5px;
  width: 472px;
  height: 36px;
  display: flex;
  justify-content: space-between;
  /* background: red; */
}

.link a {
  width: 122px;
  height: 36px;
  margin-right: 8px;
  cursor: pointer;
  /* background: red; */
}

.link span {
  box-sizing: border-box;
  margin: 0 10px;
  flex: 1;
  /* background: blue; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0C848F;
}


/* 底部信息栏 */
.show-footer {
  position: fixed;
  bottom: 60px;
  right: 30px;
  width: 170px;
  height: 20px;
  z-index: 12;
  text-align: left;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  background: url("../images/footer-up.png") no-repeat center;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  display: none;
}

.show-footer.show {
  background: url("../images/footer-down.png") no-repeat center;
}

.footer {
  position: fixed;
  bottom: -140px;
  left: 0;
  height: 140px;
  width: 100%;
  z-index: 10;
  background: #1d393a;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5 ease;
}

.footer.show {
  bottom: 0;
}

.footer .sy-info {
  width: 1000px;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 13px;
  color: #b7b7b7;
}

.footer .sy-info img {
  width: 174px;
  float: left;
  margin: 35px 60px;
}

.footer .sy-info .txt {
  float: right;
  width: 660px;
}

.footer .sy-info .txt img {
  width: 20px;
  height: 20px;
  margin: 0;
  float: initial;
  vertical-align: bottom;
}

.footer .sy-info .txt p {
  padding: 2px 0;
}

.footer div p a {
  font-size: 13px;
  color: #b7b7b7;
}

.footer div p:nth-of-type(2) a {
  color: #ffffff;
}
/* 下载盒子 */
.download-wrap{
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 142px 0 60px;
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: auto;
  width: 654px;
  height: 232px;
  background: url('../images/base.png') no-repeat;
  background-size: 100%;
  z-index: 99;
  zoom: 0.9;
}
.down-title{
  width: 25px;
  height: 151px;
  background: url('../images/扫码立即下载.png') no-repeat;
  background-size: cover;
  margin-right: 11px;
}
.download-box{
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.down1{
  width: 172px;
  height: 171px;
  background: url('../images/二维码1.png') no-repeat;
  background-size: cover;
}
.download-item-center{
  width: 203px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.down-item{
  width: 205px;
  height: 80px;
  cursor: pointer;
}
.down-item1{
  background: url('../images/安卓.png') no-repeat;
  background-size: cover;

}
.down-item2 {
  background: url('../images/苹果.png') no-repeat;
  background-size: cover;
}
.down3{
  width: 180px;
  cursor: pointer;
  background: url('../images/模拟器.png') no-repeat;
  background-size: cover;
}
.sect3-title{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 679px;
  height: 211px;
  background: url('../images/title.png') no-repeat;
  background-size: 100%;
  zoom: 0.75;
}
.sect3-content{
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  margin: auto;
}
.select-wrap{
  position: absolute;
  left: 0;
  right: 0;
  top: 200px;
  margin: auto;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 33px;
  color: #53bfc7;
}
.select-line{
  /* font-weight: bold; */
  zoom: 1.8;
  transform: translateY(-3px);
}
.select-item{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 107px;
  height: 33px;
  cursor: pointer;
  margin-left: 16px;
  margin-right: 16px;
}

.swiper-container3{
  position: absolute;
  left: -120px;
  top: 298px;
  /* margin-top: 298px; */
  width: 651px !important;
  height: 360px !important;
  /* background: rebeccapurple; */
  overflow: hidden;
}
.swiper-container3 .swiper-wrapper .swiper-slide{
    width: 651px !important;
    height: 360px !important;
    cursor: pointer;
    /* background: rgb(70, 34, 34); */
}
/* .swiper-slide-new .swiper-wrapper{
  width: 100%;
  height: 100%;
} */
.swiper-slide-new {
  width: 651px !important;
  height: 360px !important;
}

.swiper-slide-new1 {
  background: url('../images/1-当前选中.png') no-repeat;
  background-size: cover;
}
.swiper-slide-new2 {
  background: url('../images/2-当前选中.png') no-repeat;
  background-size: cover;
}
.swiper-slide-new3 {
  background: url('../images/3-当前选中.png') no-repeat;
  background-size: cover;
}
.swiper-slide-new4 {
  background: url('../images/4-当前选中.png') no-repeat;
  background-size: cover;
}
.swiper-slide-new5 {
  background: url('../images/5-当前选中.png') no-repeat;
  background-size: cover;
}
.swiper-pagination-new {
  z-index: 99;
  position: absolute;
  top: 630px;
  transform: translateX(-75px);
}
.swiper-pagination-item {
  width: 16px;
  display: inline-block;
  margin-right: 12px;
}
.new-wrap{
  position: absolute;
  right:  -120px;
  top: 298px;
  /* margin-top: 298px; */
  width: 651px !important;
  height: 365px !important;
  /* background: rebeccapurple; */
  overflow: hidden;
  /* background: red; */
}
.new-content{
  width: 633px;
  height: 291px;
  /* background: red; */
}
.new-title{
  box-sizing: border-box;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 633px;
  height: 44px;
  font-family: SimSun;
  font-size: 20px;
  font-weight: bold;
  background: url('../images/标题底图.png') no-repeat;
  background-size: 100%;
  color: #ffffff;

}
.new-text{
  width: 601px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-box{
  width: 633px;
  height: 265px;
  /* background: bisque; */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  padding-left: 8px;
  display: none;
}
.new-box.active{
  display: flex;
}
.new-item-title{
  width: 71px;
  height: 27px;
  background: url('../images/资讯底图-1.png') no-repeat;
  background-size: cover;
}
.new-box-item{
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-bottom:1px solid #7dd3db ;
  padding: 16px 0;
  cursor: pointer;
}
.new-box-item-istop{
  margin-left: -10px;
  width: 638px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 16px;
  height: 44px;
  border-bottom: none;
  background: url('../images/标题底图.png') no-repeat;
  background-size: 100% 100%;
}
.new-item-istop {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
}
.new-item-title{
  font-family: SimSun;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  margin-right: 13px;
}
.new-item-info{
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: SimSun;
  font-size: 20px;
  color: #0f8791;
}
.new-item-time{
  margin-left: 42px;
  width: 92px;
  height: 11px;
  line-height: 11px;
  font-family: '宋体';
  font-size: 16px;
  color: #7dd3db;
}
.new-more{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 627px;
  height: 35px;
  margin-top: 23px;
  /* background: red; */
  margin-left: 8px;
  position: absolute;
  bottom: 0;
  right: 20px;
}
.more-btn{
  width: 107px;
  height: 32px;
  background: url('../images/more-正常.png') no-repeat;
  background-size: cover;
  cursor: pointer;
}
.more-btn:hover {
  background: url('../images/more-选中.png') no-repeat;
  background-size: cover;
}
.control-box{
  display: flex;
  justify-content: space-between;
  width: 91px;
  height: 35px;
}
.control-prev{
  width: 34px;
  height: 35px;
  background: url('../images/left-正常.png') no-repeat;
  background-size: cover;
  cursor: pointer;
}
.control-next {
  width: 34px;
  height: 35px;
  background: url('../images/right-正常.png') no-repeat;
  background-size: cover;
  cursor: pointer;
}
.control-prev:hover {
  background: url('../images/left-选中.png') no-repeat;
}

.control-next:hover {
  background: url('../images/right-选中.png') no-repeat;
}
.newdetail-wrap{
  width: 100%;
  min-height: 970px;
  position: relative;

}
.newdetail-header{
  width: 100%;
  height: 300px;
  background: url('../images/头图.png') no-repeat;
  background-size: cover;
}
.header-bg{
  z-index: 99;
  width: 100%;
  height: 220px;
  background: url('../images/头部底纹.png') no-repeat;
  background-size: cover;
}
.bottom-bg{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 304px;
  background: url('../images/底部背景.png') no-repeat;
  background-size: cover;
}
.header-info{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 336px;
  width: 1577px;
  height: 115px;
  background: url('../images/title.png') no-repeat;
  background-size: 100%;
}
.return-main{
  position: absolute;
  right: 149px;
  bottom: 5px;
  width: 153px;
  height: 31px;
  background: url('../images/返回官网.png') no-repeat;
  background-size: cover;
  cursor: pointer;
}
.newdetail-box{
  transform: translateY(-50px);
  box-sizing: border-box;
  padding-bottom: 250px;
  margin: 0 auto;
  min-width: 900px;
  max-width: 1100px;
  font-family: SimSun;
}
.article-title{
  width: 100%;
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #0c848f;
}
.from-time {
  color: #0c848f;
}
.source-info{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 30px;
  font-size: 26px;
}
.content-newdetail{
  position: relative;
  width: 100%;
  margin-top: 79px;
  font-family: Microsoft YaHei,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
}
.content-newdetail img {
  max-width: 100%;
}
.content-newdetail p {
  width: 100%;
  white-space: wrap;
  white-space: pre-wrap !important;
}
.content-newdetail p span{
  display: inline-block;
  white-space: pre-wrap !important;
}
.about-me{
  width: 1238px;
  height: 579px;
}
.about-bg{
  width: 1165px;
  height: 579px;
  background: url('../images/弹窗.png') no-repeat;
  background-size: cover;
}
.about-close{
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 57px;
  background: url('../images/弹窗-正常.png') no-repeat;
  background-size: cover;
  cursor: pointer;
}
.about-close:hover {
  background: url('../images/弹窗-hover.png') no-repeat;
  background-size: cover;
}

.pop-main {
  display: none;
  position: fixed;
  top: 0;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.pop-main .popup-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
}

.pop-main .content {
  position: relative;
  padding: 80px 50px 0 90px;
  width: 617px;
  height: 594px;
  background-image: url('../images/cadpa_popup_bg.png');
}

.pop-main .content .close {
  position: absolute;
  top: 0;
  right: -80px;
  width: 41px;
  height: 54px;
  background-image: url('../images/popup_close.png');
}

.pop-main .content .close:hover {
  background-image: url('../images/popup_close_hl.png');
}