@charset "utf-8";
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font: 16px/1.5 'Microsoft YaHei', '宋体', Tahoma, Arial, sans-serif;
  color: #cfb67f;
  background-color: #fff;
}
.wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

/*去除边框*/
fieldset,
img,
input,
button,
textarea {
  border: none;
  /*去除的蓝色小边框*/
  outline-style: none;
}
/*禁止表单域缩放*/
textarea {
  resize: none;
}
a {
  text-decoration: none;
  color: #969696;
  /* 取消链接高亮(移动端)  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 图片自适应 */
img {
  width: 100%;
  display: block;
}
ul,
ol {
  list-style: none;
}
/* 把所有的标题的样式全部重置了 */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
}
em,
i {
  font-style: normal;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.col {
  color: #a8424c;
}
/*清除浮动*/
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}
.clearfix:after {
  clear: both;
}
/*单行溢出*/
.one-txt-cut {
  overflow: hidden;
  /* 文字在一行显示, 不换行 */
  white-space: nowrap;
  /* 文字溢出显示省略号 */
  text-overflow: ellipsis;
}
/*多行溢出*/
.txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* ---------------------------------首页----------------------------- */
.home {
  width: 100%;
  /* height: 10000px; */
  overflow: hidden;
}

.head {
  width: 100%;
  height: 1000px;
  overflow: hidden;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-head-bg.jpg)
    no-repeat center 0 / cover;
}

.head .nav {
  width: 100%;
  height: 111px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-head-nav.png)
    no-repeat center 0 / cover;
  position: fixed;
  top: 57px;
  z-index: 10;
}

.head .nav-btn {
  display: block;
  width: 160px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 50%;
}

.head .nav-introduction {
  margin-left: -466px;
}

.head .nav-leaderboards {
  transform: translateX(-50%);
}

.head .nav-join {
  margin-left: 246px;
}

.head .login {
  display: block;
  width: 100px;
  height: 50px;
  line-height: 50px;
  color: #8e7c58;
  text-decoration: underline;
  margin: 836px auto 0;
  text-align: center;
  font-size: 18px;
  margin-top: 930px;
}

.head .user {
  display: flex;
  justify-content: center;
  font-size: 18px;
  margin-top: 950px;
}

.head .user .logout {
  display: block;
  color: #8e7c58;
  text-decoration: underline;
  margin: 0 30px 0 10px;
  position: relative;
}

.head .user .team {
  margin: 0 30px;
  position: relative;
  cursor: pointer;
}

.head .user .guild {
  margin: 0 30px;
  position: relative;
}

.head .user .integral {
  margin-left: 30px;
  position: relative;
}

.head .user .logout::after,
.head .user .team::after,
.head .user .guild::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 15px;
  background-color: #cfb67f;
  top: 4px;
  right: -30px;
}

.introduction {
  width: 100%;
  height: 765px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-introduction-bg.jpg)
    no-repeat center 0 / cover;
  overflow: hidden;
}

.introduction .title {
  width: 100%;
  height: 59px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-introduction-title.png)
    no-repeat center 0;
  margin-top: 12px;
  margin-bottom: 490px;
}

.introduction .btn-introduction {
  display: block;
  width: 242px;
  height: 60px;
  line-height: 56px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  border: 2px solid #b19b6a;
  border-radius: 30px;
  color: #3a3425;
  background-color: #907d51;
  margin-left: 226px;
}

.process {
  width: 100%;
  height: 830px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-process-bg.jpg)
    no-repeat center 0 / cover;
  overflow: hidden;
}

.process .title {
  width: 100%;
  height: 59px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-process-title.png)
    no-repeat center 0;
  margin-top: 188px;
  margin-bottom: 56px;
}

.process .content {
  padding-left: 200px;
}

.process ul li {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 76px;
}

.process ul li::after {
  content: '';
  width: 11px;
  height: 59px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-process-decorate2.png)
    no-repeat center;
  position: absolute;
  left: 119px;
  top: 70px;
}

.process ul li:last-of-type::after {
  background: none;
}

.process ul li .time {
  width: 241px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  color: #b39666;
  border: 2px solid #77634a;
  border-radius: 40px;
  margin-right: 42px;
  position: relative;
}

.process ul li .time::before {
  content: '';
  width: 281px;
  height: 24px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-process-decorate1.png)
    no-repeat center;
  position: absolute;
  left: -22px;
  top: 14px;
}

