body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body, button, input, select, textarea {
  font: 12px/1.5 "微软雅黑", "微软雅黑", sans-serif;;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
audio, canvas, video {
  display: inline-block;
}
img {
  border: 0;
}
 /* 去掉表格线 */
 table, th, td {
  border: none;
}
table {
  border-collapse: collapse;
}
i {
  font-style: normal;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}
ol, ul, li {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
img {
  border: 0;
  -webkit-touch-callout: none;
}
body {
  -webkit-text-size-adjust: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  width: 100%;
  background: #000000;
}
html,body {
  height: 100%;
}
#afooter {
  background: #000;
  padding: .2rem 0;
  line-height: .3rem;
  color: #fff;
  text-align: center;
  font-size: .2rem;
  font-family: "tahoma";
}
#afooter a {
  color: #fff;
  text-decoration: none;
}
@font-face {
  font-family: font1;
  src: url(//game.gtimg.cn/images/lol/act/a20240905arcane/font.ttf);
}
@font-face {
  font-family: font2;
  src: url(//game.gtimg.cn/images/lol/act/a20240905arcane/font2.ttf);
}
@font-face {
  font-family: font3;
  src: url(//game.gtimg.cn/images/lol/act/a20240905arcane/font3.ttf);
}
 #lotterycontent_start{
  background: none !important;
  animation: 0;
 }
.wrap { 
  position: relative; 
  margin: 0 auto; 
  width: 100%; 
  height:54.44rem;
  background: url('//game.gtimg.cn/images/lol/act/a20240905arcane/bg.jpg') no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  max-width: 7.5rem;
}


.nav-logo-box {
  background: #090b16;
  height: 1rem;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  padding: 0 .35rem;
  box-sizing: border-box;
  z-index: 2;
}
.logo {
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/logo.png) no-repeat;
  width: 1.79rem;
  background-size: 100% 100%;
  height: .34rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
}

.btn-switch {
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/btn-switch.png) no-repeat;
  position: absolute;
  top: 0;
  right: .35rem;
  bottom: 0;
  margin: auto;
  width: .6rem;
  height: .6rem;
  background-size: 100% 100%;
  display: block;
}

.nav {
  width: 4.08rem;
  position: absolute;
  top: 1rem;
  right: 0px;
  display: none;
  z-index: 100;
  background: #070d15;
  /* border-top: 1px solid #2c3138; */
}
.nav li {
  height: .9rem;
  font-size: .3rem;
  line-height: .9rem;
  text-indent: 1em;
  color: #ba8964;
  width: 95%;
  margin: auto;
  text-decoration: none;
  display: block;
  border-bottom: .02rem solid #2c3138;
}
.nav li a {
  display: block;
  color: #fff;
  width: 100%;
}



.login-box {
  position: absolute;
  font-size: .2rem;
  letter-spacing: .01rem;
  color: #ffffff;
  bottom: .5rem;
  /* left: 0; */
  width: 100%;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  margin: auto;
  text-align: center;
  /* top: .35rem; */
  z-index: 3;
}
.login-box a {
  color: #e9bb95 !important;
  font-size: .2rem;
}
.home>.swiper-wrapper {
  flex-wrap: wrap;
  display: block;
}
.wrapper, .home {
  width: 100%;
  height: 100%;
}
 


/* part */
.wrap .kv-box {
  padding-top: 8.9rem;
  width: 6.9rem;
  margin: 0 auto;
}
.kv-box .title {
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/title.png) no-repeat;
  background-size: 100% 100%;
  width: 6.78rem;
  height: 2.28rem;
  position: relative;
  z-index: 2;
  margin: auto;
  pointer-events: none;
}

.yy-size-box {
  width: 6.95rem;
  display: flex;
  margin: 0 auto 0;
  justify-content: space-between;
  margin-top: .5rem;
}
.yy-prop-box {
  width: 1.62rem;

  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/yy-prop-box.png) no-repeat;
  /* margin-right: .15rem; */
  height: 1.5rem;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.yy-size-box .yy-prop-box:nth-child(1) img{
  width: 1.45rem;
  height: auto;
}
.yy-size-box .yy-prop-box:nth-child(2) img{
  width: 1.75rem;
  height: auto;
}
.yy-size-box .yy-prop-box:nth-child(3) img{
  width: 1.5rem;
  height: auto;
}
.yy-size-box .yy-prop-box:nth-child(4) img{
  width: 1.2rem;
  height: auto;
}

