@charset "UTF-8";
/* reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

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

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-weight: normal;
  font-style: normal;
}

ol,
ul {
  list-style: none;
}

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

q:before,
q:after {
  content: "";
}

fieldset,
img,
abbr,
acronym {
  border: 0;
}

/* basic */
.c:before,
.c:after {
  content: "";
  display: table;
}

.c:after {
  clear: both;
}

.c {
  zoom: 1;
}

body {
  font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1",
 tahoma,
 "\5b8b\4f53",
 "\9ED1\4F53",
 sans-serif;
  background-color: #000;
  overflow-x: hidden;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.container * {
  box-sizing: border-box;
}

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

/* footer */
#afooter {
  text-align: center;
  line-height: 20px;
  color: #fff;
  background-color: #000;
  padding: 40px 0;
}

#afooter a {
  color: #fff;
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

html,
body,
.wrap {
  width: 100%;
}

/* 通用样式 */
.wrap * {
  box-sizing: border-box;
}

.gray-filter {
  filter: grayscale(100%);
  /* 100%完全置灰，0%无效果 */
  -webkit-filter: grayscale(100%);
  /* 兼容webkit内核浏览器 */
  cursor: not-allowed;
  /* 可选：禁止交互 */
  pointer-events: none;
}

.wrap {
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/bg.jpg) no-repeat top center;
  height: 1440px;
  overflow: hidden;
  color: #fff;
}

.head {
  height: 154px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 80px 0 50px;
}

.head .head-lt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

.head .head-lt .logo {
  width: 208px;
  height: 84px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/logo.png) no-repeat center;
  background-size: contain;
}

.head .head-lt .ln {
  width: 1px;
  height: 66px;
  background: #167ee9;
}

.head .head-lt .logo-2 {
  width: 298px;
  height: 51px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/logo-2.png) no-repeat center;
  background-size: contain;
}

.head .login-box {
  text-align: center;
  font-size: 24px;
  color: #315670;
}

.head .login-box a {
  color: #f31750;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.card1 {
  width: 972px;
  height: 774px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/card1.png) no-repeat center/100% 100%;
  margin: 160px auto 0;
  display: none;
  padding: 70px;
}

.card1.on {
  display: block;
}

.card1 .tit {
  width: 576px;
  height: 29px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/tit1.png) no-repeat center/100% 100%;
  margin: 50px auto 0;
}

.card1 .tab-box {
  width: 766px;
  margin: 25px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #e4e7ed;
}

.card1 .tab-box .tab-item {
  margin-bottom: -2px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
}

.card1 .tab-box .tab-item .qq {
  width: 26px;
  height: 31px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/qq.png) no-repeat center/100% 100%;
}

.card1 .tab-box .tab-item .wx {
  width: 39px;
  height: 33px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/wx.png) no-repeat center/100% 100%;
}

.card1 .tab-box .tab-item .txt {
  font-size: 30px;
  color: #315670;
  margin-left: 10px;
}

.card1 .tab-box .tab-item.on {
  border-bottom: 5px solid #167ee9;
  padding-top: 5px;
}

.card1 .tab-box .tab-item.on .qq {
  width: 26px;
  height: 31px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/qq-on.png) no-repeat center/100% 100%;
}

.card1 .tab-box .tab-item.on .wx {
  width: 39px;
  height: 33px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/wx-on.png) no-repeat center/100% 100%;
}

.card1 .tab-box .tab-item.on .txt {
  font-size: 30px;
  color: #167ee9;
}

.card1 .login-card {
  width: 766px;
  height: 420px;
  margin: 0 auto 0;
  overflow: hidden;
  /* 超出容器直接裁剪iframe */
  position: relative;
}

.card1 .login-card iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  /* 禁止拖拽拉伸iframe */
  resize: none;
  /* 禁止内部滚动 */
  overflow: hidden;
  /* 禁止选中文字干扰扫码 */
  user-select: none;
  /* 保留鼠标点击，不能设pointer-events:none，否则扫不了码 */
  pointer-events: auto;
}

.level-box {
  margin: 200px auto 0;
  width: 1266px;
  display: none;
}

.level-box.on {
  display: block;
}

.level-box .level-top {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 50px;
}