.process ul li .desc {
  font-size: 18px;
  font-weight: 700;
  color: #705d47;
}

.process ul li .tips {
  font-size: 14px;
  color: #665542;
  position: absolute;
  left: 280px;
  top: 50px;
}

.process ul li .tips-notice {
  font-size: 16px;
  color: #e0ddd6;
  position: absolute;
  left: 284px;
  top: 80px;
  text-decoration: underline;
}

.process .agreement3 {
  position: fixed;
  top: 90px;
  left: 50%;
  margin-left: -430px;
  z-index: 11;
  display: none;
}

.reward {
  width: 100%;
  height: 1097px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-reward-bg.jpg)
    no-repeat center 0 / cover;
  overflow: hidden;
}

.reward .title {
  width: 100%;
  height: 59px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-reward-title.png)
    no-repeat center 0;
  margin-top: 98px;
  margin-bottom: 122px;
}

.reward ul {
  display: flex;
  justify-content: space-between;
}

.reward ul li {
  width: 217px;
  height: 661px;
  text-align: center;
  padding: 0 16px;
  color: #79654b;
  position: relative;
}

.reward ul li.col-1 {
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-reward-1.png)
    no-repeat center;
}

.reward ul li.col-2 {
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-reward-2.png)
    no-repeat center;
}
.reward ul li.col-3 {
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-reward-3.png)
    no-repeat center;
}
.reward ul li.col-4 {
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-reward-4.png)
    no-repeat center;
}
.reward ul li.col-5 {
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-reward-5.png)
    no-repeat center;
}

.reward ul li::after {
  content: '';
  width: 23px;
  height: 23px;
  position: absolute;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/dot.png)
    no-repeat center;
  right: -26px;
  top: 330px;
}

.reward ul li:last-of-type::after {
  background: none;
}

.reward ul li .line {
  width: 181px;
  height: 1px;
  background-color: #39302b;
  margin-top: 70px;
}

.reward ul li .money {
  height: 100px;
  line-height: 100px;
  font-size: 18px;
  font-weight: 700;
}

.reward ul li .details {
  font-size: 14px;
}

.reward ul li .details .item {
  margin-top: 24px;
}

.reward ul li .details .item img {
  width: 62px;
  height: 61px;
  margin: 0 auto 5px;
}

.reward ul li .details .limit {
  font-size: 16px;
  font-weight: 700;
  margin-top: 46px;
}

.reward ul li .details .speical1 {
  margin-top: 40px;
}

.leaderboards {
  width: 100%;
  height: 1158px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-leaderboards-bg.jpg)
    no-repeat center 0 / cover;
  overflow: hidden;
}

.leaderboards .title {
  width: 100%;
  height: 87px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-leaderboards-title.png)
    no-repeat center 0;
  margin: 115px auto 48px;
}

.leaderboards .content {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-evenly;
}

.leaderboards .content .guild {
  width: 311px;
  height: 665px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-leaderboards-guild.png)
    no-repeat center;
  text-align: center;
  padding-top: 198px;
  position: relative;
}

/* .leaderboards .content .guild::before,
.leaderboards .content .guild::after {
  content: '';
  width: 23px;
  height: 23px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/dot.png)
    no-repeat center;
  position: absolute;
  top: 53%;
  right: -45px;
} */

.leaderboards .content .guild::before {
  content: '';
  width: 23px;
  height: 23px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/dot.png)
    no-repeat center;
  position: absolute;
  top: 53%;
  left: -106px;
}

.leaderboards .content .guild select {
  width: 252px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border: 1px solid #443a3e;
  color: #79654b;
  background: #231e31
    url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/angle.png)
    no-repeat 220px center;
  text-align: center;
  text-align-last: center;
  margin-bottom: 25px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.leaderboards .content .guild ul {
  font-size: 14px;
  text-align: center;
  line-height: 2.6;
  color: #79654b;
}

.leaderboards .content .team,
.leaderboards .content .anchor {
  width: 311px;
  height: 665px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-leaderboards-team.png)
    no-repeat center;
  padding-top: 234px;
  font-size: 14px;
  text-align: center;
  line-height: 2.6;
  color: #79654b;
}

.leaderboards .content .anchor {
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/home-leaderboards-anchor.png)
    no-repeat center;
}

.btn-anchor-join {
  display: block;
  width: 97px;
  height: 101px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/btn-anchor-join.png)
    no-repeat center;
  position: fixed;
  top: 50%;
  right: 60px;
}

