* {
  -webkit-text-size-adjust: none;
  padding: 0;
  margin: 0;
  outline: none; /* -webkit-touch-callout:default; */
}
html {
  width: 100%;
  font-size: 16px;
  line-height: 1.6;
  -webkit-text-size-adjust: none;
  font-family: 'hyqh-60';
}
body,
h1,
h2,
h3,
ul,
li,
p {
  font-size: 0.24rem;
  font-weight: normal;
}
div,
a {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: none;
  text-decoration: none;
}
img {
  vertical-align: top;
  width: 100%;
}
ul,
li {
  list-style: none;
}
input,
textarea {
  font-size: 100%;
  user-select: auto;
  -webkit-user-select: auto;
  -webkit-touch-callout: default;
}
a,
select,
div,
ul,
li {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-user-select: none;
}
div#afooter {
  font-size: 0.2rem;
  line-height: 0.4rem;
  color: #5a5a5a;
  text-align: center;
  padding: 0.2rem 0 0.8rem;
  background-color: #181716;
  height: 1.8rem;
  box-sizing: border-box;
}
div#afooter a {
  color: #5a5a5a;
}
div#afooter p {
  font-size: 0.2rem;
  line-height: 0.4rem;
}

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

/* 横屏时候提示竖屏看 */
@media (min-width: 5.68rem) and (orientation: landscape) {
  /* @media screen and (orientation:portrait) */
  /* @media screen and (min-aspect-ratio: 12/7) */
  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: 9999;
  }
  html::after {
    content: "\4e3a\4e86\66f4\597d\7684\4f53\9a8c\ff0c\8bf7\5c06\624b\673a/\5e73\677f\7ad6\8fc7\6765";
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    width: 100%;
    margin-top: 40px;
    z-index: 9999;
    text-align: center;
    font-size: 16px;
    color: #fff;
  }
  body::before {
    content: "";
    position: absolute;
    z-index: 9999;
    height: 200px;
    width: 100px;
    left: 50%;
    top: 45%;
    margin: -130px 0 0 -50px;
    color: #fff;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    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;
  }
}

html,
body,
.wraper,
.main-swiper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


@font-face {
  font-family: 'dinn';
  src: url(https://game.gtimg.cn/images/osgame/cp/appointment/DINNEXTLTPRO-LIGHT.TTF);
}

@font-face {
  font-family: 'dia_Title';
  src: url(https://game.gtimg.cn/images/osgame/cp/appointment/dia_Title.otf);
}
@font-face {
  font-family: 'dinn-med';
  src: url(https://game.gtimg.cn/images/osgame/cp/appointment/DINNEXTLTPRO-MEDIUM.TTF);
}
@font-face {
  font-family: 'hyqh-60';
  src: url(https://dldir1.qq.com/yxgw/osgame/HYQIHEI-60S.OTF);  
}
@font-face {
  font-family: 'hyqh-65';
  src: url(https://dldir1.qq.com/yxgw/osgame/HYQIHEI-65S_0.OTF);  
}
@font-face {
  font-family: 'hyqh-70';
  src: url(https://dldir1.qq.com/yxgw/osgame/HYQIHEI-70S.OTF);  
}
@font-face {
  font-family: 'hyqh-80';
  src: url(https://dldir1.qq.com/yxgw/osgame/HYQIHEI-80S.OTF);  
}
@font-face {
  font-family: 'zzyt_Title';  
  src: url(https://game.gtimg.cn/images/osgame/cp/appointment/zzyt_Title.otf);
}
.footer-slide {
  height: auto;
}

.slide1 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv.jpg)
    no-repeat center/cover;
}
.slide4{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/bg4.jpg) no-repeat center/cover;
}

.nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 0.85rem;
  background: linear-gradient(
    -180deg,
    rgba(24, 26, 38, 0.4) 0%,
    rgba(24, 26, 38, 0) 100%
  );
  font-family: 'hyqh-60';
}
.btn-slide {
  width: 0.58rem;
  height: 0.4rem;
  background-position: 0 -1.11rem;
  position: absolute;
  right: 0.2rem;
  top: 0.27rem;
  z-index: 10;
}
.btn-book {
  width: 1.81rem;
  height: 0.66rem;
  background-position: -1.9rem -1.1rem;
  position: absolute;
  left: 4.41rem;
  top: 0.25rem;
  text-indent: -200%;
  overflow: hidden;
}
.draw:before {
  content: "";
  top: -0.14rem;
}
.draw:after {
  content: "";
  top: 0.14rem;
}
.draw {
  top: 50%;
  margin-top: -1px;
  left: 0.44rem;
}
.draw,
.draw:before,
.draw:after {
  width: 0.36rem;
  height: 0.04rem;
  background: #fff;
  position: absolute;
  left: 0;
  transition: all 0.5s;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}
.draw-open .draw:before {
  top: 0;
  transform: rotate(45deg);
  background: #fff;
}
.draw-open .draw:after {
  top: 0;
  transform: rotate(-45deg);
  background: #fff;
}
.draw-open .draw {
  background: transparent;
}
.draw-close .draw {
  background: transparent;
}
.draw-close .draw:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  background: #fff;
}
.draw-close .draw:after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  background: #fff;
}
.com_nav {
  width: 0;
  height: 0;
  position: fixed;
  left: 0;
  top: 0rem;
  z-index: 9;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}
.com_nav ul {
  width: 100%;
  overflow: hidden;  
}
.com_nav li {
  min-height: 1.4rem;
  overflow: hidden;
  line-height: 1.4rem;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.1);  
  margin: 0 0.66rem;
}
.com_nav li:first-child {
  border-top: none;
}
.cover_content a {
  color: #fff;
  display: block;
  height: 100%;
  font-size: 0.3rem;
  /* font-family: "hyqh-60"; */
  opacity: 0.6;
}
.cover_content .on a{
  opacity: 1;
  font-size: 0.36rem;
}
.cover_content .on a::after{
  content: '';
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/nav-icon.png) no-repeat center/100%;
  width: 1.85rem;
  height: 0.76rem;
  /* background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/nav-icon1-2.png) no-repeat center / 100%;
  width: 1.74rem;
  height: 0.99rem; */
  position: absolute;
  left: 0.92rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.cover_content li:nth-of-type(1).on a::after{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/nav-icon1.png) no-repeat center/100%;
  width: 1.43rem;
  height: 0.77rem;  
  left: 0.4rem;
}
.cover_content li:nth-of-type(2).on a::after{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/nav-icon2.png) no-repeat center/100%;
  width: 1.77rem;
  height: 0.72rem;  
  left: 0.8rem;
}
.cover_content li:nth-of-type(3).on a::after{
  top: 0.4rem;
  transform: inherit;
}
.cover_content li:nth-of-type(4).on a::after{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/nav-icon3.png) no-repeat center/100%;
  width: 1.49rem;
  height: 0.77rem;  
  left: 0.8rem;
}
.cover_content li:nth-of-type(3){
  height: 1.4rem;
}
.cover_content li:nth-of-type(3).on{
  height: auto;
}
.cover_content li:nth-of-type(3) a:nth-of-type(1){
  margin-bottom: -0.12rem;
}
.cover_content a.min_btn{
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.26rem;
  margin-bottom: 0.2rem;
  padding-left: 0.2rem;
  box-sizing: border-box;
  position: relative;
  opacity: 0.6;
}
.cover_content a.min_btn::after{
  content: '';
  background-color: #fff;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50% !important;
  margin-top: -0.01rem;
  opacity: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.cover_content a.min_btn.on{
  opacity: 1;
}
.cover_content a.min_btn.on::after{
  opacity: 1;
}

.nav_arrow{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/nav_arrow.png) no-repeat center/100%;
  width: 0.31rem;
  height: 0.17rem;
  position: absolute;
  top: 0.6rem;
  right: 0.4rem;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  opacity: 0.6;
}
.on .nav_arrow{
  opacity: 1;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.nav-open {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(0.85rem);
}
.cover_content{
  width: 100%;
  height: 4.7rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4rem;
}
.nav .music {
  width: 0.32rem;
  height: 0.32rem;
  margin: 0 0.2rem;
  flex-shrink: 0;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/bgm.png) no-repeat top/0.32rem auto;
  position: relative;
}
.nav .music::after{
  content: '';
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/bgm_bg.png) no-repeat center/100%;
  width: 0.32rem;
  height: 0.32rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.16rem;
  margin-top: -0.16rem;
}

