@charset "utf-8";
:root {
  /* 导航高度 */
  --header-height: 80px;
  /* COLOR */
  --color-active: #33416f;
  --color-blue-004: #33416f;
  --color-blue-095: #095cae;
  --color-blue-163: #163494;
  --color-blue-1635: #163595;
  --color-blue-345: #345999;
  --color-red-e41: #e41313;
  --color-white: #fff;
  --color-black: #282828;
  --color-gray-f6: #f6f6f6;
  --color-gray-f4: #f4f4f4;
  --color-gray-eee: #eee;
  --color-gray-ddd: #ddd;
  --color-gray-bbb: #bbb;
  --color-gray-999: #999;
  --color-gray-666: #666;
  --color-gray-444: #444;
  --color-gray-333: #333;
  /* --- font40以下 */
  --font12: clamp(12px, 0.12rem, 12px);
  --font14: clamp(12px, 0.14rem, 14px);
  --font15: clamp(12px, 0.15rem, 15px);
  --font16: clamp(13px, 0.16rem, 16px);
  --font17: clamp(13px, 0.17rem, 17px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: clamp(22px, 0.36rem, 36px);
  --font38: clamp(24px, 0.38rem, 38px);
  /* --- font40 */
  --font40: clamp(23px, 0.4rem, 40px);
  --font42: clamp(24px, 0.42rem, 42px);
  --font44: clamp(24px, 0.44rem, 44px);
  --font46: clamp(25px, 0.46rem, 46px);
  --font48: clamp(26px, 0.48rem, 48px);
  /* --- font50 */
  --font50: clamp(28px, 0.5rem, 50px);
  --font52: clamp(28px, 0.52rem, 52px);
  --font54: clamp(28px, 0.54rem, 54px);
  --font56: clamp(28px, 0.56rem, 56px);
  --font58: clamp(29px, 0.58rem, 58px);
  /* --- font60 */
  --font60: clamp(30px, 0.6rem, 60px);
  --font62: clamp(31px, 0.62rem, 62px);
  --font64: clamp(31px, 0.66rem, 64px);
  --font66: clamp(31px, 0.66rem, 66px);
  /* --- font70以及以上 */
  --font70: clamp(32px, 0.7rem, 70px);
  --font72: clamp(32px, 0.72rem, 72px);
  --font74: clamp(32px, 0.74rem, 74px);
  --font80: clamp(32px, 0.8rem, 80px);
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
  --font230: 2.3rem;
}
@media (max-width: 1580px) {
  :root {
    --header-height:80px;
  }
}
/* 公共字体 */
.font12 {
  font-size: var(--font12);
}
.font14 {
  font-size: var(--font14);
}
.font15 {
  font-size: var(--font15);
}
.font16 {
  font-size: var(--font16);
}
.font18 {
  font-size: var(--font18);
}
.font20 {
  font-size: var(--font20);
}
.font22 {
  font-size: var(--font22);
}
.font24 {
  font-size: var(--font24);
}
.font26 {
  font-size: var(--font26);
}
.font28 {
  font-size: var(--font28);
}
.font30 {
  font-size: var(--font30);
}
.font32 {
  font-size: var(--font32);
}
.font34 {
  font-size: var(--font34);
}
.font36 {
  font-size: var(--font36);
}
.font38 {
  font-size: var(--font38);
}
.font40 {
  font-size: var(--font40);
}
.font42 {
  font-size: var(--font42);
}
.font44 {
  font-size: var(--font44);
}
.font46 {
  font-size: var(--font46);
}
.font48 {
  font-size: var(--font48);
}
.font50 {
  font-size: var(--font50);
}
.font52 {
  font-size: var(--font52);
}
.font54 {
  font-size: var(--font54);
}
.font56 {
  font-size: var(--font56);
}
.font58 {
  font-size: var(--font58);
}
.font60 {
  font-size: var(--font60);
}
.font62 {
  font-size: var(--font62);
}
.font64 {
  font-size: var(--font64);
}
.font66 {
  font-size: var(--font66);
}
.font70 {
  font-size: var(--font70);
}
.font72 {
  font-size: var(--font72);
}
.font72 {
  font-size: var(--font74);
}
.font80 {
  font-size: var(--font80);
}
.font100 {
  font-size: var(--font100);
}
.font120 {
  font-size: var(--font120);
}
.font160 {
  font-size: var(--font160);
}
.font230 {
  font-size: var(--font230);
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 隐藏元素类 */
.hidden-element {
  display: none !important;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: calc(100vw / 21);
  }
}
@media (max-width: 1280px) {
  html {
    font-size: calc(100vw / 19.3);
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/15);
  }
}
@media (max-width: 480px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  font-family: 'Microsoft YaHei','Arial', 'Microsoft YaHei UI', 'SimSun', 'SimHei';
  font-size: 16px;
  color: #000;
  background: #fff;
  overflow-x: hidden;
}
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body::-webkit-scrollbar { width:2px;}
body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: #33416f;}
img{ border:0; max-width: 100%; }
input,button,a { outline: none;}
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:''; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,0.5);}
/*通用样式*/
.container {
  width: 100%;
  height: auto;
  max-width: 78.125%;
  margin: 0 auto;
}
@media (min-width: 1901px) {
  .container {
    max-width: 1600px;
  }
}
@media (max-width: 1880px) {
  .container {
    max-width: calc(100% - 200px);
  }
}
@media (max-width: 1024px) {
  .container {
    max-width: 100%;
    padding: 0 20px;
  }
}
.scanInfor img { width:150px; display:block; margin:0 auto;}
.downloadAlt { display:none; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);
            background:#ffffff; width:700px; padding:40px 0; border-radius:6px; z-index:999; text-align:center;}
