body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,figure{ margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block }
ol,ul{  list-style: none }
body{ -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100% !important; -webkit-touch-callout: none; -webkit-user-select: text; -webkit-touch-callout: none;  word-break: break-all; word-wrap: break-word;}
h1,h2,h3,h4,h5,h6{ font-weight: normal }
table{ border-collapse:collapse;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{  font-weight: inherit }
strong,i,em{ font-weight: normal;font-style: normal; }
input,select,form { vertical-align:middle; outline:none; }
img{border:none;vertical-align: top;}
a, button, input, select, textarea, a:focus, button:focus, input:focus, select:focus, textarea:focus, [onclick] {outline: 0;  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
a {-webkit-touch-callout: none; text-decoration: none; color: #666666;outline: 0; }
.hidden{width: 0;height: 0;line-height:0;font-size: 0;visibility: hidden;text-indent: -9999px;display: block;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/*foot*/
.foot{font-size:0.20rem; color:#cccccc; text-align:center;background:#000000; padding:0.18rem 0 0.18rem 0; line-height:0.30rem;}

.wrap .head {
  position: relative;
  width: 7.5rem;
  height: 3.98rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/m/head-new.jpg) no-repeat;
  background-size: 100%;
  overflow: hidden;
}

.head .logo {
  display: block;
  width: 2.23rem;
  height: 1.12rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/m/logo.png) no-repeat;
  background-size: 100%;
  margin-left: 0.07rem;
}

.wrap .content {
  position: relative;
  width: 7.5rem;
  background: #f0d08f url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/m/content.jpg) no-repeat;
  background-size: 100%;
  overflow: hidden;
  padding-bottom: .44rem;
  font-size: 0.2rem;
  color: #834900;
}

.part01 .p1-tit,
.part02 .p2-tit,
.part03 .p3-tit {
  width: 3.1rem;
  height: .74rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/p1-tit.png) no-repeat;
  background-size: 100%;
  margin: .9rem auto 0;
  text-indent: -99999px;
}

.part01 .p1-con {
  position: relative;
  width: 5.8rem;
  height: 6.1rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/m/p1-bg.png) no-repeat;
  background-size: 100%;
  margin-top: -.28rem;
  margin-left: .45rem;
}

.part01 .p1-con::before {
  position: absolute;
  top: 1.47rem;
  right: -1.24rem;
  content: "";
  display: block;
  width: 1.99rem;
  height: 1.57rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/m/p1-people.png) no-repeat;
  background-size: 100%;
}

.part01 .p1-pic {
  width: 2.88rem;
  height: 3.9rem;
  margin-top: .42rem;
  margin-left: 1.8rem;
}

.part01 p,
.part02 p,
.part03 p,
.part04 p,
.part05 p,
.content .btm-txt {
  text-shadow: .02rem .02rem .02rem rgba(234, 204, 168, 1);
}

.part01 p,
.part02 p,
.part03 p,
.part04 p {
  font-weight: bold;
  text-align: center;
}

.part01 p {
  margin: .05rem .4rem 0 1.35rem;
}

.part02 .p2-tit {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/p2-tit.png) no-repeat;
  background-size: 100%;
  margin-top: -.1rem;
}

.part02 .p2-con {
  position: relative;
  width: 7.5rem;
  height: 6.29rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/m/p2-bg.png) no-repeat;
  background-size: 100%;
  margin-top: -.28rem;
  text-align: center;
}

.part02 .p2-con::after {
  position: absolute;
  bottom: -.2rem;
  right: 0;
  content: "";
  display: block;
  width: 1.54rem;
  height: .68rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/m/p2-hl.png) no-repeat;
  background-size: 100%;
}

.part02 .p2-pic {
  width: 5.83rem;
  height: 3.86rem;
  margin-top: 0.55rem;
}

.part02 p {
  margin: .1rem .4rem 0;
}

.part03 .p3-tit {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/p3-tit.png) no-repeat;
  background-size: 100%;
  margin-top: .15rem;
}

.part03 .p3-con {
  position: relative;
  width: 7.5rem;
  height: 8.59rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/m/p3-bg.png) no-repeat;
  background-size: 100%;
  margin-top: -.28rem;
  text-align: center;
}

.part03 .p3-con::before {
  position: absolute;
  top: -1.03rem;
  left: 0;
  content: "";
  display: block;
  width: 1.65rem;
  height: 1.62rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/m/p2-people.png) no-repeat;
  background-size: 100%;
}

.part03 .p3-con::after {
  position: absolute;
  bottom: -.18rem;
  left: 0;
  content: "";
  display: block;
  width: .71rem;
  height: .65rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/m/p3-star.png) no-repeat;
  background-size: 100%;
}

.part03 .p3-pic {
  width: 5.83rem;
  height: 3.86rem;
  margin-top: .55rem;
}

.part03 p {
  margin: .18rem .45rem;
}

.part03 .table {
  width: 6.62rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/m/table-bg.png) no-repeat;
  background-size: 100% 100%;
  color: #79481d;
  text-align: center;
  margin: 0 auto;
  line-height: .24rem;
}

.table th {
  color: #fff5da;
  height: .36rem;
}

.table th:nth-child(1) {
  width: 1.33rem;
}

.table th:nth-child(2) {
  width: 1.56rem;
}

.table th:nth-child(3) {
  width: 3.73rem;
}

.tbody tr:nth-child(1) td {
  height: .58rem;
}

.tbody tr:nth-child(2) td {
  height: .59rem;
}

.tbody tr:nth-child(3) td {
  height: .58rem;
}

.tbody tr:nth-child(4) td {
  height: .61rem;
}

.tbody tr:nth-child(2) td:last-child,
.tbody tr:nth-child(3) td:last-child {
  padding: 0 0.1rem;
}

.part04 .p4-tit {
  width: 4.15rem;
  height: .79rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/m/p4-tit.png) no-repeat;
  background-size: 100%;
  margin: .05rem auto 0;
  text-indent: -99999px;
}

.part04 .p4-con {
  position: relative;
  width: 7.5rem;
  height: 6.29rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/m/p4-bg.png) no-repeat;
  background-size: 100%;
  margin-top: -.28rem;
  text-align: center;
}

.part04 .p4-pic {
  width: 5.83rem;
  height: 3.83rem;
  margin-top: .55rem;
}

.part04 p {
  color: #693b00;
  margin: .18rem .55rem 0;
}

.part05 .p5-tit {
  position: relative;
  width: 3.16rem;
  height: .76rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/p5-tit.png) no-repeat;
  background-size: 100%;
  margin: .1rem auto .2rem;
  text-indent: -99999px;
}

.part05 .p5-tit::after {
  position: absolute;
  bottom: -.68rem;
  left: -2rem;
  content: "";
  display: block;
  width: 5.83rem;
  height: 1.19rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20230706icecake/p5-st.png) no-repeat;
  background-size: 100%;
}

.part05 p {
  position: relative;
  z-index: 1;
  margin: 0 .65rem;
  line-height: .26rem;
  color: #884d2e;
  text-shadow: .02rem .02rem 0.02rem rgba(248, 228, 188, 1);
  padding-left: 0.18rem;
}

.part05 .p2 {
  margin-right: 0.85rem;
}

.part05 .p1::after,
.part05 .p2::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "1.";
  width: 0.18rem;
}

.part05 .p2::after {
  content: "2.";
}

.content .btm-txt {
  text-align: center;
  margin-top: .56rem;
  color: #884d2e;
  text-shadow: .02rem .02rem 0.02rem rgba(245, 225, 181, 1);
}