.nav .music.on{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/bgm.png) no-repeat bottom/0.32rem auto;
}
.nav .music.on::after{
  animation: rotateAnimation 4s linear infinite; /* 持续4秒，线性速度，无限次播放 */
}
@keyframes rotateAnimation {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.logo {
  position: absolute;
  top: 0.25rem;
  left: 0.2rem;
  width: 2.2rem;
  height: 0.42rem;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/logo.png)
    no-repeat center/contain;
}

.login {
  position: absolute;
  right: 1.1rem;
  top: 0.35rem;
  font-family: 'hyqh-60'; 
  display: flex;
  align-items: center;
}

.login p,
.login a,
.login span {
  font-size: 0.24rem;
  line-height: 1;
  color: #fdffff;
  white-space: nowrap;  
}
.login a{
  color: #fdffff;
}
.login span{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 1.5rem;
  display: inline-block;
}

#log{
  position: relative;
  padding-right: 0.75rem;
}
#log a{
  position: absolute;
  top: 0;
  right: 0;
}
#log.hide{
  padding-right: 0;
  display: none !important;
}

#btn_login{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/login.png) no-repeat center/100%;
  width: 1.3rem;
  height: 0.24rem;
  text-indent: -9999px;
  display: block;
}
.kv-main {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.kv-main .slogan {
  width: 6.85rem;
  height: 1.89rem;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/slogan.png) no-repeat center/100%;
}

.kv-vid{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv_vid.png) no-repeat center/100%;
  width: 1.08rem;
  height: 1.08rem;
  position: absolute;
  left: 50%;
  margin-left: -0.54rem;
  top:-0.85rem;
  animation: circle-light 3s linear  infinite;
  -webkit-animation: circle-light 3s linear  infinite;
}
@keyframes circle-light {
        0% {transform: scale(1);}
        25% { transform: scale(0.9); }
        50% { transform: scale(0.85); }
        75% { transform: scale(0.9); }
        100% { transform: scale(1); }
}
@-webkit-keyframes circle-light {
        0% {transform: scale(1);}
        25% { transform: scale(0.9); }
        50% { transform: scale(0.85); }
        75% { transform: scale(0.9); }
        100% { transform: scale(1); }
}
.kv-main .timeout {
  width: 3.04rem;
  text-align: center;
  font-size: 0.23rem;
  font-weight: bold;
  line-height: 1;
  margin-top: 0.3rem;
  color: #25235b;
  position: absolute;
  left: 50%;
  bottom: -0.1rem;
  transform: translateX(-105%);
  font-family: 'hyqh-60';
  font-weight: normal;
  display: none;
}
.kv-main .timeout b{
  font-size: 0.25rem;
  font-weight: normal;
  font-family: 'dinn-med';
}
.kv_zm{
  /* background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv_zm.png) no-repeat center/100%; */
  width: 6.6rem;
  height: .82rem;
  display: flex;
  justify-content: space-between;
  margin-top: 0rem;
  align-items: flex-end;
}
.kv_zm a{
  width: 3.18rem;
  height: 0.82rem;  
}
.kv_btn {
  width: 1.42rem;
  height: auto;
  /* position: absolute;
  right: 0rem;
  top: 0.9rem; */
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  float: right;
}
/* .kv_btn a {
  background-image: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv_btn.png);
  background-repeat: no-repeat;
  background-size: 6.45rem 1.7rem;
  width: 3.04rem;
  height: 0.75rem;
  position: relative;
  transform: scale(1.2);
  margin: 0 0.18rem;
}
.kv_btn .kv-invite1 {
  background-position: 0 0;
  display: none;
}
.kv_btn .kv-invite1.on{
	display: block;
}
.kv_btn .kv-invite1.grey {
  background-position: 0 bottom;
}
.kv_btn .kv-invite1::after{
  content: '';
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv_btn2.png) no-repeat center/100%;
  width: 0.26rem;
  height: 0.3rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.34rem;
} */
.kv_btn .kv-invite2 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv_yybtn.png) no-repeat center/100%;
  width: 1.42rem;
  height: 1.67rem;
  display: block;
  margin-top: -0.1rem;
}