/* -------------------------------主播报名------------------------ */
.anchorJoin {
  width: 100%;
  /* height: 10000px; */
  overflow: hidden;
}

.anchorJoin .head {
  width: 100%;
  height: 1000px;
  overflow: hidden;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/anchor-head-bg.jpg)
    no-repeat center 0 / cover;
}

.anchorJoin .content {
  width: 100%;
  height: 1153px;
  overflow: hidden;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/anchor-content-bg.jpg)
    no-repeat center 0 / cover;
}

.anchorJoin .content .title {
  width: 100%;
  height: 59px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/anchor-content-title.png)
    no-repeat center 0;
  margin: 12px auto 68px;
}

.anchorJoin .content .form {
  width: 646px;
  height: 446px;
  background-color: #23233f;
  margin: 0 auto;
  border-radius: 10px;
}

.anchorJoin .content .form .tips1 {
  height: 80px;
  line-height: 80px;
  text-indent: 45px;
  color: #646487;
}

.anchorJoin .content .form .etc4 {
  width: 506px;
  height: 40px;
  line-height: 40px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 24px;
}

.anchorJoin .content .form .etc4 .left {
  color: #958664;
}

.anchorJoin .content .form .etc4 input {
  width: 410px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  border: 1px solid #5b534d;
  color: #716751;
  background-color: #1b1b33;
  text-align: center;
}

.anchorJoin .content .form .etc4 select {
  width: 410px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  border: 1px solid #5b534d;
  color: #716751;
  background: #1b1b33
    url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/angle.png)
    no-repeat 370px center;
  text-align: center;
  text-align-last: center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.anchorJoin .content .notice {
  display: flex;
  color: #958664;
  padding: 12px 0 0 70px;
}

.anchorJoin .content .notice input[type='checkbox'] {
  width: 25px;
  height: 25px;
  border: 1px solid #5b534d;
  background-color: #1b1b33;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  margin-right: 16px;
}

.anchorJoin .content .notice input[type='checkbox']:checked {
  background: #1b1b33
    url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/yes.png) no-repeat
    center;
}

.anchorJoin .content .notice .need {
  color: #5e5eda;
  text-decoration: underline;
}

.anchorJoin .content .tips2 {
  color: #958664;
  text-indent: 110px;
}

.anchorJoin .content .form .agreement1 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}

.anchorJoin .content .btn-submit {
  display: block;
  width: 182px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  font-size: 16px;
  color: #110c1b;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/btn-submit-bg.png)
    no-repeat center;
  margin: 40px auto 0;
}

/* ------------------------------报名参赛------------------------ */
.competition {
  width: 100%;
  overflow: hidden;
}

.competition .head {
  width: 100%;
  height: 1000px;
  overflow: hidden;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/anchor-head-bg.jpg)
    no-repeat center 0 / cover;
}

.competition .content {
  width: 100%;
  height: 1660px;
  overflow: hidden;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/competition-content-bg.jpg)
    no-repeat center 0 / cover;
}

.competition .content .title {
  width: 100%;
  height: 59px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/competition-content-title.png)
    no-repeat center 0;
  margin: 12px auto 112px;
}

.competition .content .mode {
  display: flex;
  justify-content: space-around;
  /* display: none; */
}

.competition .content .etc5 {
  width: 404px;
  height: 438px;
  text-align: center;
  color: #d0b77f;
  background-color: #231f31;
  border: 1px solid #6c5a45;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.competition .content .etc5:hover {
  box-shadow: 0 0 20px #635856;
}

.competition .content .etc5 .imgBox {
  width: 240px;
  height: 304px;
  margin: 16px auto 24px;
}

.competition .content .guildJoin {
  overflow: hidden;
  display: none;
}

.etc6 {
  width: 860px;
  height: 812px;
  background-color: #151427;
  border: 1px solid #6c5a45;
  border-radius: 10px;
  padding: 0 37px;
  margin: 0 auto;
  /* display: none; */
}

.etc6 .tit1 {
  height: 120px;
  font-size: 16px;
  color: #cfb67f;
  text-align: center;
  padding-top: 36px;
}

.etc6 .tit2 {
  height: 120px;
  line-height: 120px;
  font-size: 24px;
  color: #cfb67f;
  text-align: center;
}

.etc6 .info {
  font-size: 16px;
  line-height: 2;
}