.yy-prop-box span {
  position: absolute;
  bottom: -0.3rem;
  text-align: center;
  width: 100%;
  color: #fcf5eb;
  font-size: .18rem;
}
.wrap .part {
  height: 14.9rem;
}
.rw-tip{
        font-size: .13rem;
    color: #fff;
}
.page-tit1{
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/page-tit1.png) no-repeat;
  /* margin-right: .15rem; */
  width: 1.04rem;
  height: .33rem;
  background-size: 100% 100%;
  font-size: .2rem;

  line-height: .35rem;
  color: #ffffff;
  text-align: center;
}
.home>.swiper-wrapper>.swiper-slide {
  height: auto;
}
.part1 {
  width: 6.9rem;
  background-size: 100% 100%;
  padding-top: .65rem;
  height: 10.96rem;
  margin: 0 auto;
  box-sizing: border-box;

}
.page-tit2{
  font-size: .87rem;
  text-align: left;
  font-family: font1;
  margin-top: -0.1rem;

  color: #fff;
}

.part1 .page2-left {

  margin-top: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.page-tip{
  font-size: .25rem;
  color: #b8b8b8;
  margin-top: -0.1rem;

  line-height: .4rem;
}

.par2-tip{
        font-size: 0rem;
      width:4.62rem;
  height:.29rem;
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/par2-tip.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  margin-top: .2rem;
}

.part1{
  width: 6.9rem;
  margin: 0 auto;
  height: 16.8rem;

}


.part1 .page2-left .award-item  {
  width: 2.16rem;
  height: 1.62rem;
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/award_bg.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;

}
.part1 .page2-left .award-item.last  {

  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/lott-lastbg.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}


.part1 .page2-left .award-item .img-box {
  height: 1.1rem;
  position: relative;
  z-index: 2;
}




.part1 .page2-left .award-item .img-box img{
  width: auto;
  height: 1.1rem;
}
.part1 .page2-left .award-item:nth-child(2) .img-box img{
  width: 1.76rem;
  height: 1.46rem;
  margin-top: -0.25rem;
}

.part1 .page2-left .award-item:nth-child(3) .img-box img{
  width: 2.29rem;
  height: .93rem;
  margin-top: .1rem;

}
.part1 .page2-left .award-item:nth-child(6) .img-box img{
  width: 1.27rem;
  height: 1.49rem;
  margin-top: -0.25rem;

}
.part1 .page2-left .award-item:nth-child(4) .img-box img{

  margin-top: .1rem;

}

.part1 .page2-left .award-item:nth-child(7) .img-box img{

  margin-top: .1rem;

}



.page2-lott{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  column-gap: .2rem;
  row-gap: .2rem;
  margin-top: .4rem;

}
.part1 .page2-left .award-item.last img{
  width: .93rem;
  height: 1.35rem;
}
.part1 .page2-left .award-item.last .img-box {
  height: 1.35rem;
}




.part1  .page2-left .award-name {
  width: 100%;
  text-align: center;
  font-size: .14rem;
  line-height: .45rem;
  color: #000;
  z-index: 2;
  height: .45rem;
  position: absolute;
  bottom: .05rem;
  font-family: font2;
}

.part1  .page2-left .award-name.lh{
  line-height: .22rem;
}
 .award-box {
  z-index: 2;
  flex-wrap: wrap;
  width: 6.88rem;
  height: 5.3rem;
  display: flex;
  justify-content: space-between;
  font-size: 0;
  position: absolute;
  top: .4rem;
}


.lotty-bottom .btn-lottery{
  background-size: 100% 100%;
  display: block;
width:100%;
height:100%;
margin: 0 auto;
font-size: 0;
position: relative;
z-index: 100;
}

.lotty-bottom{
  width: 2.16rem;
  height: 1.62rem;
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/lott-btn.png) no-repeat;
  background-size: 100% 100%;

}
.lotty-bd{
  width: 100%;
  height: 100%;
}
.lotty-tip{
  font-size: .22rem;
  text-align: left;
  color: #0a1c2c;
  margin: 0 auto;
  margin-top: .1rem;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: .3rem;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);

}
.lotty-tip .btn-cj{
  color: #0a1c2c;
  font-size: .22rem;
  border-bottom: .01rem solid;

}
.lotty-tip p{

}
.task1QualificationCnt{
  color: #0a1c2c;
  margin-left: .05rem;

}
.rw-list{
  width: 6.89rem;
  margin-top: .2rem;
}
.rw-list li{
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/rw-bg1.png) no-repeat;
  background-size: 100% 100%;
  width: 6.89rem;
  height: 1.46rem;
  margin-top: .2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.rw-list li.gray{
      background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/rw-bg2.png) no-repeat;
        background-size: 100% 100%;
          filter: grayscale(0);

}

