@charset "UTF-8";
@font-face {
  font-family: "fz";
  src: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/font/fz.ttf);
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "kks";
  src: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/font/kks.ttf);
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "fzz";
  src: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/font/fzz.ttf);
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "syh";
  src: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/font/syh.ttf);
  font-style: normal;
  font-weight: normal;
}
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form {
  margin: 0;
  padding: 0;
}

body {
  font: 12px/1.5 tahoma, "宋体", sans-serif;
  background: #3a2f23;
  font-family: "方正兰亭黑";
  overflow-x: hidden;
}

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

em, b {
  font-style: normal;
}

a {
  text-decoration: none;
}

img {
  border: 0;
}

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

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

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

.clearfix:after {
  content: " ";
  height: 0;
  display: block;
  clear: both;
}

.hidden {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* footer */
#afooter {
  width: 100%;
  z-index: 1000;
  text-align: center;
  line-height: 20px;
  background-position: top;
  color: #cccccc;
  background-color: #000000;
  padding: 20px 0;
}

#afooter .wrap_ied {
  padding: 15px;
}

#afooter .copyright {
  position: relative;
  z-index: 3;
  padding-top: 10px;
  line-height: 26px;
}

#afooter .copyright span a, #footer .copyright span a:hover {
  margin: 0 5px;
}

#theme_foot {
  position: absolute;
  z-index: 1;
  left: 50%;
  width: 980px;
  margin-left: -490px;
}

#afooter .notice {
  display: none;
}

#afooter a {
  color: #cccccc;
}

img[src=""], img:not([src]) {
  opacity: 0;
}

#topNavWrap {
  z-index: 30;
}

#topNavWrap .top-mask {
  height: 200% !important;
}

.wrap {
  width: 100%;
  min-height: 1000px;
  overflow: hidden;
  position: relative;
  font-family: "fz";
}

.bg_box {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.bg_box div {
  height: 1200px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: -1px;
}
.bg_box div.bg1 {
  background-image: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/bg_01.jpg);
}
.bg_box div.bg2 {
  background-image: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/bg_02.jpg);
}
.bg_box div.bg3 {
  background-image: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/bg_03.jpg);
}
.bg_box div.bg4 {
  background-image: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/bg_04.jpg);
}
.bg_box div.bg5 {
  background-image: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/bg_05.jpg);
}
.bg_box div.bg6 {
  background-image: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/bg_06.jpg);
}
.bg_box div.bg6 {
  height: 1400px;
}

.wrap_logo {
  display: block;
  width: 278px;
  height: 111px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/logo.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 60px;
  top: 70px;
  z-index: 50;
}

.wrap_in {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  padding-top: 1280px;
}

.header {
  position: relative;
  padding-bottom: 60px;
}

.hd_p1 {
  text-align: center;
  font-size: 20px;
  color: #f0c9a0;
  line-height: 28px;
}

.loginbox {
  margin: 26px auto 0;
  font-size: 20px;
  color: #f0c9a0;
  text-align: center;
}
.loginbox a {
  color: #f9c444;
  cursor: pointer;
}

.hd_rank_box {
  width: 1075px;
  height: 194px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/rank_box.png) no-repeat;
  background-size: 100% 100%;
  margin: 30px auto 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 126px;
}

.hd_rank_info {
  width: 327px;
  display: flex;
  align-items: center;
  position: relative;
}
.hd_rank_info:after {
  content: "";
  width: 7px;
  height: 112px;
  position: absolute;
  right: 8px;
  top: 50%;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/rank_line.png) no-repeat;
  background-size: 100% 100%;
  transform: translate(0, -50%);
}

.hd_rank_info_hdimg {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  overflow: hidden;
  border: #ad8c53 solid 2px;
  background: #372a16;
}
.hd_rank_info_hdimg img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.hd_rank_info_hdpara {
  width: 210px;
  margin-left: 16px;
}
.hd_rank_info_hdpara strong {
  display: block;
  font-size: 22px;
  color: #fdc760;
  font-weight: bold;
}
.hd_rank_info_hdpara span {
  display: block;
  font-size: 20px;
  color: #e3c99e;
}