.kv_btn .kv-invite2.grey {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv_yybtn2.png) no-repeat center/ 1.3rem 1.67rem;
}
.kv-test{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv_test.png) no-repeat left top/6.58rem auto;
  width: 3.18rem;
  height: 0.82rem;
}
.kv_zm2{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv_down.png) no-repeat center/100% auto;
  width: 3.17rem;
  height: 0.82rem;
}
.kv-link{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv_link.png) no-repeat center/100%;
    width: .9rem;
    height: 1.31rem;
    display: block;
}
.kv-link2{
  /* background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv_link2.png) no-repeat center/100%; */
  background: url(https://sy-1254960240.image.myqcloud.com/box/ingame/images/202512/20251225102347-280809.png) no-repeat center/100%;
    width: .9rem;
    height: 1.31rem;
    display: block;
}
.letter-tip {
  position: absolute;
  width: 1.7rem;
  height: 1.03rem;
  right: 0.3rem;
  bottom: 0.6rem;
  display: none;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/letter-tip.png)
    no-repeat center/contain;
}
.letter-tip2 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/letter-tip2.png)
    no-repeat center/100%;
  width: 1.36rem;
  height: 1.44rem;
  position: absolute;
  top: 2.05rem;
  right: 0;
}

.kv-age{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv-age.png) no-repeat center/100%;
  width: 0.62rem;
  height: 0.78rem;
  position: absolute;
  bottom: 1.25rem;
  left: 0.36rem;
}

.commit-media {
  position: fixed;
  bottom: 0.4rem;
  left: 0;
  width: 100%;
  height: 0.5rem;
  display: flex;
  align-items: center;
  z-index: 9;
  transition: all .3s;
}
.commit-media.fix{
  bottom: 2.16rem;
}
.commit-media::before{
  content: '';
  background: linear-gradient(-180deg, rgba(24, 26, 38, 0) 0%, rgba(24, 26, 38, 0.8) 100%);
  width: 100%;
  height: 1.6rem;
  position: absolute;
  left: 0;
  bottom: -0.4rem;
}
.icons {
  width: 2rem;
  height: 0.48rem;
  display: flex;
  overflow: hidden;
  transition: all 0.5s;
  padding: 0.15rem 0;
}
.icons.on {
  width: 65%;
  overflow-x: auto;
}
.invite-btn2 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv_order.png)
    no-repeat center/100%;
  width: 1.48rem;
  height: 0.28rem;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.invite-btn3 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv_order2.png)
    no-repeat center/100%;
  width: 1.48rem;
  height: 0.28rem;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.invite-btn3.gray{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/kv_order2_on.png)
    no-repeat right/auto 100%;
} 
.icons a {
  position: relative;
  width: 1rem;
  height: 100%;
  box-sizing: border-box;
  flex: none;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/share-icons.png)
    no-repeat 0.35rem 0/13.52rem;
  transform: scale(0.8)
    
}

.icons a.si1 {
  background-position: 0.35rem 0;
}

.icons a.si2 {
  background-position: -0.85rem 0;
}

.icons a.si3 {
  background-position: -2.05rem 0;
}

.icons a.si4 {
  background-position: -3.25rem 0;
}

.icons a.si5 {
  background-position: -4.45rem 0;
}

.icons a.si6 {
  background-position: -5.65rem 0;
}

.icons a.si7 {
  background-position: -6.85rem 0;
}

.icons a.si8 {
  background-position: -8.05rem 0;
}

.icons a.si9 {
  width: 1.4rem;
  background-position: -9.25rem 0;
}
.commit-media .icons_open {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/icons_open.png)
    no-repeat center/0.18rem 0.28rem;
  width: 0.5rem;
  height: 0.5rem;
  transform: rotate(0deg);
  transition: all 0.5s;
  margin-left: 0.1rem;
}
.commit-media .icons_open.on {
  transform: rotate(180deg);
}
.com_nav .icons{
  width: 6.18rem;
  position: absolute;
  bottom: 0.66rem;
  left: 50%;
  transform: translateX(-50%);
  overflow: inherit;
}
.com_nav .icons p{
  font-family: "hyqh-60";
  width: 100%;
  height: 0.75rem;
  line-height: 0.5rem;
  font-size: 0.31rem;
  color: #cfcfcf;
  position: absolute;
  top: -1.05rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.com_nav .icons a {
  margin-left: -0.32rem;
  transform: scale(0.8);
}

.arrow{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/arrow.png) no-repeat center/100%;
  width: 0.44rem;
  height: 0.23rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.8rem;
  animation: float 1s infinite alternate ease-in-out;
}
@keyframes float {
  0% {
    transform: translate(-50%);
  }
  100% {
    transform: translate(-50%, -0.2rem);
  }
}

.game_box{
  background: #000;
  margin-top: 1rem;
  margin-bottom: -0.8rem;
  font-size: 0.2rem;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.2rem;
  box-sizing: border-box;
  line-height: 0.3rem;
  display: none;
}
.game_box.on{
  display: flex
}
.game_box a{
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.3rem;
}
.game_item{
  width: 3.65rem;
}
.game_item:nth-child(2n){
  width: 3rem;
}


/* part2 */

.s2-prev, .s2-next {
  width: 0.7rem;
  height: 0.7rem;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/s2_next.png) no-repeat center/contain;
  margin-top: -2.8rem;
  right: 0.35rem;
}
.s2-prev {  
  transform: rotate(180deg);
  left: 0.35rem;
  right: auto;
}
.swiper-button-next:after, .swiper-button-prev:after{
  display: none;
}
.sw-navigation .swiper-pagination-bullet-active ,
.sw-navigation .swiper-pagination-bullet {
  background: #fff;  
}
.sw-navigation{
  bottom: 50% !important;
  transform: translateY(1450%);
}
.sw-tit {
  position: absolute;
  width: 6.5rem;
  height: 2.1rem;
  left: 50%;
  bottom: 50% !important;
  transform: translate(-50%,-215%);
  z-index: 10;
}

.sw-tit h3 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 2rem;
  left: 0;
  opacity: 0;
  line-height: 9999px;
  overflow: hidden;
  transition: opacity 0.5s ease-in-out, transform 0s ease-in-out 0.5s;
}