.etc6 .btn-points {
  display: flex;
  justify-content: space-evenly;
  margin-top: 80px;
}

.etc6 .btn-confirm {
  display: block;
  width: 182px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #000;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/btn-submit-bg.png)
    no-repeat center;
}

.etc6 .btn-cancel {
  display: block;
  width: 182px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #000;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/btn-cancel-bg.png)
    no-repeat center;
}

.competition .content .etc7 {
  width: 610px;
  height: 358px;
  font-size: 16px;
  text-align: center;
  background-color: #151427;
  border: 1px solid #6c5a45;
  padding-top: 100px;
  margin: 42px auto 0;
  display: none;
}

.competition .content .btn-success {
  display: block;
  width: 182px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #000;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/btn-submit-bg.png)
    no-repeat center;
  margin: 60px auto 0;
}

.competition .content .teamJoin {
  display: none;
}

.competition .content .teamJoin .teamJoin-mode {
  display: flex;
  justify-content: space-around;
  /* display: none; */
}

.competition .content .teamJoin .create {
  display: none;
}

.competition .content .form-need {
  width: 646px;
  margin: 0 auto;
  position: relative;
}

.competition .content .form-need .etc8 {
  position: relative;
}

.competition .content .form-need .etc8::before {
  content: '';
  width: 8px;
  height: 9px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/require.png)
    no-repeat center;
  position: absolute;
  top: 14px;
  right: -20px;
}

.competition .content .form-need .name {
  width: 540px;
  height: 40px;
  line-height: 40px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 35px;
}

.competition .content .form-need .contact {
  width: 540px;
  height: 40px;
  line-height: 40px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 35px;
}

.competition .content .form-need .remark {
  width: 540px;
  line-height: 40px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 35px;
}

.competition .content .form-need .remark textarea {
  width: 410px;
  height: 220px;
  font-size: 16px;
  border: 1px solid #5b534d;
  color: #716751;
  background-color: #1b1b33;
  padding: 10px 20px;
}

.competition .content .form-need .left {
  color: #ceb57e;
}

.competition .content .form-need input[type='text'] {
  width: 410px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  border: 1px solid #5b534d;
  color: #716751;
  background-color: #1b1b33;
  text-align: center;
}

.competition .content .form-need .notice,
.competition .content .form-need .tips2 {
  color: #ceb57e;
}

.competition .content .form-need .agreement1 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}

.competition .content .anchor-choise {
  display: flex;
  margin: 20px 0 44px 347px;
}

.competition .content .anchor-choise input[type='checkbox'] {
  width: 25px;
  height: 25px;
  border: 1px solid #5b534d;
  background-color: #1b1b33;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  margin-right: 16px;
}

.competition .content .anchor-choise input[type='checkbox']:checked {
  background: #1b1b33
    url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/yes.png) no-repeat
    center;
}

.competition .content .form {
  width: 646px;
  height: 446px;
  background-color: #23233f;
  margin: 0 auto;
  border-radius: 10px;
  display: none;
}

.competition .content .form .tips1 {
  height: 80px;
  line-height: 80px;
  text-indent: 45px;
  color: #646487;
}

.competition .content .form .etc4 {
  width: 506px;
  height: 40px;
  line-height: 40px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 24px;
}

.competition .content .form .etc4 .left {
  color: #958664;
}

.competition .content .form .etc4 input {
  width: 410px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  border: 1px solid #5b534d;
  color: #716751;
  background-color: #1b1b33;
  text-align: center;
}

.competition .content .form .etc4 select {
  width: 410px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  border: 1px solid #5b534d;
  color: #716751;
  background: #1b1b33
    url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/angle.png)
    no-repeat 370px center;
  text-align: center;
  text-align-last: center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.competition .content .notice {
  display: flex;
  color: #958664;
  padding: 12px 0 0 70px;
}

.competition .content .notice input[type='checkbox'] {
  width: 25px;
  height: 25px;
  border: 1px solid #5b534d;
  background-color: #1b1b33;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  margin-right: 16px;
}

.competition .content .notice input[type='checkbox']:checked {
  background: #1b1b33
    url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/yes.png) no-repeat
    center;
}

.competition .content .notice .need {
  color: #5e5eda;
  text-decoration: underline;
}

.competition .content .tips2 {
  color: #958664;
  text-indent: 110px;
}

