:root {
  --color-default: #dedede;
  --color-default-hover: #f5f2ed20;
  --color-white: #f3faff;
  --color-yellow: #fff;
  --color-gray: #fbdc8e;
  --color-dropshadow: drop-shadow(0 0 4px #fff);
  --color-black-a05: rgba(7, 13, 21, 0.5)
}

body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
header,
section,
article,
footer {
  margin: 0;
}

body,
button,
input,
select,
textarea {
  font: 12px/1.5 tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

em,
b {
  font-style: normal;
}

a {
  text-decoration: none;
}

i {
  font-style: normal;
}

a:hover {
  text-decoration: none;
}

img {
  border: 0;
}

body {
  padding-top: 42px;
}

button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th,
ul,
ol {
  padding: 0;
  list-style: none;
}

.ost {
  min-width: 1600px;
}

#afooter {
  padding: 30px 0;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  background-color: #000;
  color: #c0c0c0;
  min-width: 1600px;
}

#afooter a,
#afooter a:hover {
  color: #c0c0c0;
  text-decoration: none;
}

@font-face {
  font-family: 'sellnum-1';
  src: url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.eot');
  src: url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.woff') format('woff'),
    url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.ttf') format('truetype'),
    url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.svg') format('svg');
}

@font-face {
  font-family: '064-CAI978';
  src: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/font/064-CAI978.ttf);
}

@font-face {
  font-family: 'din-bold';
  src: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/font/DINPRO-BOLD.OTF);
}

@font-face {
  font-family: 'fzqk';
  src: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/font/fzqk.TTF);
}

@font-face {
  font-family: 'wenya';
  src: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/font/syst.ttf);
}

@font-face {
  font-family: 'bfflolh';
  src: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/font/bfflolh.otf);
}

@font-face {
  font-family: 'bfflolb';
  src: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/font/bfflolb.otf);
}

@font-face {
  font-family: "fz";
  src: url("//game.gtimg.cn/images/lol/act/a20260923covenpass/font/fz/alimamashuheiti-bold.otf");
}

@font-face {
    font-family: "fzss";
    src: url("//game.gtimg.cn/images/lol/act/a20260923covenpass/font/fz-min/fzssksj.eot");
    /* IE9 */
    src: url("//game.gtimg.cn/images/lol/act/a20260923covenpass/font/fz-min/fzssksj.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */

    url("//game.gtimg.cn/images/lol/act/a20260923covenpass/font/fz-min/fzssksj.woff") format("woff"),
    /* chrome?firefox */
    url("//game.gtimg.cn/images/lol/act/a20260923covenpass/font/fz-min/fzssksj.ttf") format("truetype"),
    /* chrome?firefox?opera?Safari, Android, iOS 4.2+ */

    url("//game.gtimg.cn/images/lol/act/a20260923covenpass/font/fz-min/fzssksj.svg#fzssksj") format("svg");
    /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}



body {
  background: #3d367e;
}

.wrapper {
  max-width: 1920px;
  min-width: 1600px;
  margin: 0 auto;
  position: relative;
  height: 1080px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/bg02.jpg) no-repeat center top;
}

/* ??????? S */
.protect {
  position: absolute;
  top: 40px;
  right: 45px;
  width: 75px;
  height: 96px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/protect.png) no-repeat center center / 100% auto;
  cursor: pointer;
}

.protect .protect-rule {
  display: none;
  position: absolute;
  top: 115px;
  right: 0px;
  width: 646px;
  /* height: 282px; */
  padding: 35px 40px;
  color: #fff;
  font-size: 13px;
  background-color: #000;
  z-index: 999;
}

.protect .protect-rule p {
  margin-bottom: 10px;
}

.protect:hover .protect-rule {
  display: block;
}

/* ??????? E*/

/* ??? S */
.login-part {
  position: absolute;
  left: 50%;
  /* top: 1020px; */
  top: 186px;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #d1d1d1;
}

.login-part a {
  color: #fff;
}

.area_bind {
  display: flex;
  justify-content: center;
}

/* ??? E*/

/* ??????? S */
.section01 {
  height: 220px;
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/bg01.jpg) no-repeat 50% 0; */
  padding-top: 186px;
  box-sizing: border-box;
}

.logo {
  width: 118px;
  height: 33px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/logo.png) no-repeat;
  position: absolute;
  top: 50px;
  left: 70px;
  cursor: pointer;
}

.btn-group {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 21px;
  align-items: center;
  width: 1400px;
  padding: 0 0px 0 385px;
  margin: 0 auto;
  box-sizing: border-box;
  /* display: none; */
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  z-index: 10;
}

.btn-group::after {
	content: '';
	position: absolute;
    top: -8px;
    left: -34px;
    width: 320px;
    height: 80px;
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/baodian-icon.png) no-repeat;
	background-size: 100% auto; */
}

/* .btn-group .btn {
  position: relative;
  width: 75px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.btn-group .btn::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 145px;
  height: 38px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn0.png) no-repeat center center / 100% auto;
} */



.btn-group .btn span {
  position: relative;
  z-index: 2;
  color: #dedede;
  font-size: 20px;
  font-weight: bold;
}

/* .btn-group .btn span::after {
  content: '';
  position: absolute;
  right: -23px;
  top: 9px;
  width: 16px;
  height: 12px;
  transform: rotateY(180deg);
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/nav-decoration.png) no-repeat center center / 100% auto;
  display: none;
}

.btn-group .btn span::before {
  content: '';
  position: absolute;
  left: -25px;
  top: 9px;
  width: 16px;
  height: 12px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/nav-decoration.png) no-repeat center center / 100% auto;
  display: none;
} */

.btn-group .btn-introduce,
.btn-group .btn-task-week {
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/tab2.png) no-repeat center center / 100% auto; */
}

.btn-group .btn:hover {
  filter: brightness(1.15);
  /* color: #fff; */
}

.part01-right .btn-record {
  font-family: 'Microsoft YaHei';
  order: 4;
  font-size: 20px;
  color: #ffffff;
  text-decoration: underline;
  /* font-weight: bold; */
  text-align: right;
  width: auto;
  margin-left: 50px;
  /* margin-top: 4px; */
}

@supports (-webkit-background-clip: text) {
  .btn-group .btn-get span {

    background: linear-gradient(to bottom, #ffffff, #be9b84);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }


  .part01-right a span {
    background: linear-gradient(to bottom, #ffffff 30%, #be9b84 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .part01-right a.btn-unlock-all span {
    background: linear-gradient(to bottom, #ffffff 30%, #a3a3a3 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .part01-right a.btn-gray-part01 span {
    background: linear-gradient(to bottom, #ffffff 30%, #a3a3a3 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .part01-right a.btn-speed span {
    background: linear-gradient(to bottom, #ffffff 30%, #a3a3a3 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

/* ??????? E */

/* ???��?? S */
.section02 {
  height: 877px;
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/bg02.jpg) no-repeat center top; */
  box-sizing: border-box;
}

.part01 {
  width: 1400px;
  height: 65px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.part01-left {
  position: relative;
  /* float: left; */
}

.part01-left>div {
  display: inline-block;
  vertical-align: text-top;
}

.user-level-box {
  width: 110px;
  text-align: center;
}

.user-level-box>p:first-of-type {
  text-align: left;
  font-size: 16px;
  color: #ffffff;
}

.user-level {
  display: block;
  font-family: 'bfflolb';
  font-weight: normal;
  color: #ffffff;
  line-height: 40px;
}

.user-level span {
  float: left;
  font-size: 35px;
  letter-spacing: 0px;
}

/*
  .user-level span:nth-child(2) {
    letter-spacing: -2px;
  } */

.user-energy-box {
  margin-left: 15px;
  position: relative;
  margin-top: 6px;
}

.energy-icon {
  width: 345px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}

.energy-icon>li {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/energy3.png) no-repeat center top / 100% 100%;
  width: 24px;
  height: 26px;
}

.energy-icon>.energy-active {
  opacity: 1;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/energy.png) no-repeat center top / 100% 100%;
  filter: drop-shadow(0 0 8px rgba(173, 37, 40, 0.35));
  -webkit-mask: none;
}

.energy-txt {
  display: inline-block;
  position: relative;
  /* width: 322px; */
  height: 32px;
  line-height: 32px;
  font-size: 18px;
  color: #dedede;
  vertical-align: middle;
  box-sizing: border-box;
}

.energy-txt2 {
  display: inline-block;
  margin-left: 45px;
  color: #dedede;
  line-height: 32px;
  font-size: 16px;
  vertical-align: middle;
}

.energy-txt2>span {
  font-family: 'din-bold';
  font-size: 18px;
  color: #ffd673;
  background: linear-gradient(to bottom, #989898 20%, #ffffff 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.energy-txt::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -48px;
  transform: translateY(-50%);
  width: 2px;
  height: 22px;
  background-image: linear-gradient(to bottom,
      rgba(182, 138, 80, 0),
      #979797,
      rgba(182, 138, 80, 0));
}

.energy-txt .txt {
  margin-right: 3px;
}

.energy-txt>span {
  font-family: 'din-bold';
  font-size: 18px;
  color: #ffd673;
  background: linear-gradient(to bottom, #989898 20%, #ffffff 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.speed-box {
  width: 223px;
  height: 71px;
  position: relative;
  order: 2;
  /* margin-top: 5px;
      margin-left: 20px; */
}

.speed-box .btn-speed {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-speed.png) no-repeat center center / 100% 100%;
  padding-left: 70px;
  text-align: left;
}

.speed-box .btn-speed span {
  filter: drop-shadow(-2px 3px 3px rgba(75, 54, 157, .47));
}

.btn-speed {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 21px;
  text-align: center;
  line-height: 71px;
  /* font-weight: bold; */
  color: #fff;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-get-all.png) no-repeat center center / 100% auto;
  box-sizing: border-box;
}

.btn-speed.speeding {
  pointer-events: none;
}

.btn-speed.disable {
  filter: grayscale(1);
  pointer-events: none;
}

.btn-speed .span1 {
  display: block;
}

.btn-speed .span2 {
  display: none;
}

.btn-speed.speeding .span1 {
  display: none;
}

.btn-speed.speeding .span2 {
  display: block;
}

.btn-speed:hover {
  filter: brightness(1.3);
}

.point-hover {
  width: 25px;
  height: 27px;
  font-size: 7px;
  text-align: center;
  line-height: 22px;
  border-radius: 50%;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon_question.png) no-repeat center center / 100% auto;
  color: transparent;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 30px;
  cursor: default;
  font-size: 0;
}

.point-hover:hover .speed-info {
  display: block;
}

.speed-info {
  width: 450px;
  height: 174px;
  background-color: #000;
  position: absolute;
  left: -246px;
  top: -12px;
  transform: translate3d(0, -100%, 0);
  text-align: left;
  padding: 15px 32px;
  box-sizing: border-box;
  z-index: 10;
  display: none;
}

.speed-info::after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 248px;
  width: 1px;
  border: 10px solid #000;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.speed-info p {
  color: #e5fbff;
  font-size: 12px;
  line-height: 20px;
}

.btn-refresh {
  display: inline-block;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-refresh.png) no-repeat center center / 100% auto;
  width: 17px;
  height: 19px;
  /* position: absolute; */
  /* right: 175px;
    bottom: 7px; */
  font-size: 0;
  vertical-align: middle;
}

.part01-right {
  margin-top: 5px;
  /* float: right; */
  position: absolute;
  right: 0;
  top: -10px;
}

.btn-box {
  display: flex;
  /* margin-top: 20px; */
}

.btn-box a span {
  position: relative;
}

.btn-box a span::after {
  content: '';
  position: absolute;
  right: -23px;
  top: 20px;
  width: 16px;
  height: 12px;
  transform: rotateY(180deg);
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/nav-decoration.png) no-repeat center center / 100% auto;
  display: none;
}

.btn-box a span::before {
  content: '';
  position: absolute;
  left: -25px;
  top: 20px;
  width: 16px;
  height: 12px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/nav-decoration.png) no-repeat center center / 100% auto;
  display: none;
}

.part01-right a {
  width: 273px;
  height: 81px;
  font-size: 28px;
  color: #2a4ab3;
  text-align: center;
  line-height: 68px;
  font-weight: normal;
  font-family: 'fzqk';
  box-sizing: border-box;
  padding-top: 12px;
  /* margin-left: 20px; */
}

.part01-right .btn-box>.speed-box,
.part01-right .btn-box>.btn-level,
.part01-right .btn-box>.btn-week-task,
.part01-right .btn-box>.btn-get {
  margin-left: 5px;
}

.part01-right .speed-box span::after,
.part01-right .speed-box span::before {
  display: none;
}

.part01-right a.btn-level span {
  display: inline-block;
}

.part01-right a.btn-level .span2 {
  display: none;
}

.part01-right a.btn-level {
  margin-left: 0;
  text-decoration: none;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-see-advanced.png) no-repeat center center / 100% 100%;
  order: 1;
  /* cursor: pointer; */
}

.part01-right a.btn-week-task {
  margin-left: 0;
  text-decoration: none;
  filter: brightness(1);
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn2.png) no-repeat center center / 100% 100%;
  order: 0;
  margin-left: 3px !important;
  /* cursor: pointer; */
}

.btn-group .btn-get {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-get-all.png) no-repeat center center / 100% 100%;
  margin-left: 0px !important;
  width: 273px;
  height: 81px;
  font-size: 26px;
  color: #ffebbd;
  text-align: center;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  box-sizing: border-box;
  font-family: 'fzqk';
  font-size: 28px;
  margin-top: -9px;

}

.btn-group .btn-get span {
  /* filter: drop-shadow(-2px 3px 3px rgba(228, 41, 71, 1)); */
}

.icon-desc {
  position: absolute;
  top: 2px;
  right: 0;
  display: flex;
  font-size: 16px;
  color: #fff2dc;
  text-align: right;
}

.icon-desc .txt-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 15px;
}

.icon-desc .a-icon {
  width: 47px;
  height: 47px;
  font-size: 0;
  vertical-align: middle;
  border: 1px solid;
  border-image: linear-gradient(to bottom right, #ffebcb, #ac9169) 1 / 2px;
  background: #000;
  box-sizing: border-box;
}

.icon-desc .btn-icon-get {
  width: 204px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  font-family: 'fzss';
  color: #fff;
  font-size: 27px;
  font-weight: normal;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-get-all.png) no-repeat center center / 100% 100%;
}

.icon-desc .a-icon1 {
  margin-left: 4px;
}

.icon-desc .a-icon2 {
  margin-left: 4px;
}

.part01-right .btn-week-task span::before,
.part01-right .btn-week-task span::after {
  display: none;
}

/* .part01-right .btn-week-task.on {
      background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/tab3.png) no-repeat center center / 100% 100%;
      animation: hx 0.8s ease-in-out infinite alternate-reverse;
    } */

.part01-right .btn-week-task.on::after {
  content: '';
  position: absolute;
  right: 43px;
  top: 23px;
  width: 6px;
  height: 6px;
  animation: hx 0.8s ease-in-out infinite alternate-reverse;
  filter: drop-shadow(0 0 3px rgba(255, 238, 168, 0.85));
  border-radius: 50%;
  border: 1px solid #ffeea8;
  background: #ffeea8;
}

@keyframes hx {
  0% {
    transform: scale(0.99);
    filter: drop-shadow(0 0 3px #ffeea8) brightness(0.92);
  }

  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 3px #ffeea8) brightness(1.1);
  }
}