.sw-tit h3.act {
  transform: translateY(-2.05rem);
  opacity: 1;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.sw-tit .sw-t1{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/poster-t1.png) no-repeat center/auto 1.91rem;
}
.sw-tit .sw-t2{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/poster-t2.png) no-repeat center/auto 1.91rem;
  
}
.sw-tit .sw-t3{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/poster-t3.png) no-repeat center/auto 1.91rem;
  background-position-x: 1.4rem;
}
.sw-tit .sw-t4{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/poster-t4.png) no-repeat center/auto 1.91rem;
}
.sw-tit .sw-t5 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/poster-t5.png) no-repeat center/auto 1.91rem;
}
.sw-tit .sw-t6 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/poster-t6.png) no-repeat center/auto 1.91rem;
}
.s2-sw{
  width: 100%;
  height: 100vh;
}
.s2-sw img{
  width: 100%;
  height: auto;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.sw-navigation {
  position: absolute;
  z-index: 9;
  text-align: center;
}

.sw-navigation .swiper-pagination-bullet-active ,
.sw-navigation .swiper-pagination-bullet {
  background: #fff;  
}

/* part3 */

.s3-swiper{
  height: 100vh;
  font-family: 'hyqh-65';
}

.s3-swiper .r1 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg1.jpg) no-repeat center/cover;
}

.s3-swiper .r2 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg2.jpg) no-repeat center/cover;
}

.s3-swiper .r3 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg3.jpg) no-repeat center/cover;
}

.s3-swiper .r4 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg4.jpg) no-repeat center/cover;
}

.s3-swiper .r5 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg5.jpg) no-repeat center/cover;
}

.s3-swiper .r6 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg6.jpg) no-repeat center/cover;
}

.s3-swiper .r7 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg7.jpg) no-repeat center/cover;
}

.s3-swiper .r8 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg8.jpg) no-repeat center/cover;
}

.s3-swiper .r9 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg9.jpg) no-repeat center/cover;
}

.s3-swiper .r10 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg10.jpg) no-repeat center/cover;
}

.s3-swiper .r11 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg11.jpg) no-repeat center/cover;
}

.s3-swiper .r12 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg12.jpg) no-repeat center/cover;
}

.s3-swiper .r13 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg13.jpg) no-repeat center/cover;
}

.s3-swiper .r14 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg14.jpg) no-repeat center/cover;
}

.s3-swiper .r15 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg15.jpg) no-repeat center/cover;
}

.s3-swiper .r16 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg16.jpg) no-repeat center/cover;
}

.s3-swiper .r17 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg17.jpg) no-repeat center/cover;
}

.s3-swiper .r18 {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/r-bg18.jpg) no-repeat center/cover;
}


.r-desc{
  position: absolute;
  width: 7.5rem;
  height: 2rem;
  top: 50%;
  margin-top: 1.8rem;
  left: 50%;
  margin-left: -3.75rem;
  text-align: left;
  opacity: 0;
  transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}
.s3-swiper .swiper-slide-active .r-desc {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.1s;
}
.r-t1 {
  font-size: 0.28rem;
  color: #FFF;
  line-height: 1;
  margin-top: 0.02rem;
  font-family: "hyqh-60";
  box-sizing: border-box;
  padding: 0 0.39rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.r-voice{
  content: '';
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/role_play.png) no-repeat center/100%;
  width: 0.35rem;
  height: 0.31rem;
  margin-right: 0.08rem;
}
.r-voice.on{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/role_play2.png) no-repeat center/100%;
}


.r-tit {
  position: relative;
  width: 50%;
  line-height: 999px;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  background-position: 0.1rem center;
  z-index: 9;
  
  height: 1.47rem;
}
.r1-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt1.png) no-repeat 0.1rem 0.03rem/3.18rem;
}
.r2-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt2.png) no-repeat 0.1rem 0.03rem/2.21rem;
}
.r3-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt3.png) no-repeat 0.06rem 0rem/2.35rem;;
}
.r4-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt4.png) no-repeat 0.03rem 0rem/2.39rem;;
}
.r5-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt5.png) no-repeat 0.1rem 0.03rem/2.99rem;;
}
.r6-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt6.png) no-repeat 0.08rem 0.02rem/2.37rem;;
}
.r7-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt7.png) no-repeat 0.01rem 0.02rem/2.56rem;;
}
.r8-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt8.png) no-repeat 0 0rem/2.44rem;;
}
.r9-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt9.png) no-repeat 0 0.01rem/3.15rem;;
}
.r10-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt10.png) no-repeat 0.06rem 0.03rem/2.88rem;;
}
.r11-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt11.png) no-repeat 0.06rem 0.03rem/3.0rem;;
}
.r12-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt12.png) no-repeat 0.0rem 0.03rem/1.78rem;;
}
.r13-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt13.png) no-repeat 0.06rem 0.03rem/2.55rem;;
}
.r14-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt14.png) no-repeat 0.0rem 0.13rem/2.63rem;;
}
.r15-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt15.png) no-repeat 0.0rem 0.03rem/2.72rem;;
}
.r16-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt16.png) no-repeat 0.0rem 0.03rem/2.96rem;;
}
.r17-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt17.png) no-repeat 0.06rem 0.03rem/2.61rem;;
}
.r18-tit {
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/rt18.png) no-repeat 0.0rem 0.03rem/2.7rem;
  height: 1.58rem;
}