.hd_rankdet {
  width: 410px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 74px;
}

.hd_rankdet_jf {
  width: 174px;
  text-align: center;
}
.hd_rankdet_jf span {
  display: block;
  font-size: 20px;
  color: #e3c99e;
  line-height: 26px;
}
.hd_rankdet_jf strong {
  display: block;
  font-size: 56px;
  color: #fdc760;
  font-family: "syh";
  line-height: 58px;
}

.hd_rank_combtn {
  width: 100%;
  margin: 42px auto 0;
  display: flex;
  justify-content: center;
}
.hd_rank_combtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 316px;
  height: 76px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/jl_btn.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  margin: 0 35px;
  position: relative;
  box-sizing: border-box;
  padding-top: 6px;
}
.hd_rank_combtn a span {
  display: block;
  font-size: 34px;
  font-family: "kks";
  font-style: normal;
  background: linear-gradient(to bottom, #331e08 0%, #653705 50%, #985101 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  transform: skew(8deg);
  position: relative;
  z-index: 20;
}
.hd_rank_combtn a:before {
  content: "";
  width: 461px;
  height: 344px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/jl_btn.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -112px;
  top: -93px;
  z-index: 0;
  pointer-events: none;
}
.hd_rank_combtn a.rankzficon:after {
  content: "";
  width: 140px;
  height: 30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/zf_icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 6px;
  top: -16px;
  z-index: 20;
}

.hd_rank_tips {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #e1b76d;
  line-height: 22px;
  margin: 36px auto 0;
}

.hd_rank_jllist {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 22px auto 0;
}
.hd_rank_jllist li {
  width: 67px;
  height: 67px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/bind_jllist.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 5px;
  margin: 0 40px;
  position: relative;
}
.hd_rank_jllist li img {
  display: block;
  width: 100%;
  height: 100%;
}
.hd_rank_jllist li p {
  width: 114px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 74px;
  transform: translate(-50%, 0);
  font-size: 16px;
  color: #e1b76d;
  line-height: 18px;
}

.page1 {
  position: relative;
  padding-top: 1px;
  padding-bottom: 52px;
}

.page_title1 {
  display: block;
  width: 643px;
  height: 216px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/title1.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  text-indent: -9999px;
}

.page_sub_tit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 40px;
  color: #ffe48e;
  line-height: 44px;
  font-family: "kks";
  margin: -10px auto 0;
  font-weight: normal;
}
.page_sub_tit span {
  display: block;
  transform: skew(8deg);
}
.page_sub_tit:before, .page_sub_tit:after {
  content: "";
  width: 95px;
  height: 25px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/sub_ticon.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 12px;
}
.page_sub_tit:after {
  transform: scale(-1, 1);
}
.page_sub_tit2 {
  margin: 46px auto 0;
}

.page_tbbox {
  width: 1062px;
  margin: 12px auto 0;
  background: linear-gradient(to bottom, #5b3e17, #956e36);
  position: relative;
  border-radius: 50px 0 50px 0;
  padding-top: 6px;
}
.page_tbbox table {
  width: 100%;
  border-radius: 50px 0 50px 0;
  overflow: hidden;
}
.page_tbbox table th {
  width: 50%;
  font-size: 32px;
  color: #85501b;
  height: 66px;
  text-align: center;
  background: #d8bf71;
  font-family: "fzz";
  border-right: #a48338 solid 1px;
  border-bottom: #a48338 solid 1px;
}
.page_tbbox table th:last-child {
  margin-right: 0;
}
.page_tbbox table td {
  width: 50%;
  font-size: 32px;
  color: #ffe698;
  text-align: center;
  border-right: #a48338 solid 1px;
  border-bottom: #a48338 solid 1px;
  padding: 10px 0;
}
.page_tbbox table tr td:last-child {
  margin-right: 0;
}
.page_tbbox:after {
  content: "";
  width: 1075px;
  height: 500px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/tab_mask.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 30;
}

.page1_imgwrap {
  width: 1388px;
  height: 741px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/img_wrap.png) no-repeat;
  background-size: 100% 100%;
  margin: 12px auto 0;
}