.part01-right .btn-get span,
.part01-right a.btn-week-task span {
  display: inline-block;
  filter: drop-shadow(-2px 3px 3px rgba(75, 54, 157, .47));
}

.part01-right a:hover {
  filter: brightness(1.08);
}

/* btn-level ?????? */

/*btn-gray-part01  ???? */
.part01-right .btn-level.btn-gray-part01 {
  /* filter: brightness(80%) grayscale(0.9); */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-buy.png) no-repeat center center / 100% 100%;
  pointer-events: none;
}

/* btn-level btn-unlock-all ?????? */
.part01-right a.btn-unlock-all {
  margin-left: 0;
  text-decoration: none;
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-unlock-all.png) no-repeat center center /
      200px auto; */
}

.part01-right a.btn-unlock-all span {
  filter: drop-shadow(-2px 3px 3px rgba(75, 54, 157, .47));
}

.part01-right a.btn-gray-part01 .span1 {
  display: inline-block;
}

.part01-right a.btn-unlock-all .span1 {
  display: none;
}

.part01-right a.btn-unlock-all .span2 {
  display: inline-block;
}

/* part01 E */

/* part02 S */

.part02 {
  width: 1400px;
  height: 51px;
  margin: 25px auto 0px;
  padding-top: 1px;
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/progress-bg.png) no-repeat center center / 100% auto; */
  box-sizing: border-box;
}

.book-levels {
  width: 1400px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  font-family: 'bfflolb';
  font-size: 18px;
  color: #ffffff;
  position: relative;
  z-index: 6;
  box-sizing: border-box;
}

.book-levels .levels {
  position: relative;
  height: 48px;
  width: 44px;
  cursor: pointer;
  /* margin-right: 70px; */
}

.book-levels .levels:nth-child(2) {
  /* margin-right: 65px; */
}

.book-levels .levels:nth-child(14) {
  /* margin-right: 68px; */
}

.book-levels .levels:last-child {
  margin-right: 0;
}

.book-levels .level-num {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 20px;
  text-align: center;
  font-weight: normal;
  color: #b0b0b0;
}

.book-levels .strong {
  color: #ffd673;
  font-size: 16px;
}

.book-levels .levels::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  width: 21px;
  height: 31px;
  margin-top: -8px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/lv-progress-icon.png) no-repeat center center/ 100% auto;
  z-index: 8;
  /* opacity: 0.3; */
  /*filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.5));*/
}

/* .book-levels .levels20::after,
.book-levels .levels35::after {
  mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/lv-progress-icon2.png) no-repeat center bottom/ 100% auto;
   -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/lv-progress-icon2.png) no-repeat center bottom/ 100% auto;
} */

.book-levels .levels.levels20 .level-num,
.book-levels .levels.levels35 .level-num,
.book-levels .levels.levels75 .level-num {
  /* color: transparent;
  background: linear-gradient(to bottom, #989898, #ffffff 80%);
  background-clip: text;
  -webkit-background-clip: text; */
  color:#ffffff;
}

.book-levels .levels.levels20::after,
.book-levels .levels.levels35::after,
.book-levels .levels.levels75::after {
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/qz.png) no-repeat center center / 13px auto; */
}

/* .book-levels .levels.levels25.levels-act::after,
    .book-levels .levels.levels50.levels-act::after,
    .book-levels .levels.levels75.levels-act::after {
      background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/qz-on.png) no-repeat center center / 13px auto;
    } */

/* //???????? */

.book-levels .levels.levels-act::after {
  width: 21px;
  height: 31px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/lv-progress-icon-act.png) no-repeat center center / 100% auto;
  bottom: -1px;
  opacity: 1;
}

/* .book-levels .levels20.levels-act::after,
.book-levels .levels35.levels-act::after {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/lv-progress-icon2.png) no-repeat center center / 22px auto;
} */

.book-levels .levels.book-levels-active::after {
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon7.png) no-repeat center center / 23px auto; */
}

.book-levels .book-levels-active .level-num {
  position: relative;
  /* color: #ff7137; */
}

.book-levels .book-levels-active .level-num::before {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 0;
  height: 0;
  box-shadow: 0px 0px 16px 6px #eee5d2;
}

.book-levels-canget::before {
  content: '';
  position: absolute;
  top: -0.2rem;
  right: -0.1rem;
  width: 0.2rem;
  height: 0.2rem;
  filter: drop-shadow(0 0 3px rgba(255, 238, 168, 0.85));
  border: 1px solid #ffeea8;
  border-radius: 50%;
  background: #ffeea8;
}

.book-progress {
  width: 1400px;
  height: 28px;
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/lv-progress.png) no-repeat center right / 1400px auto; */
  margin-top: -30px;
  position: relative;
  margin-left: 0px;
  border-left: none;
  border-right: none;
}

.book-progress::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  width: 1400px;
  height: 7px;
  border-radius: 7px;
  background-color: #2b2d51;
}

.book-progress-now {
  position: absolute;
  left: -0;
  width: 30px;
  height: 28px;
  overflow: hidden;
}

.book-progress-now::after {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  width: 100%;
  height: 7px;
  border-radius: 7px;
  box-sizing: border-box;
  background: linear-gradient(to right, #4d1623, #882d44, #dc4e72);
}

.book-progress-now .icon-bee {
  width: 72px;
  height: 58px;
  position: absolute;
  top: -40px;
  right: -30px;
  z-index: 9;
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon-progress.png) no-repeat center right / 100% auto; */
  pointer-events: none;
  display: none;
}

/* part02 E */

/* part03 S */

.part03 {
  width: 1402px;
  height: 660px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/book-bg.png) no-repeat left 63px / 1402px 564px;
  /* margin: 40px 0 0 310px; */
  /* padding-left: 50px; */
  margin: -15px auto 0px;
  position: relative;
  box-sizing: border-box;

}

.part03:hover {
  /* z-index: 10; */
}

.part03>div {
  /* margin-top: 35px; */
  float: left;
}

.book-side {
  width: 209px;
  display: inline-block;
  margin-top: 22px;
}

.select-box {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 28px;
  padding-right: 29px;
  /* margin-left: 14px; */
  text-align: center;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/select.png) no-repeat center center / 208px auto;
  box-sizing: border-box;
}

.book-side .select-txt {
  /* width: 53px; */
  height: 100%;
  margin-right: 5px;
  color: #fff;
  font-size: 16px;
  line-height: 29px;
  text-align: center;
  display: inline-block;
}

.select-part {
  width: 55px;
  height: 100%;
  /* overflow: hidden; */
  position: relative;
  /* margin-left: 4px; */
}

.select-part select {
  background-color: transparent;
  width: 209px;
  height: 100%;
  color: #ffffff;
  border: none;
  position: absolute;
  z-index: 5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  line-height: 29px;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: -3px;
  /* transform: translateX(-101px); */
  /* padding-left: 8px; */
  font-weight: bold;
  cursor: pointer;
}

.select-part option {
  background-color: #d9eae2;
  color: #000;
}

.select-part span {
  width: 105px;
  height: 29px;
  position: absolute;
  top: 0px;
  right: 2px;
}

.book-catalogue {
  margin-left: 0;
  padding-top: 14px;
}

.book-catalogue li {
  position: relative;
  margin: 0 auto;
}

.book-catalogue a {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}

.book-catalogue a:hover {
  filter: brightness(1.1);
}

.book-catalogue .free-mod {
  width: 212px;
  height: 125px;
}

.book-catalogue .piltwalf-mod a,
.book-catalogue .zuan-mod a,
.book-catalogue .color-mod a,
.book-catalogue .yunding-mod a {
  width: 133px;
  height: 25px;
  /* color: #fff0bd; */
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  font-weight: bold;
  cursor: pointer;
}

.book-catalogue .piltwalf-mod {
  width: 212px;
  height: 147px;
  margin-top: 6px;
}

.book-catalogue .zuan-mod {
  width: 212px;
  height: 148px;
  margin-top: 4px;
}

.book-catalogue .color-mod,
.book-catalogue .yunding-mod {
  width: 212px;
  height: 128px;
  margin-top: 8px;
}

.book-catalogue .mod-lock {
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  width: 41px;
  height: 41px;
}

/* .book-catalogue .piltwalf-mod .mod-lock {
    background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon10.png) no-repeat center center / 41px auto;
  }
  .book-catalogue .zuan-mod .mod-lock {
    background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon10-2.png) no-repeat center center / 41px
      auto;
  }
  .book-catalogue .color-mod .mod-lock {
    background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon10-3.png) no-repeat center center / 41px
      auto;
  }
  .book-catalogue .yunding-mod .mod-lock {
    background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon10-4.png) no-repeat center center / 41px
      auto;
  } */

.book-catalogue .mod-name {
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 15px;
  line-height: 1;
  text-align: center;
  font-weight: 600;
  color: #fff;
}

.book-catalogue .free-mod .mod-name {
  top: 90px;
  color: #ffffff;
}

.book-catalogue .piltwalf-mod .mod-name {
  top: 89px;
  color: #ffffff;
}

.book-catalogue .zuan-mod .mod-name {
  top: 90px;
  color: #ffffff;
}

.book-catalogue .color-mod .mod-name {
  top: 64px;
  color: #ffffff;
}

.book-catalogue .mod-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
}

.book-catalogue .mod-icon:hover {
  transform: translate(-50%, -50%) scale(1.08);
  transform-origin: center center;
  filter: brightness(1.1);
}

.part03 .book-catalogue .piltwalf-mod .mod-icon:hover {
  transform: translate(-50%, -50%) scale(1.05);
}

.part03 .book-catalogue .zuan-mod .mod-icon:hover {
  transform: translate(-50%, -50%) scale(1.05);
}

.book-catalogue .color-mod .mod-icon:hover {
  transform: translate(-50%, -50%) scale(1.05);
}

.book-catalogue .free-mod .mod-icon {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/book1.png) no-repeat center center / 68px auto;
  top: -9px;
  transform: translate(-50%, 0);
}

.part03.lpl .book-catalogue .free-mod .mod-icon {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/book1-2.png) no-repeat center center / 229px auto;
}

.book-catalogue .piltwalf-mod .mod-icon {
  transform: translate(-50%, -50%);
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/book2.png) no-repeat center center / 209px auto;
}

.book-catalogue .zuan-mod .mod-icon {
  /* margin-top: 10px; */
  transform: translate(-50%, -50%);
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/book3.png) no-repeat center center / 209px auto;
}

.book-catalogue .color-mod .mod-icon {
  /* top: 10px;
      transform: translate(-50%, 0); */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/book4.png) no-repeat center center / 209px auto;
}

.book-catalogue .yunding-mod .mod-icon {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/book5.png) no-repeat center center / 229px auto;
}

.all-unlock .yunding-mod .mod-lock,
.all-unlock .color-mod .mod-lock,
.all-unlock .piltwalf-mod .mod-lock,
.all-unlock .zuan-mod .mod-lock {
  filter: drop-shadow(0 0 10px #5c05b3) brightness(3);
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon9.png) no-repeat center center / 41px auto;
}

.all-unlock .yunding-mod .mod-icon,
.all-unlock .color-mod .mod-icon,
.color-unlock .color-mod .mod-icon,
.yunding-unlock .yunding-mod .mod-icon {
  display: block;
}

.all-unlock .yunding-mod .mod-icon {
  transform: translate(-50%, -50%) scale(1);
  margin-top: 22px;
}

.all-unlock .color-mod .mod-icon {
  margin-top: 10px;
  transform: translate(-50%, -50%) scale(1);
}

.all-unlock .piltwalf-mod .mod-icon,
.all-unlock .zuan-mod .mod-icon {
  transform: translate(-50%, -50%) scale(1);
  margin-top: 15px;
}


.all-unlock .color-mod .mod-name {
  top: 80px;
}

.all-unlock .piltwalf-mod .mod-name,
.all-unlock .zuan-mod .mod-name {
  top: 103px;
}

.piltwalf-unlock .piltwalf-mod .mod-icon,
.zuan-unlock .zuan-mod .mod-icon {
  transform: translate(-50%, -50%) scale(1);
  margin-top: 15px;
}

.piltwalf-unlock .piltwalf-mod .mod-name,
.zuan-unlock .zuan-mod .mod-name {
  top: 103px;
}

.color-unlock .color-mod .mod-icon,
.yunding-unlock .yunding-mod .mod-icon {
  transform: translate(-50%, -50%) scale(1);
  margin-top: 10px;
}

.color-unlock .color-mod .mod-name {
  top: 80px;
}

.part03 .all-unlock .piltwalf-mod .mod-icon:hover,
.part03 .all-unlock .zuan-mod .mod-icon:hover {
  transform: translate(-50%, -50%) scale(1.05);
}

.all-unlock .yunding-mod .mod-icon:hover {
  transform: translate(-50%, -50%) scale(1.05);
}

.all-unlock .color-mod .mod-icon:hover {
  transform: translate(-50%, -50%) scale(1.05);
}

.color-unlock .color-mod .mod-icon:hover {
  transform: translate(-50%, -50%) scale(1.05);
}

.piltwalf-mod a {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-book1.png) no-repeat center bottom/ 100% auto;
  color: #ffffff;
  /* background:#6277d1;
  border-radius:20px;
  border:#a9bef0 solid 2px; */
  position: absolute;
  bottom: 13px;
}

.zuan-mod a {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-book2.png) no-repeat center bottom/ 100% auto;
  color: #ffffff;
  /* background:#df5046;
  border-radius:20px;
  border:#ffc3ba solid 2px; */
}

.color-mod a {
  bottom: 18px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-book3.png) no-repeat center bottom/ 100% auto;
  color: #8b7352;
  /* background:#8ca8e1;
  border-radius:20px;
  border:#bfd4ff solid 2px; */
}



.color-mod::before,
.yunding-mod::before {
  content: '';
  display: block;

  margin: 0 auto;
}

.all-lock a {
  display: block;
}

.all-unlock a {
  display: none;
}

.piltwalf-unlock .piltwalf-mod a,
.zuan-unlock .zuan-mod a,
.color-unlock .color-mod a,
.yunding-unlock .yunding-mod a {
  display: none;
}

.piltwalf-unlock .piltwalf-mod .mod-lock,
.zuan-unlock .zuan-mod .mod-lock,
.color-unlock .color-mod .mod-lock,
.yunding-unlock .yunding-mod .mod-lock {
  filter: drop-shadow(0 0 10px #5c05b3) brightness(3);
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon9.png) no-repeat center center / 41px auto;
}

.part03 .btn-prev,
.part03 .btn-next {
  position: absolute;
  top: 329px;
  display: block;
  width: 44px;
  height: 38px;
  /* transition: all 0.2s; */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/arrow2_1.png) no-repeat center center / 100% auto;
  z-index: 10;
}

.part03 .btn-prev {
	left: -60px;
}

.part03 .btn-next {
  	right: -60px;
    transform: rotate(180deg);
}

.part03 .btn-prev:hover,
.part03 .btn-next:hover {
  transition: 0.3s all;
  filter: brightness(1.05) drop-shadow(0 0 3px rgba(256, 256, 256, 0.5));
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/arrow2.png) no-repeat center center / 100% 100%; */
}

.part03 .btn-prev:hover {
  /* transform: rotate(180deg); */
}

.part03 .btn-next:hover {
  transform: rotate(180deg);
}