.competition .content .teamJoin .btn-create {
  width: 464px;
  display: flex;
  justify-content: space-between;
  margin: 66px auto 0;
}

.competition .content .teamJoin .btn-create .btn-confirm {
  display: block;
  width: 182px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #000;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/btn-submit-bg.png)
    no-repeat center;
}

.competition .content .teamJoin .btn-create .btn-cancel {
  display: block;
  width: 182px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #000;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/btn-cancel-bg.png)
    no-repeat center;
}

/* ----------------------寻找战队------------------------------- */
.seek {
  width: 100%;
  overflow: hidden;
}

.seek .head {
  width: 100%;
  height: 1000px;
  overflow: hidden;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/anchor-head-bg.jpg)
    no-repeat center 0 / cover;
}

.seek .content {
  width: 100%;
  height: 1660px;
  overflow: hidden;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/competition-content-bg.jpg)
    no-repeat center 0 / cover;
}

.seek .content .title {
  width: 100%;
  height: 59px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/seek-content-title.png)
    no-repeat center 0;
  margin: 12px auto 112px;
}

.seek .content .filter {
  width: 1130px;
  margin: 0 auto;
}

.seek .content .filter select {
  width: 146px;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  border: 1px solid #6c5a45;
  color: #d0b77f;
  background: #231e31
    url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/angle.png)
    no-repeat 120px center;
  text-align: center;
  text-align-last: center;
  margin-bottom: 25px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  float: left;
}

.seek .content .filter .btn-level {
  display: block;
  width: 104px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  border-radius: 5px;
  text-indent: 12px;
  color: #cfb67e;
  background-color: #6c5a45;
  position: relative;
  float: left;
  margin-top: 7px;
}

.seek .content .filter .btn-level::before {
  content: '';
  width: 15px;
  height: 17px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/arrow.png)
    no-repeat center;
  position: absolute;
  top: 6px;
  right: 12px;
}

.seek .content .filter .btn-level.cur2 {
  background-color: #514537;
}

.seek .content .filter .btn-players {
  margin: 7px 20px 0;
}

.seek .content .filter .btn-integral {
  text-indent: 20px;
}

.seek .content .filter .btn-integral::before {
  right: 20px;
}

.seek .content .filter .search {
  width: 210px;
  height: 46px;
  position: relative;
  float: right;
}

.seek .content .filter .search input {
  width: 210px;
  height: 46px;
  line-height: 44px;
  text-indent: 10px;
  border: 1px solid #6c5a45;
  color: #d0b77f;
  background-color: transparent;
}

.seek .content .filter .search .btn-search {
  display: block;
  width: 27px;
  height: 27px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/btn-search.png)
    no-repeat center;
  position: absolute;
  top: 8px;
  right: 14px;
}

.seek .content .items ul {
  height: 810px;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  align-content: space-between;
  padding: 0 35px;
  margin-top: 72px;
}

.seek .content .items li {
  width: 300px;
  height: 370px;
  color: #d0b77f;
  background-color: #23233f;
  border: 1px solid #6c5a45;
  padding: 0 16px;
  margin-right: 115px;
  position: relative;
}

.seek .content .items li:nth-of-type(3n-1)::before,
.seek .content .items li:nth-of-type(3n)::before {
  content: '';
  width: 23px;
  height: 23px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/dot.png)
    no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -11.5px;
  left: -70px;
}

.seek .content .items li:nth-of-type(3n) {
  margin: 0;
}

.seek .content .items li .zone {
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}

.seek .content .items li .teamName {
  font-size: 24px;
  font-weight: 700;
  margin-top: 20px;
}

.seek .content .items li .remark {
  height: 152px;
  font-size: 14px;
  padding: 34px 0;
}