.level-box .level-top .tit {
  font-size: 50px;
  color: #1181ff;
  font-weight: bold;
}

.level-box .ic-level {
  width: 64px;
  height: 75px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic-level.png) no-repeat center/100% 100%;
  display: block;
}

.level-box .back {
  width: 53px;
  height: 53px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/back.png) no-repeat center/100% 100%;
  display: block;
}

.level-box .card2 {
  margin-top: -20px;
  width: 1266px;
  height: 692px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/card2.png) no-repeat center/100% 100%;
  padding: 70px;
}

.level-box .card2 .top-tit {
  height: 150px;
  display: flex;
  align-items: center;
}

.level-box .card2 .ic1 {
  width: 38px;
  height: 38px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic1.png) no-repeat center/100% 100%;
}

.level-box .card2 .ic5 {
  width: 64px;
  height: 75px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic5.png) no-repeat center/100% 100%;
}

.level-box .card2 .ic6 {
  width: 68px;
  height: 68px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic6.png) no-repeat center/100% 100%;
}

.level-box .card2 .ic7 {
  width: 64px;
  height: 75px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic7.png) no-repeat center/100% 100%;
}

.level-box .card2 .ic8 {
  width: 51px;
  height: 61px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic8.png) no-repeat center/100% 100%;
}

.level-box .card2 .ic9 {
  width: 42px;
  height: 57px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic9.png) no-repeat center/100% 100%;
}

.level-box .card2 .ic10 {
  width: 40px;
  height: 51px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic10.png) no-repeat center/100% 100%;
}

.level-box .card2 .ic11 {
  width: 48px;
  height: 48px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic11.png) no-repeat center/100% 100%;
}

.level-box .card2 .ic12 {
  width: 68px;
  height: 68px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic12.png) no-repeat center/100% 100%;
}

.level-box .card2 .txt1 {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 40px;
  color: #fff;
  font-weight: bold;
}

.level-box .card2 .txt2 {
  font-size: 20px;
  color: #fff;
}

.level-box .card2 .txt3 {
  font-size: 36px;
  line-height: 40px;
  color: #fff;
  font-weight: bold;
}

.level-box .card2 .btn1 {
  display: block;
  width: 225px;
  height: 50px;
  line-height: 50px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/btn1.png) no-repeat center/100% 100%;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.level-box .card2 .btn2 {
  display: block;
  width: 162px;
  height: 50px;
  line-height: 50px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/btn2.png) no-repeat center/100% 100%;
  text-align: center;
  font-size: 20px;
  color: #50616d;
}

.level-box .card2 .btn3 {
  display: block;
  width: 265px;
  height: 50px;
  line-height: 50px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/btn3.png) no-repeat center/100% 100%;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.level-box .card2 .btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.level-box.p1 .top-tit {
  padding-left: 90px;
}

.level-box.p1 .top-tit .txt2 {
  padding-left: 52px;
}

.level-box.p1 .cont {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.level-box.p1 .cont .ln {
  width: 1px;
  height: 204px;
  background: #b5cad9;
}

.level-box.p1 .opt {
  width: 330px;
  height: 220px;
  padding-left: 36px;
}

.level-box.p1 .opt.opt1 {
  padding-left: 15px;
}

.level-box.p1 .opt .ic2 {
  width: 57px;
  height: 57px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic2.png) no-repeat center/100% 100%;
}

.level-box.p1 .opt .ic3 {
  width: 62px;
  height: 60px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic3.png) no-repeat center/100% 100%;
}

.level-box.p1 .opt .ic4 {
  width: 63px;
  height: 59px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic4.png) no-repeat center/100% 100%;
}

.level-box.p1 .opt .tit {
  font-size: 30px;
  color: #96a6b7;
  font-weight: bold;
  line-height: 1;
  margin: 20px 0;
}

.level-box.p1 .opt .subtit {
  font-size: 20px;
  line-height: 30px;
  color: #96a6b7;
}

.level-box.p1 .opt .subtit span {
  color: #f88aa6;
}

.level-box.p1 .opt.on .ic2 {
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic2-on.png) no-repeat center/100% 100%;
}