.rw-list li:first-child{margin-top: 0;}
.btn-switch.close-nav {
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/close-nav.png) no-repeat;
  background-size: 100% 100%;
}

.rw-num{
  font-size: .36rem;
  text-align: center;
  color: #fff;
  width: 1.05rem;
  height: 1.26rem;
  font-family: font3;

  line-height: 1.26rem;
}
.rw-tit1{
  font-size: .3rem;
  text-align: left;
  font-family: font2;
  color: #fff;
  font-weight: bold;
  line-height: .35rem;

}
.rw-tit1 em{color: #d4a462;font-weight: bold;}
.rw-tit2{
  font-size: .24rem;
  text-align: left;
  color: #a3a7ad;

}
.rw-say{
  width: 4.3rem;
  padding-left: .2rem;

}
/* .gray{
  filter: grayscale(1);
} */
.no-event{
  pointer-events: none;
}
.rw-tpye{
  display: block;
  font-size: .3rem;
  text-align: center;
  color: #0a2b11;
  height: 1.26rem;

  line-height: 1.26rem;
  width: 1.3rem;
  font-weight: bold;
}
.rw-list li.last .rw-tpye{
  color: #2d2d2d;
}




.part2{
  padding-top:.85rem;
  width: 6.9rem;
  margin: 0 auto;
  height: 8.45rem;

}


.part2-swiper{
  width: 7.2rem;
  height: 4.05rem;
  overflow: hidden;
  margin-top: .5rem;

}
.mySwiper{
  width: 100%;
  height: 100%;
}


.mySwiper .slide1 {
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/slide1.png) no-repeat;
  background-size: 100% 100%;
}

.mySwiper .slide2 {
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/slide2.png) no-repeat;
  background-size: 100% 100%;
}
.mySwiper .slide3 {
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/slide3.png) no-repeat;
  background-size: 100% 100%;
}

.mySwiper .swiper-slide{
  width: 6.81rem !important;
  height: 4.04rem;
} 

.slider-tit1{
  font-size: .18rem;
  text-align: left;
  color: #d2d2d2;
}
.slider-tit2{
  font-size: .22rem;
  text-align: left;
  color: #fff;
  font-weight: bold;
}
.slider-btn{
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/slider-btn.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  width: 1.67rem;
  height: .41rem;
  font-size: .2rem;
  color: #411f1f;
  text-align: center;
  line-height: .41rem;
  font-family: font1;

}
.slider-box{
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  bottom: .2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}


.rw-lx{
  background-size: 100% 100%;
  font-family: font2;
  width: .91rem;
  height: .29rem;
  line-height: .29rem;
  margin-bottom: .05rem;

  font-size: .18rem;
  font-weight: bold;
  /* text-align: center; */
  padding-left: .05rem;
  color: #fff;
  box-sizing: border-box;
}

.rw-lx.dc{
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/rw-dc.png) no-repeat;
  background-size: 100% 100%;
}


.rw-lx.mr{
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/rw-mr.png) no-repeat;
  background-size: 100% 100%;
}
.rw-title{
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/rw-title.png) no-repeat;
  background-size: 100% 100%;
  width: 5.74rem;
  height: .28rem;
  margin: 0 auto;
}