.page1_dwb_box {
  width: 1388px;
  height: 330px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/dwb_bg.png) no-repeat;
  background-size: 100% 100%;
  margin: 14px auto 0;
  box-sizing: border-box;
  padding-top: 64px;
}
.page1_dwb_box p {
  width: 1034px;
  margin: 0 auto;
  font-size: 26px;
  color: #ffe699;
  line-height: 40px;
  text-align: center;
}

.page2 {
  height: 620px;
}

.page_title2 {
  display: block;
  width: 586px;
  height: 216px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/title2.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  text-indent: -9999px;
}

.page2_tab_wrap {
  width: 1570px;
  border-radius: 50px 0 50px 0;
  position: relative;
}
.page2_tab_wrap:after {
  content: "";
  width: 1583px;
  height: 342px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/page2_jf_mask.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 30;
  pointer-events: none;
}

.page2_tab {
  width: 1570px;
  margin: 0px auto 0;
  box-sizing: border-box;
  border-radius: 50px 0 50px 0;
  overflow: hidden;
}
.page2_tab th {
  width: 25%;
  height: 52px;
  font-size: 24px;
  color: #5d4123;
  text-align: center;
  background: #edd09a;
  border-right: #8f723c solid 1px;
  border-bottom: #8f723c solid 1px;
}
.page2_tab td {
  width: 25%;
  height: 108px;
  font-size: 20px;
  color: #e3c99e;
  text-align: center;
  background: #5a4522;
  border-right: #8f723c solid 1px;
  border-bottom: #8f723c solid 1px;
}
.page2_tab tr td:last-child, .page2_tab tr th:last-child {
  border-right: none;
}
.page2_tab tr:last-child td {
  border-bottom: none;
}
.page2_tab strong {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 30px;
  line-height: 38px;
  color: #fdc760;
  font-weight: bold;
}

.page2_tips {
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #e3c99e;
  line-height: 26px;
  margin: 24px auto 0;
}

.page3 {
  height: 590px;
  position: relative;
  padding-top: 1px;
}

.page_title3 {
  display: block;
  width: 597px;
  height: 216px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/title3.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  text-indent: -9999px;
}

.page3_wrap {
  width: 1583px;
  height: 350px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/kt_wrapbg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin: -4px auto 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0 0 72px;
}

.page3_jsj {
  width: 1038px;
}

.page3_jsj_tips {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 22px;
  color: #e3c99e;
}
.page3_jsj_tips i {
  color: #fdc760;
  font-style: normal;
}

.page3_jsj_sele {
  display: block;
  width: 100%;
  height: 54px;
  position: relative;
  background: #2e2513;
  margin: 6px auto 0;
  box-sizing: border-box;
  border: #816d48 solid 1px;
}
.page3_jsj_sele select, .page3_jsj_sele input {
  display: block;
  width: 100%;
  height: 100%;
  background: none;
  outline: none;
  border-radius: 0;
  border: none;
  text-indent: 14px;
  font-size: 20px;
  color: #c8ad7f;
  appearance: none;
}
.page3_jsj_sele select option, .page3_jsj_sele input option {
  color: #000;
}
.page3_jsj_sele:after {
  content: "";
  width: 32px;
  height: 50px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/xl_seleicon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 30;
  pointer-events: none;
}

.page3_jsj_tips_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 40px auto 0;
}

.page3_jsj_tips_wrap_in {
  width: 500px;
}

.page3_jsj_ipt:after {
  display: none;
}