.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.fsc {display: flex;display: -webkit-flex;justify-content: flex-start;align-items: center;}
/*通用样式*/
.container { width: 1600px; margin: 0 auto;}
.menuBtn { display: none;}
.logo { position: relative;}
.logo img { display: block; width: clamp(100px,1.69rem,169px); transition: all 0.5s;}
.logo img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; }
.header { background: rgba(0,0,0,.32); height: var(--header-height); transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; display: flex; padding: 0 45px; justify-content: space-between; align-items: center;}
.nav ul { gap: .45rem; display: flex;}
.nav li a { font-size: var(--font16); color: #ffffff;}
.headerRight { display: flex; align-items: center;}
.headerMsg a { position: relative; display: inline-flex;}
.headerMsg span { position: absolute; left: -11px; top: -7px; color:#ffffff; background: #e02f1d; line-height: 12px; border-radius: 12px; padding: 0 4px;
font-size: 12px;}
.headerUser a{ display: flex; align-items: center; gap: .2rem; margin-left: .2rem;}
.userText p { font-size: var(--font16); color: #ffffff;}
.userText span { color: #e1e1e1; font-size: var(--font16);}
.headerFlex { align-items: center; display: flex; width: 1400px; max-width: 92%; justify-content: space-between; margin: 0 auto;}
/*banner*/
.banner { position: relative; height: 100vh;}
.banner img{height: 100%; object-fit: cover; display: block; width: 100%;}
.banner .swiper-slide,.banner .swiper { height: 100%; overflow: hidden;}=
.banner .swiper-pagination { bottom: .5rem;}
.banner .swiper-pagination span { opacity: 1; transition: all 0.3s; box-sizing: border-box; border: 2px solid #ffffff; background: none; outline: none; width: 16px; height: 16px; margin:0 18px 0 0!important;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #ffffff;}
.bannerText { position: absolute; width: 100%; text-align: center; top: 50%; left: 0; transform: translateY(-50%);}
.bannerText p { font-size: 3.125vw; color: #ffffff;}
.swiper-h { height: 100vh;}
/*inBanner*/
.page-banner { position: relative; overflow: hidden;background:#000;}
.page-banner .img img { width: 100%; display: block; height: 100%; min-height: 200px; object-fit: cover;}
.page-banner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 2;}
.inText { z-index: 3; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.inText h2 { color: #ffffff; font-weight: bold; line-height: 1; margin-bottom: .2rem; font-size:var(--font60); -webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;}
.inText p { color: #ffffff;line-height: 1.4; margin-bottom: .32rem; font-size: var(--font20);-webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;animation-delay: .2s;}
@-webkit-keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}
@keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}
/*footer*/
.footer { background:#ffffff; padding: 30px 0 20px;}
.footerFlex { display: flex; justify-content: space-between;}
.descArt { color: #505050; padding: 5px 20px; border-radius: 8px; font-size: var(--font14); line-height: calc(1em + 4px);}
.leftDesc img { width:150px; display: block; margin-bottom: 10px;}
.leftDesc { width: calc(100% - 270px - 2.13rem);}
.povice { padding:60px 0 0; border-radius: 8px;}
.povice li { font-size: 14px; margin-top:5px; color: #a2a2a2; cursor: pointer; transition: all .4s;}
.povice li span { margin-right: 4px;}
.povice li:hover { color: #ff9900;}
/**/
.secondPage {  display: flex; justify-content: center; align-items: center; background: url(../images/secondPage.jpg) center no-repeat; background-size: cover;}
/* 圆形容器和图标的样式 */
.secondCircle { 
  position: relative; 
  width: 5.32rem; 
  height: 5.32rem; 
  background: url(../images/circle.png) center no-repeat; 
  background-size: 100% auto;
}

/* 创建一个旋转容器 */
.circleGroup {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: rotateContainer 10s linear infinite;
}

/* 图标的基础样式 */
.aaaa, .bbbb, .cccc, .dddd {
  position: absolute;
  width: 1.28rem;
  height: 1.28rem;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  top: 50%;
  margin-left: -0.64rem;
  margin-top: -0.64rem;
  animation: counterRotate 10s linear infinite;
}

.aaaa img, .bbbb img, .cccc img, .dddd img { 
  width: 100%; 
  height: 100%;
  object-fit: contain;
}

/* 四个图标的位置 - 固定在圆形轨道上 */
.aaaa {
  transform: translateY(-2.66rem);
}

.bbbb {
  transform: translateX(2.66rem);
}

.cccc {
  transform: translateY(2.66rem);
}

.dddd {
  transform: translateX(-2.66rem);
}

/* 容器旋转动画 */
@keyframes rotateContainer {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 图标反向旋转，保持朝向不变 */
@keyframes counterRotate {
  0% {
    transform: translateY(-2.66rem) rotate(0deg);
  }
  100% {
    transform: translateY(-2.66rem) rotate(-360deg);
  }
}

/* 为每个图标设置不同的位置和反向旋转 */
.bbbb {
  transform: translateX(2.66rem);
  animation-name: counterRotateX;
}

.cccc {
  transform: translateY(2.66rem);
  animation-name: counterRotateY;
}

.dddd {
  transform: translateX(-2.66rem);
  animation-name: counterRotateNegX;
}

/* 不同方向的反向旋转动画 */
@keyframes counterRotateX {
  0% {
    transform: translateX(2.66rem) rotate(0deg);
  }
  100% {
    transform: translateX(2.66rem) rotate(-360deg);
  }
}

@keyframes counterRotateY {
  0% {
    transform: translateY(2.66rem) rotate(0deg);
  }
  100% {
    transform: translateY(2.66rem) rotate(-360deg);
  }
}

@keyframes counterRotateNegX {
  0% {
    transform: translateX(-2.66rem) rotate(0deg);
  }
  100% {
    transform: translateX(-2.66rem) rotate(-360deg);
  }
}
.secondLink { left: 0; width: 100%; justify-content: center; z-index: 2; gap: .6rem; position: absolute; bottom: .4rem; display: flex;}
.secondLink a { transition: all .4s; width: 2.64rem; border-radius: .16rem; overflow: hidden; display: block; box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.secondLink a img { display: block;}
.secondLink a img:nth-child(2) { display: none;}
.secondLink a:hover { transform: translateY(-10px);}
.thirdPage { background: url(../images/threebg.jpg) center no-repeat; background-size: cover;}
.titleFlex { display: flex; justify-content: space-between; align-items: center;}
.titleFlex a { color: #000000; background: url(../images/e_35.png) right center no-repeat; padding-right: .5rem; background-size: .4rem auto;}
.thirdPage { display: flex; justify-content: center; align-items: center;}
.titleFlex h2 { font-size: var(--font24); display: flex; align-items: center;}
.titleFlex h2 img { margin-right: .2rem; width: .36rem;}
.secondPage .titleFlex { display: none;}
#swiper-container2{ margin-top: .4rem; height: calc(100vh - 4rem); overflow: hidden; position: relative;}
#swiper-container2 .swiper-slide { height: auto;}
.gameList {  flex-wrap: wrap; display: flex; gap: .3rem;}
.gameList a { width: calc((100% - .6rem)/3); border-radius: .14rem; overflow: hidden;}
.gameList a img { display: block; width: 100%;}
.loginAlt { display: none; background: #ffffff; max-width: 92%; z-index: 1001; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width:930px;}
.altHeader { line-height: 40px; padding:0 14px; background: #7f7f7f; color: #ffffff; display: flex; justify-content: space-between; align-items: center; }
.loginAlt svg { display: block;}
.altHeader p { display: flex; align-items: center;}
.altHeader p svg { margin-right: .16rem;}
.altHeader span { cursor: pointer;}
.altFlex { display: flex; justify-content: space-between;}
.noticeList { width: 210px; background: #e8e8e8;}
.noticeList li { cursor: pointer; display: flex; align-items: center; padding: 0 4px 0 8px; line-height: 34px;}
.noticeList li p { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; max-width:calc(100% - 15px);}
.noticeList li svg { width: 15px; display: block;}
.noticeList li svg path { stroke: #5b5b5b;}
.noticeCont {padding: 20px 10px;width: calc(100% - 210px);}
.noticeCont .swiper { width: 100%;}
.noticeList li.active { background: #ff9900; color: #ffffff;}
.noticeList li.active svg path { stroke: #ffffff;}
.noticeTitle { margin-bottom: .12rem; text-align: center; font-size: var(--font24); font-weight: bold; color: #000000; line-height: calc(1em + .1rem);}
.noticeInfor img { display: block; width: 100%; margin: 0 auto .1rem;}
.noticeInfor p { font-size:var(--font18); color: #2b2b2b; line-height: calc(1em + .1rem); margin-bottom: .1rem;}
.noticeInfor h3 { font-weight: bold;font-size:var(--font18); color: #2b2b2b; line-height: calc(1em + .1rem); margin-bottom: .1rem;}
.noticeSlide { height:60vh; overflow-y: auto;}
.resignType { display: flex; justify-content: center; align-items: center;}
.typeChose { display: flex; border-radius: 8px; overflow: hidden; border: 1px solid #b1b1b1;}
.typeChose span { cursor: pointer; display: block; text-align: center; width: 115px; text-align: center; font-size: var(--font16); color: #000000; font-weight: bold; line-height: 2;}
.resignAlt { display: none; z-index: 1001; border-radius: 14px; overflow: hidden; background: #ffffff; max-width: 92%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width:930px;}
.resignFlex { display: flex; justify-content: space-between;}
.resignBanner { width: 340px;}mobEnter
.resignBanner img { height: 100%; object-fit: cover; display: block;}
.resignCont { flex: 1; padding: 20px;}
.typeChose span.cur { background-image: linear-gradient(to bottom,#ff9900,#ffb749); color: #ffffff;}
.resignAside li p { font-weight: bold; font-size: 14px; color: #000000; line-height: 1; margin-bottom: .1rem;}
.resignAside li span { color: #ff0000; font-size: 12px; opacity: 0;}
.resignAside li span.act { opacity: 1;}
.inputBar { position: relative; width: 100%; border: 1px solid #aeaeae; border-radius: 8px; height:clamp(40px,.46rem,46px);}
.inputBar input { width: 100%; text-indent: 10px; flex: 1; border: none; outline: none; font-size: 12px; height: 100%; background: none;}
.inputBar img { position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.loginNotice { font-size: 12px; color: #000000;}
.resignList { flex: 1; padding-top: 24px;}
.resignAside { flex: 1;}
.forget { margin-top: 1.3rem; margin-bottom: 20px; text-align:right;}
.forget a { font-size:12px; color: #000000;}
.subBox button { width: 100%; color: #ffffff; font-weight: bold; font-size: 14px; background-image: linear-gradient(to right,#ff9900,#ffc369); border: none; line-height: 44px; border-radius: 44px;}
.inputBar i { background: url(../images/eye.png) center no-repeat; position: absolute; background-size:100% 100%!important; top: 50%; transform: translateY(-50%);width: 24px; height: 18px; right: 10px; cursor: pointer;}
.inputBar i.cur {background: url(../images/closeEye.jpg) center no-repeat; }
.inputFlex { display: flex; justify-content: space-between; gap: 20px;}
.slideAside { flex: 1;}
.checkInfor { color: #666; font-size: 12px; display: flex; align-items: center;}
.checkInfor input { vertical-align:2px; display: block;}
.checkNotice { margin-top:5px; position: relative; display: inline-block; font-size: 12px; background: #f90; padding: 0 10px; border-radius: 4px; line-height:2;}
.checkNotice::after { content: ''; position: absolute; width: 8.5px; background: #f90; height: 8.5px; transform: rotate(45deg); left: 8px; top: -4px;}
.subBox { margin-top: 10px;}
.closeResign { position: absolute; right: 10px; top: 10px; cursor: pointer;}
.forgetCont { flex: 1; padding: 17px;}
.forgetCont h2 { margin-bottom: 17px; text-align: center; color: #333; font-size:14px; font-weight: bold;}
.backResign { margin-top: .8rem; text-align: right;}
.backResign span { display: inline-flex; cursor: pointer; transition: all .4s; line-height: 2; padding: 0 15px; font-size: 11px; color: #000000; background: #9e9e9e; border-radius: 4px;}
.backResign span:hover { color:#ffffff;}
.forgetCont li span { opacity: 0; font-size: 12px; color: #ff0000;}
.accountEnter { padding-top: 30px;}
.nextFind { margin-top: 160px;}
.nextFind button {width: 100%; cursor: pointer; color: #ffffff; font-weight: bold; font-size: 14px; background-image: linear-gradient(to right,#ff9900,#ffc369); border: none; line-height: 44px; border-radius: 44px;}
.inputBar button { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: #5fbe6e!important; border: none; color: #ffffff; width: 70px;
border-radius: 4px; height: 80%; cursor: pointer;}
.forgetFirst li { margin-bottom: 10px;}
.accountEnter li p { font-size: 12px; margin-bottom: 10px;}
.findControl { display: flex; justify-content: space-between; gap: 20px;}
.findControl button { flex: 1;width: 100%; cursor: pointer; color: #ffffff; font-weight: bold; font-size: 14px; background-image: linear-gradient(to right,#ff9900,#ffc369); border: none; line-height: 44px; border-radius: 44px}
.findControl button:nth-child(1) { background: #9e9e9e; color: #000; transition: all .4s;}
.findControl button:nth-child(1):hover { color: #ffffff;}
.resignFlex span.show { opacity: 1;}
.header .loginBtn { display: block; background: #f90; width: 100px; line-height: 30px; text-align: center; font-size: 12px; border-radius: 4px; color: #000000;}
.header .resignBtn { margin-left:10px; display: block; background: #f90; width: 100px; line-height: 30px; text-align: center; font-size: 12px; border-radius: 4px; color: #000000;}
#loginCover { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000;}
.fixRight { display: flex; flex-direction: column; gap: 15px; padding:20px 10px; border-radius: 6px 0 0 6px; z-index: 10; position: fixed; right: 0; top: 15%; background: rgba(0,0,0,0.5);}
.fixRight a { display: block; text-align: center; color: #ffffff; font-size: 12px;}
.fixRight a img { display: block; margin: 0 auto 5px;}
.fixRight img { height: 32px;}
.noticeCont .swiper-button-prev,.noticeCont .swiper-button-next { display: none;}
.userCenter { background: url(../images/userBg.jpg) center no-repeat; padding: 1.6rem 0; background-size: cover; background-attachment: fixed;}
.userCont { display: flex; gap: 10px; justify-content:space-between;}
.userAside { padding: 38px 17px 35px; width:280px; background: #ffffff; border-radius: .2rem;}
.userInfor { margin-bottom: .25rem; text-align: center;}
.userImg { width: .82rem; height: .82rem; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.userImg img { margin: 0!important; width: 100%; height: 100%; object-fit: cover;}
.inforText p { line-height: 1; margin: .12rem 0; font-size: var(--font16); color: #000000;}
.inforText span { display: block; font-size: var(--font16); color: #000000;}
.inforText span i { font-style: normal; color: #ff9900;}
.userInfor a.logOut { display: block; width: 110px; line-height: 30px; font-size: var(--font14); color: #ffffff; border-radius: 30px; margin: 16px auto 0; background: #000;}
.userMenu a { transition: all .4s; border-radius: 4px; font-size: var(--font16); padding: 0 0 0 .25rem; line-height: 52px; display: flex; align-items: center;}
.menuIcon { margin-right: .1rem; display: flex; position: relative; justify-content: center; align-items: center; width: 52px; height:52px; position: relative;}
.menuIcon img { max-width: 64%; max-height: 64%; display: block;}
.menuIcon i { z-index:2; position: absolute; width: 24px; font-size: 12px; line-height: 15px; border-radius: 3px; background: #e02f1d; color: #ffffff;
left: -10%; top: 10%; text-align: center; font-style: normal;}
.userMenu a:hover { color: #ff9900;}
.userMenu li.cur a { background: #ff9900; color: #ffffff;}

.memberCont {width: calc(100% - 290px); padding: 20px; background: #ffffff; border-radius: .2rem;}
.pageTitle { font-size: var(--font18); color: #000000; font-weight: bold;}
.msgType { display: flex; align-items: center;}
.msgType span { display: block; padding: 5px 25px; font-size: 12px; font-weight: bold; color: #000000; margin-right: .25rem; border-radius: 4px 4px 0 0; cursor: pointer;}
.msgTitle { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #a9a9a9;}
.msgType span.cur { background: #ff9900; color:#ffffff;}
.msgControl { padding-bottom:10px; gap: 10px; display: flex; align-items: center;}
.msgControl a.setRead { color: #ffffff; background: #ff9900; border-radius: 4px; padding: 0 12px; font-weight: bold; font-size: 12px; line-height: 28px;}
.msgControl a.removeMsg { display: flex; align-items: center; color: #ff2e27; border: 1px solid #ff2e27; background: #4d474c; border-radius: 4px; padding: 0 12px; font-weight: bold; font-size: 12px; line-height: 28px;}
.msgControl a img { width: 15px;}
.allCheck { padding: .3rem 0; display: flex; align-items: center;}
.msgSlide input { margin-right: 10px;}
.msgInfor {flex:1; border: 1px solid #a0a0a0; padding: 18px .24rem; border-radius: 8px;}
.msgInfor a { color: #000; justify-content: space-between; align-items: center; display: flex; flex: 1;}
.msgSlide li { margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between;}
.sendUser { width: .62rem; height: .62rem; border-radius: 50%; overflow: hidden;}
.sendUser img { display: block; width: 100%; height: 100%; object-fit: cover;}
.senduserText { margin-left: .4rem;}
.senduserText h2 { margin-bottom: .2rem; font-weight: bold; font-size: 14px;}
.senduserText h2 span { color: #ff9900; font-weight: bold;}
.senduserText p { font-size: 12px; font-weight: 200;}
.userDetail { display: flex; align-items: center;}
.msgDesc { display: flex; width: 50%;}
.msgDesc p { white-space: nowrap; font-weight: bold; font-size: 14px;}
.msgDesc span { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; flex:1; font-size: 14px;}
.megControl { text-align: right;}
.megControl span { display: block; font-size: 24px; margin-bottom:15px;}
.megControl p { font-size: 14px; color: #666666;}
.fpage { gap: 5px; display: flex; justify-content: center; align-items: center;}
.fpage a { display: block; background: #383843; width: 32px; height: 32px; border-radius: 3px; text-align: center; line-height: 32px; color: #ffffff;
font-size: 14px; transition: all .3s;}
.fpage a.cur,.fpage a:hover { background: #ff9900;}
.activeAlt { display: none; position: fixed; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 10px; background: #ffffff; width:750px; max-width: 92%; z-index: 1001; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.activeTitle { line-height: .6rem; border-bottom: 1px solid #efefef; padding: 0 10px; display: flex; justify-content: space-between; align-items: center;}
.activeTitle svg { display: block;}
.activeTit .back img {width: clamp(24px,.32rem,32px);}
.detailBanner img { display: block; width: 100%;}
.detailBanner { margin-bottom: 20px;}
.activeDetail { padding:20px;}
.detailArticle { max-height: 50vh; overflow-y: auto;}
.activeTitle p { font-size: 14px;}
.closeActive { cursor: pointer;}
.iknow { padding: 20px 0; margin: 0 20px; border-top: 1px solid #efefef; display: flex; justify-content: end; align-items: center;}
.iknow a { display: block; padding: 5px 12px; border-radius: 4px; background: #ff9900; font-weight: bold; font-size: 12px; color: #000000;}
.activeTit { padding-bottom: .2rem; margin-bottom: .2rem; font-size: var(--font16); border-bottom: 1px solid #b8b8b8; display: flex; align-items: center; gap: 20px;}
.activeList ul { margin-bottom: .3rem; gap: .3rem; flex-wrap: wrap; display: flex;}
.activeList li { width: calc((100% - .6rem)/3);}
.activeList li img { display: block; width: 100%; border-radius: 16px;}
.poviceAlt { display: none; position: fixed; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 10px; background: #ffffff; width:1500px; max-width: 92%; z-index: 101; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.detailArticle h2 { font-size: 14px; font-weight: bold; line-height: 2; color: rgb(255, 153, 0);}
.detailArticle p { font-weight: bold; font-size: 14px; line-height: 2;} 
.poviceAlt .detailArticle { max-height: 50vh;}
.intAlt { display: none; position: fixed; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 10px; background: #ffffff; width:1500px; max-width: 92%; z-index: 101; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.friendLink p { font-size: 14px; font-weight: bold; color: #000000; margin-bottom:10px}
.footerBottom { margin-top: 12px; align-items: center;}
.friendList { display: flex; gap: .2rem;}
.shareLink { display: flex; gap:.9rem;}
.shareLink img { display: block; width: 32px;}
.pointsTitle h2 { font-size: var(--font20); font-weight: bold; color: #000000; margin-bottom: 10px;}
.pointSearch { flex-wrap: wrap; display: flex; gap:20px; align-items: center;}
.timeChose { border-radius: 4px; overflow: hidden;}
.timeChose .layui-inline { color: #ffffff; background: #606068;}
.timeChose .layui-inline input { font-size: var(--font14); text-align: center; border: none; background: none; color: #ffffff;}
.timeChose .layui-inline input::placeholder { color: #ffffff;}
.searchSlide select { border-radius: 4px; font-size: 12px; height: 38px; margin-left: 10px; color: #ffffff; background: #676671;}
.searchSlide { display: flex; align-items: center;}
.dayType { display: flex; border-radius: 4px; overflow: hidden;}
.dayType span { border-right: 1px solid #ffffff; font-size: 12px; line-height: 38px; padding: 0 10px; display: block; cursor: pointer; background:#676671; color: #ffffff; cursor: pointer;}
.dayType span:last-child { border: none;}
.dayType span.cur { background: #ff9900; color: #ffffff;}
.timeChose input { width: 100px; padding: 0;}
.searchSlide button { cursor: pointer; display: block; font-size: 12px; font-weight: block; background:#ff9900; color: #ffffff; height: 38px; border-radius: 4px; border: none; padding: 0 17px;}
.pointsList li { display: flex;border: 1px solid #a0a0a0; margin-top: .2rem; padding: 18px .24rem; border-radius: 8px;}
.pointsIcon { width: .58rem; display: flex; justify-content: center; align-items: center;}
.pointsIcon img { max-width: 100%; display: block;}
.searchSlide p { font-size: 14px; font-weight: bold; margin-right: 10px;}
.inviteType { margin-bottom: .28rem; border-bottom: 1px solid #eee; display: flex; align-items: center; gap: .32rem;}
.inviteType span { padding: 0 .32rem;display: block; cursor: pointer; font-size: 14px; color: #000000; line-height: 32px;}
.inviteType span.cur { background: #ff9900; color: #ffffff; border-radius: 4px 4px 0 0; }
.inviteGet { margin-bottom: .35rem; text-align: center; font-weight: bold; font-size: var(--font48);}
.inviteGet span { font-weight: bold; color: #ff9900;}
.inviteApp { display: flex; align-items: center; justify-content: center; text-align: center;}
.inviteApp p { margin-right: 10px; font-size: 14px; font-weight: bold;}
.inviteApp a { margin: 0 5px; width:44px;}
.shareCopy { max-width: 100%; width: 555px; background: #000000; border-radius: 14px; background: url(../images/inviteIcon7.jpg) 24px center no-repeat #000;
padding: 10px 10px 10px 66px; display: flex; justify-content: space-between; align-items: center; margin: 20px auto;}
.shareCopy p { font-size: var(--font16); color: #ffffff; width: calc(100% - 110px); overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.shareCopy span { cursor: pointer; display: block; width: 100px; text-align: center; line-height: 35px; border-radius: 10px; background:#ff9900; color: #ffffff;}
.shareImg img { display: block; margin: 0 auto;}
.inviteList { width: 835px; margin: 0 auto; max-width: 100%;}
.inviteList ul { display: flex; flex-wrap: wrap; gap: 10px;}
.inviteList li { width: calc(50% - 5px); background: #f0f8fc; display: flex; justify-content: space-between; padding: 10px; align-items: center;
box-sizing: border-box;}
.inviteBanner img { display: block; width: 100%;}
.inviteBanner { margin-bottom: 20px;}
.inviteDesc { display: flex; gap:10px; max-width: calc(100% - 100px); align-items: center;}
.invitePeo p{ font-size: 12px; color: #666666;}
.inviteNum a { font-size: 12px; white-space: nowrap; display: block; padding: 0 6px; line-height: 2; border-radius: 4px; margin-top: 10px; color: #ffffff; background-image: linear-gradient(to right,#8acbfa,#b17ae4);}
.inviteNum { text-align: center;}
.inviteIcon { width: .72rem; display: flex; justify-content: center; align-items: center; height: .63rem;}
.inviteIcon img { max-width: 100%; max-height: 100%;}
.invitePeo { width: calc(100% - .8rem);}
.inviteNum p { font-size: 10px; color: #666;}
.inviteNum p span { font-size: var(--font20);}
.logoutAlt { display: none; z-index: 1001; width: 485px; max-width: 92%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #ffffff;
border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.outHeader {overflow: hidden;}
.outHeader span { cursor: pointer; float: right; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px;}
.outHeader span svg { display: block;}
.logoutCont { text-align: center; padding: 8px .4rem .34rem;}
.logoutCont h2 { font-size: var(--font20); line-height:1.4; margin-bottom: 14px; }
.logoutCont p { font-size: var(--font12); color: #666666;}
.outControl { margin-top: .4rem; display: flex; justify-content: space-between; gap: 17px;}
.outControl a { transition: all .4s; line-height: 2.8; border-radius: 4px; flex: 1; display: block; font-size: 14px; color: rgba(0,0,0,.65);}
.outControl a:nth-child(1) { border: 1px solid #d9d9d9;}
.outControl a:nth-child(2) { background: #ff9900; color: #ffffff;}
.outControl a:nth-child(1):hover { color: #ff9900; border: 1px solid #ff9900;}
.safeList li { align-items: center; margin-top: .1rem; padding: .3rem .2rem; display: flex; justify-content: space-between; border: 1px solid #bebebe; border-radius: 8px;}
.safeType { display: flex; align-items: center;}
.safeIcon {margin-right: .3rem;}
.safeIcon img { border-radius: 50%; height: 36px; object-fit: cover; margin: 0!important; width: 36px;}
.safeList li a { white-space: nowrap; display: block; background: #000000; color: #ffffff; padding: 0 8px; font-weight: bold; font-size: 14px; line-height: 2; border-radius: 4px;}
.contactInfor { display: flex; align-items: center;}
.safeType { width: 280px;}
.safeInfor { display: flex; align-items: center;}
.safeInfor,.contactInfor { font-size: var(--font14); font-weight: bold; flex: 1;}
.safeInfor p,.safeInfor span { font-weight: bold;}
.safeInfor span { border: 1px solid #999999; border-radius: 4px; padding: 0 14px; line-height: 2;}
.contactInfor img { margin-right: 10px;}
.changeAlt { display: none; z-index: 1001; width: 485px; max-width: 92%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #ffffff;
border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.altClose {overflow: hidden;}
.closeBtn { cursor: pointer; float: right; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px;}
.changeInfor { padding: 0 .4rem .35rem;}
.changeInfor h2 { text-align: center; font-weight: bold; font-size: var(--font20);}
.changeCont { margin-top: 20px;}
.changeCont li { border-radius: 8px; margin-bottom: 10px; position: relative; display: flex; justify-content: space-between; border: 1px solid #bebebe;}
.changeCont li input { background: none; text-indent: .66rem; width: 100%; height: clamp(32px,.44rem,44px); padding: 0; border: none;}
.changeCont li button {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: #000!important; border: none; color: #ffffff; width: 70px;
border-radius: 4px; height: 80%; cursor: pointer;}
.changeCont li img { max-width: clamp(30px,.37rem,37px); max-height: clamp(20px,.27rem,27px); position: absolute; left: .2rem; top: 50%; transform: translateY(-50%);}
.changeCont p { font-weight: bold; font-size: 14px; margin: 0 0 10px;}
.outControl { text-align: center;}
.changeNotice { color: #ff9900; font-size: 12px;}
.mobHeader { display: none;}
.mobFooter { display: none;}
.mobMenu { left: -110%; position: fixed;}
.mobTitle { display: none;}
.modeInfor { display: none;}
.mobHead { display: none;}
/*game*/
.gameAlt { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.2); z-index: 10000;}
.gameLogo { width: 156px; margin: 0 auto 20px;}
.gameCont {width: 450px; margin: 0 auto;}
.gameSwiper { margin-bottom: 40px; overflow: hidden;}
.gameSwiper p { color: #ffffff; font-size: 13px; text-align: center;}
.gameImg img { display: block; height: 60px; margin: 0 auto;}
.gameSwiper .swiper-button-next,.gameSwiper .swiper-button-prev { color: #ffffff; font-size: 14px;}
.gameSwiper .swiper-button-next::after,.gameSwiper .swiper-button-prev::after { font-size: 14px;}
.gameTime { display: flex; align-items: center;}
.descImg { width: 60px; height: 53px; display: flex; margin: 0 auto 8px; justify-content: center; align-items: center;}
.descImg img { width: 33px;}
.timeDesc p { font-size: var(--font16); color: #ffffff;}
.gamePage { height: 100vh; background: url(../images/userBg.jpg) center no-repeat; background-size: cover;}

.lxftime span { margin-bottom: 10px; border-radius: 6px; width: 60px; line-height: 50px; background: #000000; border: 1px solid #959595; color:#f7a108; text-align: center; font-weight: bold;
 font-size: var(--font26); display: block;}
.lxftime { text-align: center; color:#ffffff; padding-left: 20px; display: flex; justify-content: space-between; flex:1;}
.lxftime em { font-size:var(--font16); font-style: normal;}
.lxftime.flexCenter { justify-content: center; font-weight: bold; color: #f7a108;}
.redbag img { display: block; margin:40px auto; max-width: 100%;}
.redbag .open { display: block; background: url(../images/oepn.png) center no-repeat; width: 352px; height: 60px; background-size: 100% 100%;
margin: 0 auto;}
.getList { position: relative; margin: 40px auto; width: 100%; height: 200px;}
.getList .swiper { background: #000000; height: 100%; overflow: hidden; border-radius: .36rem; border: 3px solid #7a7977;}
.getList .swiper-slide { border-bottom: 1px solid #6c6c6b; align-items: center; padding: 0 .36rem 0 70px; display: flex; justify-content: space-between;}
.getList .swiper-slide p { color: #ffffff;}
.getList .swiper-slide span { color: #f7a108;}
.chipin { position: absolute; left: -30px; top: -15px; z-index: 2;}
.prizeAlt { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10001;}
.prizeBox { width: 524px; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.prizeText { position: absolute; left: 0; top: 0; width: 100%;}
.prizeText h2 { margin-bottom: 19%; text-align: center; color: #ffffff; font-size: 16px; line-height: 42px;}
.prizeCont { font-size: 20px; display: flex; width: 46%; margin: 0 auto; justify-content:space-around; align-items: center;}
.prizeCont span { font-size:var(--font30); font-weight: bold;}
.prizeText a.sureGet { display: block; text-align: center; width: 234px; line-height: 42px; text-align: center; border-radius: 42px;
font-weight: bold; background-image: linear-gradient(to bottom,#fed97b,#fec926); margin: 23% auto 0; color: #000000;}
.closePrize { cursor: pointer; position: absolute; bottom: -.8rem; left: 50%; transform: translateX(-50%); display: block; margin: 0 auto; width: .6rem;}
.yanhua { width: 180%; left: -40%; bottom: 10%; z-index: -1; position: absolute;}
.gameTimes { margin-bottom: 20px; text-align: center; color: #ffffff; font-size: var(--font18); font-weight: bold;}
.gameTimes span { color:#f7a108; font-weight: bold;}
.checkinData { padding: 20px 0; margin: 0 auto 20px; width: 315px; border-radius: 16px; background:#ffffff}
.checkinData ul { position: relative; display: flex;}
.checkinData ul::after { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #c2c2c2;}
.checkinData li { text-align: center; flex: 1;}
.checkinData li p { color: #f7a108; line-height: 1; font-weight: bold; font-size: 20px; margin: 0 0 10px;}
.checkinData li span { font-size: 14px; color: #f7a108;}
.checkinMap ul { display: flex; flex-wrap: wrap; gap: .15rem;}
.checkinMap li { border-radius: 6px; overflow: hidden; background: #ffffff; width: calc((100% - .3rem)/3);}
.checkinMap li:last-child { width: 100%;}
.checkinMap li h2 { font-size: 14px; line-height:2; text-align: center; color:#ffffff;}
.checkinMap li:nth-child(1) h2 { background:#ffce73}
.checkinMap li:nth-child(2) h2 { background:#ffba38}
.checkinMap li:nth-child(3) h2 { background:#ffb326}
.checkinMap li:nth-child(4) h2 { background:#ffbb3d}
.checkinMap li:nth-child(5) h2 { background:#ffb429}
.checkinMap li:nth-child(6) h2 { background:#ffa90a}
.checkinMap li:nth-child(7) h2 { background:#ffa600}
.checkinMap li a { pointer-events: none; cursor: default; filter: grayscale(100%); display: block; line-height:2; font-size: 14px; border-radius: 2em; text-align: center; background: #ffa600; color: #ffffff;}
.checkinCard { padding: 10px;}
.checkinImg img { display: block; width:100%;}
.checkinImg { margin-bottom: 10px;}
.checkinMap li a.active { filter: grayscale(0); pointer-events: auto; cursor: pointer;}
.checkinAlt { max-width: 92%; display: none; width: 400px; background: #ffffff; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);
border-radius: 6px; z-index: 10001; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 0 0 30px;}
.checkinAlt img { display: block; margin: 0 auto;}
.checkinAlt h2 { font-size: 14px; text-align: center; color: #666666;}
.checkinAlt h2 span { color: #f7a108;}
.checkinAlt a { display: block; width: 160px; margin: 20px auto 0; line-height:2; font-size: 14px; border-radius: 2em; text-align: center; background: #ffa600; color: #ffffff;}

.box-lottery {
  position: relative;
  margin: 20px auto;
  width: 457px;
  height: 457px;
  background: url('../images/rotate1.png') center no-repeat;
}
.box-lottery:before {
	content: '';
	position: absolute; 
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	 background: url('../images/rotate1.png') center no-repeat;
	 z-index: 2;
	 pointer-events: none;
}
.lottery-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  
}
.lottery-wrap::after{ content:''; position:absolute; left:0;
top:0; width:100%; height:100%;background: url('../images/rotate2.png') center no-repeat;z-index: -1;
    transform: rotate(10deg); background-size:100% auto;}
.lottery-wrap img {
  width: 93px;

}
.lottery-wrap span {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 32.7%;
  width: 159px;
  height: 50%;
  box-sizing: border-box;padding-top:40px;
  color: #fff;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  text-align: center;
}
.lottery-wrap span.lottery-span1 {
  -webkit-transform: rotate(22.5deg);
  -moz-transform: rotate(22.5deg);
  -ms-transform: rotate(22.5deg);
  transform: rotate(22.5deg);
}
.lottery-wrap span.lottery-span2 {
  -webkit-transform: rotate(67.5deg);
  -moz-transform: rotate(67.5deg);
  -ms-transform: rotate(67.5deg);
  transform: rotate(67.5deg);
}
.lottery-wrap span.lottery-span3 {
  -webkit-transform: rotate(112.5deg);
  -moz-transform: rotate(112.5deg);
  -ms-transform: rotate(112.5deg);
  transform: rotate(112.5deg);
}
.lottery-wrap span.lottery-span4 {
  -webkit-transform: rotate(152deg);
  -moz-transform: rotate(152deg);
  -ms-transform: rotate(152deg);
  transform: rotate(152deg);
}
.lottery-wrap span.lottery-span5 {
  -webkit-transform: rotate(196deg);
  -moz-transform: rotate(196deg);
  -ms-transform: rotate(196deg);
  transform: rotate(196deg);
}

.lottery-wrap span.lottery-span6 {
  -webkit-transform: rotate(247.5deg);
  -moz-transform: rotate(247.5deg);
  -ms-transform: rotate(247.5deg);
  transform: rotate(247.5deg);
}

.lottery-wrap span.lottery-span7 {
  -webkit-transform: rotate(292.5deg);
  -moz-transform: rotate(292.5deg);
  -ms-transform: rotate(292.5deg);
  transform: rotate(292.5deg);
}
.lottery-wrap span.lottery-span8 {
  -webkit-transform: rotate(337.5deg);
  -moz-transform: rotate(337.5deg);
  -ms-transform: rotate(337.5deg);
  transform: rotate(337.5deg);
}

.lottery-wrap i {
  font-style: normal;
  font-size: 12px;
}
.lottery-wrap img {
  max-width: 100%;
  display: block;
  margin:0 auto;
}
.lottery-btn {
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -999em;
  z-index: 11;

  width: 100%;
  height: 100%;
  background: url(../images/rotate3.png) center no-repeat;
}
.gameCont { position: relative;}
.gameBack { position: absolute; width: clamp(30px,.4rem,40px); right: 10px; top: 20px; z-index: 20;}
.mobGame { width: 65px; position: fixed; right: 20px; bottom: 1.3rem; z-index: 10;}
.mobGame img { width: 32px; margin: 0 auto; display: block;}
.gameFix { display: none; padding: .2rem 6px; text-align: center; background: rgba(0,0,0,0.5); border-radius: 1rem;}
.gameFix li { margin-bottom: 10px;}
.gameFix li:last-child { margin: 0;}
.gameFix p { color: #ffffff; font-weight: bold; font-size: 10px;}
.closeGame { width: 18px; display: block; position: absolute; left: -15px; top: 15px;}
.openGame { display: block; width:18px; margin: 0 auto 10px;}
.openGame.cur { transform: rotate(180deg);}
.articleTitle { text-align: center; border-bottom: 1px solid #efefef; padding: 20px 0;}
.articleTitle h2 { font-size: var(--font20); line-height: 1.25;}
.articleTitle p { line-height: 2; font-size: var(--font14); color: #666666;}
.articleDetail { padding: 20px 0; line-height: 1.5; color: #666666;}
.mobGame { display: none;}
.opinionCont { width:600px; max-width:100%; margin: 0 auto;} 
.opinTitle { margin-bottom: 20px; text-align: center;}
.opinTitle h2 { margin: 20px 0 10px; font-size: var(--font30);}
.opinTitle p { font-size: var(--font16);}
.opinform li input { width:100%; text-indent: 20px; border: 1px solid #efefef; line-height: 3em; border-radius: 8px;
font-size: var(--font16); box-sizing: border-box;}
.opinform li textarea { border: 1px solid #efefef; border-radius: 8px; height: 15em; resize: none; width: 100%; padding: 20px;
box-sizing: border-box; font-family: '微软雅黑'; outline: none; font-size: var(--font16); box-sizing: border-box;}
.opinform li { margin-bottom: 20px;}
.uppload { cursor: pointer; border: 1px solid #efefef; border-radius: 8px; width: 60px; height: 60px; overflow: hidden;}
.uppload img { width: 100%; height: 100%; object-fit: cover; margin: 0!important;}
.opinform button{ color: #ffffff; font-size: var(--font16); border: none; border-radius: 3em; margin-top: 40px; cursor: pointer; width: 100%; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(to right,#ffa100,#ffc368);}
.opinform button svg { width: 24px; margin-left: 10px;}
.homePage .swiper-slide:nth-child(1) .secondLink a{ border-radius: .24rem;}
#swiper-container2 .swiper-slide { height: auto;}
.swiper-h>.swiper-wrapper>.swiper-slide:last-child{height: auto!important;}
.gameList { margin-top: 20px;}
.mobNotice { display: none;}
.opinionAlt { display: none; position: fixed; z-index: 1008; left: 50%; top: 50%; background: #ffffff; transform: translate(-50%,-50%); padding: 40px; max-width: 92%;}
.closeOpinion { width: 20px; cursor: pointer; position: absolute; right: 20px; top: 20px;}
.mobEnter { display:none;}
.linkgroup { position:relative; z-index:2; border-radius:8px; display:flex; justify-content:center; padding:12px; gap:4px; background:#4a494f; margin-top:-10px; border-radius:8px;}
.frlinkList li {margin-bottom:20px; background-image:linear-gradient(#4a494f 0%,#282828 50%,#4a494f 100%); border-radius:8px; overflow:hidden;}
.linkgroup a { gap:10px; flex:1; border-radius:2em; display:flex; justify-content:center; color:#ffffff; font-size:14px; line-height:2; align-items:center;}
.linkgroup a img {border-radius:50%; display:block; height:16px;}
.linkgroup a:nth-child(1) { border:1px solid #ffffff;}
.linkgroup a:nth-child(2) { border:1px solid #ff9700; background:#ff9700;}
.openFr { position:absolute; right:10px; bottom:10px; color:#ff9700; font-size:14px; display:flex; justify-content:center; align-items:center;}
.frpics { position:relative}
.frpics img { display:block; width:100%;}
.openFr svg { display:block; width:18px;}
.subInforhide { padding:20px; display:none;}
.subInforhide p { margin-bottom:10px; color:#ffffff;}
.subInforhide p img { height:18px;}
.frpics.cur svg { transform:rotate(180deg);}
@media screen and (max-width: 1800px) {

}
@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1500px) {

}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1200px) {
	
	
}
@media screen and (max-width: 1080px) {
	.homePage .swiper-slide:nth-child(1) .secondLink { display: none;}
	.inviteType { justify-content: space-between;}
	.inviteType span { font-size: 12px;}
	.pointsTitle { display: none;}
	.safeType { width: auto;}
	.safeIcon { margin-right: 10px;}
	.safeIcon img { width: 30px;}
	.safeList li { padding: 10px;}
	.safeInfor { margin-left: 10px;}
	.safeList li a { font-size: 12px;}
	.safeType { font-size: 14px;}
	.contactInfor { display: none;}
	.changeCont li input { height: 45px; text-indent: 50px;}
	.changeAlt { width: 100%; height: 100%; border-radius: 0; max-width: 100%;}
	.mobHead {height:42px; display: block; text-align: center; background:#ffffff; font-size: 14px; line-height:3; color: #333; position: relative;}
	.mobHead svg path{ fill: #999;}
	.pageTitle { display: none;}
	.msgControl { position: absolute; right: 0; bottom: -50px;}
	.msgControl a img { display: none;}
	.msgControl a { font-size: 10px!important;}
	.sendUser { display: none;}
	.megControl { display: none;}
	.senduserText { margin: 0;}
	.msgInfor a { flex-direction: column;}
	.msgInfor a>div { width: 100%;}
	.senduserText h2 { margin: 0; font-size: 12px;}
	.msgDesc p,.msgDesc span { font-size: 12px;}
	.senduserText { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; width: 100%;}
	.msgDesc span {-webkit-line-clamp:1;}
	.msgInfor { padding: 10px;}
	.allCheck { font-size: 12px;}
	.msgTitle { position: relative;}
	.mobHead a.mobBack { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width:20px;}
	.mobHead a.mobBack svg { display: block; width: 100%;}
	.memberCont { padding: 0;}
	.mobShow { display: block!important;}
	.userAside { display: none;}
	body { padding-top: 1.3rem; padding-bottom:1.2rem; height: auto;}
	.header { display: none;}
	.mobHeader { display: block; position: fixed; width: 100%; background: #323234; z-index: 10; left: 0; top: 0;
	width: 100%; height: 1.3rem; display: flex; justify-content: center; align-items: center; padding: 0 .24rem;}
	.menuEnter { width: .6rem; display: none;}
	.downBtn { display: block; position:absolute; right:4%; top:50%; transform:translateY(-50%); width: .6rem;}
	.mobHeader>img { display: block; width: auto; height: .8rem;}
	.swiper-h { height: auto;}
	.swiper-h>.swiper-wrapper { flex-direction: column; height: auto;}
	.banner { height: auto;}
	.secondCircle { display: none;}
	.secondLink { position: static;}
	.secondPage .titleFlex { display: flex;}
	.fixRight { display: none;}
	
	.secondPage { display: block; padding: .5rem 20px; background: #ffffff;}
	.titleFlex h2 { font-size: 14px;}
	#swiper-container2 { height: auto;}
	.gameList a { width: calc(50% - .15rem);}
	.thirdPage { background: #ffffff; padding: 20px 0;}
	.secondLink a img:nth-child(1) { display: none;}
	.secondLink a img:nth-child(2) { display: block;}
	.secondLink { gap: .3rem; margin-top: .3rem;}
	.titleFlex a { font-size: 12px;}
	.mobFooter { background:#ffffff; border-top: 1px solid #eaeaea; height:1.2rem; display: flex; position: fixed; bottom: 0; width: 100%; left: 0; z-index: 10;}
	.mobFooter a { flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.mobFooter a img { margin-bottom: .15rem; display: block; height: .47rem;}
	.mobFooter a p { font-size: 11px; font-weight: bold; color: #000000;}
	.mobMenu { position: fixed; padding: 20px 10px; bottom: 1.2rem; top: 0; width:240px; background: rgba(0,0,0,0.74); z-index:11;}
	.beforLogin a { border-radius: 2em; line-height: 2.2; text-align: center; flex: 1; font-size: 12px; color: #ffffff;}
	.beforLogin { gap:10px; display: flex; justify-content: space-between;}
	.beforLogin a:nth-child(1) { background: #5c5c5c; border: 1px solid #ffa200;}
	.beforLogin a:nth-child(2) { background: #ffa200; border: 1px solid #ffa200;}
	.userDesc p { font-weight: bold; font-size: 14px; color: #ffffff;}
	.userDesc span { font-weight: bold; font-size: 14px; color: #e1e1e1;}
	.userFlex a{ margin-bottom:10px; margin-top: 10px; display: flex; align-items: center;}
	.userPic { margin-right: 10px; width: 40px;}
	.menuUser .pin { font-weight: bold; color: #ffffff;}
	.menuUser .pin span {color: #ffa200; font-weight: bold;}
	.mobMenu ul { margin-top: 10px;}
	.mobMenu li a { border-radius: 4px; padding:10px 10px 10px 20px; font-size: 14px; font-weight: bold; color: #ffffff; display: flex; align-items: center;}
	.mobMenu li.cur a { background: #ffffff; color: #000;}
	.mobMenu li.cur a img {filter: grayscale(100%) invert(1);}
	.menupic { margin-right: 10px; width: 22px; position: relative;}
	.mobMenu li { margin-bottom: 10px;}
	.menupic span { color: #ffffff; background: #ff0000; position: absolute; font-size: 10px; left: -10px; top: -6px; padding: 0 5px; border-radius: 4px;}
	.noticeList { display: none;}
	.noticeCont { width: 100%;}
	.noticeCont .swiper-button-prev, .noticeCont .swiper-button-next { display: block;}
	.noticeCont .swiper-button-prev { background: url(../images/prevNotice.png) center no-repeat; width: 30px; height: 30px; background-size: 100% auto;}
	.noticeCont .swiper-button-prev::after { display: none;}
	.noticeCont .swiper-button-next { background: url(../images/noticeNext.png) center no-repeat; width: 30px; height: 30px; background-size: 100% auto;}
	.noticeCont .swiper-button-next::after { display: none;}
	.altHeader p { font-size: 12px;}
	.resignAlt { transform: translate(0); overflow-y: auto; left: 0; max-width: 100%; width: 100%; border-radius: 0; top: 1.3rem;}
	.resignBanner { display: none;}
	.userCenter { padding:0; background: #ffffff;}
	.userCont { flex-direction: column;}
	.userAside { width: 100%;}
	.userInfor { background: #f5f5f5; padding: 10px; margin-bottom: 0; border-radius: 4px; justify-content: space-between; align-items: center; display: flex;}
	.memberCont { width: 100%; padding-top: 20px;}
	.userMenu ul { gap: 20px 0; display: flex; flex-wrap: wrap;}
	.userMenu li { width: 33.33%;}
	.userMenu a { font-size: 12px; line-height: 1.2; text-align: center; padding: 0; flex-direction: column;}
	.userAside { padding: 20px 10px;}
	.userMenu li.cur a { background: none; color: #000000;}

	.menuIcon img { max-width: none; max-height: none; height:44px; margin-bottom: 5px;}
	.userInfor a.logOut { margin: 0; font-size: 12px;  width: auto; padding: 0 10px;}
	.userImg { margin: 0;}
	.inforText { padding: 0 10px; flex: 1; text-align: left;}
	.inforText p { margin-top: 0;}
	.footerFlex { flex-direction: column-reverse; gap: 20px;}
	.leftDesc img { margin: 0 auto 20px;}
	.leftDesc { width: 100%;}
	.activeList ul { gap: .2rem;}
	.activeList li { width: calc(50% - .1rem);}
	.activeList li img { border-radius: 4px;}
	.fpage a { font-size: 10px; width: 20px; height: 20px; line-height: 20px;}
	.mobTitle { display: block; margin-bottom:20px; line-height: 2; font-size: 18px; text-align: center; font-weight: bold;}
	.userAside { padding: 0;}
	.mobUser { overflow: hidden; margin-bottom: 20px; background: #f5f5f5; padding-bottom: 10px; border-radius: 10px;}
	.modeInfor { display: block; font-size: 12px; margin: 0 10px; padding:18px 10px; background: url(../images/userCard.png) center no-repeat; background-size: 100% 100%;}
	.inforText { display: none;}
	.mobHello { display: block; flex: 1; text-align: left; font-weight: bold; padding:0 10px; font-size: 14px;}
	.modeInfor ul { display: flex; flex-direction: column; gap:15px}
	.modeInfor li p,.modeInfor li span { font-weight: bold; font-size: 14px;}
	.modeInfor li { position:relative;}
	.giftEnter { position: absolute; right: 10px; top: 50%; transform: translateY(-54%);}
	.giftEnter img { width: 26px; display: block; margin: 0 auto;}
	.mobEnter { border-radius: 12px 12px 0 0; width: 90%; margin:30px auto 0; background: #f5f5f5;display:block;}
	.footer .descArt,.footer .povice{ display: none; }
	.friendLink p { display: none;}
	.mobEnter h2 a { color: #000000; font-size: 14px; font-weight: bold; line-height: 52px; display: flex; position: relative; align-items: center; padding: 0 20px 0 40px;}
	.mobEnter li { border-bottom: 1px solid #ffffff;}
	.mobEnter h2 a img { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 20px;}
	.mobEnter h2 span { font-weight: bold; transition: all .4s; position: absolute; right: 20px;}
	.mobEnter li.cur h2 span { transform: rotate(90deg);}
	.mobEnter dl { display: none; padding:0 10px 10px;}
	.mobEnter dt { color: #666666; font-size: 14px; line-height: 2;}
	.mobEnter dt span { color: #666666; margin-right: 10px;}
	.activeTitle { line-height: 3;}
	.mobShow.userAside { margin-top: 20px;}
	#asideCover { display: none; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%;}
	.inviteApp a { width: 32px;}
	.shareCopy span { font-size: 12px; line-height: 30px; border-radius: 4px; width: auto; padding: 0 10px;}
	.shareCopy p { font-size: 12px;}
	.shareCopy { border-radius: 10px; background-position: 10px center; padding-left: 35px; background-size: 16px auto;}
	.inviteSlide .senduserText { flex-direction: column; justify-content: start; align-items: start;}
	.inviteSlide .senduserText { margin: 0;}
	.inviteSlide .pointsIcon { min-width: .58rem; margin-right: .2rem;}
	.inviteSlide .pointsList li { padding: 10px;}
	.layui-laydate-range { max-width:100%;}
	.pointSearch { gap: 10px;}
	
} 
@media screen and (max-width: 780px){
    .solutionHd{ overflow-x:hidden;}
	.inviteList li { width: 100%;}
	.footLogo img { height: 20px;}
	.banner .swiper-pagination span { width: 8px; height: 8px; border: 1px solid #ffffff; margin-right: 6px!important;}
	.subEwm { width: 100px; top: 40px;}
	.gameCont { width: 100%;}
	.checkinMap { width: 92%; margin: 0 auto;}
	.getList { width:92%}
	.gameSwiper p { font-size: 12px;}
	.box-lottery { width: 320px; height: 320px; background-size: 100% 100%;}
	.box-lottery:before,.lottery-btn:after,.lottery-wrap {background-size: 100% 100%;}
	.lottery-wrap span { width: 110px;}
	.lottery-btn { background-size: 100% 100%;}
	.lottery-wrap img { width: 60px;}
	.lxftime span { width: 50px; line-height: 40px; height: 40px;}
	.descImg img{ width: auto; height: 26px;}
	.gameTime { padding: 0 4%;}
	.descImg { width: auto; height:40px; margin-bottom: 10px;}
	.redbag .open {width: 200px; height: 32px;}
	.redbag { width: 80%; margin: 0 auto;}
	.senduserText { flex-direction: column; justify-content: start; text-align: left; align-items: start;}
	.pointsList .senduserText:last-child { flex-direction: column;}
	.pointsIcon { min-width: 30px; margin-right:10px;}
	.senduserText h2 { font-weight: normal;}
	.fullSlide .dayType { width: 100%;}
	.fullSlide .dayType span { flex: 1; text-align: center;}
	.fullSlide {width: 100%;}
	.topSlide { width:100%;}
	.topSlide .timeChose { flex: 1;}
	.topSlide .timeChose { display: flex;}
	.topSlide .timeChose .layui-inline { display: flex; flex: 1;}
	.topSlide .layui-input-inline { flex: 1;}
	.topSlide .timeChose .layui-inline input { flex: 1; width: 100%;}
	.searchInfr .searchSlide:last-child { flex: 1;}
	.searchInfr .searchSlide:last-child button { width: 100%;}
	.activeList li { width: 100%;}
	.activeList { padding-bottom: 20px;}
	.mobGame { }
	.gameList a { width: 100%;}
	.gameList a:nth-child(n + 6) { display: none;}
	.modeGame>a>img { width: 44px;}
	.mobNotice { padding-left:40px; display: flex; align-items: center; justify-content: space-between; background: url(../images/notice.jpg) 5px center no-repeat #e9e9e9; width:92%; margin: 10px auto 0; height: 40px;
	background-size: auto 50%; overflow: hidden; border-radius: 6px;}
	.webLink a { padding: 0 5px 0 20px; color:#ff0000; font-size: 12px; line-height: 40px; display: block; background: url(../images/webbg.jpg) left center no-repeat #afafaf; background-size: auto 100% ;}
	.marquee-container {overflow: hidden;}
	.marquee {
		font-size: 12px;
	    display: flex;
	    white-space: nowrap;
	    animation: marquee 10s linear infinite;
	}
	
	@keyframes marquee {
	    0% {
	        transform: translateX(0);
	    }
	    100% {
	        transform: translateX(-50%);
	    }
	}
	.opinionAlt { padding: 0 20px 20px;}
	.mobHeader a:nth-child(2) img { width:100px;}
}
.mobHeader img { max-height:40px;}
.showFlex { align-items:start; width:1400px; gap:20px; max-width:92%; margin:0 auto; display:flex; justify-content:space-between;}
.showMenu { box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: .2rem; background:#ffffff; width: 240px; padding:16px;}
.showMenu h2 {font-size:var(--font20); margin-bottom:.2rem; line-height:1.4;}
.showMenu dt a {transition:all .4s; color:#000000; align-items:center; display:flex; padding:8px; gap:8px;}
.showMenu dt a img {width:28px;}
.showMenu dt.cur a,.showMenu dt:hover a{ color:#f5992a}
.showMenu dt{ transition:all .4s; border-radius:4px; margin-bottom:12px}
.showMenu dt:hover{ background:#f3f4f6}
.showMenu dt:last-child{ margin-bottom:0;}
.shopPage {padding:100px 0; background: #f8f8f8;}
.shopCont { position: relative; border-radius: .2rem; flex:1; margin: 0 auto; max-width: 92%; background: #ffffff; padding: .35rem .5rem .35rem; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.shopTitle {position: absolute; left: 0; width: 100%; top: -3rem;}
.shopNotice { margin-bottom: .4rem; display: flex; justify-content: space-between; align-items: center;}
.shopNotice p { display: flex; align-items: center; gap: .2rem; font-size: var(--font34);}
.shopNotice a { display: block; background: #0ad100; color: #ffffff; font-size: var(--font18); padding: 0 10px; line-height: 2; border-radius: 4px;}
.shopCont ul { margin-bottom: .4rem; flex-wrap: wrap; display: flex; gap: .4rem;}
.shopCont li { border: 1px solid #f4f4f4; box-sizing: border-box; width: calc((100% - 1.2rem)/4);}
.shopImg { position: relative; padding-top: 100%; overflow: hidden;}
.shopImg img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.shopCont li .shopText { padding: .2rem .15rem .15rem;}
.shopCont li h2 { font-size: var(--font24); line-height: 1.25;}
.shopCont li span { margin: 10px 0; display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: var(--font18); color: #f5992a;}
.shopCont li span i { display: block; font-style: normal; border: 1px solid #f5992a; border-radius: 2em; padding: 0 5px;}
.shopCont li a { display: block; color: #ffffff; background: #f5992a; text-align: center; font-size: var(--font18); line-height: 2; border-radius: 2em;}
.solutionLink { display:flex; justify-content:space-between; gap:16px}
.solutionLink a { flex:1; display:block; background:#333b4c; text-align:center;
    font-size:13px; color: #a0a2b0; line-height: 42px; border-radius: 16px;
}
/**/
.fixEnter {position: fixed; right: 5px;bottom: 15%; z-index: 3;}
.fixEnter ul {position: relative;
    width: 141px;
    height: 149px;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 2;}
.fixEnter ul:after {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/fixkf.png) no-repeat center / contain;
    z-index: 3;}
.fixEnter li{
        position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 89px;
    height: 96px;
    overflow: hidden;
    opacity: 0;
    }
    .fixEnter li{ transition: opacity 0.5s, transform 0.5s;}
.fixEnter.on li:nth-child(1) {opacity: 1;
    transform: translate3d(-95%, -177%, 0px);
    transition: opacity 0.5s 0.2s, transform 0.5s 0.2s;}
.fixEnter.on li:nth-child(2) {opacity: 1;
    transform: translate3d(-177%, -50%, 0px);
    transition: opacity 0.5s 0.5s, transform 0.5s 0.5s;}
.fixEnter.on li:nth-child(3) {opacity: 1;
    transform: translate3d(-95%, 100%, 0px);
    transition: opacity 0.5s 0.8s, transform 0.5s 0.8s}
@media screen and (max-width: 780px){
    .fixEnter {

    transform: scale(.5);
    transform-origin: right center;
}
	.shopPage { padding: 30px 0 30px;}
	.shopTitle { top: -40px;}
	.shopNotice img { width: 50px;}
	.shopCont li { width: calc((100% - 10px)/2);}
	.shopCont ul { gap: 10px;}
	.shopCont {width:100%; max-width:100%; padding: 20px 10px 20px;}
	.shopNotice { flex-wrap: wrap;}
	.shopNotice a { width: 100%; margin-top: 20px; text-align: center; line-height: 3;}
	.showFlex { flex-direction:column;}
	.showMenu { width:100%;}
}
.fastFlex { align-items: center; padding: 40px 0; display: flex; justify-content: space-between;}
.questionLeft { display: flex; gap: 24px; align-items: start;}
.qlText h2 { font-size: var(--font36); color: #000000;}
.qlText p { margin: 10px 0; font-size: var(--font18); color: #6B7280;}
.qlText a { border-radius: 4px; display: none; transition: all .4s; align-items: center; color: #ff9900; border: 1px solid #ff9900;
font-weight: bold; padding: 3px 7px; gap: 5px; font-size: var(--font14);}
.qlText a:hover svg {filter: brightness(0) invert(1);}
.qlText a:hover { background: #ff9900; color: #ffffff;}
.questionRight { width:600px;}
.questionRight li { cursor: pointer; margin-bottom: 10px; gap: 10px; display: flex; align-items: start;}
.questionIcon { border: 1px solid rgb(209,213,219,1); display: flex; width: 24px; height: 24px; justify-content: center; align-items: center;
border-radius: 50%;}
.questionInfor { flex: 1;}
.questionInfor h2 { transition: all .4s; font-size: var(--font16);}
.quesSub { display: none; padding: 10px 0;}
.quesSub p { font-size: var(--font18); line-height: calc(1em + 5px);}
.questionRight li h2 { transition: all .4s; font-size: var(--font16); line-height: calc(1em + 10px);}
.questionRight li:last-child { margin-bottom: 0;}
.questionRight li svg path { fill:#ff9900 ;}
.questionRight li:hover h2 { color: #ff9900;}
.questionRight li.cur svg path:nth-child(1) { display: none;}
.questionRight li:nth-child(n + 6) { display:none;}
.questionPage {padding: 100px 0; background: #f8f8f8;}
.questionCont { width: 1400px; margin: 0 auto; max-width:92%;}
.questionTop { margin-bottom: 32px; background: #ffffff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); padding: 24px; border-radius: 12px;}
.questionFlex { display: flex; justify-content: space-between; gap: 24px;}
.questionList { padding: 16px; width: 32%;background: #ffffff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); border-radius: 12px;}
.questionList li{ cursor: pointer; font-size: var(--font16); line-height: 1.5; align-items: center; padding: 12px 16px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; gap: 5px;}
.questionList li i { display: block; width: 16px;}
.questionList li span { flex: 1;}
.questionList li:last-child {border: none;}
.questionGroup { flex: 1; background: #ffffff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); padding: 24px; border-radius: 12px;}
@media screen and (max-width: 780px){ 
	.fastFlex { padding: 30px 20px; flex-direction: column;}
	.questionRight { width: 100%;}
	.questionLeft img { width: 60px;}
	.questionLeft { margin-bottom: 20px;}
	.questionPage { padding: 20px 0;}
	.questionTop .questionLeft { margin: 0;}
	.questionFlex { gap: 20px; flex-direction: column;}
	.questionList { width: 100%;}
	.questionTop { margin-bottom: 20px;}
}