.btn-rw{
  width: 1.27rem;
  height: .41rem;
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/btn-rw.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  justify-content: center;
}
.rw-icon{
      display: block;
      width:.22rem;
      height: .2rem;
      background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/rw-icon.png) no-repeat;
      background-size: 100% 100%;
      margin-right: .05rem;
      transition: all .3s;
}
.rw-icon.on{
  transform: rotate(180deg);
}
.rw-icon.no{
  transform: rotate(0deg);
}

.btn-rw p{
  font-size: .26rem;
  color: #b8b8b8;
}
.rw-box{
  position: relative;
  margin-top:.5rem;
  padding-top:.5rem;

}
.part2 .pbar {
  width: 6.59rem;
  height: .07rem;
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/progress-bar.png) no-repeat center left;
  background-size: 100% 100%;
  position: relative;
  box-sizing: border-box;
  margin-top: 1.08rem;
  margin-left: .3rem;
}
.part2 .pbar-line {
  width: 100%;
  height: .03rem;
  overflow: hidden;
  overflow: hidden;
  position: absolute;
  top: .015rem;
}
.part2 .pbar-line span {
  display: block;
  width: 6.59rem;
  height: .03rem;
  overflow: hidden;
  background-repeat: no-repeat;
  pointer-events: none;
  background: #ffffff;
}

.jd-drop>.jd-10::before {
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/logo1.png) no-repeat center top / 100% 100%;
  display: block;
  width: 1.55rem;
  height: .4rem;
  position: absolute;
  top: -0.55rem;
}


.jd-drop>.jd-20::before {
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/logo2.png) no-repeat center top / 100% 100%;
  display: block;
  width: .6rem;
  height: .6rem;
  position: absolute;
  top: -0.65rem;
  left: .48rem;
}

.jd-drop>.jd-30::before {
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/logo3.png) no-repeat center top / 100% 100%;
  display: block;
  width: .6rem;
  height: .6rem;
  position: absolute;
  top: -0.65rem;
  left: .48rem;
}


.btn-gz{
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/gz.png) no-repeat center top / 100% 100%;
  width: .39rem;
  height: 1.8rem;
}
.nav-right{
  position: fixed;
  right: 0;
  top: 2rem;
  z-index: 50;
}
.pri-box img{
  width: 100%;
  height: auto;
}


.jd-icon{
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/jd-icon.png) no-repeat center top / 100% 100%;
  width: .31rem;
  height: .31rem;
  margin: 0 auto;
}
.jd-icon.on{
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/jd-icon2.png) no-repeat center top / 100% 100%;

}
.jd-name{
  font-size: .2rem;
  text-align: center;
  color: #b8986d;
  margin-top: .1rem;

} 

.jd-drop .jd-10 {
  display: block;
  width: 1.55rem;
  position: absolute;
  left: 12%;
  transform: translate(-50%, 0);
}
.jd-drop .jd-20 {
  display: block;
  width: 1.55rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.jd-drop .jd-30 {
  display: block;
  width: 1.55rem;
  position: absolute;
  left:88%;
  transform: translate(-50%, 0);
}

.par-box{
  height: .6rem;
  position: relative;

}

.par-time{
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/par-time.png) no-repeat center top / 100% 100%;
  width: .49rem;
  height: .19rem;
  position: absolute;
  top: -0.05rem;
  left: 0;
  z-index: 1;
}






.pbar .jd-drop {
  width: 100%;
  height: 100%;
  position: absolute;
  top:-0.13rem;
  left: 0;
  color: #182121;
  font-size: .14rem;
  z-index: 5;
}



.part3 {
  padding-top: 1.5rem;
  width: 6.9rem;
  margin: 0 auto;
  height: 8.45rem;
}


.rule-icon{
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/rule-icon.png) no-repeat center top / 100% 100%;
  width: .37rem;
  height: .34rem;
}
.rule-tit{
  font-size: .26rem;
  text-align: left;
  display: flex;
  color: #b8b8b8;
  align-items: center;
  column-gap: .1rem;
}
.rule-say{
  font-size: .2rem;
  text-align: left;
  display: flex;
  color: #9e9e9e;
  margin-top: .02rem;

}
.rule-box{
  margin-top: .3rem;
}
.rule-list .rule-box:first-child{margin-top: 0;}











































