.page3_jsj_tips2 {
  font-size: 18px;
  color: #c8ad7f;
  margin-top: 4px;
}

.page3_jsj_total {
  width: 286px;
  margin-left: 122px;
}

.page3_jsj_total_tips {
  text-align: center;
  font-size: 20px;
  color: #4c351d;
  line-height: 26px;
}

.page3_jsj_total_num {
  width: 221px;
  height: 218px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/total_num.png) no-repeat;
  background-size: 100% 100%;
  margin: 6px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-bottom: 16px;
  position: relative;
}
.page3_jsj_total_num span {
  display: flex;
  font-family: "syh";
  background: linear-gradient(to bottom, #181614 0%, #5a3c1d 50%, #8d5924 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 98px;
  line-height: 98px;
}

.page3_jsj_total_tit {
  width: 174px;
  height: 34px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/total_namebg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #fae9b2;
  font-style: normal;
}

.page3_jsj_tpara {
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #4c351d;
  line-height: 26px;
}

.page4 {
  height: 1184px;
  position: relative;
  padding-top: 1px;
}

.page_title4 {
  display: block;
  width: 463px;
  height: 216px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/title4.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  text-indent: -9999px;
}

.page4_wrap {
  width: 1583px;
  height: 839px;
  position: relative;
  margin: -4px auto 0;
  box-sizing: border-box;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/page4_rank_box.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 6px;
}

.page4_wrap_tit {
  width: 100%;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  color: #5d4123;
}

.page4_wrap_tit2 {
  width: 100%;
  height: 52px;
  box-sizing: border-box;
  padding: 0 46px 0 44px;
  display: flex;
  justify-content: space-between;
}
.page4_wrap_tit2 span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 52px;
  font-size: 24px;
  color: #efd47e;
}

.page4_wrap_scroll {
  width: 1478px;
  height: 684px;
  overflow: hidden;
  margin-left: 44px;
}

.page4_wrap_scroll_in {
  width: 1478px;
}
.page4_wrap_scroll_in table {
  width: 100%;
}
.page4_wrap_scroll_in table td {
  width: 25%;
  height: 72px;
  font-size: 20px;
  color: #f0c9a0;
  text-align: center;
  border-bottom: #755533 solid 1px;
}
.page4_wrap_scroll_in table .ban td {
  border-top: #8a6d3c solid 1px;
  border-bottom: #8a6d3c solid 1px;
}
.page4_wrap_scroll_in table .ban td:first-child {
  border-left: #8a6d3c solid 1px;
}
.page4_wrap_scroll_in table .ban td:last-child {
  border-right: #8a6d3c solid 1px;
}

.page4_wrap_scroll_bar {
  width: 9px;
  height: 658px;
  position: absolute;
  right: 20px;
  top: 134px;
}
.page4_wrap_scroll_bar:before {
  content: "";
  width: 3px;
  height: 100%;
  background: #4b351d;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: 0;
}

.page4_wrap_scroll_slider {
  width: 9px;
  background: #ebc582;
  position: relative;
  z-index: 20;
  border-radius: 4px;
}

.page4_xh {
  font-family: "syh";
  font-size: 20px;
}

.page4_combtn {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 46px auto 0;
}
.page4_combtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 316px;
  height: 76px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/jl_btn.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  margin: 0 35px;
  position: relative;
  box-sizing: border-box;
  padding-top: 6px;
}
.page4_combtn a span {
  display: block;
  font-size: 34px;
  font-family: "kks";
  font-style: normal;
  background: linear-gradient(to bottom, #331e08 0%, #653705 50%, #985101 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  transform: skew(8deg);
  position: relative;
  z-index: 20;
}
.page4_combtn a:before {
  content: "";
  width: 461px;
  height: 344px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/jl_btn.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -112px;
  top: -93px;
  z-index: 0;
  pointer-events: none;
}

.page5 {
  height: 768px;
  position: relative;
  padding-top: 1px;
}

.page_title5 {
  display: block;
  width: 425px;
  height: 216px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/title5.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  text-indent: -9999px;
}

.page5_rule_list {
  width: 1583px;
  height: 486px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/rule_wrap.png) no-repeat;
  background-size: 100% 100%;
  margin: -16px auto 0;
  font-size: 19px;
  color: #e3c99e;
  box-sizing: border-box;
  padding: 38px 50px 0;
}
.page5_rule_list li {
  line-height: 33px;
  padding-left: 30px;
  position: relative;
  margin-bottom: 10px;
}
.page5_rule_list li span {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
}