.r-player{
  display: block;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/role_video.png) no-repeat center/100%;
  width: 0.53rem;
  height: 0.53rem;
  position: absolute;
  top: 0.29rem;
  
  animation: circle-light 3s linear infinite;
      -webkit-animation: circle-light 3s linear infinite;
}
.r-player::after{
	display: block;
	content: '';
	background:	url(https://game.gtimg.cn/images/osgame/cp/appointment/role/role_video2.png) no-repeat center/100% auto;
	width: 0.53rem;
	height: 0.53rem;
	position: absolute;
	top: 0;
	left: 0;
	animation: r-player 2s linear infinite;
	transform-origin: center center;
	-webkit-animation: r-player 2s linear infinite;
}
@keyframes r-player {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.r1-tit .r-player{
  left: 2.46rem;
}
.r2-tit .r-player{
  left: 1.87rem;
}
.r3-tit .r-player{
	left: 1.85rem;
}
.r4-tit .r-player{
  left: 1.89rem;
}
.r5-tit .r-player{
  left: 2.47rem;
}
.r6-tit .r-player{
  left: 1.89rem;
}
.r7-tit .r-player{
  left: 1.82rem;
}
.r8-tit .r-player{
  left: 1.91rem;
}
.r9-tit .r-player{
  left: 2.46rem;
  top: 0.28rem;
}
.r10-tit .r-player{
  left: 2.46rem;
}
.r11-tit .r-player{
  left: 2.46rem;
}
.r12-tit .r-player{
  left: 1.34rem;
}
.r13-tit .r-player{
  left: 1.9rem;
}
.r14-tit .r-player{
  left: 1.86rem;
  top: 0.22rem;
}
.r15-tit .r-player{
  left: 1.86rem;
  top: 0.22rem;
}
.r16-tit .r-player{
  left: 1.92rem;
  top: 0.22rem;
}
.r17-tit .r-player{
  left: 1.8rem;
  top: 0.22rem;
}
.r18-tit .r-player{
  left: 1.9rem;
  top: 0.28rem;
}



.s3_btn{
  width: 6.7rem;
  position: absolute;
  top: -0.45rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: flex-end;
  height: 1.7rem;
  /* padding-right: 0.8rem; */
  box-sizing: border-box;
  border-bottom: 0.01rem solid rgba(255, 255, 255, 0.2);
}
.s3_btn a{  
  width: 1.5rem;
  height: 1.5rem;
  padding-top: 0.01rem;
  margin-left: -0.48rem;
  text-align: center;
  font-size: 0.3rem;
  color: #ffffff;
  position: relative;
  transition: all 0.5s;
}
.s3_btn a:nth-of-type(3){
  margin-right: -0.35rem;
}
.s3_btn a::after{
  content: '';
  width: 1.0rem;
  height: 0.02rem;
  background-color: #fff;
  opacity: 0;
  position: absolute;
  bottom: -0.17rem;
  left: 0.25rem;
}
.s3_btn a.on{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/s3_btn.png) no-repeat center/100%;
}
.s3_btn a.on::after{
  opacity: 1;
}
.s3_btn a img{
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  margin: 0.34rem auto 0.02rem;
  border: 0.02rem solid #ccd6d8;
  border-radius: 50%;
  box-sizing: border-box;
}
.s3_btn a.on img{
  border: 0.02rem solid #ffffff00;
}
.s3_btn p{
  font-size: 0.18rem;
  font-family: "hyqh-60"
}
.s3_desc{
  position: absolute;
  width: 100%;
  height: 2rem;
  top: -2.1rem;
  left: 0;
}
.s3_desc_p{
  position: absolute;
  bottom: 0.4rem;
  max-width: 3.8rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;  
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0.1rem;
  font-size: 0.18rem;
  color: #ffffff;
  padding: 0.12rem 0.2rem;
  box-sizing: border-box;
}
.s3_desc_p.on{
  opacity: 1;
  visibility: visible;
}
.s3_desc_p h4{
  font-size: 0.21rem;
  color: #fff;  
}
.s3_desc_p:nth-of-type(1){
  right: 1.3rem;
}
.s3_desc_p:nth-of-type(2){
  right: 0.3rem;
}
.s3_desc_p:nth-of-type(3){
  right: 0.01rem;
}
.s3_desc_p::after{
  content: '';
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/s3_desc.png) no-repeat center/100%;
  width: 0.34rem;
  height: 0.17rem;
  position: absolute;
/*  left: 50%;
  transform: translateX(-0.17rem); */
  bottom: -0.17rem;
}

.s3_desc_p:nth-of-type(1)::after{
  /* transform: translateX(270%); */
  
      right: 1.4rem;
      transform: translateX(0);
}
.s3_desc_p:nth-of-type(2)::after{
  /* transform: translateX(270%); */
  
      right: 1.35rem;
      transform: translateX(0);
}
.s3_desc_p:nth-of-type(3)::after{
  /* transform: translateX(270%); */
  
      right: 0.64rem;
      transform: translateX(0);
}
.s3_desc_p p{
  font-size: 0.18rem;
}

.s3-sw .s3-na{
  position: absolute;
  top: 0.02rem;
  right: 0.08rem;
  bottom: auto;
  left: auto;
  text-align: right;
}
.s3-sw .swiper-pagination-bullet{
  background-color: #fff;
  width: 0.1rem;
  height: 0.1rem;
}

.s3-con-nav {
  position: absolute;
  width: 100%;
  height: 1.08rem;
  left: 0;
  top: 50vh;
  /* margin-top: 4rem; */
  transform: translateY(550%);
  display: flex;
  justify-content: center;
  z-index: 4;
  opacity: 0;
  /* transform: translateY(20%);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition-delay: 0.5s; */
  transition: all .5s;
}

.swiper-slide-active .s3-con-nav {
  /* margin-top: 4rem; */
  opacity: 1;
  transform: translateY(350%);  
}
/* .an .swiper-slide-active .s3-con-nav{
  opacity: 1;
  transform: translateY(400%);
} */

.s3-con-nav li {
  width: 1.0rem;
  height: 1.0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  
  width: unset;
  margin: 0 0.06rem;
}

.s3-con-nav li i {
  width: 0.76rem;
  height: 0.76rem;
  transition: width 0.3s, height 0.3s;
  border-radius: 50%;
  cursor: pointer;
}

.s3-con-nav li.on i {
  width: 1.0rem;
  height: 1.0rem;
  border: 0.05rem solid #fff;
  box-sizing: border-box;
}

.s3-con-nav .rn1 i { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh1.png) no-repeat center/1.0rem; }
.s3-con-nav .rn2 i { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh2.png) no-repeat center/1.0rem; }
.s3-con-nav .rn3 i { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh3.png) no-repeat center/1.0rem; }
.s3-con-nav .rn4 i { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh4.png) no-repeat center/1.0rem; }
.s3-con-nav .rn5 i { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh5.png) no-repeat center/1.0rem; }
.s3-con-nav .rn6 i { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh6.png) no-repeat center/1.0rem; }
.s3-con-nav .rn7 i { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh7.png) no-repeat center/1.0rem; }
.s3-con-nav .rn8 i { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh8.png) no-repeat center/1.0rem; }
.s3-con-nav .rn9 i { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh9.png) no-repeat center/1.0rem; }
.s3-con-nav .rn10 i { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh10.png) no-repeat center/1.0rem; }

.s3-swiper2{
  position: absolute;
  width: 5.5rem;
  height: 1.08rem;
  left: 50%;
  margin-left: -2.75rem;
  top: 50vh;
  /*margin-top: 4rem;*/
  transform: translateY(550%);
  z-index: 4;
  opacity: 0;
  /*transform: translateY(20%);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition-delay: 0.5s;
  */transition: all .5s;
  -webkit-transform: translateY(550%);
  -moz-transform: translateY(550%);
  -ms-transform: translateY(550%);
  -o-transform: translateY(550%);
}