/* �1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77 */

.pop-video .pop-cont{
  width: 6.9rem;
  height: 3.9rem;
}

#popVideo {
width: 100%;
height: 100%;
}
.dia-close{
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/close.png) no-repeat;
  width: .28rem;
  height: .29rem;
  background-size: 100% 100%;
  position: absolute;
  right: -0.1rem;
  top: -0.6rem;
  font-size: 0;
}
.pop-video .dia-close{
  right: 0rem;
  top: -0.4rem;
}

.binding .pop-cont{
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/pop-bg1.png) no-repeat;
width: 6.28rem;
height: 4.96rem;
background-size: 100% 100%;
padding-top: .8rem;
box-sizing: border-box;
}
.pop-tit{
  font-size: .34rem;
  text-align: center;
  font-weight: bold;
  color: #fffbe9;
}

.bind-box input{
  display: block;
  width:3.7rem;
  height: .5rem;
  line-height: .5rem;
  border: none;
  background: #141f29;
  color: #79848e;
  font-size: .2rem;
  text-align: center;
  padding: 0 0 0 .1rem;
  margin: 0 auto;
  margin-top: .3rem;
}

.bind-tip{
  font-size: .2rem;
  text-align: center;
  color: #9e7a50;
  margin-top: .2rem;
}

.bind-btn1{
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/bind-btn1.png) no-repeat;
  background-size: 100% 100%;
width: 2.59rem;
height: .75rem;
line-height: .7rem;
color: #411f1f;
font-size: .32rem;
font-family: font1;

text-align: center;

}


.bind-btn2{
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/bind-btn2.png) no-repeat;
  background-size: 100% 100%;
  width: 2.59rem;
  height: .75rem;
  line-height: .7rem;
  color: #181b2c;
  font-size: .32rem;
  font-family: font1;

  text-align: center;
}

.bind2-box{
  display: flex;
  column-gap: .35rem;
  align-items: center;
  justify-content: center;
  margin-top: .5rem;
}

.record .pop-cont {
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/pop-bg2.png) no-repeat;
  width: 6.28rem;
  height:6.26rem;
  background-size: 100% 100%;
  padding-top: .8rem;
  box-sizing: border-box;
}


.record .table-box {
  width: 5.51rem;
  height: 3.5rem;
  margin: .2rem auto 0;
}
.record .table-box table {
  width: 100%;
}
.record .table-box tbody tr {
  width: 100%;
  height: .5rem;
  border-bottom: .01rem solid #354252;
  line-height: .5rem;
}
.record .table-box tbody tr td {
  font-size: .2rem;
  line-height: .3rem;

  color: #88a6c2;
}

.table-box tr td:nth-child(1){
  width: 1.5rem;
  text-align: center;
}
.table-box tr td:nth-child(2){
  width:auto;
  text-align: center;
}
.table-box tr td:nth-child(3){
  width: 2.35rem;
  text-align: center;
}
.record .table-box tbody tr th {
  font-size: .2rem;
  color: #fff;
  background: #9e7a50;
}


.table-box tr th:nth-child(1){
  width: 1.5rem;
  text-align: center;
}
.table-box tr th:nth-child(2){
  width:auto;
  text-align: center;
}
.table-box tr th:nth-child(3){
  width: 2.35rem;
  text-align: center;
}

.no_xiahua{
  border-bottom: 0 !important;
  background: #9e7a50;

}




.btn-dj{
  font-size: .2rem;
  margin: 0 auto;
  color: #88a6c2;
  border-bottom: .01rem solid #88a6c2;
}
.btn-dj.on{
  color: #79848e;
  border-bottom: .01rem solid #79848e;
  /* pointer-events: none; */
}


.yema{
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/yema.png) no-repeat;
  display: block;