.gray {
  filter: grayscale(1);
  pointer-events: none;
}

.dia {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
}

.dia_cont {
  width: 528px;
  height: 194px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/dia_bg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  padding: 28px;
}
.dia_cont2 {
  height: 403px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/dia_jl_bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 0;
}
.dia_cont3 {
  height: 350px;
}

.dia_para {
  width: 100%;
  height: 148px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  color: #edd09a;
  line-height: 26px;
}

.pop_close {
  display: block;
  width: 24px;
  height: 24px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/dia_close.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: -30px;
  text-indent: -9999px;
}

.dia_title1 {
  display: block;
  width: 297px;
  height: 34px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/jl_title1.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  margin: 20px auto 0;
}

.dia_tab_ove {
  width: 500px;
  height: 306px;
  margin: 10px 0 0 14px;
  overflow: hidden;
  overflow-y: auto;
}
.dia_tab_ove::-webkit-scrollbar {
  width: 6px;
  height: 200px;
}
.dia_tab_ove {
  /*滚动条滑块*/
}
.dia_tab_ove::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 3px;
  background: #fbe7ac;
}
.dia_tab_ove {
  /*滚动条轨道*/
}
.dia_tab_ove::-webkit-scrollbar-track {
  border-radius: 3px;
}
.dia_tab_ove table {
  width: 492px;
}
.dia_tab_ove table th {
  width: 50%;
  text-align: center;
  height: 40px;
  font-size: 22px;
  color: #edd09a;
  font-weight: normal;
  border-bottom: #9b7849 solid 1px;
}
.dia_tab_ove table td {
  width: 50%;
  text-align: center;
  font-size: 20px;
  color: #edd09a;
  font-weight: normal;
  border-bottom: #9b7849 solid 1px;
  padding: 12px 10px;
  box-sizing: border-box;
}
.dia_tab_ove table tr:last-child td {
  border-bottom: none;
}

.dia_title2 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 36px;
  line-height: 40px;
  color: #fad96d;
  font-family: "kks";
  margin: 26px auto 0;
  transform: skew(8deg);
}

.dia_jl_rewbox {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 30px auto 0;
  padding-bottom: 45px;
}
.dia_jl_rewbox li {
  width: 76px;
  height: 76px;
  box-sizing: border-box;
  border: #a47a40 solid 2px;
  background: #000000;
  margin: 0 50px;
  position: relative;
}
.dia_jl_rewbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dia_jl_rewbox p {
  width: 115px;
  text-align: center;
  font-size: 16px;
  color: #edd09a;
  line-height: 18px;
  position: absolute;
  left: 50%;
  top: 84px;
  transform: translateX(-50%);
}

.dia_jl_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 238px;
  height: 56px;
  box-sizing: border-box;
  margin: 36px auto 0;
  position: relative;
  box-sizing: border-box;
  padding-top: 6px;
}
.dia_jl_btn span {
  display: block;
  font-size: 30px;
  font-family: "kks";
  font-style: normal;
  background: linear-gradient(to bottom, #331e08 0%, #653705 50%, #985101 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  transform: skew(8deg);
  position: relative;
  z-index: 20;
}
.dia_jl_btn:before {
  content: "";
  width: 346px;
  height: 259px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260910goldmedal/jl_btn2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -84px;
  top: -70px;
  z-index: 0;
  pointer-events: none;
}