.level-box.p1 .opt.on .ic3 {
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic3-on.png) no-repeat center/100% 100%;
}

.level-box.p1 .opt.on .ic4 {
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic4-on.png) no-repeat center/100% 100%;
}

.level-box.p1 .opt.on .tit {
  color: #167ee9;
}

.level-box.p2 .top-tit {
  padding-left: 50px;
  gap: 20px;
}

.level-box.p2 .cont {
  width: 400px;
  margin: 0 auto;
  padding-top: 50px;
}

.level-box.p2 .cont .label {
  font-size: 24px;
  color: #315670;
  line-height: 1;
}

.level-box.p2 .cont .label span {
  color: red;
  padding-right: 10px;
}

.level-box.p2 .cont .input {
  width: 100%;
  height: 46px;
  border-radius: 5px;
  border: 1px solid #4c6d83;
  margin-top: 20px;
  margin-bottom: 18px;
  padding: 0 10px;
  font-size: 18px;
}

.level-box.p2 .btn-box {
  margin-top: 30px;
}

.level-box.p3 .top-tit {
  justify-content: center;
  gap: 20px;
}

.level-box.p3 .cont {
  padding-top: 66px;
}

.level-box.p3 .cont .txt {
  font-size: 24px;
  color: #315670;
  line-height: 44px;
  text-align: center;
}

.level-box.p3 .btn-box {
  margin-top: 80px;
}

.level-box.p4 .top-tit {
  padding-left: 50px;
  gap: 20px;
}

.level-box.p4 .cont {
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.level-box.p4 .cont .ln {
  width: 1px;
  height: 204px;
  background: #b5cad9;
}

.level-box.p4 .cont .opt {
  width: 430px;
  height: 165px;
  padding-left: 88px;
}

.level-box.p4 .cont .tit {
  font-size: 30px;
  color: #167ee9;
  font-weight: bold;
  line-height: 1;
  margin: 20px 0;
}

.level-box.p4 .cont .subtit {
  font-size: 20px;
  line-height: 30px;
  color: #96a6b7;
}

.level-box.p5 .top-tit {
  padding-left: 50px;
  gap: 20px;
}

.level-box.p5 .cont {
  width: 400px;
  margin: 0 auto;
  padding-top: 90px;
}

.level-box.p5 .cont .label {
  font-size: 24px;
  color: #315670;
  line-height: 1;
}

.level-box.p5 .cont .label span {
  color: red;
  padding-right: 10px;
}

.level-box.p5 .cont .input {
  width: 100%;
  height: 46px;
  border-radius: 5px;
  border: 1px solid #4c6d83;
  margin-top: 20px;
  margin-bottom: 18px;
  padding: 0 10px;
  font-size: 18px;
}

.level-box.p5 .btn-box {
  margin-top: 90px;
}

.level-box.p6 .top-tit {
  padding-left: 50px;
  gap: 20px;
}

.level-box.p6 .cont {
  width: 940px;
  margin: 0 auto;
  padding-top: 70px;
}

.level-box.p6 .img-yz {
  display: flex;
  justify-content: space-between;
  height: 240px;
}

.level-box.p6 .label {
  font-size: 24px;
  color: #315670;
  line-height: 30px;
}

.level-box.p6 .label span {
  color: red;
  padding-right: 10px;
}

.level-box.p6 .input {
  width: 100%;
  height: 46px;
  border-radius: 5px;
  border: 1px solid #4c6d83;
  margin-top: 20px;
  margin-bottom: 18px;
  padding: 0 10px;
  font-size: 18px;
}

.level-box.p6 .tip {
  text-align: center;
  color: #f31750;
  font-size: 20px;
}

.level-box.p6 .img-box {
  width: 395px;
  height: 160px;
  border: 1px solid #4c6d83;
  border-radius: 5px;
}

.level-box.p6 .img-box img {
  width: 100%;
  height: 100%;
}

.level-box.p6 .change {
  display: block;
  margin: 10px auto 0;
  font-size: 20px;
  text-align: center;
  color: #315670;
}

.level-box.p6 .change span {
  color: #167ee9;
}

.level-box.p6 .change i {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic13.png) no-repeat center/100% 100%;
  margin-left: 5px;
}