width: .4rem;
text-align: center;
color: #222e41;
font-size: .22rem;
line-height: .4rem;
height: .4rem;
  background-size: 100% 100%;
  margin-left: .15rem;
}
.yema.on{
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/yema-on.png) no-repeat;
  background-size: 100% 100%;
  color: #ffff;

}
.table-fotter{
  display: flex;
  align-items: center;
    justify-content: center;
}
.table-fotter .yema:nth-child(1){
  margin-left: 0;
}

.shiwu-box{width: 5rem;margin: 0 auto;}

.swu-box{
  width: 1.7rem;
  height: 1.7rem;
  border: .04rem solid #b2a273;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swu-box img{
  width: 100%;
  height: auto;
}

.shiwu-name {
  font-size: .2rem;
  text-align: left;
  color: #88a6c2;
  font-weight: bold;
  margin-top: .1rem;
}

.address .pop-cont {
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/pop-bg3.png) no-repeat;
  width: 6.28rem;
  height:10.08rem;
  background-size: 100% 100%;
  padding-top: .8rem;
  box-sizing: border-box;
}
.address .address-list {
  width: 4.75rem;
  margin: .2rem auto 0;
  height: 4.2rem;
}
.address .address-list li {
  position: relative;
  padding-left: 0rem;
  padding-bottom:.2rem;
  display: flex;

}
.address .address-list p {

  width: 1.45rem;
  line-height: .5rem;
  height: .5rem;
  text-align: center;
  font-size: .2rem;
  background: #9e7a50;
  color: #fff;
  font-weight: bold;
}
.address .address-list input {
  display: block;
  width:3.27rem;
  line-height: .5rem;
  height: .5rem;
  border: none;
  background: #141f28;
  color: #79848e;
  font-size: .22rem;
  padding: 0 0 0 .1rem;
}

.address .address-list select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  line-height: .5rem;
  height: .5rem;
  border: none;
  color: #79848e;
  background: #141f29;
  background-position-x: 4.6rem;
  font-size: .22rem;
  padding: 0 0 0 .1rem;
  display: block;
  width:3.27rem;
}

.address .address-list textarea {
  display: block;
  width:3.27rem;
  line-height: .5rem;
  height: .5rem;
  border: none;
  background: #141f29;
  color: #79848e;
  font-size: .22rem;
  padding: 0 0 0 .1rem;
  overflow: hidden;
  resize: none;
}

.address .pop-tit{
  margin-top: .2rem;
}

.address  .bind2-box{margin-top: .7rem;}

.xiugia-tip{
  font-size: .2rem;
  color: #88a6c2;
  text-align: center;
  margin-top: .1rem;
  display: none;
}



.prize .pri-box{
  width: 1.7rem;
  height: 1.7rem;
  border: .04rem solid #b2a273;
  margin: 0 auto;
  background: #141f29;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prize .pop-cont {
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/pop-bg4.png) no-repeat;
  width: 6.28rem;
  height:5.37rem;
  background-size: 100% 100%;
  padding-top: .8rem;
  box-sizing: border-box;
}

.prize .prize-name{
  font-size: .2rem;
  text-align: left;
  color: #88a6c2;
  width: 5.1rem;
  margin: 0 auto;
  margin-top: .15rem;
}
.prize .bind2-box{
  margin-top: .2rem;
}


.popComm1 .pop-cont {
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/pop-bg5.png) no-repeat;
  width: 6.28rem;
  height:3.49rem;
  background-size: 100% 100%;
  padding-top: .8rem;
  box-sizing: border-box;
}
.popComm1 .comm-tip{
  font-size: .26rem;
  text-align: center;
  color: #fffbe9;
    padding: 0 .25rem;
}

#prize2 .prize-name{
  text-align: center;
  margin-top: .05rem;

}
#prize3 .prize-name{
  text-align: center;

}
.prize-name em{
  color: #9e7a50;
}

#prize2 .prz-txt{
  text-align: center;
  margin-top: .15rem;
}
#prize3 .bind2-box {
  margin-top: .4rem;
}

.rule .pop-cont {
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/pop-bg3.png) no-repeat;
  width: 6.28rem;
  height:10.08rem;
  background-size: 100% 100%;
  padding-top: .8rem;
  box-sizing: border-box;
}

