@charset "UTF-8";
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

p {
  margin: 0;
  padding: 0; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

body {
  background: #f4f6f8; }

ul {
  padding: 0;
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0; }

* {
  box-sizing: border-box; }

@font-face {
  font-family: 'MicrosoftYaHei-Bold';
  src: url("../fonts/微软vista雅黑Bold.ttf"); }
@font-face {
  font-family: 'SourceHanSansCN-Regular';
  src: url("../fonts/SourceHanSansCN-Regular.ttf"); }
a:hover {
  color: #1d5aae !important; }

.partyBuild .animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }
.partyBuild .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40%, 0);
    transform: translate3d(0, 40%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.partyBuild .banner {
  width: 100%;
  position: relative;
  height: 2.5rem;
  overflow: hidden; }
  .partyBuild .banner > img {
    position: absolute;
    width: 110%;
    display: block;
    /* height: 105%; */
    left: 50%;
    top: 50%;
    transform: translate(-54%, -50%) matrix(1, 0, 0, 1, 0, 0);
    animation: tran 5s forwards; }
@keyframes tran {
  0% {
    transform: translate(-54%, -50%) matrix(1, 0, 0, 1, 0, 0); }
  100% {
    transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0); } }
.partyBuild .contentBox {
  width: 12rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 0.13rem 0px rgba(151, 165, 183, 0.35);
  border-radius: .04rem;
  margin: 0 auto;
  margin-top: -.79rem;
  z-index: 100;
  position: relative;
  padding-bottom: .16rem; }
  .partyBuild .contentBox .content {
    width: 97%;
    margin: 0 auto; }
    .partyBuild .contentBox .content h2 {
      font-size: .24rem;
      height: .24rem;
      color: #333333;
      margin: 0;
      padding-top: .42rem;
      text-align: center; }
    .partyBuild .contentBox .content .tips {
      height: .14rem;
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin-top: .5rem;
      padding-bottom: .15rem;
      border-bottom: .01rem solid #dddddd;
      color: #666666;
      font-size: .14rem;
      line-height: .14rem;
      box-sizing: content-box; }
      .partyBuild .contentBox .content .tips .left {
        display: flex; }
        .partyBuild .contentBox .content .tips .left > div {
          margin-right: .28rem; }
      .partyBuild .contentBox .content .tips .right {
        display: flex; }
        .partyBuild .contentBox .content .tips .right a {
          display: block;
          width: .22rem;
          height: .22rem;
          margin-left: .11rem;
          overflow: hidden; }
          .partyBuild .contentBox .content .tips .right a > div {
            width: .22rem;
            height: .44rem;
            transition: all .3s ease; }
        .partyBuild .contentBox .content .tips .right a:hover > div {
          margin-top: -.22rem; }
    .partyBuild .contentBox .content .text {
      padding-top: .41rem;
      font-size: .16rem;
      line-height: .24rem;
      color: #333333;
      padding-bottom: .36rem;
      border-bottom: 0.01rem dashed #dddddd; }
      .partyBuild .contentBox .content .text > p {
        text-indent: .33rem;
        line-height: .25rem;
        padding: 0 .25rem;
        font-family: SourceHanSansCN-Regular; }
      .partyBuild .contentBox .content .text .box {
        width: 11.60rem;
        background-color: #ffffff;
        border: solid 1px #dddddd;
        padding: .37rem .21rem .25rem .21rem;
        font-family: SourceHanSansCN-Regular;
        font-size: .16rem;
        line-height: .30rem;
        color: #282828; }
      .partyBuild .contentBox .content .text .project {
        margin-top: .49rem;
        width: 2.03rem;
        height: .47rem;
        background-color: #0273bb;
        text-indent: .25rem;
        line-height: .47rem;
        font-family: SourceHanSansCN-Bold;
        font-size: .20rem;
        color: #ffffff;
        position: relative; }
      .partyBuild .contentBox .content .text .project::before {
        position: absolute;
        display: block;
        content: "";
        width: 0px;
        height: 0px;
        border-top: .47rem #fff solid;
        border-left: 1.01rem transparent solid;
        border-right: 1.01rem transparent solid;
        right: -50%;
        top: 0; }
      .partyBuild .contentBox .content .text .down {
        margin-top: 1.19rem;
        color: #282828;
        font-family: SourceHanSansCN-Regular;
        font-size: .16rem;
        display: flex;
        align-items: center; }
        .partyBuild .contentBox .content .text .down > a {
          margin-left: .23rem;
          color: #01336d;
          text-decoration: underline;
          display: flex;
          align-items: center; }
        .partyBuild .contentBox .content .text .down > a::before {
          display: block;
          content: "";
          width: .30rem;
          height: .30rem;
          background-size: cover !important;
          background: url("../img/df.svg?1.1") no-repeat;
          margin-right: .09rem;
        }
      .partyBuild .contentBox .content .text .sub {
        display: block;
        width: 3.45rem;
        height: .60rem;
        background-color: #0072bb;
        border-radius: .04rem;
        outline: none;
        border: none;
        margin: 0 auto;
        margin-top: .35rem;
        cursor: pointer;
        font-size: .20rem;
        color: #ffffff;
        text-align: center;
        line-height: .6rem; }
    .partyBuild .contentBox .content .footer {
   /*   display: flex;*/
      align-items: center;
      justify-content: space-between;
      margin-top: .2rem;
      padding-bottom: .35rem; }
      .partyBuild .contentBox .content .footer .left {
        color: #666666;
        font-size: .16rem;
        display: flex; }
        .partyBuild .contentBox .content .footer .left > a {
          color: #333333;
          text-decoration: none; }
      .partyBuild .contentBox .content .footer .right {
        display: flex;
        font-size: .14rem; }
        .partyBuild .contentBox .content .footer .right > div {
          margin-left: .3rem;
          display: flex;
          align-items: center;
          cursor: pointer; }
        .partyBuild .contentBox .content .footer .right > div::before {
          display: block;
          content: "";
          margin-right: .08rem; }
        .partyBuild .contentBox .content .footer .right .dy::before {
          width: .15rem;
          height: .14rem;
          background: url("../img/dy.png") no-repeat;
          background-size: 100%; }
        .partyBuild .contentBox .content .footer .right .gb::before {
          width: .16rem;
          height: .16rem;
          background: url("../img/close.png") no-repeat;
          background-size: 100%; }
.partyBuild .popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #00000030;
  left: 0;
  top: 0;
  z-index: 100;
  display: none; }
  .partyBuild .popup > div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .partyBuild .popup .but1 {
    width: 3rem;
    height: 1.49rem;
    background-color: #0072bb;
    border-radius: .40rem 0px 0px 0px;
    position: relative;
    display: none; }
    .partyBuild .popup .but1 > p {
      font-size: .14rem;
      color: #ffffff;
      text-align: center;
      padding-top: .23rem;
      width: 2.31rem;
      margin: 0 auto; }
    .partyBuild .popup .but1 .but {
      width: 3rem;
      height: .74rem;
      background-color: #ffffff;
      border-radius: .40rem 0px 0px 0px;
      margin-top: .21rem;
      display: flex;
      justify-content: center; }
      .partyBuild .popup .but1 .but > div {
        font-size: .14rem;
        color: #333333;
        cursor: pointer;
        width: 1.20rem;
        height: .30rem;
        background-color: #f8f8f8;
        border: solid .01rem #b4b4b4;
        text-align: center;
        line-height: .3rem;
        cursor: pointer;
        margin-right: .16rem;
        margin-top: .21rem; }
      .partyBuild .popup .but1 .but > div:nth-child(2) {
        margin-right: 0;
        background-color: #0072bb;
        border: none;
        color: #ffffff; }
  .partyBuild .popup .de {
    width: .12rem;
    height: .12rem;
    background-size: cover !important;
    background:url("../img/clones.svg");
    position: absolute;
    top: .06rem;
    right: .06rem;
    cursor: pointer; }
  .partyBuild .popup .but2 {
    width: 3rem;
    height: 1.49rem;
    background-color: #ffffff;
    display: none; }
    .partyBuild .popup .but2 .title {
      width: 100%;
      height: .36rem;
      background-color: #0072bb;
      text-align: center;
      line-height: .36rem;
      color: #fff;
      font-size: .14rem; }
    .partyBuild .popup .but2 .up {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: .14rem;
      color: #fff;
      margin-top: .15rem; }
      .partyBuild .popup .but2 .up > div {
        width: .99rem;
        height: .30rem;
        background-color: #4eba7c;
        text-align: center;
        line-height: .3rem;
        cursor: pointer;
        margin-right: .13rem; }
      .partyBuild .popup .but2 .up > a {
        color: #01336d;
        text-decoration: underline;
        display: flex;
        align-items: center; }
      .partyBuild .popup .but2 .up > a::before {
        display: block;
        content: "";
        width: .14rem;
        height: .14rem;
         background-size: cover !important;
        background: url("../img/file_ico.svg");
        margin-right: .09rem; }
    .partyBuild .popup .but2 .but {
      width: 3rem;
      background-color: #ffffff;
      border-radius: .40rem 0px 0px 0px;
      margin-top: .15rem;
      display: flex;
      justify-content: center; }
      .partyBuild .popup .but2 .but > div {
        font-size: .14rem;
        color: #333333;
        cursor: pointer;
        width: 1.20rem;
        height: .30rem;
        background-color: #f8f8f8;
        border: solid .01rem #b4b4b4;
        text-align: center;
        line-height: .3rem;
        cursor: pointer;
        margin-right: .16rem; }
      .partyBuild .popup .but2 .but > div:nth-child(2) {
        margin-right: 0;
        background-color: #0072bb;
        border: none;
        color: #ffffff; }

@media (max-width: 1200px) {
  .partyBuild .contentBox {
    width: 100%; }

  .partyBuild .contentBox .nav .link {
    display: none !important; }

  .partyBuild .contentBox .nav > .selectlist {
    width: 100%; }

  .partyBuild .contentBox .nav > .selectlist a {
    width: 33.33%;
    text-align: center; }

  .partyBuild .contentBox .contentList {
    height: auto !important;
    min-height: 5rem; }

  .partyBuild .contentBox .contentList .item .right {
    width: 67%; }

  .partyBuild .contentBox .content .footer {
    display: block; }

  .partyBuild .contentBox .content .footer .left > a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    display: block; }

  .partyBuild .contentBox .content .footer .right {
    margin-top: .2rem;
    justify-content: flex-end; }

  .partyBuild .contentBox .content .tips .right {
    display: none; }

  .partyBuild .contentBox .content .tips {
    height: auto; }

  .partyBuild .contentBox .content .tips .left {
    display: block; }

  .partyBuild .contentBox .content .tips .left > div {
    margin-top: .3rem; }

  .partyBuild .contentBox .content .tips .left > div:nth-child(1) {
    margin-top: 0rem; }

  .partyBuild .contentBox .content .text > p {
    line-height: .35rem; }

  .partyBuild .contentBox .content .text .box {
    width: 99.5%;
    margin: 0 auto; } }

/*# sourceMappingURL=details.css.map */