.book-content {
  position: relative;
  top: 0px;
  left: 0;
  width: 1191px;
  height: 650px;
  /* overflow: hidden; */
  box-sizing: border-box;
}

.book-content::before {
  content: '';
  position: absolute;
  top: 23px;
  left: 16px;
  width: 1175px;
  height: 27px;
  background: #262b33;
  /* background: linear-gradient(to right, #352261, #3d24a2); */
  /* z-index: 2; */

}

.scroll-box {
  position: relative;
  top: 0px;
  left: 0;
  width: 1189px;
  height: 716px;
  /* margin-left: 16px; */
  overflow-x: hidden;
  overflow-y: visible;
  box-sizing: border-box;
  /* z-index: 1; */
  -webkit-mask: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5), #000 20px 100%);
}

.book-lists {
  position: absolute;
  top: 22px;
  bottom: 0;
  left: 0px;
  width: 20000px;
  transform: translate3d(0, 0, 0);
  transition: all 0.3s;
  display: flex;
}

.book-list {
  width: 240px;
  /* display: inline-block; */
  text-align: center;
}

.book-list:nth-child(1) .piltwalf-book .name,
.book-list:nth-child(1) .zuan-book .name {
  font-size: 14px;
  white-space: nowrap;
  width: 100%;
  /* margin-top: -11px; */
}

.book-list:nth-child(5n + 1) {
  width: 235px;
}

.book-list:nth-child(5n + 3) {
  width: 238px;
}

.book-list:nth-child(5n + 4) {
  width: 239px;
}

.book-list:nth-child(5n) {
  width: 239px;
  /* margin-right: 1px; */
}

.book-list .lv {
  font-family: 'bfflolb';
  height: 25px;
  font-size: 16px;
  color: #ffffff;
  line-height: 29px;
  /* font-weight: bold; */
}

.book-list .lv.current-level {
  width: 100%;
  height: 25px;
  color: #ffffff;
  font-size: 16px;
  line-height: 29px;
  font-weight: normal;
}

.book-list>.pass-list-item {
  position: relative;
  cursor: pointer;
}

.book-list>.pass-list-item:hover {
  transform: translateY(-10px);
  transition: all .3s;
}

.book-list>.pass-list-item.noaward:hover {
  transform: none;
}

.book-list>.pass-list-item:hover .book-imgbox {
  /* animation: fadeIn 0.8s; */
  /* opacity: 0; */
  transform: scale(1.1);
  transition: all .3s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    transform: translateY(-20px);
  }
}

.book-list>.noaward {
  cursor: default;
}

.book-list .book-imgbox {
  text-align: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

.book-list .book-imgbox::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translate(-50%, 0%);
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/award-bg.png) no-repeat center center / 219px auto; */
  display: none;
}

.book-list .free-book .book-imgbox::after,
.book-list .color-package .book-imgbox::after {
  top: 6px;
}

.book-list .piltwalf-book .book-imgbox::after,
.book-list .zuan-book .book-imgbox::after {
  top: 15px;
}

.book-list img {
  width: 135px;
  position: relative;
  margin-top: -22px;
  z-index: 3;
}

.book-list .free-book img {
  width: 115px;
  margin-top: -18px;
}

.book-list .twinkle:hover .book-imgbox {
  animation: none;
}

.book-list .twinkle .book-imgbox::after {
  content: '';
  display: none;
}

.book-list .twinkle img {
  animation: twinkle 1s ease-in alternate-reverse infinite;
}

.book-list .twinkle::after {
  display: block;
  opacity: 1;
}

.twinkle.free-book .hover-status {
  display: block;
}

@keyframes twinkle {
  from {
    filter: brightness(0.9) drop-shadow(0 0 2px rgba(255, 255, 255, 0.8));
  }

  to {
    filter: brightness(1.5) drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
  }
}

.book-list .piltwalf-book img,
.book-list .zuan-book img {
  width: 150px;
  margin-top: -16px;
}

.book-list>div a {
  display: none;
}

.book-list .name {
  font-size: 14px;
  color: #ffffff;
  line-height: 14px;
  z-index: 2;
  width: 150px;
  margin: auto;
  margin-top: -29px;
  position: relative;
}

.book-list .piltwalf-book .name,
.book-list .zuan-book .name {
  bottom: 12px;
  height: 14px;
}

.book-list .piltwalf-book .name {
  color: #ffffff;
  margin-top: -20px;
}

.book-list .zuan-book .name {
  color: #ffffff;
  margin-top: -20px;
}

.book-list .color-package .name {
  color: #ffffff;
}

.book-list:nth-child(5n) .piltwalf-book .name,
.book-list:nth-child(5n) .zuan-book .name {
  /* color: #000; */
}

.book-list>.free-book.canget .btn-common-style::before,
.book-list>.color-package.canget .btn-common-style::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  /* background-color: #fff; */
  width: 218px;
  height: 130px;
}

.book-list>.piltwalf-book.canget .btn-common-style::before,
.book-list>.zuan-book.canget .btn-common-style::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  /* background-color: #fff; */
  width: 218px;
  height: 155px;
}

.book-list>div.canget:hover .btn-common-style::before {
  bottom: 25px;
}

.book-list>div .btn-common-style {
  width: 133px;
  height: 25px;
  line-height: 25px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 5px;
  z-index: 8;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #ffffff;
  transition: 0.2s all;
}

/* .book-list .free-book .btn-common-style,.book-list .zuan-book .btn-common-style{
  border:#ffcdbb solid 2px;
  background:#e06b3e;
  border-radius:20px;
  color: #ffffff;
}
.book-list .piltwalf-book .btn-common-style,.book-list .color-package .btn-common-style{
  border:#cce1ff solid 2px;
  background:#5e72c9;
  border-radius:20px;
  color: #ffffff;
} */

.book-list .free-book .btn-common-style {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/status1-on.png) no-repeat center center/ 100% auto;

}

.book-list .piltwalf-book .btn-common-style {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/status2-on.png) no-repeat center center/ 100% auto;
  color: #ffffff;
}

.book-list .zuan-book .btn-common-style {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/status3-on.png) no-repeat center center/ 100% auto;
  color: #ffffff;
}

.book-list .color-package .btn-common-style {
 background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/status4-on.png) no-repeat center center/ 100% auto;
  color: #8b7352;
}

.book-list .btn-show-dia {
  display: none;
  position: absolute;
  width: 131px;
  height: 27px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #ffffff;
  line-height: 27px;
  mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/status1-on.png) no-repeat center bottom/ 100% auto;
  -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/status1-on.png) no-repeat center bottom/ 100% auto;
  background-color: #d83d4f;
  z-index: 2;
}

.book-list .disable .hover-status,
.book-list .disable .btn-receive,
.book-list .disable .btn-show-dia {
  display: none !important;
}

.book-list>.disable:hover .btn-show-dia {
  display: block !important;
}

/* .book-list .disable .btn-show-dia {
    display: block !important;
  } */

.book-list .yunding-package .btn-common-style {}

.book-list>div .btn-countdown {
  cursor: default;
  text-decoration: none;
}

.book-list div.piltwalf-book .btn-common-style,
.book-list div.zuan-book .btn-common-style {
  bottom: 13px;
}

.book-list>div .btn-receive:hover {
  /* filter: brightness(120%); */
}

.free-book {
  margin-top: 23px;
  height: 115px;
}

.piltwalf-book {
  height: 139px;
  margin-top: 14px;
}

.zuan-book {
  height: 140px;
  margin-top: 11px;
}

.color-package {
  height: 115px;
  margin-top: 17px;
}

.yunding-package {
  height: 139px;
  margin-top: 8px;
}

.hover-status {
  display: none;
  position: relative;
  bottom: -12px;
  width: 133px;
  margin: 0 auto;
  height: 25px;
  font-size: 13px;
  text-align: center;
  line-height: 25px;
  /* background: #000; */
  color: #fff;
  /* border-radius: 9px; */
  z-index: 2;
  background-color: #ff1b36;
}

/* .free-book .hover-status,.zuan-book .hover-status {
  border:#e06b3e solid 2px;
  background:#ffffff;
  border-radius:20px;
  color: #e06b3e;
}
.piltwalf-book .hover-status,.color-package .hover-status {
  border:#8ca8e1 solid 2px;
  background:#ffffff;
  border-radius:20px;
  color: #8ca8e1;
} */

.free-book .hover-status {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/status1.png) no-repeat center center/ 100% auto;
  color: #ffffff;

}

.piltwalf-book .hover-status {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/status2.png) no-repeat center center/ 100% auto;
  color: #ffffff;
}

.zuan-book .hover-status {
 background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/status3.png) no-repeat center center/ 100% auto;
  color: #ffffff;
}

.color-package .hover-status {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/status4.png) no-repeat center center/ 100% auto;
  color: #ffffff;
}

.piltwalf-book .hover-status,
.zuan-book .hover-status {
  bottom: 5px;
}

.pass-list-item:hover .hover-status {
  display: block;
}

.free-book::after {
  content: '';
  color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -47%);
  width: 181px;
  height: 225px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/hover1.png) no-repeat center center / 100% auto;
  cursor: pointer;
  padding: 206px 0 0 0;
  box-sizing: border-box;
  overflow: hidden;
}

.color-package::after {
  content: '';
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -47%);
  width: 181px;
  height: 225px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/hover4.png) no-repeat center center / 100% auto;
  cursor: pointer;
  padding: 206px 0 0 0;
  box-sizing: border-box;
  overflow: hidden;
}

.piltwalf-book::after {
  padding: 225px 0;
  content: '';
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 181px;
  height: 225px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/hover2.png) no-repeat center center / 100% 100%;
  cursor: pointer;
  padding: 225px 0 0 0;
  box-sizing: border-box;
  overflow: hidden;
}

.zuan-book::after {
  padding: 225px 0 0 0;
  content: '';
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -47%);
  width: 181px;
  height: 225px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/hover3.png) no-repeat center center / 100% 100%;
  cursor: pointer;
  padding: 225px 0 0 0;
  box-sizing: border-box;
  overflow: hidden;
}

.book-list>div.noaward::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 50px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon11-1.png) no-repeat center center/ 100% auto;
  /* mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon11-1.png) no-repeat center center/ 100% auto;
  -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon11-1.png) no-repeat center center/ 100% auto; */
  /* background: #000000; */
  /* opacity: 0.2; */
}

.book-list>.color-package.noaward::before {
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon11-4.png) no-repeat center center / 100% auto; */
  /* background: #000000; */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon11-2.png) no-repeat center center/ 100% auto;
}

.book-list>div.noaward::after {
  display: none;
}

.book-list>div::after {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.book-list>div.lock::before,
.book-list>div.unget::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -10px;
  z-index: 4;
  width: 50px;
  height: 50px;
  /* filter: drop-shadow(0 0 8px #351c56); */
  /* opacity: 0.95; */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon12.png) no-repeat center center / 100% auto;
}

.book-list>div.got::after {
  /* display: none; */
}

.book-list>div.got img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

/* .book-list:nth-child(5n) > .piltwalf-book .book-imgbox::before,
  .book-list:nth-child(5n) > .zuan-book .book-imgbox::before {
    transform: scale(0.8);
    top: 0;
  } */

@keyframes piltwalfxlz {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -3480px 0;
  }
}

.book-list>div.lock:hover .book-imgbox::after,
.book-list>div.canget:hover .book-imgbox::after {
  display: none;
}

@keyframes commonxlz {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -21400px 0;
  }
}

@keyframes zuanxlz {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -22800px 0;
  }
}

.book-list>div.canget .name {
  opacity: 0;
  transition: 0.2s all;

}

.book-list>div:hover {
  z-index: 9;
}

.book-list>div:hover::after {
  opacity: 1;
}

.book-list>div:hover .name {
  opacity: 1;
  color: #245c66;
}

.book-list>.free-book:hover .name {
  color: #ffffff;
}

.book-list>.color-package:hover .name {
  color: #ffffff;
}

.book-list .piltwalf-book:hover .name {
  color: #ffffff;
}

.book-list .zuan-book:hover .name {
  color: #ffffff;
}

.book-list>div:hover .btn-common-style {
  bottom: -14px;
}

.book-list>.free-book:hover .btn-common-style {
  bottom: -21px;
}

.book-list>.color-package:hover .btn-common-style {
  bottom: -22px;
}

.book-list>.yunding-package:hover .btn-common-style {
  bottom: -9px;
}

.book-list>div:hover>div {
  /* transform: scale(1.2) translateY(-10px); */
}

.book-list>div.got:hover>div {
  transform: scale(1) translateY(0px);
}

.book-list>.free-book.canget .btn-receive,
.book-list>.color-package.canget .btn-receive {
  display: block;
}

.book-list>.free-book.canget .hover-status,
.book-list>.color-package.canget .hover-status {
  display: none;
}

.book-list>.piltwalf-book.canget .btn-common-style {
  display: block;
  /* color: #2953b9; */
}

.book-list>.zuan-book.canget .btn-common-style {
  display: block;
  color: #ffffff;
}

.book-list .got {
  pointer-events: none;
}

.book-list>.piltwalf-book.canget .hover-status,
.book-list>.zuan-book.canget .hover-status {
  display: none;
}

.book-list>.free-book.canget:hover .btn-common-style,
.book-list>.color-package.canget:hover .btn-common-style {
  display: block;
  bottom: -18px;
}

.book-list>.piltwalf-book.canget:hover .btn-common-style,
.book-list>.zuan-book.canget:hover .btn-common-style {
  /* display: block; */
  /* bottom: -8px; */
  /* border: 1px solid #000;
    background: #000; */
  /* color: #fff; */
}

/* part03 E */

/* ???��?? E*/

/* ???? S */

.dialog {
  display: none;
  width: 6.6rem;
  padding: 0.45rem 0;
  z-index: 9999;
}

.dialog a {
  font-family: 'fzqk';
}

.qConnectLogin {
  z-index: 9999;
}


.dialog-default .dialog-frame-container {
  width: 826px;
  height: 421px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-default.png) no-repeat center center / 100% auto;
  gap: 40px;
  padding-top: 80px;
}

.dialog-default .dialog-frame-title{
  top: 84px;
}

.dialog {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  /* top: 50%;
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%); */
  text-align: center;
  padding: 45px 0;
  /* opacity: 0; */
  animation: popInBg var(--easeOutQuint) 1000ms 100ms forwards;
  z-index: 9999;
}

.dialog-default {}

.dialog::before,
.main-missions::before,
.main-rewards::before,
.main-weeklyrequests::before,
.main-rules::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 150vh;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 0;
}

.dialog-frame {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  transform: scale(0.95);
  z-index: 99999;
}

.dialog-frame-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 225px;
  height: 100%;
  /* padding: 18px; */
  box-sizing: border-box;
  /* margin: 10px 10px 0; */
  gap: 25px;
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg.jpg) no-repeat center center / cover; */
}

.dialog-frame-content {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  /* height: 100%; */
  align-items: center;
  gap: 20px
}

.dialog-frame-content-left,
.dialog-frame-content-right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column
}

.dialog-frame-content-msg {
  font-size: 20px;
  padding: 0 95px;
  /* line-height: 24px; */
  text-align: center;
  /* color: var(--color-yellow) */
  color: #d1d1d1;
}

.dialog-frame-des {
  font-size: 14px;
  /* padding: 10px; */
  color: #d1d1d1;
}

.dialog-pay .price{
  font-size: 18px;
  color: #ffffff;
}