.rule ul {
  width: 5.64rem;
  height: 8rem;
  padding-right: .24rem;
  box-sizing: border-box;
  overflow-y: auto;
  font-size: .2rem;
  /* margin: .25rem auto 0; */
  margin-top: .25rem;
  margin-left: .25rem;
  color: #88a6c2;
}
.rule ul li{
  margin-top: .4rem;
  position: relative;
  padding-left: .15rem;
}
.rule ul li:nth-child(1){margin-top: 0;}

.rule ul li:nth-child(1)::before{
  content: '';
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20240905arcane/rule-icon2.png)no-repeat;
  width: .1rem;
  height:.1rem;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: .1rem;
}

.rule ul li p{font-weight: bold;}
.rule ul li p em{
  color: #9e7a50;
  font-weight: bold;
}
.rule ul li span {
  padding-left: .1rem;
  display: block;
  font-size: .18rem;
  margin-bottom: .1rem;
  box-sizing: border-box;
}
.rule ul li i {
  display: block;
  padding-left: .2rem;
  box-sizing: border-box;
}


.pop-pool-table {
  width: 100%;
  font-size: .2rem;
  margin: .2rem auto 0;
  text-align: center;
  color: #728ca5;
}

.pop-pool-table th {
  background:#9e7a50;
  width:auto;
  height: .5rem;
  color: #fff;
  line-height: .5rem;
  text-align: center;
}
.pop-pool-table td {
  height: .5rem;
  /* line-height: .5rem; */
  text-align: center;
  font-size: .15rem;
    border: .01rem solid #728ca5;
}

.pop-pool-table tr:nth-child(2){background: #141f29;}
.pop-pool-table tr:nth-child(4){background: #141f29;}
.pop-pool-table tr:nth-child(6){background: #141f29;}
.pop-pool-table tr:nth-child(7){background: #141f29;}
.pop-pool-table tr:nth-child(8){background: #141f29;}
.pop-pool-table tr:nth-child(9){background: #141f29;}


.pop-pool-table tr:nth-child(3){background: #243544;}
.pop-pool-table tr:nth-child(5){background: #243544;}
.pop-pool-table tr:nth-child(10){background: #243544;}

.rule-list{
  margin-top: .5rem;

}







/*�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�71�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77
 �1�71�1�77�1�71�1�71�1�71�1�77�1�71�1�77�1�70�1�71�1�71�1�77�1�71�1�77�1�70�1�78�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�70�1�75�1�71�1�70�1�71�1�77*/
 .rule ul::-webkit-scrollbar
 {
     width:.05rem;
     background-color:#131823;
 }
 /*�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77
  �1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�70�1�78+�1�70�1�74�1�71�1�77�1�71�1�77*/
  .rule  ul::-webkit-scrollbar-track
 {
     background-color:#F5F5F5;
 }
 /*�1�71�1�77�1�71�1�77�1�71�1�77�1�7]�1�71�1�77�1�71�1�77
  �1�71�1�77�1�71�1�77�1�71�1�77�1�71�1�77�1�70�1�78+�1�70�1�74�1�71�1�77�1�71�1�77*/
  .rule  ul::-webkit-scrollbar-thumb
 {
     background-color:#baa179;
 }
 





 #milo-binded{
  line-height: .2rem;
 }
 #milo-roleName {
  /* width: 1.3rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
  /* transform: translateY(.09rem); */
 }
 #milo-userUin {
  /* width: 1.5rem;
  display: inline-block; */
  /* overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform: translateY(.12rem); */
 }


 .btn-role-bind a{
  color: #ffd99b !important;
  font-size: .2rem;
}


.pop-test{
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 5000;
  display: flex;
}
.pop-test a{
  display: block;
  width: 16%;
  text-align: center;
  height: 1rem;
  line-height: 1rem;
  font-size: .1rem;

  color: #fff;
  background: #222e41;
}



.btn-his{
  position: absolute;
  right: 0;
  top: -0.15rem;
  color: #b8b8b8;
  font-size: .26rem;
  border-bottom: .01rem solid;
}