.level-box.p7 .top-tit {
  padding-left: 50px;
  gap: 20px;
}

.level-box.p7 .cont {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 40px;
  height: 310px;
}

.level-box.p7 .cont .phone {
  font-size: 24px;
  color: #315670;
  line-height: 30px;
}

.level-box.p7 .cont .tip {
  text-align: left;
  width: 510px;
  margin-top: 10px;
  color: #f31750;
  font-size: 20px;
}

.level-box.p7 .cont .label {
  width: 510px;
  margin-top: 50px;
  font-size: 24px;
  color: #315670;
  line-height: 30px;
}

.level-box.p7 .cont .label span {
  color: red;
  padding-right: 10px;
}

.level-box.p7 .cont .input-box {
  width: 500px;
  margin-top: 20px;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.level-box.p7 .cont .input-box .input {
  margin: 0;
  width: 100%;
  height: 46px;
  border-radius: 5px;
  border: 1px solid #4c6d83;
  padding: 0 10px;
  font-size: 18px;
}

.level-box.p7 .cont .btn-dx {
  display: block;
  width: 130px;
  height: 46px;
  line-height: 46px;
  border-radius: 5px;
  border: 1px solid #167ee9;
  color: #167ee9;
  font-size: 18px;
  text-align: center;
}

.level-box.p7 .cont .btn-dx.on {
  color: #98a1a8;
  border: 1px solid #98a1a8;
}

.level-box.p8 .top-tit {
  padding-left: 50px;
  gap: 20px;
}

.level-box.p8 .cont {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 40px;
  height: 310px;
}

.level-box.p8 .cont .phone {
  font-size: 24px;
  color: #315670;
  line-height: 30px;
  width: 550px;
}

.level-box.p8 .cont .tip {
  text-align: left;
  width: 510px;
  margin-top: 10px;
  color: #f31750;
  font-size: 20px;
}

.level-box.p8 .cont .label {
  width: 550px;
  margin-top: 20px;
  font-size: 24px;
  color: #315670;
  line-height: 30px;
}

.level-box.p8 .cont .label span {
  color: red;
  padding-right: 10px;
}

.level-box.p8 .cont .input-box {
  width: 540px;
  margin-top: 20px;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.level-box.p8 .cont .input-box .input {
  margin: 0;
  width: 396px;
  height: 46px;
  border-radius: 5px;
  border: 1px solid #4c6d83;
  padding: 0 10px;
  font-size: 18px;
}

.level-box.p8 .cont .btn-dx {
  display: block;
  width: 130px;
  height: 46px;
  line-height: 46px;
  border-radius: 5px;
  border: 1px solid #167ee9;
  color: #167ee9;
  font-size: 18px;
  text-align: center;
}

.level-box.p8 .cont .btn-dx.on {
  color: #98a1a8;
  border: 1px solid #98a1a8;
}

.dialog {
  position: relative;
  outline: none;
  display: none;
  box-sizing: border-box;
}

.dialog .ic11 {
  width: 48px;
  height: 48px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/ic11.png) no-repeat center/100% 100%;
}

.dialog .btn2 {
  display: block;
  width: 162px;
  height: 50px;
  line-height: 50px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/btn2.png) no-repeat center/100% 100%;
  text-align: center;
  font-size: 20px;
  color: #50616d;
}

.dialog .btn4 {
  display: block;
  width: 225px;
  height: 50px;
  line-height: 50px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/btn4.png) no-repeat center/100% 100%;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.dia1 {
  width: 1026px;
  height: 574px;
  padding: 70px;
  background: url(//game.gtimg.cn/images/dnf/cp/a20260625leveltwo/pop.png) no-repeat center/100% 100%;
}

.dia1 .tit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding-top: 70px;
}

.dia1 .tit .txt {
  font-size: 50px;
  line-height: 1;
  color: #167ee9;
  font-weight: bold;
}

.dia1 .txt-box {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 24px;
  color: #6b95b3;
}

.dia1 .btn-box {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.qcwx-login-cover,
.qcwxtab-close {
  display: none !important;
}

.milo-qcwx-login {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  width: 750px !important;
  height: 470px !important;
}