.dialog-frame-title {
  position: relative;
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 50px;
  background: linear-gradient(to bottom, #fdfdfd 22%, #a5a5a5 78%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  /* color: #ffffff; */
}

.dialog-frame-title::after,
.dialog-frame-title::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0em;
  width: 96px;
  height: 14px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon-title.png) no-repeat center center / 100% auto;
}

.dialog-frame-title::after {
  right: -120px;
  transform: translateY(-50%) rotateY(-180deg);
}

.dialog-frame-title::before {
  left: -120px;
}

.dialog-frame-close {
  position: absolute;
  right: -40px;
  top: -40px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.dialog-frame-close .btn-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1;
  color: var(--color-yellow);
  background-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-close.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  text-indent: -9999em
}

.dialog-frame-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  column-gap: 25px;
  margin-top: 15px;
}

.btn-comfirm,
.btn-cancel,
.icon-done,
.dia-welcome-right-btn,
.dia-welcome-bottom-btn {
  position: relative;
  min-width: 60px;
  width: 273px;
  height: 81px;
  margin: 10px 14px 0;
  box-sizing: border-box;
  font-size: 28px;
  text-align: center;
  line-height: 68px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn5.png) no-repeat center center / 100% 100%;
  padding-top: 12px;
}

.btn-comfirm span,
.icon-done span,
.dia-welcome-right-btn span,
.dia-welcome-bottom-btn span {
  color: transparent;
  background: linear-gradient(to bottom, #ffffff, #be9b84);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* filter: drop-shadow(-2px 3px 3px rgba(75, 54, 157, .47)); */
}

.btn-cancel span{
  background: linear-gradient(to bottom, #ffffff, #a6a7a8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* filter: drop-shadow(-2px 3px 3px rgba(75, 54, 157, .47)); */
}

.dialog-collection .btn-comfirm em{
  color: transparent;
  background: linear-gradient(to bottom, #ffffff, #be9b84);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#dia-level-tips .btn-comfirm,
#dia-alert15 .btn-comfirm,
#dia-alert13 .btn-comfirm,
#dia-alert12 .btn-comfirm,
#dia-alert10 .btn-comfirm,
#dia-alert75 .btn-comfirm,
#dia-get-icon2 .btn-comfirm,
#dia-get-skin .btn-comfirm,
#dia-get-gift-alert .btn-comfirm,
#dia-alert01 .btn-comfirm {
  /* position: relative;
  min-width: 60px;
  width: 284px;
  height: 83px;
  margin: 0 14px;
  box-sizing: border-box;
  font-size: 34px;
  text-align: center;
  line-height: 83px;
  color: #fff; */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn6.png) no-repeat center center / 100% 100%;
}

/*@supports (-webkit-background-clip: text) or (background-clip: text) {
	.btn-comfirm span {
		background: linear-gradient(to bottom, #ceffe5, #fdfffe);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
	}
	.btn-comfirm em {
		background: linear-gradient(to bottom, #cfffe6, #fefffe);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
	}
	.btn-cancel span {
		background: linear-gradient(to bottom, #cdfcff, #fdfffe);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
		filter: drop-shadow(0 0 1px rgba(59,139,207,0.55));
	}
}*/

.icon-done.current-completed,
.btn-comfirm.gray,
.btn-cancel.gray {
  /* color: var(--color-yellow);
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn1-disable.png) no-repeat center center / 100% 100%; */
  filter: grayscale(1);
  pointer-events: none;
}

.btn-cancel {
  color: #fff;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-see-advanced.png) no-repeat center center / 100% 100%;
}


.icon-done::before,
.btn-pay::before,
.btn-purchase::before,
.dia-welcome-right-btn::before,
.dia-welcome-bottom-btn::before,
.btn-comfirm::before {
  content: "";
  /* position: absolute;
  top: 11px;
  left: -11px;
  width: 60px;
  height: 25px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-d1.png) no-repeat center center / 100% auto; */

}

.icon-done::after,
.btn-pay::after,
.btn-purchase::after,
.dia-welcome-right-btn::after,
.dia-welcome-bottom-btn::after,
.btn-comfirm::after {
  content: "";
  /* position: absolute;
  top: 11px;
  right: -11px;
  width: 60px;
  height: 25px;
  transform: rotateY(180deg);
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-d1.png) no-repeat center center / 100% auto; */
}

.btn-cancel::before {
  content: "";
  /* position: absolute;
  top: 5px;
  left: -18px;
  width: 40px;
  height: 20px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-d2.png) no-repeat center center / 100% auto; */

}

.btn-cancel::after {
  content: "";
  /* position: absolute;
  top: 5px;
  right: -18px;
  width: 40px;
  height: 20px;
  transform: rotateY(180deg);
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-d2.png) no-repeat center center / 100% auto; */
}

.dialog-frame-border {
  display: none;
  position: absolute;
  top: -40px;
  width: 100%;
  /* height: calc(100% + 80px); */

}

.dialog-frame-border span::before,
.dialog-frame-border span::after {
  content: "";
  position: absolute;
  pointer-events: none
}

/* .dialog-frame-border span::before {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/title.png) no-repeat;
  background-position: left center;
  left: -30px;
  top: -38px;
  height: 40px;
  aspect-ratio: 35/12;
  background-size: 100%;
  filter: brightness(1.3);

}

.dialog-frame-border span::after {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/subtitle.png) no-repeat;
  background-position: center center;
  right: -39px;
  bottom: -34px;
  height: 14px;
  aspect-ratio: 83/12;
  background-size: 100%
} */

.btn-pay {
  position: relative;
  width: 273px;
  height: 81px;
  margin: 15px 0;
  text-align: center;
  line-height: 81px;
  box-sizing: border-box;
  font-size: 26px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn2.png) no-repeat center center / 100% 100%;
  box-sizing: border-box;
  padding-top: 5px;
}

.pay-pointer span{
  color: transparent;
  background: linear-gradient(to bottom, #ffffff, #be9b84);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*@supports (-webkit-background-clip: text) or (background-clip: text) {
	.btn-pay span {
		display: block;
		background-image: linear-gradient(to bottom, #cdffe4, #fdfffe);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
	}

	.dialog-frame-content-right .btn-pay span {
		background-image: linear-gradient(to bottom, #e9fffc, #b6e8fa);
	}

	.btn-purchase span {
		display: inline-block;
		background-image: linear-gradient(to bottom, #e9fffc, #b6faed);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
	}
}*/

.btn-purchase {
  position: relative;
  width: 273px;
  height: 81px;
  margin: 15px 0;
  text-align: center;
  line-height: 81px;
  box-sizing: border-box;
  font-size: 28px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn5.png) no-repeat center center / 100% 100%;
  box-sizing: border-box;
  padding-top: 5px;
}

.btn-purchase span{
  color: transparent;
  background: linear-gradient(to bottom, #ffffff, #be9b84);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gray,
.got,
.unlock-gray {
  filter: grayscale(100%) !important;
  pointer-events: none !important;
}

.btn-pay.unlock-gray,
.btn-purchase.unlock-gray,
.btn-pay.disable,
.btn-purchase.disable,
.btn-pay.gray,
.btn-purchase.gray {
  filter: grayscale(1);
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn1-disable.png) no-repeat center center / 100% auto; */
  pointer-events: none;
}

.c6::after,
.c7::after,
.c8::after {
	content: "";
  width: 34px;
  height: 64px;
  position: absolute;
  top: 12px;
  left: 60px;
}

.c6::after {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/c6.png) no-repeat center center / 100% auto;
}

.c7::after {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/c7.png) no-repeat center center / 100% auto;
}

.c8::after {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/c8.png) no-repeat center center / 100% auto;
}

.price {
  font-size: 18px;
  color: var(--color-gray);
}


.dialog-award.dialog-gift .dialog-frame-container {
  width: 317px;
  height: 548px;
  padding: 65px 0 115px 0;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg1.png) no-repeat center center / 100% auto;
}

.dialog-award .dialog-frame-container {
  width: 666px;
  height: 666px;
  padding: 120px 0 60px 0;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg13.png) no-repeat center center / 100% auto;
}

.dialog-award .dialog-frame-container{
  gap: 10px;
}

.dialog-award .dialog-frame-title {
	top: 53px;
}

.dialog-award.dialog-icon .dialog-frame-container {
  gap: 20px;
  padding-top: 100px;
}

.dialog-award.dialog-icon .dialog-frame-title {
  top: 55px;
}

.dialog-award.dialog-gift .dialog-frame-close {
  display: none;
}


.dialog-award .dialog-frame-award {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.dialog-award .dialog-frame-award em {
  /* position: absolute; */
  z-index: 1;
  /* display: flex; */
  width: 154px
}

.dialog-award .dialog-frame-award em img {
  width: 50%;
  -o-object-fit: cover;
  object-fit: cover
}

.dialog-award .dialog-frame-award em[data-type=right] {
  justify-content: flex-end
}

.dialog-award .dialog-frame-award em[data-type=center] {
  top: 215px;
  justify-content: center
}

.dialog-award .dialog-frame-award em[data-type=center] img {
  width: 70%
}

.dialog-award .dialog-frame-award p {
  margin-top: 20px;
  color: #fff1d9;
  font-size: 22px;
  font-weight: 400;

}

.dialog-award .dialog-frame-award-img {
  position: relative;
  height: 329px;
  aspect-ratio: 186/277;
  /* margin-top: 5px; */
}

.dialog-award .dialog-frame-button {
  margin-top: 0;
  column-gap: 0;
}

.dialog-award .dialog-frame-award-img::after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/award-border.png) no-repeat center center / 100% 100%;
}

.dialog-gift .dialog-frame-award-img {
  height: 350px;

}

.dialog-gift.dialog-award .dialog-frame-title {
	position: absolute;
	top: -100px;
	left: 50%;
	transform: translateX(-50%);

}

#dia-get-gift .dialog-frame-title {
  top: -90px;
}

#dia-get-gift .dialog-frame-title::after,
#dia-get-gift .dialog-frame-title::before {
	/* -webkit-mask-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon-title.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%; */
	background-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon-title.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/* background:#ffffff; */
}


.dialog-gift.dialog-award .dialog-frame-button {
  position: absolute;
  bottom: -90px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.dialog-gift.dialog-award .dialog-frame-award-img::after {
  width: 268px;
  height: 266px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/award-bg1.png) no-repeat center center / 100% auto;
  z-index: 0;
}

.dialog-gift .dialog-frame-award p {
  font-size: 20px;
  color: #fff1d9;
  position: relative;
  z-index: 2;
  padding: 0 20px;
  margin: 20px auto 0;
  text-align: center;
  font-weight: bold;
}

.dialog-gift.dialog-award .dialog-frame-award-img img {
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  object-position: center;
  z-index: 1;
  height: 39%;
  mask: none;
  -webkit-mask: none;
}

.dialog-award .dialog-frame-award-img img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	object-position: center top;
	-webkit-mask-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/award-mask.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/award-mask.png);
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
}

.dialog-award .dialog-frame-award-icon {
  position: relative;
  /* border: 2px solid #3a94e2; */
  height: 250px;
  /* background-color: #111; */
  /* border-radius: 10px; */
  aspect-ratio: 1
}

.dialog-award .dialog-frame-award-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  height: 250px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/zf-border.png) no-repeat center bottom / 100% 100%;
}

.dialog-award .dialog-frame-award-icon img {
  width: 250px;
  height: 250px;
	-o-object-fit: cover;
	object-fit: cover;
  	-webkit-mask-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/img-mask2.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/img-mask2.png);
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
}

.dialog-award .dialog-frame-award-area {
  width: 150%;
  text-align: center;
  font-size: 20px;
  color: #d1d1d1;
}

.dialog-award .dialog-frame-award-area a {
  font-family: "Microsoft YaHei";
  color: #d1d1d1;
  text-decoration: underline;
}

#dia-get-icon2 .dialog-frame-button a:nth-child(2) {
  color: #fff;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-see-advanced.png) no-repeat center center / 100% 100%;
}

/* ???????? E*/

/* ??????? S */
.dialog-pay .dialog-frame-container {
  width: 826px;
  height: 421px;
  /* gap: 35px; */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-default.png) no-repeat center center / 100% auto;
}

.dialog-pay .dialog-frame-title {
  top: 70px;
  font-size: 35px;
}

.dialog-pay .dialog-frame {
  transform: scale(1);
}

/* .dialog-pay .dialog-frame-close {
  transform: scale(1.15);
} */

.dialog-pay .dialog-frame-content {
  width: 750px;
  margin-top: 50px;
  justify-content: center;
  gap: 45px;
}

.dialog-pay .dialog-frame-content-right .btn-pay {
  /* max-width: 720px */
  margin-bottom: 18px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-see-advanced.png) no-repeat center center / 100% 100%;
}

.dialog-pay .dialog-frame-content-right .btn-pay span{
  color: transparent;
  background: linear-gradient(to bottom, #fdfdfd 22%, #a5a5a5 78%);
  background-clip: text;
  -webkit-background-clip: text;
}

/* ??????? E */

/* ???????????S */
.dialog-collection {}

/* .brand-zk1::after {
  content: '';
  width: 112px;
  height: 30px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/zk1.png) no-repeat center center / 100% auto;
  position: absolute;
  top: -17px;
  right: -25px;
}

.brand-zk2::after {
  content: '';
  width: 126px;
  height: 36px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/zk2.png) no-repeat center center / 100% auto;
  position: absolute;
  top: -17px;
  right: -25px;
} */

.dialog-collection-section {
  display: flex;
  justify-content: center;
  gap: 15px
}

.dialog-collection-section {
  display: flex;
  justify-content: center;
  gap: 15px
}

.dialog-collection-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  min-height: 240px;
  gap: 45px;
}

.dialog-collection .dialog-frame-container {
  /* height: 340px; */
  /* padding: 18px 25px; */
  width: 969px;
  /* width: 1455px; */
  height: 590px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-unlock-all-book.png) no-repeat center center / 100% auto;
}

.dialog-collection .dialog-frame-title {
	top: 49px;
}

.dialog-collection .dialog-frame-content {
  margin-top: 28px;
}

.dialog-collection2 .dialog-frame-container {
  width: 1109px;
  height: 670px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg7.png) no-repeat center center / 100% 100%;
}

.dialog-collection2 .dialog-collection-section {
  gap: 40px;
}

.dialog-collection-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  min-height: 240px;
  gap: 20px;
}

.dialog-collection2 .dialog-collection-title {
	height: 24px;
	line-height: 24px;
  font-size: 24px;
  color: #ffffff;
	font-weight: bold;
    margin-top: 29px;
}

.dialog-collection-title {
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: #fff1d9;
  font-weight: normal;
}

.dialog-collection-list {
  display: flex;
  justify-content: center;
  gap: 10px
}

.dialog-collection-list .up-item {
  width: 290px;
  height: 274px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/bd-bg.png) no-repeat center 19px / 290px 227px;

}

.dialog-collection-list .up-item::before {
  display: none;
}

.dialog-collection-list li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  /* padding: 32px 0; */
  gap: 30px;
  width: 180px;
  height: 275px;
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/bd-bg.png) no-repeat center 80px / 100% auto; */
}

.dialog-collection-list li::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 61px;
  transform: translateX(-50%);
  width: 232px;
  height: 183px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/bd-bg.png) no-repeat center / 100% auto;
  pointer-events: none;
}

.dialog-collection2 .dialog-collection-list li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 32px 0;
  gap: 15px;
  width: 290px;
  height: 410px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/bd-bg.png) no-repeat center 40px / 290px 227px;
}