.seek .content .items li .member {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

.seek .content .items li .job p {
  padding-top: 22px;
  padding-bottom: 11px;
}

.seek .content .items li .jobImg {
  display: flex;
}

.seek .content .items li .job .imgBox {
  width: 33px;
  height: 33px;
  border: 1px solid #685745;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.seek .content .items li .job .imgBox img {
  width: auto;
  margin: 0 auto;
}

.seek .content .items li input[type='button'] {
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #d0b77f;
  background-color: #323265;
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 8px;
}

.seek .content .items li input[type='button'].active {
  font-weight: normal;
  color: #a7a7a7;
  background-color: #5e5e5e;
}

.seek .content .items .pagination {
  text-align: center;
  font-size: 14px;
  margin-top: 90px;
}

.seek .content .items .pagination span,
.seek .content .items .pagination a {
  color: #a79160;
  padding: 7px 12px;
  margin: 0 6px;
  display: inline-block;
  line-height: 1.5;
}

.seek .content .items .pagination .current {
  color: #ceb57e;
  text-decoration: underline;
}

.seek .content .items .pagination .prev,
.seek .content .items .pagination .next {
  color: #a79160;
  background: none;
}

/* ----------------------------我的战队-队员--------------------- */
.teamMember {
  width: 100%;
  overflow: hidden;
}

.teamMember .head {
  width: 100%;
  height: 1000px;
  overflow: hidden;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/anchor-head-bg.jpg)
    no-repeat center 0 / cover;
}

.teamMember .content {
  width: 100%;
  height: 1153px;
  overflow: hidden;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/anchor-content-bg.jpg)
    no-repeat center 0 / cover;
}

.teamMember .content .title {
  width: 100%;
  height: 59px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/teamMember-content-title.png)
    no-repeat center 0;
  margin: 12px auto 112px;
}

.teamMember .content .team-msg {
  height: 36px;
  line-height: 36px;
  display: flex;
  padding-left: 45px;
  margin-bottom: 44px;
}

.teamMember .content .team-msg .name {
  font-size: 24px;
  font-weight: 700;
}

.teamMember .content .team-msg .integral {
  font-size: 18px;
  margin: 0 50px;
}

.teamMember .content .team-msg .rank {
  font-size: 18px;
}

.teamMember .content .partner-msg {
  width: 1125px;
  height: 395px;
  margin: 0 auto;
  border: 1px solid #6c5a45;
  background-color: #23233f;
}

.teamMember .content .partner-msg .tit {
  height: 70px;
  line-height: 56px;
  font-size: 16px;
  text-indent: 26px;
}

.teamMember .content .partner-msg .infos {
  width: 983px;
  height: 276px;
  margin: 0 auto;
}

.teamMember .content .partner-msg .infos ul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  align-content: space-between;
}

.teamMember .content .partner-msg .infos ul li {
  width: 291px;
  height: 123px;
  background-color: #1c1c36;
  padding: 14px 16px;
  margin-right: 55px;
  position: relative;
}

.teamMember .content .partner-msg .infos ul li:nth-of-type(3n) {
  margin: 0;
}

.teamMember .content .partner-msg .infos ul li .username {
  font-size: 20px;
}

.teamMember .content .partner-msg .infos ul li .job {
  height: 46px;
  line-height: 46px;
  font-size: 14px;
}

.teamMember .content .partner-msg .infos ul li .integral {
  font-size: 14px;
}

.teamMember .content .partner-msg .infos ul li .captain {
  width: auto;
  position: absolute;
  bottom: 12px;
  right: 15px;
}

.btn-quit {
  display: block;
  width: 182px;
  height: 54px;
  line-height: 54px;
  font-weight: 700;
  text-align: center;
  color: #7f7fbf;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/btn-quit-bg.png)
    no-repeat center;
  position: absolute;
  top: -6px;
  right: 36px;
}

/* ----------------------------我的战队-队长--------------------- */
.captain {
  width: 100%;
  overflow: hidden;
}

.captain .head {
  width: 100%;
  height: 1000px;
  overflow: hidden;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/anchor-head-bg.jpg)
    no-repeat center 0 / cover;
}

.captain .content {
  width: 100%;
  height: 1153px;
  overflow: hidden;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/captain-content-bg.jpg)
    no-repeat center 0 / cover;
}

.captain .content .title {
  width: 100%;
  height: 59px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/teamMember-content-title.png)
    no-repeat center 0;
  margin: 12px auto 112px;
}

.captain .content .team-msg {
  height: 36px;
  line-height: 36px;
  display: flex;
  padding-left: 45px;
  margin-bottom: 44px;
}

.captain .content .team-msg .name {
  font-size: 24px;
  font-weight: 700;
}

.captain .content .team-msg .integral {
  font-size: 18px;
  margin: 0 50px;
}

.captain .content .team-msg .rank {
  font-size: 18px;
}

.captain .content .partner-msg {
  width: 1125px;
  height: 395px;
  margin: 0 auto;
  border: 1px solid #6c5a45;
  background-color: #23233f;
}

.captain .content .partner-msg .tit {
  height: 70px;
  line-height: 56px;
  font-size: 16px;
  text-indent: 26px;
}