.swiper-slide-active .s3-swiper2 {
  /*margin-top: 4rem;
  */opacity: 1;
  transform: translateY(370%);
  -webkit-transform: translateY(370%);
  -moz-transform: translateY(370%);
  -ms-transform: translateY(370%);
  -o-transform: translateY(370%);
}
.s3-swiper2 .swiper-slide{
  width: 1.0rem;
  height: 1.0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  /* margin: 0 0.045rem; */
}
.s3-swiper2 .swiper-slide::after{
  content: '';
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh_grey.png) no-repeat center/100%;
  width: 0.76rem;
  height: 0.76rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.38rem;
  margin-top: -0.38rem;
  opacity: 0.7;
}
.s3-swiper2 .swiper-slide-active::after{
  opacity: 0;
}
.s3-swiper2 .rh1 { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh1.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh2 { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh2.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh3 { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh3.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh4 { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh4.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh5 { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh5.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh6 { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh6.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh7 { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh7.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh8 { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh8.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh9 { background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh9.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh10{ background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh10.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh11{ background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh11.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh12{ background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh12.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh13{ background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh13.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh14{ background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh14.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh15{ background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh15.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh16{ background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh16.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh17{ background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh17.png) no-repeat center/1.0rem; }
.s3-swiper2 .rh18{ background: url(https://game.gtimg.cn/images/osgame/cp/appointment/role/rh18.png) no-repeat center/1.0rem; }

.s3-swiper2 i{
  border-radius: 50%;  
  width: 0.76rem;
  height: 0.76rem;
  object-fit: contain;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.s3-swiper2 .swiper-slide-active i{
  width: 1rem;
  height: 1rem;
}
.s3_prev, .s3_next{
  position: absolute;
  width: 0.83rem;
  height: 0.83rem;
  top: 50%;
  margin-top: 4.15rem;
  cursor: pointer;
  z-index: 9;  
}
.s3_prev::after, .s3_next::after{
  display: none;
}
.s3_next{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/s3_next.png) no-repeat center/contain;
  right: 50%;
  margin-right: -3.55rem;
}
.s3_prev{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/s3_prev.png) no-repeat center/contain;  
  left: 50%;
  margin-left: -3.55rem;
}
/* part4 */
.slide4 .news-con{
  width: 6.7rem;
  height: 11.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.news-tit {
  position: absolute;
  width: 3.81rem;
  height: 0.92rem;
  top: 0.3rem;
  left: 0;
  line-height: 999px;
  overflow: hidden;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/news-tit.png) no-repeat left/auto 100%;
  opacity: 0;
  transform: translateY(-0.5rem);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition-delay: 0.5s;
}
 
.swiper-slide-active .news-tit {
  opacity: 1;
  transform: translateY(0);
}
.news-con{
  width: 6.7rem;
  margin: 0 auto;
}
.news-img-sw{
  margin-top: 2.2rem;
  height: 4rem;
}
.news-sw{
  height: 4.25rem;
}
.news-sw img{
  border-radius: 0.05rem;
}
.news-navigation .swiper-pagination-bullet{
  width: 0.1rem;
  height: 0.1rem;
}
.news-navigation .swiper-pagination-bullet-active ,
.news-navigation .swiper-pagination-bullet {
  background: #fff;  
}
.news-tab{
  width: 6.7rem;
  display: flex;
  height: 0.55rem;
  align-items: center;
  position: absolute;
  top: 1.5rem;
  border-bottom: 0.01rem solid rgba(255, 255, 255, 0.2);
}
.news-tab .news-btn{
  color: #fefefe;
  height: 0.55rem;
  line-height: 0.55rem;
  font-size: 0.24rem;
  padding: 0 0.2rem;
  text-align: center;
  font-family: 'hyqh-60';
  margin-right: 0.1rem;
  box-sizing: border-box;
  opacity: 0.6;
}
.news-tab .news-btn.on{
  border-bottom: 0.03rem solid #fff;
  opacity: 1;
}

.news-con .news-list {
  width: 6.7rem;  
  border-top: 1px rgba(255, 255, 255, 0.2) solid;
  margin-top: 0.1rem;
  display: none;
  font-family: 'hyqh-80';
}
.news-con .news-list.on {
  display: block;
}

.news-con .news-list li {
  position: relative;
  width: 100%;
  height: 1.1rem;
  cursor: pointer;
  border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
  transition: all 0.3s;
  overflow: hidden;
}

.news-con .news-list li a{
  width: 100%;
  height: 100%;
  display: block;
}

.news-con .news-list li::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0.58rem;
  left: 0;
  border-left: 0.3rem #99b4fe solid;
  border-top: 0.2rem transparent solid;
  border-bottom: 0.2rem transparent solid;
  border-radius: 0;
  opacity: 0;
  transition: all 0.3s;
  transition-delay: 0.1s;
}

.news-con .news-list li::after {
  content: "";
  position: absolute;
  width: 0.94rem;
  height: 0.95rem;
  right: 0;
  top: 1.62rem;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/news-desc-icon.png) no-repeat center/contain;
  opacity: 0;
  transition: all 0.3s;
  transition-delay: 0.1s;
}

.news-con .news-list li .tit {
  position: absolute;
  left: 0;
  top: 0.34rem;
  font-size: 0.22rem;
  color: #fefefe;
  /* line-height: 1.3; */
  height: 0.4rem;
  line-height: 0.4rem;
  font-family: 'hyqh-60'; 
  width: 25em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s;
}
.news-con .news-list li .top{   
  font-weight: bold;
  box-sizing: border-box;
  display: flex;  
  align-items: center;
}
.news-con .news-list li .top b{
  font-size: 0.22rem;
  /* font-weight: normal; */
  color: transparent;
  background: linear-gradient( #b9e9fe, #85c5fe);
  background-clip: text;
  -webkit-background-clip: text;    
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.08rem;
}
.news-con .news-list li .top em{
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}


.news-con .news-list li .time {
  position: absolute;
  font-size: 0.22rem;
  color: #FFF;
  line-height: 0.45rem;
  right: 0;
  top: 0.34rem;
  width: 5.1em;
  overflow: hidden;
  white-space: nowrap;
  font-family: 'dinn';
  transition: all 0.3s;
  text-align: right;
}

.news-con .news-list li .desc {
  position: absolute;
  top: 0.6rem;
  left: 0;
  width: 100%;
  font-size: 0.2rem;
  color: #FFF;
  line-height: 0.3rem;
  font-family: 'hyqh-60'; 
  text-align: left;  
  transition: all 0.3s;
  overflow: hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
  overflow: hidden;
}


.news-con .news-more {
  position: absolute;
  width: 1.58rem;
  height: 0.37rem;
  right: 0rem;
  top: 1.56rem;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/news-more.png) no-repeat center/contain;
}

/* load */
.loading-con {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 20;
}

/* .loading-con {
  background: #7d94b3 url(https://game.gtimg.cn/images/osgame/cp/appointment/m/loading-bg.jpg) no-repeat center/cover;
} */

.loading-con img{
  width: 100%;
  height: 100%;
  position: absolute;
  position: absolute;    
  object-fit: cover;
}

.loadingnum {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -1.8rem;
  font-size: 0.56rem;
  line-height: 1.8rem;
  text-align: center;
  color: #ffffff;
  font-family: 'dinn';
}

.loadingnum span {
  font-size: 1.26rem;
  letter-spacing: -0.06rem;
}

.load-logo {
  position: absolute;
  width: 2.1rem;
  height: 0.42rem;
  left: 50%;
  margin-left: -1.05rem;
  bottom: 1.9rem;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/logo.png) no-repeat center/cover;
}

.loadingtxt {
  position: absolute;
  top: 50%;
  margin-top: -0rem;
  width: 100%;
  font-size: 0.3rem;
  color: #FFF;
  line-height: 1;
  font-family: 'dinn';
  text-align: center;
  letter-spacing: 0.12rem;
  text-transform: uppercase;
}

.news-wrap {
  position: relative;
  width: 100%;
  height: 100vh;
  padding: 2.05rem 0 2rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/news-page-bg.jpg) no-repeat left/cover;
}
.news-tab2{
  justify-content: flex-end;
}
.news-tab2 .news-btn.on{
  border-bottom: 0.02rem solid #fff;
}
.news_back{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/news_back.png) no-repeat center/100%;
  width: 0.69rem;
  height: 0.33rem;
  position: absolute;
  top: 1.6rem;
  left: 50%;
  transform: translateX(-485%);
  z-index: 9;
}
.news-wrap .news-list-con {
  position: relative;
  /* width: 6.8rem; */
  width: 100%;
  height: 100%;
}

.news-ul{
  height: 100%;
}

.news-wrap .news-list {
  /* width: 100%; */
  width: 6.8rem;
  margin: 0 auto;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 5%;
  box-sizing: border-box;
  mask: linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
  -webkit-mask: linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
  display: none;
}
.news-wrap .news-list.on {
  display: block;
}

.news-wrap .news-list::-webkit-scrollbar {
  width: 0;
}

.news-wrap .news-list::-webkit-scrollbar-track {
  background: transparent;
}

.news-wrap .news-list::-webkit-scrollbar-thumb {
  background: transparent;
}

.news-wrap .news-list li {
  position: relative;
  width: 100%;
  height: 1.8rem;
  border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
  text-align: left;
  font-family: 'hyqh-60'; 
}

.news-wrap .news-list li:first-child {
  border-top: 1px rgba(255, 255, 255, 0.3) solid;
}

.news-wrap .news-list .time {
  position: absolute;
  width: 0.8rem;
  height: 1.0rem;
  left: 0;
  top: 0.5rem;
  font-size: 0.24rem;
  font-family: 'hyqh-60'; 
  color: #ffffff;
  line-height: 1.1;
  font-weight: bold;
  border-right: 1px rgba(255, 255, 255, 0.3) solid;
}
.news-wrap .news-list .time span:nth-of-type(2){
  font-family: 'hyqh-60'; 
  font-size: 0.2rem;
  /* color: #d2d2d2; */
  display: block;
  margin-top: 0.05rem;
  overflow: hidden;
  height: 0.4rem;
}
.news-wrap .news-list li .top b{
  font-size: 0.22rem;
  /* font-weight: normal; */
  color: transparent;
  background: linear-gradient( #b9e9fe, #85c5fe);
  background-clip: text;
  -webkit-background-clip: text;    
  display: inline-block;
  height: 0.3rem;
  line-height: 0.3rem;
}

.news-wrap .news-list .tit {
  position: absolute;
  top: 0.5rem;
  left: 1.0rem;
  width: 3.2rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: #ddd;
  line-height: 1.2;  
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news-wrap .news-list .tit2{
  color: #ffffff;
}

.news-wrap .news-list .desc {
  position: absolute;
  left: 1.0rem;
  top: 1.08rem;
  width: 3.2rem;
  font-size: 0.2rem;
  color: #d2d2d2;
  line-height: 0.6rem;
  /* font-family: "hyqh-60"; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-wrap .news-list .img-box {
  position: absolute;
  width: 2.3rem;
  height: 1.3rem;
  right: 0;
  top: 50%;
  margin-top: -0.65rem;
}

.news-wrap .news-list img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.05rem;
}

.news-wrap .news-list li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.news-wrap .none-tip {
  display: none;
}
.news-wrap .tit-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.8rem;
  background-color: rgba(0, 0, 0, 0.3);
}

.news-wrap .news-detail-con {
  position: relative;
  width: 6.7rem;
  height: 100%;
}

.news-wrap .news-detail-path {
  width: 100%;
  font-size: 0.4rem;
  color: #b5b5b5;
  line-height: 1;
  /* font-family: "hyqh-60"; */
}

.news-wrap .news-detail-path a {
  color: #b5b5b5;
}

.news-wrap .detail-tit {
  width: 100%;
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 1.1;
  color: #ffffff;
  margin-top: 0.36rem;
  text-align: left;
  font-family: 'hyqh-60'; 
}

.news-wrap .detail-desc {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.15rem;
  font-size: 0.20rem;
  color: #ffffff;
  line-height: 1;
  font-family: 'hyqh-60'; 
}


.news-wrap .detail-main {
  position: absolute;
  top: 2.0rem;
  width: 100%;
  height: 100%;
  padding: 0 0 4.1rem;
  box-sizing: border-box;
}

.detail-main iframe{
  width: 100%;
  height: 3.25rem;
  display: block;
  margin: 0 auto;
}

.news-wrap .detail-data {
  width: 100%;
  height: 100%;
  padding-right: 0.2rem;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}

.news-wrap .detail-data::-webkit-scrollbar {
  width: 0.02rem; /* 滚动条宽度 */
}

.news-wrap .detail-data::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.3)
}

.news-wrap .detail-data::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.8)
}

.news-wrap .detail-data img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0.2rem 0;
}

.news-wrap .detail-data p ,
.news-wrap .detail-data p span{
  font-size: 0.23rem !important;
  color: #d2d2d2 ;
  line-height: 0.5rem ;
  font-family: 'hyqh-60' !important;
  
}
.news-wrap .detail-data h6{
  font-size: 0.24rem !important;
  color: #d2d2d2;
}
.news-wrap .detail-data h5{
  font-size: 0.25rem !important;
  color: #d2d2d2;
}
.news-wrap .detail-data h4{
  font-size: 0.26rem !important;
  color: #d2d2d2;
}
.news-wrap .detail-data h3{
  font-size: 0.27rem !important;
  font-weight: bold;
  color: #d2d2d2;
}
.news-wrap .detail-data h2{
  font-size: 0.28rem !important;
  font-weight: bold;
  color: #d2d2d2;
}
.news-wrap .detail-data h1{
  font-size: 0.29rem !important;
  font-weight: bold;
  color: #d2d2d2;
}

.news-wrap .copy-href {
  position: absolute;
  left: 50%;
  transform: translateX(-127%);
  bottom: 3.6rem;
  font-size: 0.24rem;
  line-height: 0.38rem;
  color: #FFF;
  font-family: 'hyqh-60'; 
}

.news-wrap .copy-href i {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  top: 0.045rem;
  right: -0.4rem;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/copy-icon.png) no-repeat center/contain;
}

.news-pageation {
  position: absolute;
  width: 6.7rem;
  height: auto;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.0rem;
  /* display: flex;
  justify-content: space-between; */
  opacity: 0.6;
}

.news-wrap .pre-news,
.news-wrap .next-news {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3.0rem;
  height: 0.5rem;
  margin-bottom: 0.5rem;
  left: 0;
}
.news-wrap .next-news{
  left: auto;
  right: 0;
}

.news-wrap .pre-news i,
.news-wrap .next-news i {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  top: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/news-desc-icon.png) no-repeat center/contain;
}

.news-wrap .pre-news i {
  transform: rotate(180deg);
}
.news-wrap .next-news i{
  left: auto;
  right: 0;
}

.news-wrap .pre-news span,
.news-wrap .next-news span {
  position: absolute;
  left: 0.65rem;
  color: #FFF;
  line-height: 1;
  /* font-family: "hyqh-60"; */
}
.news-wrap .next-news span {
  left: auto;
  right: 0.65rem;
  text-align: right;
}

.news-wrap .pre-news .t1,
.news-wrap .next-news .t1 {
  top: 0.0rem;
  font-size: 0.15rem;
}

.news-wrap .pre-news .t2,
.news-wrap .next-news .t2 {
  width: 2.3rem;
  top: 0.28rem;
  font-size: 0.22rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 0.3rem;
}

.vid_box{
  width: 6.7rem;
  height: 4rem;
}


#letter-dia .ui-overlay-content{
  width: 7.5rem;
  height: 10.7rem;
  background: none;
}

#letter-dia .ui-overlay-content .close-icon{
  right: 0.7rem;
  top: -0.4rem;
}

.letter_box{  
  width: 6.88rem;
  height: 10.7rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.letter_box img{
  width: 6.88rem;
  height: 10.7rem;
  position: absolute;
}

.letter_con{
  position: absolute;
  top: 2.6rem;
  left: 1rem;
  width: 5.6rem;
  height: 7.7rem;
  display: none;
}
.letter_text{
  width: 5.59rem;
  height: 6.5rem;
  overflow-y: auto;  
}
.letter_text::-webkit-scrollbar {
  width: 0.02rem; /* 滚动条宽度 */
}

.letter_text::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.3)
}

.letter_text::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.8)
}
.letter_text img{
  display: block;
  width: 5.43rem;
  height: auto;
  position: relative;
}
.letter_foot{
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/letter_foot.png) no-repeat bottom/100% auto;
  width: 5.58rem;
  height: 0.65rem;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.letter_foot.on::after{
  content: '';
  background: url(https://game.gtimg.cn/images/osgame/cp/appointment/m/letter_foot.png) no-repeat top/5.58rem 0.94rem;
  height: 0.3rem;
  width: 0.3rem;
  position: absolute;
  top: -0.4rem;
  left: 50%;
  transform: translateX(-50%);
}
.letter_foot a{
  width: 0.4rem;
  height: 0.4rem;
  /* background-color: #fff; */
  margin-left: 0.47rem;
}
.letter_foot a:nth-last-of-type(1){
  width: 0.8rem;
}
.ipad .sw-tit{  
  /* transform: translate(-50%,-310%);
  -webkit-transform: translate(-50%,-310%);
  -moz-transform: translate(-50%,-310%);
  -ms-transform: translate(-50%,-310%);
  -o-transform: translate(-50%,-310%); */
}
.ipad .s2-sw img{
  margin-top: 1.8rem;
}

/* 遮罩层 */
.overlay {
  display: none; /* 默认隐藏 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* 半透明黑色 */
  backdrop-filter: blur(0.12rem);
  z-index: 999; /* 确保在最上层 */
}

/* 居中的 iframe 容器 */
.overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 10px;
}


/* body {
  margin-bottom: constant(safe-area-inset-bottom) !important;
  margin-bottom: env(safe-area-inset-bottom) !important;
}
 
#toolbar,
#bottombar {
  display: none !important;

} */


.plugin_ctrl_mod_overlay_wrapper .mod_speed_select div{
	font-size: 0.24rem !important;
}
.plugin_ctrl_mobile_txp_bottom .txp_btn_play .txp_icon_play{
	    height: 0.55rem !important;
	    width: 0.55rem !important;
}
.plugin_ctrl_mobile_txp_bottom .txp_icon{
	height: 0.55rem !important;
	width: 0.55rem !important;
}

#down-tips2 .overlay-title{
	background: url(https://game.gtimg.cn/images/osgame/cp/appointment/dia_ti8.png) no-repeat center left/auto 0.49rem;
	text-indent: -9999999px;
}
#down-tips2 .slot-content img{
  width: 4.92rem;
  height: 1.1rem;
}
#down-tips2 .slot-content a{
  position: absolute;
  right: 0.5rem;
  top: 1.95rem;
  width: 1.7rem;
  height: 0.45rem;
}

#game-tips .overlay-title{
	background: url(https://game.gtimg.cn/images/osgame/cp/appointment/dia_ti9.png) no-repeat center left/auto 0.54rem;
	text-indent: -9999999px;
}
#game-tips .slot-content{
  font-size: 0.2rem;
}