.dialog-collection2 .dialog-collection-list li::before {
  display: none;
}

.dialog-collection-icons {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 265px;
  /* aspect-ratio: 1; */
  height: 216px;
  margin-top: 50px;
  /* background: #333 */
  z-index: 2;
}

.dialog-collection2 .dialog-collection-icons {
  margin-top: 42px;
}

.dialog-collection-icons1 {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/book2-white.png) no-repeat center center / 60% auto;
  margin-top: 85px;
}

.dialog-collection-icons2 {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/book3-white.png) no-repeat center center / 60% auto;
  margin-top: 85px;
}

.dialog-collection-icons3 {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/chroma-skin2.png) no-repeat center center / 60% auto;
  margin-top: 85px;
  width: 100px;
}

.dialog-collection-icons4 {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/pool-chest3.png) no-repeat center -32px / 115% auto;
}


.dialog-collection2 .dialog-collection-icons.dialog-collection-icons1 {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/book2-white.png) no-repeat center center / 80% auto;
}

.dialog-collection2 .dialog-collection-icons.dialog-collection-icons2 {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/book3-white.png) no-repeat center center / 80% auto;
}

.dialog-collection2 .dialog-collection-icons.dialog-collection-icons3 {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/chroma-skin2.png) no-repeat center center / 60px auto;
}

.dialog-collection-lock {
  display: block;
  width: 262px;
  height: 68px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/t-lock.png) no-repeat center center / 100% auto;
  /* background: #213 */
}


.dialog-collection-icons1,
.dialog-collection-icons2,
.dialog-collection-icons3 {
  transform: scale(1.46);
  -webkit-transform: scale(1.46);
  -moz-transform: scale(1.46);
}

.dialog-collection-desc {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  color: #d1d1d1;

}

.dialog-collection2 .dialog-collection-list li {
  padding: 30px 0 44px;
  /* justify-content: flex-end; */
}

.dialog-collection2 .dialog-collection-content {
  position: relative;
  gap: 0;
}

.dialog-collection2 .group-bd .dialog-collection-icons {
  width: 100%;
  /* background-size: 100% auto; */
  margin-top: 0;
  top: 10px;
}

.dialog-collection2 .group-bd ul {
  /* position: relative;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  align-items: center;
  column-gap: 0;
  row-gap: 0; */
  width: 360px;
  height: 400px;
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  column-gap: 0;
  row-gap: 0;
  flex-wrap: wrap;
}

.dialog-collection2 .group-bd li {
  width: 50%;
  flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: flex-end;
  height: 175px;
  padding: 0;
  /* margin-top: 0; */
  gap: 0;
  background: none;
}



.dialog-collection2 .group-bd .dialog-collection-title {
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.dialog-collection2 .group-bd::before,
.dialog-collection2 .group-bd::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 2px;
  height: 336px;
  -webkit-background-image: linear-gradient(transparent, #42669e, transparent);
  background-image: linear-gradient(transparent, #42669e, transparent);
}

.dialog-collection2 .group-bd::before {
  left: -15px;
}

.dialog-collection2 .group-bd::after {
  right: -15px;
}

/* ???????????E */

/* ????????S */
.dia12,.dialog-skin {
  /* width: 900px; */
  /* height: 715px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dialog-rule.png) no-repeat center center / 100% 100%; */
}

.dia12 .dialog-frame-title,
.dialog-skin .dialog-frame-title {
  top: 70px;
}

.dia12 .dialog-frame-container,
.dialog-skin .dialog-frame-container {
  width: 966px;
  height: 772px;
  gap: 10px;
  padding: 180px 0 120px 0;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg11.png) no-repeat center center / 100% auto;
}

.dia12 .dia-title,
.dialog-skin .dia-title {
  margin: 70px auto 40px;
  /* font-size: 40px; */
}

.dia12 .skin-box,
.dialog-skin .skin-box {
  display: flex;
  justify-content: space-between;
  width: 780px;
  margin: 0px auto 0;
}

.dia12 .skin-item,
.dialog-skin .skin-item {
  position: relative;
  /* width: 220px; */
  /* margin: 0 auto; */
  cursor: pointer;
}

.dia12 .img-box {
  position: relative;
  height: 278px;
  aspect-ratio: 180/258;
  margin: 0 auto;
  opacity: 0.5;
}

.dialog-skin .img-box {
  position: relative;
  height: 253px;
  aspect-ratio: 388/253;
  margin: 0 auto;
  opacity: 0.5;
}

.dia12 .skin-item.on .img-box{
  filter: drop-shadow(0 0 30px rgba(75, 204, 172, .27));
}

.dia12 .img-box::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  /* filter: grayscale(0.85); */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/award-border.png) no-repeat center bottom/ 100% 100%;
}

.dia12 .skin-item.on .img-box::after {
  /* background-color: #ffd898; */
}

.dia12 .img-mask {
  width: 100%;
  height: 100%;
  /* border: 2px solid #6aabe5;
  border-radius: 10px; */
  /* overflow: hidden; */
  /* -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/img-mask2.png) no-repeat center center / 188px auto; */
}

.dia12 .img-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/award-mask.png) no-repeat center center / 100% 100%;
	mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/award-mask.png) no-repeat center center / 100% 100%;
}

.dia12 .name,
.dialog-skin .name {
  margin-top: 15px;
  font-size: 16px;
  text-align: center;
  color: #d1d1d1;
}

.dia12 .tick {
  position: absolute;
  top: 215px;
  left: 50%;
  transform: translateX(-50%);
  width: 37px;
  height: 30px;
  background: #20232e;
  -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon13.png) no-repeat center center / 100% auto;
  display: none;
}

.dia12 .dialog-frame-button,
.dialog-skin .dialog-frame-button {
  column-gap: 10px;
}

.dia12 .skin-item.on .img-box,
.dialog-skin .skin-item.on .img-box{
  opacity: 1;
}

.dia12 .skin-item.on .img-mask {
  /* border: 2px solid #9f957d; */
  -webkit-mask: -webkit-gradient(linear, left bottom, left top, color-stop(-50%, transparent), to(#3f3f3f));
  -webkit-mask: linear-gradient(to top, transparent -50%, #3f3f3f);
          mask: -webkit-gradient(linear, left bottom, left top, color-stop(-50%, transparent), to(#3f3f3f));
          mask: linear-gradient(to top, transparent -50%, #3f3f3f);
}

.dia12 .skin-item.on .tick{
  background: #fff19a;
  display: block;
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon13-on.png) no-repeat center center / 100% auto; */
}

.dialog-skin .skin-item .tick {
  position: absolute;
  top: 215px;
  left: 50%;
  transform: translateX(-50%);
  width: 35px;
  height: 35px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/xz1.png) no-repeat center center / 100% auto;
}

.dialog-skin .skin-item.on .tick {
  width: 35px;
  height: 35px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/xz1-on.png) no-repeat center center / 100% auto;
}

.dia12 .skin-item.on .img-box::after {
  /* filter: grayscale(0); */
}

.dia12 .btn-alert-box,
.dialog-skin .btn-alert-box {
  width: 720px;
  margin: 45px auto 0;
  display: flex;
  justify-content: space-around;
}

.dia12 .btn-comfirm,
.dialog-skin .btn-comfirm {
  /* width: 290px;
  height: 92px;
  line-height: 92px; */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn6.png) no-repeat center center / 100% 100%;
}

.dia12 .btn-alert-box .btn-cancel,
.dialog-skin .btn-alert-box .btn-cancel {
  width: 290px;
  height: 92px;
  line-height: 92px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-cancel-dia12.png) no-repeat center center / 100% auto;
}

/* ????????E */


/* ???????????????S */
.dialog-level {
  /* position: relative; */
  width: 80%;
}

.dialog-level-list {
  display: flex;
  justify-content: center;
  gap: 15px
}

.dialog-level .dialog-frame-container {
  /* padding: 35px 18px; */
  /* height: 340px; */
  padding: 166px 0 105px 0;
  width: 1443px;
  height: 700px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg7.png) no-repeat center center / 100% 100%;
}

.dialog-level .dialog-frame-container {
  /* justify-content: flex-start; */
}

li.js-card::after {
  content: "\9001\51b3\80dc\52a0\901f\5361";
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 101px;
  height: 21px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  background: #455e88;
  border-radius: 0px 0px 5px 5px;
  mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/card1.png) no-repeat center center / 100% auto;
}

.dialog-level-list li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;

  box-sizing: border-box;
  /* border: thin solid #333 */
}

.dialog-level-list li:last-child .dialog-level-box {
  /* margin-top: -50px; */
}

.dialog-level-list .btn-purchase em {
  font-size: 0;
  text-indent: -9999999em;
}

.dialog-level-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  width: 249px;
  height: 335px;
  min-height: 220px;
  padding: 54px 10px 45px;
  margin-bottom: 0px;
  box-sizing: border-box;
  /* border-bottom: thin solid #333 */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/bd-bg3.png) no-repeat;
  background-size: 100% auto;
}

.dialog-level-title {
  width: 100%;
  font-size: 20px;
  color: #ffffff;
  /*color: transparent;
  background: linear-gradient(to bottom, #316ed3, #316ed3, #316ed3);
  background-clip: text;*/
  font-weight: bolder;
}

.dialog-level-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  min-width: 60px;
  aspect-ratio: 1;
  margin: 60px 0 5px;
  /* background: #ff0 */
}

.dialog-level-list li:nth-child(4) .dialog-level-icon {
  margin: 63px 0 5px;
}

.dialog-level-icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  margin-top: 0px;
}

.dialog-level .dialog-level-list {
  gap: 25px;
}

.dialog-level-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 24px;
  line-height: 1.25;
  font-weight: bold;
  font-family: 'Microsoft YaHei';
}

.dialog-level-num,
.dialog-level-price {
 /* color: transparent;
  background: linear-gradient(to bottom, #316ed3, #316ed3, #316ed3);
  background-clip: text;*/
}

.dialog-level-price,
.dialog-level-box {
  color: #ffffff;
}

.dialog-level-des{
  color: #d1d1d1;
}

.dialog-level-des {
  font-size: 14px;
  font-weight: normal;

}

.dialog-level-num-box {
  display: flex;
  min-height: 25px;
  margin: 0px 0 5px;
  font-size: 24px;
}

.dialog-level-num-box button {
  width: 32px;
  height: 32px;
  border: 1px solid #b6b7be;
  font-weight: bold;
  color: #ffffff;
  background: #2b456f;
  box-sizing: border-box;
  line-height: 22px;
}

.dialog-level-num-box button.gray {
  background: #a3a3a3;
  pointer-events: none;
}

.dialog-level-num-box input {
  width: 68px;
  height: 32px;
  border: thin solid #b6b7be;
  box-sizing: border-box;
  text-align: center;
  background: #2b456f;
  color: #ffffff
}

.dialog-level2 {
  width: 715px;
  box-sizing: border-box;
}

.dialog-level2 .dialog-frame-container {
  width: 506px;
  height: 616px;
  padding: 160px 0 115px 0;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg6.png) no-repeat center center / 100% 100%;
}

.dialog-level2 .dialog-frame-title {
  top: 50px;
  /* font-size: 36px; */
}

.dialog-level2 .dialog-frame-content {
  /* margin-top: 120px; */
}

/* ???????????????E */


/* ?????????????S */
.dia-book-mission {
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-unck-all-book.png) no-repeat center center / 100% 100%; */
  padding-top: 70px;
}

.dia-book-mission .dialog-frame {
  /* width: 100%; */
  /* transform: scale(1); */
}

.dia-book-mission .dialog-frame-close {
  /* width: 100%; */
  /* transform: scale(1); */
}

.dia-book-mission .dialog-frame-container {
  width: 1060px;
  height: 671px;
  padding: 115px 0 85px 0;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg5.png) no-repeat center center / 100% 100%;
}

.dia-book-mission .dialog-frame-title {
  top: 60px;
  /* margin-top: 50px; */
  /* font-size: 40px; */
}

.dia-book-mission .dia-content {
  width: 950px;
  margin: 10px auto 0;
  overflow: auto;
  padding: 0 25px 0 15px;
  height: 450px;
}

.dia-book-mission .dia-content::-webkit-scrollbar {
  width: 7px;
  height: 1px;
}

.dia-book-mission .dia-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /* -webkit-box-shadow: inset 0 0 5px #6f9df2; */
  background: #16839d;
}

.dia-book-mission .dia-content::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 5px #bbd1fa; */
  border-radius: 10px;
  background: #64bbe8;
}

.dia-book-mission .dia-content>li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 12px 0;
  /* background: #bbd1fa; */
  /* border-bottom: 1px solid #fff; */
}

.dia-book-mission .dia-content>li:not(:last-child):after {
  content: '';
  width: 100%;
  height: 6px;
  background: #4ac7c2;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/task-line.png) no-repeat center center / 100% auto;
  position: absolute;
  bottom: 0;
}

.dia-book-mission .left {
  display: flex;
  align-items: center;
}

.dia-book-mission .left .icon {
  display: inline-block;
  margin-right: 25px;
}

.dia-book-mission .left .icon1 {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia01-sprites01.png) 0 -111px no-repeat;
  width: 37px;
  height: 37px;
}

.dia-book-mission .left .icon2 {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia01-sprites01.png) 0 0 no-repeat;
  width: 38px;
  height: 38px;
}

.dia-book-mission .left .icon3 {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia01-sprites01.png) 0 -38px no-repeat;
  width: 39px;
  height: 38px;
}

.dia-book-mission .left .icon4 {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia01-sprites01.png) 0 -76px no-repeat;
  width: 42px;
  height: 33px;
}

.dia-book-mission .left .mission-txt {
  max-width: 480px;
  font-size: 14px;
  color: #fff;
  text-align: left;
  font-family: 'Microsoft YaHei';
  display: inline-block;
}

.dia-book-mission .right {
  display: flex;
  align-items: center;
}

.dia-book-mission .right .energy-part {
  font-size: 14px;
  color: #fff;
}

.dia-book-mission .right .energy-part .energy-subtitle {
  font-weight: 600;
  font-size: 18px;
}

.dia-book-mission .energy-icon1 {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-align: right;
  position: relative;
  padding-left: 15px;
  display: inline-block;
  margin-right: 15px;
}

.dia-book-mission .energy-part>div .energy-icon1:last-of-type {
  margin-right: 0;
  color: #fff;
}

.dia-book-mission .energy-part>div {
  margin: 10px 0;
  text-align: right;
}

.dia-book-mission .energy-part>div.strong {
  height: 34px;
  background-image: radial-gradient(rgb(255 255 255 / 30%), transparent);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.dia-book-mission .energy-icon1>span {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon2.png) no-repeat center center / 100% auto;
  width: 20px;
  height: 21px;
  display: inline-block;
  position: absolute;
  left: -9px;
  top: 2px;
}

.dia-book-mission .user-energy-part {
  font-size: 14px;
  color: #fff;
  text-align: right;
  font-family: 'Microsoft YaHei';
  margin-left: 5px;
}

.dia-book-mission .user-energy-part>span {
  color: #fff1d9;
  font-weight: bold;
  margin: 0 5px;
  font-size: 14px;
}

/* ?????????????E */



/* ????? S */
.dialog-rule .dialog-frame-container {
  width: 1226px;
  height: 711px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-rule.png) no-repeat center center / 100% auto;
}