.captain .content .partner-msg .infos {
  width: 983px;
  height: 276px;
  margin: 0 auto;
}

.captain .content .partner-msg .infos ul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  align-content: space-between;
}

.captain .content .partner-msg .infos ul li {
  width: 291px;
  height: 123px;
  background-color: #1c1c36;
  padding: 14px 16px;
  margin-right: 55px;
  position: relative;
}

.captain .content .partner-msg .infos ul li:nth-of-type(3n) {
  margin: 0;
}

.captain .content .partner-msg .infos ul li .username {
  font-size: 20px;
}

.captain .content .partner-msg .infos ul li .job {
  height: 46px;
  line-height: 46px;
  font-size: 14px;
}

.captain .content .partner-msg .infos ul li .integral {
  font-size: 14px;
}

.captain .content .partner-msg .infos ul li .leave {
  font-size: 14px;
  color: #7171a9;
  text-decoration: underline;
  position: absolute;
  bottom: 12px;
  right: 15px;
}

.captain .content .apply-msg {
  width: 1125px;
  height: 257px;
  margin: 46px auto 0;
  border: 1px solid #6c5a45;
  background-color: #23233f;
}

.captain .content .apply-msg .tit {
  height: 70px;
  line-height: 56px;
  font-size: 16px;
  text-indent: 26px;
}

.captain .content .apply-msg .infos {
  width: 983px;
  height: 123px;
  position: relative;
  /* overflow: hidden; */
  margin: 0 auto;
}

.captain .content .apply-msg .infos ul {
  height: 123px;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}

.captain .content .apply-msg .infos ul li {
  width: 291px;
  height: 123px;
  background-color: #1c1c36;
  padding: 14px 16px;
  margin-right: 55px;
  position: relative;
}

.captain .content .apply-msg .infos ul li:nth-of-type(3n) {
  margin: 0;
}

.captain .content .apply-msg .infos ul li .username {
  font-size: 20px;
}

.captain .content .apply-msg .infos ul li .job {
  height: 46px;
  line-height: 46px;
  font-size: 14px;
}

.captain .content .apply-msg .infos ul li .state {
  font-size: 14px;
}

.captain .content .apply-msg .infos ul li .agree {
  font-size: 14px;
  color: #7171a9;
  text-decoration: underline;
  position: absolute;
  bottom: 12px;
  right: 56px;
}

.captain .content .apply-msg .infos ul li .refuse {
  font-size: 14px;
  color: #707073;
  text-decoration: underline;
  position: absolute;
  bottom: 12px;
  right: 15px;
}

.captain .content .apply-msg .infos .btn-prev {
  display: block;
  width: 16px;
  height: 23px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/btn-prev.png)
    no-repeat center;
  position: absolute;
  top: 50%;
  left: -42px;
  margin-top: -11.5px;
}

.captain .content .apply-msg .infos .btn-next {
  display: block;
  width: 16px;
  height: 23px;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/btn-next.png)
    no-repeat center;
  position: absolute;
  top: 50%;
  right: -42px;
  margin-top: -11.5px;
}

.captain .content .decide {
  width: 610px;
  height: 357px;
  font-size: 20px;
  line-height: 2;
  text-align: center;
  position: absolute;
  top: 118px;
  left: 50%;
  margin-left: -305px;
  border: 1px solid #6c5a45;
  border-radius: 5px;
  background-color: #151427;
  padding-top: 90px;
  display: none;
}

.captain .content .btn-choice {
  display: flex;
  justify-content: space-evenly;
  margin-top: 40px;
}

.captain .content .btn-yes {
  display: block;
  width: 182px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  font-size: 16px;
  color: #110c1b;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/btn-submit-bg.png)
    no-repeat center;
}

.captain .content .btn-no {
  display: block;
  width: 182px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  font-size: 16px;
  color: #110c1b;
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/btn-no-bg.png)
    no-repeat center;
}

.mask {
  background: url(https://static.web.sdo.com/dn/pic/dn_20act/202004dld/mask.png)
    repeat center;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  display: none;
}

#dz {
  position: absolute;
  top: 1000px;
}

#jf {
  position: absolute;
  top: 3800px;
}

#bm {
  position: absolute;
  top: 1000px;
}

#xz {
  position: absolute;
  top: 1000px;
}

#zd {
  position: absolute;
  top: 1000px;
}