.dialog-rule .dialog-frame {}

.dialog-rule .main-rules-box-des {
  position: relative;
  width: 1150px;
  margin: 60px auto 0;
  text-align: left;
  height: 495px;
  overflow-y: scroll;
  font-size: 14px;
  color: #d1d1d1;
  padding: 0 40px 0 30px;
  box-sizing: border-box;
}

.dialog-rule .main-rules-box-des li {
  margin-bottom: 15px;
  line-height: 2;
}

.dialog-rule .main-rules-box-des h3 {
  color: #ffffff;
  font-size: 16px;
}

/* webkit */
.dialog-jackpot .dialog-frame-skin-list::-webkit-scrollbar,
.dialog-rule .main-rules-box-des::-webkit-scrollbar {
  width: 7px;
  height: 1px;
}

.dialog-rule .main-rules-box-des::-webkit-scrollbar-thumb,
.dialog-jackpot .dialog-frame-skin-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #8fbbff;
}

.dialog-jackpot .dialog-frame-skin-list::-webkit-scrollbar-track,
.dialog-rule .main-rules-box-des::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #55729f;
}

.dialog-rule .main-rules-box-des .strong {
  font-size: 18px;
  color: #6f9df2;
  font-weight: bold;
}

.dialog-rule .main-rules-box-des table .strong {
  color: #fff;
}

.dialog-rule .main-rules-box-des a {
  font-family: "normal";
  text-decoration: underline;
  display: inline-block;
  margin-left: 9px;
  color: #fff;
  line-height: 1;
}

.dialog-rule .main-rules-box-des a:hover {
  /* color: #121212; */
  filter: brightness(1.1);
}

.dialog-rule .main-rules-box-des .btn-bind-center,
.dialog-rule .main-rules-box-des .btn-service {
  display: inline-block;
}

.dialog-rule .book-table {
  width: 742px;
  overflow: hidden;
  margin: 20px auto 0;
  text-align: center;
}

.dialog-rule .book-table table {
  width: 100%;
  border: none;
  border-top: 2px solid rgba(255, 255, 255, .2);
  border-left: 2px solid rgba(255, 255, 255, .2);
}

.dialog-rule .book-table table * {
  border: none;
}

.dialog-rule .book-table td {
  padding: 7px 22px;
  text-align: center;
  color: #fff;
  border-right: 2px solid rgba(255, 255, 255, .2);
  border-bottom: 2px solid rgba(255, 255, 255, .2);
  background: rgba(21, 33, 46, .7);
}

.dialog-rule .book-table td span {
  float: right;
}


/* ????? E */

/* ????????S */
.dia-week-task {}

.dia-week-task .dia-content {
  display: flex;
  width: 308px;
  /* width: 1170px; */
}

.dia-week-task .dia-content::before {
  content: '';
  position: absolute;
  top: 12px;
  left: 12px;
  width: 25px;
  height: 25px;
  box-sizing: border-box;
  transform: scale(-1);
  z-index: 10;
  border-width: 1px;
  border-style: solid;
  border-color: #b99251 transparent transparent;
  border-radius: 100% 0 100% 0;
  clip-path: circle(100% at 100% 100%);
}

/* .dia-week-task .dia-content::after {
	    content: "";
	    position: absolute;
	    bottom: 8px;
	    right: 9px;
	    width: 31px;
	    height: 31px;
	    box-sizing: border-box;
	    z-index: 10;
	    border-width: 1px;
	    border-style: solid;
	    border-color: #b99251 transparent transparent;
	    border-radius: 100% 0 100% 0;
	    clip-path: circle(100% at 100% 100%);
} */

.dia-week-task .task-explain {
  width: 341px;
  height: 621px;
  /* overflow: hidden; */
  flex-shrink: 0;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-51%);
  z-index: 2;
}

.dia-week-task .dialog-frame-container {
  background: none;
  width: 1295px;
  height: 650px;
  padding: 0;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/week-bg.png) no-repeat center right / 1295px 650px;
  position: relative;
}

/* .dia-week-task .dialog-frame-close {
	right: -33px;
    top: -28px;
} */

/* .dia-week-task .dialog-frame-container::before{
  content: '';
  width: 1303px;
  height: 736px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg4-border.png) no-repeat center / 100% auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -6px;
} */
/* .task-explain li::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -2px;
  width: 31px;
  height: 31px;
  z-index: 10;
  box-sizing: border-box;
  transform: scale(-1, 1);
  border-width: 1px;
  border-style: solid;
  border-color: #b99251 transparent transparent;
  border-radius: 100% 0 100% 0;
  clip-path: circle(100% at 100% 100%);
} */

.task-explain li {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 245px;
  padding-left: 0px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

.task-explain h3 {
  position: relative;
  font-size: 31px;
  line-height: 52px;
  /* color: #fff19a; */
  color: transparent;
  background: linear-gradient(to bottom, #fdfdfd 22%, #a5a5a5 78%);
  -webkit-background-clip: text;
  background-clip: text;
}

.task-explain h3::after {
  content: "";
  position: absolute;
  top: 63px;
  left: 50%;
  transform: translateX(-50%);
  width: 259px;
  height: 21px;
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/line2.png) no-repeat center center / 100% auto; */
}

.task-explain .done-num {
  font-family: 'bfflolh';
  font-size: 30px;
  /* color: #fff19a; */
  color: transparent;
  background: linear-gradient(to bottom, #fdfdfd 22%, #a5a5a5 78%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 45px;
}

.task-explain .task-rule p {
  position: relative;
  margin-bottom: 20px;
  line-height: 30px;
  color: #d2d6dd;
}

.task-explain .task-rule p::before {
	content: '';
	position: absolute;
	top: 6px;
	left: -34px;
	width: 20px;
	height: 19px;
	-webkit-mask-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon14-on.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon14-on.png);
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
  background: #fff;
}

.task-explain .task-rule p.task-item-done::before {
  background: #fff19a;

}

.task-explain .task-rule p.task-item-done {
  color: #fde191;
}

.task-explain .task-rule {
  width: 350px;
  height: 160px;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  box-sizing: border-box;
  padding: 14px 20px 14px 60px;
  margin: 0px auto 20px;
    color: #ffffff;
  font-size: 20px;
  text-align: left;
}

.dia-week-task .btn-common {
  width: 130px;
  height: 46px;
  display: inline-block;
  line-height: 86px;
  color: #fff1d9;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.dia-week-task .btn-common:hover {
  filter: brightness(110%);
}

.dia-week-task .rule-to-zgt {
  color: #fff;
  font-size: 12px;
  text-decoration: underline;
}

.dia-week-task .task-explain .mon {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/week-missions-1.png);
}

.dia-week-task .task-explain .tus {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/week-missions-2.png);
}

.dia-week-task .task-explain .wes {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/week-missions-3.png);
}

.dia-week-task .task-explain .thu {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/week-missions-4.png);
}

.task-content {
  display: inline-flex;
  height: 764px;
  /* margin-top: 20px; */
  padding-right: 20px;
  box-sizing: border-box;
  margin-left: 230px;
  /*-webkit-mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/week-bg.png) no-repeat right center / 1557px auto;
  mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/week-bg.png) no-repeat right center / 1557px auto;*/
}

.task-content li {
  width: 286px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  /* margin-left: 8px; */
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/week-bg.jpg) no-repeat center center / 93.5% 97.5% */
}

.task-content li:nth-child(1) {
  margin-left: 110px;
  width: 235px;
}

.task-content li:nth-child(2) {
  width: 235px;
}

.task-content li:nth-child(3) {
  width: 235px;
}

.task-content li:nth-child(4) {
  width: 235px;
  padding-right: 20px;
  box-sizing: border-box;
}

.task-content .week-name {
  /* color: #fff19a; */
  color: transparent;
  background: linear-gradient(to bottom, #fdfdfd 22%, #a5a5a5 78%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 23px;
  font-weight: bold;
  margin-top: 140px;
  position: relative;
  margin-bottom: 10px;
}

.task-content .week-name::after {
  content: ' ';
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/task-info.png) no-repeat center center / 100% auto;
  width: 58px;
  height: 49px;
  mix-blend-mode: soft-light;
}

.task-content .gift-box>div {
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-award-border.png) no-repeat center center / 100% auto;
  width: 135px;
  height: 134px;
  margin: 0 auto 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.task-content .gift-name {
  display: flex;
  justify-content: center;
  gap: 40px;
  position: relative;
  color: #fff1d9;
  font-size: 14px;
  margin-top: -5px;
  text-align: center;
}

.task-content .gift-name .txt span:nth-child(1) {
  width: 100%;
}

.task-content .energy-box:nth-child(3) .gift-name {
  display: flex;
  justify-content: center;
  /* width: 146px; */
  margin: -5px auto 0;
}


.task-content .gift-name .txt {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  position: absolute;
  bottom: -35px;
  left: 50%;
  width: 188px;
  transform: translateX(-50%);
  line-height: 1.1;
}

.task-content .skin-box .gift-name {
  margin-top: 10px;
}

.task-content .skin-box img {
  width: 82px;
}

.task-content .energy-box:nth-child(2) {
  margin-top: 10px;
}

.task-content .energy-box {
  margin-top: 10px;
}

.task-content .energy-box img {
  width: 135px;
}

.task-content .energy-box .energy {
  width: 38px;
}

.task-content .task-undone,
.task-content .task-got,
.task-content .task-done {
  cursor: pointer;
}

.task-content .task-unstart .btn-get,
.task-content .task-undone .btn-get {
  display: none;
}

.task-content .task-status {
  position: absolute;
  top: 600px;
  left: 50%;
  transform: translateX(-50%);
}

.task-content .task-status {}

.task-content .status-txt {
  color: #fff1d9;
  font-size: 16px;
  position: relative;
  padding-top: 3px;
  z-index: 9;
}

.task-content .status-txt::before {
  content: '';
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon17.png) no-repeat center center;
  width: 10px;
  height: 20px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -24px;
}

.task-content .task-unstart .status-txt::before {
  width: 13px;
  height: 19px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon16.png) no-repeat center center;
}

.task-content .task-unstart .status-txt {
  /* color: #cfcfcf; */
}

.task-content .task-unstart .unopened-txt {
  /* color: #cfcfcf; */
}

.task-content .status-txt::after {
  content: '\672a\5b8c\6210\a';
  width: 30px;
  height: 20px;
}

.task-content .task-unstart .status-txt::after {
  content: '\672a\89e3\9501';
}

.unopened-txt {
  /* display: none; */
  color: #fff1d9;
  font-size: 16px;
  white-space: nowrap;
}

.task-content .btn-get {
  width: 219px;
  height: 67px;
  bottom: -32px;
  /* color: #fff; */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn5.png) no-repeat center center / 100% 100%;
  /* font-family: "fzss"; */
  font-size: 22px;
  font-weight: normal;
  line-height: 74px;
  box-sizing: border-box;
}

.task-content .btn-get span{
  color: transparent;
  background: linear-gradient(to bottom, #ffffff, #be9b84);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*@supports (-webkit-background-clip: text) or (background-clip: text) {
	.task-content .btn-get span {
		background-image: linear-gradient(to bottom, #e9fffc, #b6faed);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
	}
}*/

.task-content .task-unstart::after {
  content: '';
  display: block;
  width: 100%;
  height: 580px;
  background: #0000004d;
  position: absolute;
  top: 83px;
}

.task-content li.task-unstart:nth-child(4)::after {
	/* border-radius: 0 40px 40px 0; */
  -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/bg-mask.png) no-repeat center right / auto 100%;
  mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/bg-mask.png) no-repeat center right / auto 100%;
}

.task-undone .gift-box>div::before,
.task-unstart .gift-box>div::before {
  content: '';
  width: 48px;
  height: 52px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon12.png) no-repeat center center / 100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.task-content .task-unstart::before {
  display: none;
}

.task-content .task-got .btn-get {
  /* color: #ffe6bd; */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn5_2.png) no-repeat center center / 100% 100%;
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn1-disabled.png) no-repeat center center / 100% auto; */
  /* filter:  grayscale(1); */
  pointer-events: none;
}

.task-explain .btn-go {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 215px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn-js1.png) no-repeat center center / 100% auto;
}

.task-explain .btn-go:hover {
  filter: brightness(120%);
}

.task-content .task-got .btn-get:hover {
  cursor: default;
  text-decoration: none;
}

/* week-active ???????????????
task-unstart??????????????????????????
task-undone???????????????????????
task-done????????????????????????????????????
task-got??????????????????? */
.task-content .task-unstart .unopened-txt {
  display: block;
}

.task-content .task-unstart .task-status>.btn-common,
.task-content .task-undone .task-status>.btn-common {
  display: none;
}

.task-content .task-done .task-status>*:not(.btn-common),
.task-content .task-got .task-status>*:not(.btn-common) {
  display: none;
}

/* ????????E */

/* ???????S */
.dialog-record .dialog-frame-container {
  width: 1046px;
  height: 771px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-record2.png) no-repeat center center / 100% auto;
  /* padding-bottom: 50px; */
  padding: 0 65px 15px;
}

.dialog-record .dialog-frame-title {
  top: 45px;
}

.dialog-record .pagination-box {
  width: 100%;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  font-size: 20px;
}

.dialog-record .pagination {
  /* width: 100%; */
  display: flex;
  justify-content: center;
}

.dialog-record .pagination {
  display: flex;
  align-items: center;
}

.dialog-record .pagination li {
  /* flex-wrap: nowrap; */
}

.dialog-record .pagination>a,
.pagination-box .pagenow {
  width: 50px;
  height: 43px;
  /* border-radius: 50%; */
  text-align: center;
  line-height: 43px;
}

.dialog-record .pagination-box a,
.dialog-record .pagination-box span {
  display: inline-block;
  margin: 0 10px;
  color: #d1d1d1;
  font-size: 17px;
}

.dialog-record .pagination-box .pagefirst {
  background-color: transparent;
  border: none;
}

.dialog-record .pagination .pagefirst,
.dialog-record .pagination .previouspage,
.dialog-record .pagination .previouspageone,
.dialog-record .pagination .pagenext,
.dialog-record .pagination .pagenextnone {
  background-color: transparent;
  text-decoration: underline;
  width: auto;
}

.dialog-record .pagination .previouspage,
.dialog-record .pagination .previouspageone {
  margin-left: 40px;
}

.dialog-record .pagination .pagenext,
.dialog-record .pagination .pagenextnone {
  margin-right: 40px;
}

.pagination-jump {
  display: none;
}

.pagination a {
  width: 39px;
  height: 32px;
  /* background: #09111a; */
  border-radius: 50%;
  line-height: 32px;
  text-align: center;
  font-family: "Microsoft YaHei";
}

.dialog-record .pagination-box .pagenow {
  color: #ffffff;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/page-btn-bg.png) no-repeat center center / 100% 100%;
}

.dialog-record .pagination a:hover {
  filter: brightness(120%);
}

.dialog-record .pagination-box .pagination {
  margin-left: 30px;
  color: #d1d1d1;
  font-size: 15px;
  line-height: 32px;
}

.dialog-record .pagination-box .pagination input {
  margin: 0 10px;
  background: #4b7ecd;
  width: 32px;
  height: 30px;
  border: none;
  color: #fff;
  text-align: center;
}

.dialog-record .dialog-frame {
  /* max-width: 1300px; */
  /* height: 690px; */
  /* transform-origin: center top; */
}

.dialog-record-list {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  min-height: 385px;
}

.dialog-record-list table {
  width: 100%;
  /* border: thin solid #000; */
  border-collapse: collapse;
  /* background: #333 */
}


.dialog-record-list tr:nth-child(1) {
  margin-bottom: 20px;
}

.dialog-record-list table th {
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}

.dialog-record-list table td {
  width: 300px;
  height: 30px;
  line-height: 22px;
  font-size: 15px;
  padding: 8px 0;
  text-align: center;
  color: #d1d1d1;
}

.dialog-record-list table td a {
  color: #ffffff;
  text-decoration: underline;
}

.dialog-record-list {
  height: 540px;
}

.dialog-record-list table tr {
	position: relative;
}

.dialog-record-list table tr:nth-child(1)::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
  background: linear-gradient(to right, transparent 0%, #939fb1 15%, #939fb1 85%, transparent 100%);
}

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

.dialog-record-page ul {
  display: flex
}

.dialog-record-page ul li {
  height: 24px;
  line-height: 24px;
  color: var(--color-yellow)
}

.dialog-record-page a,
.dialog-record-page span {
  /* display: inline;
  margin: 0 5px;
  color: #aeaeae;
  font-size: 20px; */
  display: inline-block;
    margin: 0 10px;
    color: #aeaeae;
    font-size: 20px;
}

.dialog-record-page input {
  width: 24px;
  height: 24px;
  margin: 0 5px;
  border: thin solid #333;
  box-sizing: border-box;
  text-align: center;
  background: #111;
  color: var(--color-yellow)
}

.dialog-record-page span {
  color: #aeaeae
}

/* ???????E */

/* ???????? ????? S */
.dia-skin-qr .dialog-frame-container {
  width: 849px;
  height: 671px;
  justify-content: flex-start;
  gap: 68px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg3.png) no-repeat center center / 100% 100%;
}

.dia-skin-qr .dialog-frame{
  transform: scale(1.15);
}

.dia-skin-qr .dialog-share-qrcode {
  max-width: 860px
}

.dia-skin-qr .dia-logo {
  width: 114px;
  height: 32px;
  margin: 55px auto 0;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/logo-qr2.png) no-repeat center center / 100% auto;
}

.dia-skin-qr .dialog-frame-title {
  top: 95px;
  color: transparent;
  background: linear-gradient(to bottom, #fdfdfd, #a5a5a5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
}

.dia-skin-qr .dialog-frame-title::before,
.dia-skin-qr .dialog-frame-title::after {
  display: none;
}

.dia-skin-qr .dialog-frame-title span {
  font-weight: bold;
}

.dia-skin-qr {
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia09.png) no-repeat center center / 100% 100%; */
  /* width: 900px; */
  /* height: 628px; */
  text-align: center;
}

.dia-skin-qr .dialog-frame-content {
  flex-direction: column;
  align-items: center;
  gap: 0;
}


/* .dia-skin-qr::before {
  content: '';
  position: absolute;
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/logo2.png) no-repeat center center / 100% auto;
  width: 95px;
  height: 27px;
  top: 46px;
  left: 50%;
  transform: translateX(-50%);
} */

.dia-skin-qr .skin-qr-title {
  min-height: 70px;
  font-size: 40px;
  color: #fd5f3c;
  font-family: 'wenya';
  margin-top: 76px;
  line-height: 70px;
  transform: scaleY(1);
}

.dia-skin-qr .skin-qr-title span {
  color: #fd5f3c;
}

.dia-skin-qr .dia-content {
  width: 740px;
  height: 330px;
  /* border: 2px solid #75d3ff; */
  background-color: #000;
  margin: 0px auto 0;
  overflow: hidden;
  position: relative;
}

.dia-skin-qr .dia-content::after {
  content: '';
  width: 100%;
  height: 80px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0, 0.9));
  background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
  position: absolute;
  bottom: 0;
  left: 0;
}

.dia-skin-qr .dia-content img {
  width: 100%;
  object-fit: cover;
}

.dia-skin-qr .skin-qr-name {
  font-size: 26px;
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  bottom: 15px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

/* .dia-skin-qr .skin-qr-name::before,
  .dia-skin-qr .skin-qr-name::after {
    content: '';
    background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/name-d.png) no-repeat center center / 100% auto;
    width: 149px;
    height: 15px;
    margin: 0 14px;
  } */

.dia-skin-qr .skin-qr-name::after {
  transform: rotateY(180deg);
}

.dia-skin-qr .skin-explian-box {
  width: 637px;
  margin: 25px auto 0 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #717474;
  font-family: 'Microsoft YaHei';
}

.dia-skin-qr .skin-explian-left {
  font-size: 18px;
  text-align: left;
  color: #5f5f5f;
}

.dia-skin-qr .skin-num {
  color: #5f5f5f;
  font-size: 20px;
  /* font-weight: bold; */
  line-height: 47px;
  font-family: 'Microsoft YaHei';
}

.dia-skin-qr .skin-num span {
  color: #f85961;
  -webkit-background-clip: text;
  font-weight: bold;
  font-family: 'sellnum-1';
  font-size: 60px;
  /* background-image: -webkit-linear-gradient(#654433,#e8c394); */
  /* -webkit-text-fill-color: transparent; */
}

.dia-skin-qr .skin-explian-right {
  display: flex;
  align-items: center;
  /* padding-top: 35px; */
  font-size: 14px;
}

.dia-skin-qr .skin-explian-right .baodian-icon {
  display: inline-block;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia09-content01.png) no-repeat center center;
  width: 209px;
  height: 35px;
  margin-top: 10px;
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.15));
  background-size: 100% 100%;
}

.dia-skin-qr .skin-explian-right>div {
  display: inline-block;
  /* padding-top: 50px; */
  text-align: right;
}

.dia-skin-qr .text-part {
  /* font-size: 12px;
	text-align: right; */
  /* line-height: 20px; */
}

/* .dia-skin-qr .text-part p:first-of-type {
    font-size: 20px;
    background-image: -webkit-linear-gradient(#654433, #e8c394);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    letter-spacing: 2px;
} */

.dia-skin-qr .qr-part {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  position: absolute;
  right: 102px;
  bottom: 25px;
  z-index: 100;
  /* border: 2px solid #f1ffa3; */
  width: 100px;
  height: 100px;
  background: #fff;
}

.dia-skin-qr .qr-part img {
  width: 95%;
  height: 95%;
}

.dialog-share-qrcode .dialog-frame-content {
  flex-direction: column;
  align-items: center
}

.dialog-frame-share {
  display: flex;
  justify-content: center
}

.dialog-frame-share-img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 700px;
  height: 330px;
  /* border-radius: 10px; */
}

.dialog-frame-share-img::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 703px;
  height: 335px;
  border: #aca8a6 solid 2px;
  /* border-radius: 12px; */
  /*background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/share-border.png) no-repeat center bottom / 100% auto;*/
  z-index: 2;
  pointer-events: none;
}

.dialog-frame-share-img p {
  position: absolute;
  bottom: 20px;
  font-size: 27px;
  font-weight: bold;
  color: #fff;
  z-index: 1
}

.dialog-frame-share-img img {
	width: 100%;
  height: 330px;
	-o-object-fit: cover;
	object-fit: cover;
  /* border-radius: 10px; */
}

.dialog-frame-share-img em {
  position: absolute;
  z-index: 1;
  display: flex;
  width: 154px;
  top: 215px;
  justify-content: center
}

.dialog-frame-share-img em img {
  width: 80%;
  -o-object-fit: cover;
  object-fit: cover
}

.dialog-frame-share-img::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 328px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  /* border-radius: 10px; */
}

.dialog-frame-share-tips {
  width: 700px;
  display: flex;
  justify-content: space-between;

}

.dialog-frame-share-tips .dialog-frame-share-info {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end
}

.dialog-frame-share-tips .dialog-frame-share-info p {
  text-align: right;
  font-size: 16px;
  line-height: 1.25;
  margin-right: 0;
  color: #d1d1d1;
}

.dialog-frame-share-tips .bd-icon {
  position: absolute;
  right: 104px;
  top: 20px;
  width: 215px;
  height: 35px;
  font-size: 36px;
  color: #d1d1d1;
  text-align: right;
  font-weight: bold;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/baodian-icon.png) no-repeat right center / 100% auto;
}

.dialog-frame-share-tips .dialog-frame-share-info:nth-child(2) p {
  font-size: 14px;
}

.dialog-frame-share-tips .dialog-frame-share-info:first-child {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  font-size: 14px;
  gap: 5px
}

.dialog-frame-share-tips .dialog-frame-share-info:first-child p:first-child {
  font-size: 24px
}

.dialog-frame-share-tips .dialog-frame-share-info:first-child p:first-child span {
  font-family: 'bfflolb';
  font-size: 84px;
  line-height: 1.1;
  color: transparent;
  background: linear-gradient(to bottom, #fdfdfd 22%, #a5a5a5 78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dialog-frame-share-tips .dialog-frame-share-qrcode {
  height: 96px;
  border: 1px solid #90e9ff;
}

.dialog-frame-share-tips .dialog-frame-share-qrcode img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

/* ???????? ????? E*/

/* ???????????S */
.dia-gift-introduce {}

.dia-gift-introduce .dialog-frame-content {
  height: 100%;
}

.dia-gift-introduce .dialog-frame-container {
  width: 1226px;
  height: 711px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg12.png) no-repeat center center / 100% auto;
}

.dia-gift-introduce .close-dia-btn {
  top: -38px;
  right: -18px;
}

.dia-gift-introduce .dia-content {
  display: flex;
  align-items: center;
  height: 100%;
}

.dia-gift-introduce .nav {
  height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  /* background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/progress.png) no-repeat center center / auto 565px; */
  top: 70px;
  left: 50px;
  padding: 5px 0;
  box-sizing: border-box;
  z-index: 8;
  cursor: pointer;
}

.dia-gift-introduce .nav span {
  width: 21px;
  height: 31px;
  position: relative;
  margin-top: -1px;
  z-index: 8;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/progress-s.png) no-repeat center center / 100% auto;
}


.dia-gift-introduce .nav span.swiper-pagination-bullet-active {
  width: 21px;
  height: 31px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/progress-c.png) no-repeat center center / 100% auto;
  /*filter: drop-shadow(0 0 8px rgba(69, 237, 223, 0.65));*/
}

.dia-gift-introduce .play-box {
  width: 950px;
  height: 300px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 200px;
  left: 100px;
}

.dia-gift-introduce .play-box li {
  width: 224px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gift-introduce {
  width: 100%;
  height: 642px;
  overflow: hidden;
  /* margin: 12px auto 0; */
}

.gift-introduce .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}

.gift-introduce .left {
  width: 348px;
  margin-left: 135px;
  text-align: center;
}

.gift-introduce .award-box {
  height: 341px;
  margin-top: 20px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/award-bg1_1.png) no-repeat center center/92% auto;
}

.gift-introduce .left .award-img {
  width: 70%;
  font-size: 0;
  margin-top: 60px;
  pointer-events: none;
}

.gift-introduce .left .name {
  position: relative;
  margin-top: -80px;
}

.gift-introduce .left .name::after {
  display: none;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 40px;
  width: 264px;
  height: 67px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/t-lock.png) no-repeat center center / 100% auto;
}

.gift-introduce .left .name span {
  display: inline-block;
  font-size: 34px;
  font-weight: bold;
   white-space: nowrap;
  transform: scaleY(1);
  line-height: 1;
  /* color: #fff19a; */
  color: transparent;
  text-align: center;
  background: linear-gradient(to bottom, #fdfdfd 22%, #a5a5a5 78%);
  background-clip: text;
  -webkit-background-clip: text;
}

.gift-introduce .special .left .name span {
  font-size: 28px;
}

.gift-introduce .special .left .name::after {
  /* top: 50px; */
}

.gift-introduce .special .left .name {
  /* margin-top: -33px; */
}

/* .gift-introduce .left .name::after {
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 278px;
    height: 54px;
    background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/icon18.png) no-repeat center center/100% 100%;
  } */

.gift-introduce .left .desc {
  margin-top: 28px;
  font-size: 18px;
  color: #fff1d9;
  letter-spacing: -0.1px;
}

.gift-introduce .left .desc2 {
  position: absolute;
  bottom: 30px;
  left: 165px;
  font-size: 17px;
  color: #fff1d9;
}

.gift-introduce .right {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: space-between;
  width: 636px;
  height: 480px;
  margin-left: 35px;
  margin-top: 55px;
  text-align: center;
}

.gift-introduce .introduce1 .right {
  margin-top: 55px;
}

.gift-introduce .right .award-tips {
  position: absolute;
  left: 50%;
  bottom: -72px;
  transform: translateX(-50%);
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  color: #c1f4e3;
}

.gift-introduce .special2 .right {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 636px;
  height: 385px;
  margin-left: 28px;
  margin-top: 115px;
  text-align: center;
}

.gift-introduce .c-right {
  width: 575px;
  height: 500px;
  margin-left: 65px;
  margin-top: 40px;
  row-gap: 25px;
}

.gift-introduce .special .right {
  width: 646px;
  /* margin-left: 110px;
  margin-top: 74px; */
  margin-left: 59px;
  margin-top: 178px;
  column-gap: 50px;
  height: 510px;
  justify-content: center;
}

.gift-introduce .slide-four .award-item:nth-child(1) {
  /* margin: 0 0 0 55px; */
}

.gift-introduce .slide-four .award-item:nth-child(2) {
  /* margin: 0 55px 0 0; */
}

.gift-introduce .right .award-item {
  position: relative;
  width: 141px;
  height: 202px;
  /* aspect-ratio: 151/236; */
  text-align: center;
  /* margin-right: 15px; */
  /* border: 1px solid #fff; */
}


.gift-introduce .right .award-item.icon {
  width: 145px;
  height: 145px;
}

.gift-introduce .right .award-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 101%;
  /* border: 1px solid #2fb5fb;
  border-radius: 12px; */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/skin-border.png) no-repeat center center/100% 100%;
}

.gift-introduce .right .award-item.icon::after {
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/zf-border.png) no-repeat center center/100% 100%;
}

.gift-introduce .right .award-item.stage {
  border: none;
  width: 298px;
  height: 233px;
  margin: 0 45px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/award-bg2.png) no-repeat center 96px/236px auto;
}

.gift-introduce .right .award-item.stage::after {
  display: none;
}

.gift-introduce .right .award-item.color {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border: none;
  width: 245px;
  height: 220px;
}

.gift-introduce .right .award-item.color:nth-child(2n) {
  margin-right: 0px;
}

.gift-introduce .right .award-item.color:nth-child(2n+1) {
  margin-left: 0px;
}

.gift-introduce .right .award-item.color::after {
  display: none;
}

/* .gift-introduce .right .award-item:nth-child(1) {
  margin-left: 68px;
}

.gift-introduce .right .award-item:nth-child(2) {
  margin-right: 68px;
}

.gift-introduce .right .award-item:nth-child(n+3) {
  margin-top: 40px;
} */

.gift-introduce .right .award-img {
  width: 100%;
  height: 100%;
  /* border: 2px solid #2fb5fb;
  border-radius: 8px; */
  object-fit: cover;
  object-position: center -15px;
  -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/img-mask2.png) no-repeat center center / 100% 100%;
}

.gift-introduce .right .award-item.icon .award-img {
  object-position: center;
}

.gift-introduce .right .stage .award-img {
  width: 100%;
  height: 115%;
  margin-top: -25px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-mask: none;
  border: none;
}

.gift-introduce .right .stage:nth-child(2) .award-img {
  width: 66%;
  height: auto;
  object-position: center;
}

.gift-introduce .right .color .award-img {
  width: 90%;
  height: 100%;
  /* margin-top: -25px; */
  -o-object-fit: contain;
  object-fit: contain;
  object-position: center;
  -webkit-mask: none;
  border: none;
}

.gift-introduce .right .color .a-name {
  position: relative;
  top: 0;

}

.gift-introduce .right .a-name {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  width: 100%;
  top: 215px;
  font-size: 17px;
  color: #d1d1d1;
  line-height: 1.1;
}

.gift-introduce .stage .a-name {
  top: 230px;
}

.gift-introduce .right .award-item.icon .a-name {
  top: 160px;
}

.gift-introduce .btn-introduce {
  width: 262px;
  height: 78px;
  position: absolute;
  bottom: 60px;
  left: 168px;
  font-size: 26px;
  line-height: 84px;
  text-align: center;
  box-sizing: border-box;
  font-weight: normal;
  color: #fff;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn1.png) no-repeat center center/100% 100%;
}

.gift-introduce .btn-introduce span {
  /* filter: drop-shadow(-2px 3px 3px rgba(242, 92, 14, 1)); */
  color: transparent;
  background: linear-gradient(to bottom, #ffffff, #be9b84);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.gift-introduce .btn-introduce:hover {
  -webkit-filter: brightness(1.05);
  filter: brightness(1.05);
}

.gift-introduce-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 305px;
  width: 3px;
  background: #2b3c82;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 8;
  cursor: pointer;
}

.gift-introduce-pagination .swiper-pagination-bullet {
  position: relative;
  width: 25px;
  height: 25px;
  margin: 0 0 0 -11px;
  opacity: 1;
  background: url(//game.gtimg.cn/images/lol/act/a20230420tocpass/progress-d.png) no-repeat center center/100% auto;
  z-index: 8;
}

.gift-introduce-pagination span.swiper-pagination-bullet-active {
  background: url(//game.gtimg.cn/images/lol/act/a20230420tocpass/progress-c.png) no-repeat center center/100% auto;
}

.gift-introduce-pagination span:first-child {
  margin: -5px 0 0 -11px;
}

.gift-introduce-pagination span:last-child {
  margin: 0px 0 -5px -11px;
}

/* ???????????E */



/* ???? ?????????E ????*/


/* ???? ????????? S */
.dialog-level-get .dialog-frame-container {
  justify-content: flex-start;
  width: 869px;
  height: 671px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-level-get.png) no-repeat center;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: relative;
  padding: 126px 0 0 0;
  gap: 0;
}

.dialog-level-get .dialog-frame-content {
  position: relative;
  display: block;
}

.dialog-level-get .small_title {
  width: 100%;
  padding-left: 97px;
  font-size: 17px;
  font-weight: bold;
  color: #d1d1d1;
  /* line-height: 2.5; */
  text-align: left;
  font-weight: normal;
}

/* .dialog-level-get .small_title {
  font-size: 14px;
  font-weight: bold;
  color: #f5f2ed;
  line-height: 2.5;
  width: 100%;
  text-align: center;
  letter-spacing: 0.2px;
} */

.dialog-level-get .small_title span {
  color: #ffffff;
}

.dialog-level-get .award_box {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: space-around;
  flex-wrap: wrap;
  width: 692px;
  height: 282px;
  margin: 17px auto 10px;
  row-gap: 25px;
  column-gap: 35px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 20px 0;
}

.dialog-level-get .award_box::-webkit-scrollbar {
  width: 6px;
  height: 1px;
}

.dialog-level-get .award_box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #8fbbff;
}

.dialog-level-get .award_box::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #55729f;
}


.dialog-level-get .award_box .tip {
  position: absolute;
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 13px;
  color: #fff;
  display: none;
}

.dialog-level-get .award_box .award {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 141px;
  height: 127px;
  /* aspect-ratio: 120 / 92;  */
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/bottom2.png) no-repeat center bottom / 100% auto;
}

.dialog-level-get .award_box .award::after {
  /* content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 179px;
  height: 176px;
  background-color: #ffd897;
  -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/zf-border.png) no-repeat center bottom / 100% auto; */
}

.dialog-level-get .award_box .award p {
  position: absolute;
  bottom: 17px;
  left: 50%;
  transform: translate(-50%,50%);
  color: #fffbe7;
  line-height: 12px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  box-sizing: border-box;
  padding: 0 6px;
}

.dialog-level-get .award_box .award p span {
  color: #fffbe7;
  font-weight: bold;
  /* font-size: 14px; */
  /* padding: 5px 0 0 2px; */
}

.dialog-level-get .award_box .award img {
  height: 90%;
  /* max-width: 100px;
    max-height: 100px; */
  object-fit: cover;
  transform: translateY(-13px);
}

.dialog-level-get .bottom_btn {
  /* font-family: "fzss"; */
  width: 273px;
  height: 81px;
  font-size: 28px;
  line-height: 81px;
	font-weight: normal;
  /* color: #ffffff; */
	background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn5.png) no-repeat center;
	background-size: 100% 100%;
	box-sizing: border-box;
  padding-top: 5px;
}


@supports (-webkit-background-clip: text) or (background-clip: text) {
	.dialog-level-get .bottom_btn span{
		display: block;
    background: linear-gradient(to bottom, #ffffff 30%, #be9b84 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	}
}


.dialog-level-get .desc {
  position: absolute;
  top: 82px;
  width: 100%;
  font-size: 14px;
  color: #fff1d9;
}

/* ???? ????????? E */


/* ???? S */
.dialog-discount .dialog-frame-container {
  width: 709px;
  height: 671px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg8.png) no-repeat center center / 100% auto;
  padding: 130px 0 80px 0;
  gap: 15px;
}

.dialog-discount {
  /* max-width: 637px; */
}

.dialog-discount .dialog-frame {
  /* max-width: 637px; */
  transform: scale(0.95);
}

.dialog-discount .dialog-frame-content {
  flex-flow: row wrap;
  gap: 0;
}

.dialog-discount .discount {
  flex-shrink: 0;
  width: 271px;
  height: 266px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/discount.png) no-repeat center center / 100% auto;
}

.dialog-discount span {
  color: #fbe594;
}

.dialog-discount .dialog-frame-content-msg {
  flex-shrink: 0;
  width: 80%;
  /* margin-top: -20px; */
  color: #fffbe7;
  font-size: 21px;
  line-height: 1.25;
  padding: 0;
}


@supports (-webkit-background-clip: text) or (background-clip: text) {
	.dialog-discount .btn-comfirm span {
		display: block;
		font-weight: normal;
    background: linear-gradient(to bottom, #ffffff, #be9b84);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}

.dialog-discount .dialog-frame-button{
  margin-top: 0;
}

/* ???? E */


/* ?��E?? S */
.dia-welcome2 {
  width: 1920px;
  height: 1080px;
  padding: 0;
}

.dia-welcome2 .dialog-frame {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/w-bg1.png) no-repeat center center / 1226px auto;
}

/* .dia-welcome2 .dialog-frame::before {
	content: "";
	position: absolute;
    left: 511px;
    top: 726px;
	width: 191px;
	height: 163px;
	background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/box.png) no-repeat;
	background-size: 100% 100%;
	z-index: 2;
} */

.dia-welcome2 .dialog-frame-title {
  top: 146px;
  display: none;
}

.dia-welcome2 .w-btn {
	position: absolute;
  top: 752px;
  right: 1060px;
	color: #fff;
	font-weight: normal;
  font-size: 28px;
	text-align: center;
  line-height: 68px;
	box-sizing: border-box;
  padding-top: 12px;
	background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/btn5.png) no-repeat center center / 100% 100%;
  width: 273px;
  height: 81px;
	overflow: hidden;
  font-family: 'fzqk';
}

.dia-welcome2 .w-btn span {
  filter: drop-shadow(-2px 3px 3px rgba(75, 54, 157, .47));
  background: linear-gradient(to bottom, #ffffff 30%, #be9b84 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dia-welcome2 .w-text {
  position: relative;
  left: -172px;
  text-align: center;
  padding: 370px 0px 0 0;
}

.dia-welcome2 .txt1 {
	display: none;
  font-size: 16px;
	font-weight: bold;
  color: #fffbe7;
	margin-bottom: 2px;
}

.dia-welcome2 .txt2 {
  font-size: 17px;
  color: #fffbe7;
  opacity: 0.8;
}

.dia-welcome2 .txt2 br {
	display: none;
}

.dia-welcome2 .dialog-frame-close {
  top: 120px;
  right: 316px;
}

/* ?��E?? E */

/* ???? S */
.dialog-jackpot .dialog-frame {}

.dialog-jackpot .dialog-frame-content {
  flex-direction: column
}

.dialog-jackpot .dialog-frame-container {
  width: 1166px;
  height: 771px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg14.png) no-repeat center center / 100% 100%;
}

.dialog-jackpot .dialog-frame-tab {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 970px;
  margin: 30px auto 0;
}

.dialog-jackpot .dialog-frame-tab a {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  font-family: "Microsoft YaHei";
  min-width: 135px;
  max-width: 190px;
  height: 40px;
  line-height: 1.2;
  font-size: 15px;
  text-align: center;
  color: #d1d1d1;
  padding: 0 10px;
  box-sizing: border-box;
}

.dialog-jackpot .dialog-frame-tab span {
  position: relative;
  z-index: 2;
}

.dialog-jackpot .dialog-frame-tab a.active span {
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
}

.dialog-jackpot .dialog-frame-tab a.active::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4px;
  width: 118px;
  height: 20px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/tab-on.png) no-repeat center center / 100% auto;

}

.dialog-jackpot .dialog-frame-tab a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -6px;
  width: 2px;
  height: 40px;
  background: linear-gradient(to bottom, transparent 0%, #65738a 50%, transparent 100%);

}

.dialog-jackpot .dialog-frame-tab a:last-child:after {
  display: none;
}

.dialog-jackpot .dialog-frame-tab a:last-child {
  border-right: none;
}



.dialog-jackpot .dialog-frame-skin-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  width: 970px;
  height: 540px;
  column-gap: 18px;
  row-gap: 25px;
  overflow-y: auto;
  padding: 10px 0 0 10px;
  margin-top: 50px;
  overscroll-behavior: contain;
  box-sizing: border-box;
}

.dialog-jackpot .dialog-frame-title{
  top: 55px;
}

.dialog-jackpot .dialog-frame-skin-list.color {
  column-gap: 55px;
  height: 540px;
}

.dialog-jackpot .dialog-frame-skin-list.blind {
  height: 490px;
  margin-top: 0;
}

.dialog-jackpot .dialog-frame-skin-list li {
  /* display: flex; */
  height: 250px;
  /* width: 180px;
  height: 300px; */
  width: 141px;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  position: relative;
}


.dialog-jackpot .dialog-frame-skin-list .dialog-frame-skin-img {
  /* overflow: hidden; */
  position: relative;
  width: 100%;
  height: 202px;
  margin-bottom: 10px;
}

.dialog-jackpot .dialog-frame-skin-list .dialog-frame-skin-img::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/award-border.png) no-repeat center bottom/ 100% 100%;
  z-index: 2;
}

.dialog-jackpot .dialog-frame-skin-list.icon .dialog-frame-skin-img::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/zf-border.png) no-repeat center bottom/ 100% 100%;
  z-index: 2;
}

.dialog-jackpot .dialog-frame-skin-list.color .dialog-frame-skin-img {
  margin-bottom: 0;
}

.dialog-jackpot .dialog-frame-skin-list.color .dialog-frame-skin-img::before {
  display: none;
}

.dialog-jackpot .dialog-frame-skin-list.color .dialog-frame-skin-img {
  height: 210px;
  border: none;
}

.dialog-jackpot .dialog-frame-skin-list.icon .dialog-frame-skin-img {
  width: 160px;
  height: 160px;
  /* border: none; */
}

.dialog-jackpot .dialog-frame-skin-list p {
  text-align: center;
  font-size: 16px;
  color: #d1d1d1;
  line-height: 1.25;
}

.dialog-jackpot .dialog-frame-skin-list.icon p {}

.dialog-jackpot .dialog-frame-skin-list.color p {}

.dialog-jackpot .dialog-frame-skin-list li img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
  object-position: center -0;
  -o-position: center -0;
	-webkit-mask-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/img-mask2.png);
	-webkit-mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-image: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/img-mask2.png);
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
}

.dialog-jackpot .dialog-frame-skin-list.color img {
  position: relative;
  /* height: 270px; */
  object-fit: contain;
  border: none;
  z-index: 2;
}


.dialog-jackpot .dialog-frame-skin-list.icon {
  gap: 15px 40px;
}

.dialog-jackpot .dialog-frame-skin-list.icon li {
  width: 150px;
  height: 230px;
  text-align: center;
}

.dialog-jackpot .dialog-frame-skin-list.icon img {
  /* width: 138px;
  height: 138px; */
}

.dialog-jackpot .dialog-frame-skin-list.color .dialog-frame-skin-img::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
  top: auto;
  width: 181px;
  height: 73px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/bg3.png) no-repeat center center / 100% auto;
  filter: none;
}

/* ???? E */

/* ???? E */

.fix_nav {
  position: fixed;
  left: 0;
  bottom: 10px;
  z-index: 9999999;
}

.fix_nav button {
  font-size: 12px;
  z-index: 99;
}

.dialog-award-additional .dialog-frame-button {
  margin-top: 30px;
}

.dialog-award-additional .dialog-frame-content {
  flex-wrap: wrap;
}

.dialog-award-additional .dialog-frame-container {
  width: 969px;
  height: 671px;
  padding: 0px 0 160px 0;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/dia-bg5.png) no-repeat center center / 100% auto;
}

.dialog-award-additional .desc {
  position: absolute;
  left: 50%;
  bottom: 84px;
  transform: translateX(-50%);
  width: 778px;
  text-align: justify;
  text-align-last: justify;
  color: #d1d1d1;
  font-size: 20px;
  text-align: center;
}

.dialog-award-additional .btn-tips {
  margin-top: 28px;
  color: #d1d1d1;
  font-size: 20px;
  font-weight: normal;
  font-family: "Microsoft YaHei";
  line-height: 1;
  pointer-events: none;
}

.dialog-award-additional .award-box {
  display: flex;
  justify-content: space-between;
  width: 423px;
  height: 188px;
  background: url(//game.gtimg.cn/images/lol/act/a20260923covenpass/award-icon.png) no-repeat center center / 100% auto;
  box-sizing: border-box;
}

.dialog-award-additional .award-item {
  width: 193px;
  text-align: center;
}

.dialog-award-additional .award-item .name {
  margin-top: 199px;
  color: #d1d1d1;
  font-size: 20px;
}

.qcwx-login,
.milo-qcwx-login,
.qConnectLogin {
  z-index: 99999 !important;
}

.pop-rule-pd {
  padding-top: 10px;
  text-align: center;
}

.dialog-skin .skin-title{
  color: #d1d1d1;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

.dialog-skin .skin-box{
  width: 820px;
  position: relative;
}

.dialog-skin .skin-tips{
  position: absolute;
  top: 150px;
  left: 49%;
  transform: translateX(-50%);
  font-size: 22px;
  color: #b5b5b4;
  font-weight: bold;
  display: block;
}