html * {
  outline: 0;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}

body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.5 -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  min-width: 320px;
}

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

img {
  vertical-align: middle;
  border: 0;
  -webkit-tap-highlight-color: transparent;
}

em, i {
  font-style: normal;
}

img {
  max-width: 100%;
  border: 0;
}

input:focus {
  outline: 0;
}

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

ol, ul, li {
  list-style: none;
}

textarea {
  resize: none;
}

a {
  text-decoration: none;
  color: #333;
  -webkit-touch-callout: none;
}

.cf:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cf {
  min-height: 1%;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.break {
  word-break: break-all;
  word-wrap: break-word;
}

html {
  font-size: 100px;
  font-size: 13.33333vw;
}

@media screen and (max-width: 320px) {
  html {
    font-size: 42.66667px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
  html {
    font-size: 48px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 361px) and (max-width: 375px) {
  html {
    font-size: 50px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 376px) and (max-width: 393px) {
  html {
    font-size: 52.4px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 394px) and (max-width: 412px) {
  html {
    font-size: 54.93333px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 413px) and (max-width: 414px) {
  html {
    font-size: 55.2px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 415px) and (max-width: 480px) {
  html {
    font-size: 64px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 481px) and (max-width: 540px) {
  html {
    font-size: 72px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 541px) and (max-width: 640px) {
  html {
    font-size: 85.33333px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 641px) and (max-width: 720px) {
  html {
    font-size: 96px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 721px) and (max-width: 750px) {
  html {
    font-size: 100px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 751px) {
  html {
    font-size: 100px;
  }
}

@media screen and (min-width: 751px) {
  html {
    font-size: 100px;
  }
  body {
    width: 750px;
    margin: 0 auto;
  }
  [data-dpr='1'] body {
    width: 750px;
    margin: 0 auto;
  }
}

body {
  background: #080505;
}

.headArea {
  width: 7.5rem;
  overflow: hidden;
  position: relative;
}

.headArea .sideLink {
  display: flex;
  align-items: center;
  height: .5rem;
  border-radius: .25rem 0 0 .25rem;
  border: 1px solid #FFF;
  border-right: none;
  background: #351F11;
  box-shadow: 0 0 .1rem 0 #FF7513 inset;
  position: absolute;
  right: 0;
  top: 1.34rem;
  padding: 0 .2rem;
  margin-right: -.05rem;
  transition: all 0.5s;
}

.headArea .sideLink.active .sp-txt {
  display: block;
}

.headArea .sideLink .sp-ico {
  display: block;
  flex-shrink: 0;
  width: .32rem;
  height: .32rem;
  background: url(../images/side-link.png) no-repeat 0 0;
  background-size: 300% 100%;
  background-color: transparent;
}

.headArea .sideLink .sp-ico.i1 {
  background-position: 0 0;
}

.headArea .sideLink .sp-ico.i2 {
  width: .35rem;
  height: .35rem;
  background: url(../images/icon-live.gif) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.headArea .sideLink .sp-ico.i3 {
  width: .32rem;
  height: .32rem;
  background: url(../images/icon-v.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.headArea .sideLink .sp-txt {
  display: none;
  font-size: .24rem;
  color: #F4A170;
  margin-left: .1rem;
  max-width: 3rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.headArea .sideLink .sp-arrow {
  display: block;
  flex-shrink: 0;
  width: .24rem;
  height: .32rem;
  background: url(../images/side-arrow.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  margin-left: .1rem;
  margin-right: -.05rem;
}

.headArea .sideLink .sp-arrow.on {
  transform: rotate(180deg);
}

.headArea .sideLink a {
  display: flex;
  align-items: center;
}

.headArea .head-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 0.96rem;
  background-color: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  padding: 0.16rem 0 0 0.25rem;
  font-size: 0.28rem;
}

.headArea .head-link p {
  display: flex;
  align-items: center;
  font-size: 0.26rem;
  color: #FD8C49;
  line-height: 0.39rem;
}

.headArea .head-link p i {
  margin-right: 0.04rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-qu.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.headArea .head-link span {
  color: #FFFFFf;
  line-height: 0.36rem;
  font-size: 0.24rem;
  display: block;
  margin-left: 0.28rem;
}

.wrap {
  background: url(../images/wrap.jpg) repeat-x left top;
  background-size: auto 3rem;
  background-color: transparent;
  position: relative;
}

.h-link {
  position: relative;
  text-align: center;
  font-size: 0.22rem;
  color: #B18569;
  line-height: 0.33rem;
  margin-top: -0.15rem;
  margin-bottom: 0.20rem;
}

.msgSroll {
  width: 6.3rem;
  height: .36rem;
  overflow: hidden;
  margin: .2rem auto 0.28rem;
}

.msgSroll .lb-ul li {
  display: flex;
  height: .36rem;
  line-height: .38rem;
  overflow: hidden;
  font-size: .24rem;
}

.msgSroll .lb-ul li a {
  display: flex;
  width: 100%;
  height: .36rem;
  line-height: .38rem;
  padding-right: .2rem;
  box-sizing: border-box;
  align-items: center;
  color: #DFDFDF;
  background: url(../images/msg-arrow.png) no-repeat 100% 48%;
  background-size: 0.14rem auto;
  background-color: transparent;
}

.msgSroll .lb-ul p {
  flex: 1;
  width: 0%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.msgSroll .lb-ul i {
  flex-shrink: 0;
  width: .49rem;
  height: .25rem;
  overflow: hidden;
  margin-right: .11rem;
}

.msgSroll .lb-ul i.i1 {
  background: url(../images/ico-new.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.msgSroll .lb-ul i.i2 {
  background: url(../images/ico-faq.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.pan-nav-box {
  position: relative;
  height: 1.2rem;
  margin-top: -0.25rem;
}

.pan-nav {
  width: 7.5rem;
  display: flex;
  align-items: center;
  padding: 0.25rem 0.2rem 0.35rem;
  justify-content: space-around;
  box-sizing: border-box;
}

.pan-nav p {
  position: relative;
  max-width: 1.8rem;
}

.pan-nav p span {
  position: relative;
  display: block;
  text-align: center;
  font-size: 0.32rem;
  color: #C6A18A;
  line-height: 0.48rem;
  z-index: 0;
}

.pan-nav p span i {
  position: absolute;
  right: -0.2rem;
  top: -0.05rem;
  width: 0.16rem;
  height: 0.16rem;
  background-color: #FF0000;
  border: 0.02rem solid #fff;
  border-radius: 50%;
}

.pan-nav .on {
  z-index: 0;
  position: relative;
}

.pan-nav .on span {
  position: relative;
  z-index: 2;
  background: linear-gradient(to bottom, #FFFFFF, #C06A35);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 0.34rem;
  font-weight: bold;
}

.pan-nav .on::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -0.4rem;
  margin-left: -1.11rem;
  width: 2.23rem;
  height: 0.83rem;
  z-index: -1;
  background: url("../images/nav-tips.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pan-nav-fixed {
  position: fixed;
  width: 7.5rem;
  top: 0;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 98;
  background-color: #080505;
}

.panel {
  margin-bottom: .48rem;
}

.panel .panel-title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.7rem;
}

.panel .panel-title img {
  display: block;
  height: 1.7rem;
}

.panel .panel-text {
  font-size: .22rem;
  line-height: .34rem;
  text-align: center;
  color: #DB7D45;
  margin: -.16rem .1rem .22rem;
}

.recoWrap {
  background: url(../images/reco-bg.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 7.08rem;
  height: 4.94rem;
  overflow: hidden;
  margin: 0 auto;
}

.recoArea {
  width: 6.08rem;
  overflow: hidden;
  margin: .56rem auto 0;
}

.recoArea .lb-ul {
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
}

.recoArea .lb-li {
  display: inline-block;
  width: 6.08rem;
  height: 3.42rem;
  overflow: hidden;
  margin-right: .1rem;
}

.recoArea .lb-li:last-child {
  margin-right: 0;
}

.recoArea .lb-dot {
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-top: .35rem;
}

.recoArea .lb-dot span {
  display: inline-block;
  vertical-align: top;
  margin: 0 .12rem;
  width: .15rem;
  height: .15rem;
  border-radius: 50%;
  background: #632B09;
  transition: all .5s;
}

.recoArea .lb-dot .swiper-pagination-bullet-active {
  background: #FE9201;
}

.recoArea .lb-game {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .92rem;
  margin-bottom: .32rem;
}

.recoArea .lb-game .i-img {
  flex-shrink: 0;
  width: .92rem;
  height: .92rem;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: .2rem;
  margin-right: .2rem;
}

.recoArea .lb-game .i-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.recoArea .lb-game .i-con {
  flex: 1;
  width: 0%;
}

.recoArea .lb-game .i-con em {
  display: block;
  height: .4rem;
  line-height: .42rem;
  font-size: .28rem;
  font-weight: bold;
  color: #F7EDD0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.recoArea .lb-game .i-con p {
  display: block;
  height: .26rem;
  line-height: .28rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: .22rem;
  color: #D1C5BB;
  margin-top: .12rem;
}

.recoArea .lb-game .i-btn {
  background: url(../images/reco-btn.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  display: block;
  width: 1.28rem;
  height: .61rem;
  text-align: center;
  line-height: .62rem;
  font-size: .32rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 0px 4.873px #E65F00;
}

.recoArea .lb-game .m-btn {
  background: url(../images/task-btn2.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  display: block;
  width: 1.28rem;
  height: .61rem;
  text-align: center;
  line-height: .60rem;
  font-size: .32rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 0px 4.873px #E65F00;
}

.faqWrap {
  width: 6.98rem;
  margin: 0 auto;
  position: relative;
}

.faqWrap .cover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  box-sizing: border-box;
  padding: .64rem 0 .34rem;
}

.faqWrap .cover::before {
  content: '';
  width: 100%;
  height: .641rem;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/forum-t.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.faqWrap .cover::after {
  content: '';
  width: 100%;
  height: .341rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/forum-b.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.faqWrap .cover > div {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  background: url(../images/forum-c.png) repeat-y 0 0;
  background-size: 100% auto;
  background-color: transparent;
}

.faqWrap .inner {
  padding: .32rem .4rem .54rem;
  min-height: 1rem;
  position: relative;
}

.faqWrap .faq-hd {
  height: .4rem;
  padding: 0 .1rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.faqWrap .faq-hd .lk {
  display: flex;
  align-items: center;
  font-size: .28rem;
  color: #FFBD70;
}

.faqWrap .faq-hd .lk::before {
  content: '';
  display: block;
  width: .32rem;
  height: .32rem;
  background: url(../images/faq-lk.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.faqWrap .faq-bd li {
  padding: .22rem .1rem 0 .28rem;
  margin-top: .55rem;
  background: url(../images/faq-li.png) no-repeat left top;
  background-size: 0.34rem auto;
  background-color: transparent;
}

.faqWrap .faq-bd li:first-child {
  margin-top: 0;
}

.faqWrap .faq-bd .p1 {
  font-size: .24rem;
  line-height: .34rem;
  color: #F7EDD0;
  font-weight: bold;
}

.faqWrap .faq-bd .p1::before {
  content: '';
  float: left;
  width: .34rem;
  height: .34rem;
  overflow: hidden;
  background: url(../images/faq-ico.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  margin-right: .1rem;
}

.faqWrap .faq-bd .p2 {
  font-size: .24rem;
  line-height: 1.4;
  color: #D1C5BB;
  margin-top: .08rem;
}

.faqWrap .faq-bd .p2 a {
  color: #FFBD70;
  text-decoration: underline;
}

.faqWrap .faq-btn {
  background: url(../images/btn.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  display: block;
  width: 3.6rem;
  height: .69rem;
  text-align: center;
  line-height: .72rem;
  font-size: .32rem;
  font-weight: bold;
  color: #FFF;
  text-shadow: 0px 0px 4.798px #E65F00;
  margin: .36rem auto 0;
}

.forumWrap {
  width: 6.98rem;
  margin: 0 auto;
  position: relative;
}

.forumWrap .cover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  box-sizing: border-box;
  padding: .64rem 0 .34rem;
}

.forumWrap .cover::before {
  content: '';
  width: 100%;
  height: .641rem;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/forum-t.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.forumWrap .cover::after {
  content: '';
  width: 100%;
  height: .341rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/forum-b.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.forumWrap .cover > div {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  background: url(../images/forum-c.png) repeat-y 0 0;
  background-size: 100% auto;
  background-color: transparent;
}

.forumWrap .inner {
  padding: .36rem .34rem .5rem;
  min-height: 1rem;
  position: relative;
}

.forumWrap .lb-btn {
  background: url(../images/btn.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  display: block;
  width: 3.6rem;
  height: .69rem;
  text-align: center;
  line-height: .72rem;
  font-size: .32rem;
  font-weight: bold;
  color: #FFF;
  text-shadow: 0px 0px 4.798px #E65F00;
  margin: .36rem auto 0;
}

.forumWrap .lb-item {
  background: url(../images/forum-item.png) no-repeat center top;
  background-size: 6.88rem auto;
  background-color: transparent;
  width: 6.88rem;
  height: .48rem;
  line-height: .48rem;
  font-size: .32rem;
  margin-top: 0.4rem;
  color: #F7EDD0;
  text-align: center;
  font-weight: bold;
  margin-bottom: .2rem;
  margin-left: -.29rem;
}

.forumWrap .lb-item:nth-child(1) {
  margin-top: 0 !important;
}

.forumWrap .lb-text {
  font-size: .25rem;
  line-height: 0.4rem;
  color: #D1C5BB;
  margin-bottom: .12rem;
}

.forumWrap .lb-text a {
  color: #FFBD70;
  text-decoration: underline;
}

.forumWrap .lb-text span {
  color: #FFBD70;
}

.forumWrap .lb-text img {
  width: 100%;
  margin-top: 0.15rem;
  border-radius: 0.1rem;
  border: 1px solid rgba(248, 152, 36, 0.5);
}

.forumWrap .lb-text2 {
  font-size: .22rem;
  line-height: 1.4;
  color: #FD8C49;
  text-align: center;
  margin-bottom: .32rem;
  margin-top: .38rem;
}

.lb-link {
  position: relative;
  line-height: 0.4rem;
  text-decoration: none !important;
}

.lb-link::before {
  display: block;
  float: left;
  content: "";
  margin-top: 0.05rem;
  margin-right: 0.087rem;
  width: 0.27rem;
  height: 0.27rem;
  background: url("../images/icon-link.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.wx-item {
  width: 6.17rem;
  height: 1.34rem;
  border-radius: 0.05rem;
  border: 1px solid rgba(248, 152, 36, 0.5);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.12rem;
  margin: 0.24rem 0 0.36rem;
}

.wx-item img {
  width: 0.95rem;
  height: 0.95rem;
  border-radius: 50%;
  border: 1px solid #F7EDD0;
}

.wx-item div {
  flex: 1;
  margin: 0 0.2rem;
}

.wx-item div p {
  line-height: 0.42rem;
  font-size: 0.28rem;
  color: #F7EDD0;
  font-weight: bold;
}

.wx-item div p em {
  margin-left: 0.05rem;
  font-size: 0.2rem;
  color: #C5C0BD;
}

.wx-item div span {
  display: block;
  font-size: 0.22rem;
  color: #E8DCD2;
}

.wx-item a {
  width: 1.37rem;
  height: 0.65rem;
  background: url("../images/wx-btn.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.forumList {
  overflow: hidden;
  margin-top: .48rem;
}

.forumList ul {
  margin-top: -.4rem;
}

.forumList li {
  border-bottom: 1px solid #302823;
  margin-top: .4rem;
}

.forumList .sp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .76rem;
  overflow: hidden;
}

.forumList .sp-head .i-img {
  width: .72rem;
  height: .72rem;
  margin-right: .15rem;
  position: relative;
}

.forumList .sp-head .i-img .i1 {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid #221710;
}

.forumList .sp-head .i-img .i2 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: .26rem;
  height: .26rem;
}

.forumList .sp-head .i-con {
  flex: 1;
  width: 0%;
}

.forumList .sp-head .i-con .p1 {
  display: flex;
  align-items: center;
  height: .38rem;
  overflow: hidden;
}

.forumList .sp-head .i-con .p1 em {
  display: block;
  max-width: 2.28rem;
  height: .38rem;
  line-height: .4rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: .24rem;
  color: #F7EDD0;
}

.forumList .sp-head .i-con .p1 p {
  margin-left: .08rem;
  height: .3rem;
  line-height: .32rem;
  font-size: .2rem;
  color: #E8DCD2;
  flex: 1;
  width: 0%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.forumList .sp-head .i-con .p1 p img {
  float: left;
  height: .3rem;
  margin-right: .04rem;
}

.forumList .sp-head .i-con .p2 {
  height: .28rem;
  line-height: .3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: .2rem;
  color: #E8DCD2;
}

.forumList .sp-cont {
  margin-top: .24rem;
}

.forumList .sp-cont .p1 {
  font-size: .28rem;
  color: #F7EDD0;
  line-height: 1.4;
}

.forumList .sp-cont .p2 {
  font-size: .28rem;
  line-height: .42rem;
  margin-top: .15rem;
  color: #E8DCD2;
}

.forumList .sp-info {
  display: flex;
  height: .96rem;
}

.forumList .sp-info > div {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .24rem;
  color: #D1C5BB;
}

.forumList .sp-info i {
  display: block;
  width: .41rem;
  height: .41rem;
  margin-right: .08rem;
}

.forumList .sp-info i.i1 {
  background: url(../images/forum-ico1.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.forumList .sp-info i.i2 {
  background: url(../images/forum-ico2.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.forumList .sp-pic {
  margin-top: .22rem;
  overflow: hidden;
}

.forumList .sp-pic > .img {
  float: left;
  width: 3.02rem;
  height: 1.52rem;
  overflow: hidden;
  border-radius: .08rem;
  margin-right: .2rem;
  position: relative;
}

.forumList .sp-pic > .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.forumList .sp-pic > .img:nth-child(even) {
  margin-right: 0;
}

.forumList .sp-vid {
  width: 6.3rem;
  height: 3.15rem;
  overflow: hidden;
  border-radius: 10px;
  box-sizing: border-box;
  border: 1px solid #994D20;
  margin-top: .22rem;
}

.forumList .sp-vid .img {
  width: 100%;
  height: 100%;
  position: relative;
}

.forumList .sp-vid .img img {
  display: block;
  width: 100%;
  height: 100%;
}

.forumList .sp-vid .img::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(15, 15, 15, 0.5);
}

.forumList .sp-vid .img::after {
  content: '';
  width: 1.16rem;
  height: 1.16rem;
  background: url(../images/ico-vid.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -.58rem 0 0 -.58rem;
}

.forumList .sp-vid2 {
  width: 6.3rem;
  height: 3.15rem;
  overflow: hidden;
  border-radius: 10px;
  box-sizing: border-box;
  border: 1px solid #994D20;
  margin-top: .22rem;
}

.forumList .sp-vid2 .img {
  width: 100%;
  height: 100%;
  position: relative;
}

.forumList .sp-vid2 .img img {
  display: block;
  width: 100%;
  height: 100%;
}

.taskWrap {
  width: 6.98rem;
  margin: 0 auto 0;
  position: relative;
  box-sizing: border-box;
  padding-top: 0.02rem;
}

.taskWrap .cover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  box-sizing: border-box;
  padding: .64rem 0 .34rem;
}

.taskWrap .cover::before {
  content: '';
  width: 100%;
  height: .641rem;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/forum-t.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.taskWrap .cover::after {
  content: '';
  width: 100%;
  height: .341rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/forum-b.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.taskWrap .cover > div {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  background: url(../images/forum-c.png) repeat-y 0 0;
  background-size: 100% auto;
  background-color: transparent;
}

.taskWrap .inner {
  padding: 0.34rem 0 .34rem;
  min-height: 1rem;
  position: relative;
}

.taskWrap .task-item {
  height: .86rem;
  text-align: center;
  line-height: .88rem;
  font-size: .34rem;
  color: #F7EDD0;
  font-weight: bold;
  overflow: hidden;
}

.taskWrap .task-note {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .34rem;
  padding: .1rem 0;
  font-size: .22rem;
  color: #DB7D45;
  margin-top: .2rem;
}

.taskWrap .task-note a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #DB7D45;
}

.taskWrap .task-note .ico {
  display: block;
  width: .32rem;
  height: .32rem;
  background: url(../images/task-note.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.taskWrap .task-text {
  width: 6.48rem;
  font-size: .24rem;
  line-height: .42rem;
  color: #948E8A;
  margin: .25rem auto 0;
}

.taskWrap .task-list {
  width: 6.48rem;
  margin: 0 auto 0;
}

.taskWrap .task-list li {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0.1rem .38rem 0 0.47rem;
  margin-top: .05rem;
  position: relative;
  width: 6.49rem;
  height: 1.29rem;
  background: url("../images/task-li-g.gif") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-animation: em-icon 3s steps(74) forwards infinite;
  animation: em-icon 3s steps(74) forwards infinite;
  -moz-animation: em-icon 3s steps(74) forwards infinite;
  -o-animation: em-icon 3s steps(74) forwards infinite;
  -ms-animation: em-icon 3s steps(74) forwards infinite;
  z-index: 0;
}

.taskWrap .task-list li:first-child {
  margin-top: 0;
}

.taskWrap .task-list li .num {
  margin-right: 0.12rem;
  position: absolute;
  left: 0.04rem;
  top: 0.05rem;
}

.taskWrap .task-list li .num p img {
  width: 0.8rem;
  height: 0.8rem;
}

.taskWrap .task-list li .con {
  display: flex;
  flex: 1;
  width: 0%;
}

.taskWrap .task-list li .con .it1 {
  flex-shrink: 0;
  background: url(../images/task-li-item.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: .81rem;
  height: .63rem;
  font-size: .22rem;
  color: #FDC936;
  line-height: .34rem;
  text-align: center;
  margin-right: .1rem;
  margin-left: -.1rem;
}

.taskWrap .task-list li .con .it2 {
  flex: 1;
  width: 0%;
}

.taskWrap .task-list li .con .it2 .p1 {
  line-height: .42rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: .34rem;
  font-weight: bold;
  color: #F7EDD0;
  margin-bottom: .04rem;
}

.taskWrap .task-list li .con .it2 .p2 {
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .2rem;
  color: #E4CC79;
}

.taskWrap .task-list li .con .it2 .p2 a {
  color: #E4CC79;
  text-decoration: underline;
}

.taskWrap .task-list li .btn {
  flex-shrink: 0;
  text-align: center;
  line-height: .36rem;
  font-weight: bold;
  background: linear-gradient(to bottom, #FFF2C7, #FFD47B);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 0.32rem;
}

.taskWrap .task-list li .btn.no {
  background-position: 0 100%;
  color: #978477;
}

.taskWrap .task-list li .tip {
  position: absolute;
  right: .22rem;
  top: -.14rem;
  height: .28rem;
  font-size: 0.18rem;
  color: #F89824;
  padding: 0 .1rem;
  line-height: .3rem;
  border: 1px solid rgba(242, 214, 188, 0.5);
  background: rgba(5, 5, 5, 0.9);
}

.taskWrap .task-list li .tip::before, .taskWrap .task-list li .tip::after {
  content: '';
  width: .08rem;
  height: .32rem;
  position: absolute;
  top: -.03rem;
  background: url(../images/task-note-sp.png) no-repeat 0 0;
  background-size: 200% 100%;
  background-color: transparent;
}

.taskWrap .task-list li .tip::before {
  left: -1px;
}

.taskWrap .task-list li .tip::after {
  background-position: 100% 0;
  right: -1px;
}

.taskWrap .task-list .on {
  margin-top: 0.24rem;
}

.taskWrap .task-list .on:first-child {
  margin-top: 0.08rem;
}

.taskWrap .task-list .un {
  background: url(../images/task-li.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  animation: none;
  width: 6.49rem;
  height: 1.16rem;
}

.taskWrap .task-list .un::after {
  display: none;
}

.taskWrap .task-list .un .btn {
  color: #CA5E0F;
  flex-shrink: 0;
  width: 1.5rem;
  text-align: center;
  background: none;
  font-size: 0.24rem;
}

.taskWrap .task-list-item {
  background: url(../images/task-list-item.png) no-repeat 0 0;
  background-size: 100% auto;
  background-color: transparent;
  height: .46rem;
  text-align: center;
  line-height: .46rem;
  font-size: .32rem;
  font-weight: bold;
  color: #F7EDD0;
}

.taskWrap .task-list-item2 {
  width: 7.08rem;
  margin-left: -0.05rem;
  background: url(../images/task-list-item2.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  height: .29rem;
  text-align: center;
  line-height: .36rem;
  font-size: .32rem;
  font-weight: bold;
  color: #F7EDD0;
  margin-bottom: 0.20rem;
}

.more-tips {
  margin-top: 0.24rem;
}

.more-tips a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.28rem;
  line-height: 0.42rem;
  text-decoration: none;
  color: #FFBD70;
}

.more-tips a i {
  width: 0.26rem;
  height: 0.26rem;
  background: url("../images/more-tips.png") no-repeat;
  background-size: 100% 100%;
  margin-right: 0.1rem;
}

.task-card1 {
  background: url(../images/tc1.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 6.67rem;
  height: 2.04rem;
  box-sizing: border-box;
  padding: 0.3rem .6rem 0.5rem;
  margin: .20rem auto -0.1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.task-card1 .card-t {
  display: flex;
  justify-content: space-between;
}

.task-card1 .card-t p {
  color: #C66018;
  font-size: 0.22rem;
  line-height: 0.33rem;
}

.task-card1 .p1 {
  text-align: center;
  font-size: .26rem;
  line-height: .38rem;
  color: #C66018;
  -webkit-text-stroke-width: .2pt;
  transform: translateY(0rem);
}

.task-card1 .p2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .56rem;
  font-size: .38rem;
  color: #F7EDD0;
  font-weight: bold;
}

.task-card1 .p2 i {
  width: 1.95rem;
  height: 0.37rem;
  background: url("../images/icon-tips1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.task-card1 .p3 {
  display: flex;
  align-items: center;
  height: .34rem;
  justify-content: space-between;
  font-size: .22rem;
  color: #E5C5B3;
}

.task-card1 .p3 i {
  width: 2.54rem;
  height: 0.14rem;
  background: url("../images/icon-tips2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.task-card2 {
  background: url(../images/tc1.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 6.67rem;
  height: 2.38rem;
  margin: .15rem auto -0.25rem;
  display: flex;
  box-sizing: border-box;
  padding: 0 .35rem;
  align-items: center;
}

.task-card2 > .m-in {
  width: 100%;
}

.task-card2 > .m-in .p1 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .22rem;
  color: #C66018;
  line-height: 0.48rem;
  margin-top: 0.1rem;
  position: relative;
}

.task-card2 > .m-in .p1 span {
  font-size: .38rem;
  padding: 0 .05rem;
  font-weight: bold;
  color: #F7EDD0;
  display: block;
  line-height: 0.3rem;
  margin: -0.1rem 0.1rem 0;
}

.task-card2 > .m-in .p1::after {
  position: absolute;
  top: 0.15rem;
  left: 0.1rem;
  content: "";
  width: 0.74rem;
  height: 0.14rem;
  background: url("../images/icon-tips3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.task-card2 > .m-in .p1::before {
  position: absolute;
  top: 0.15rem;
  right: 0.1rem;
  content: "";
  width: 0.74rem;
  height: 0.14rem;
  background: url("../images/icon-tips3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.task-card2 > .m-in .p2 {
  font-size: .22rem;
  line-height: .26rem;
  color: #E5C5B3;
  display: flex;
  text-align: justify;
}

.task-card2 > .m-in .p2 i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABRUExURUdwTNt8RNt+RNp8Q9p8Rdt8Rdt7RNt9RNx9RduASNt8RNp6Rdx9RN2ARdt8Rdt9RUAbBng/HLRkNdF3QWMxFKFYLZBOJshxPb5rOUohCr5qOWmz/hsAAAAPdFJOUwDPz5CQv0DvXyCvMK8wzxHtBu8AAACbSURBVHjaXZDZDsMwCARJa5u4OdgcztH//9CqsTFR5mlYIYSWMsGNLDy6jozoRemjhi2LwW0J8zgB8yVXHPmR8v9IL49UPNEghQ04igZ639K9qKOXpglQHYlVZ5yqTKJ8sVa33d1StrsLJrurP9xxFOpumlU7Iu1rBVK2z60HAJP2YJ1tOI/amfW7LNpvJvai+EjG4BoWblzI4w+1DRSwgrAUXQAAAABJRU5ErkJggg==) no-repeat center 46%;
  background-size: .22rem auto;
  flex-shrink: 0;
  display: block;
  width: .28rem;
  height: .28rem;
  margin-right: .05rem;
}

.task-card3 {
  background: url(../images/tc1.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 6.67rem;
  height: 2.04rem;
  margin: .15rem auto -0.1rem;
  display: flex;
  box-sizing: border-box;
  padding: 0 .5rem 0.15rem;
  align-items: center;
}

.task-card3 > .m-in {
  width: 100%;
}

.task-card3 > .m-in .p1 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .22rem;
  color: #C66018;
  line-height: 0.48rem;
  margin-top: 0.1rem;
  position: relative;
}

.task-card3 > .m-in .p1 span {
  font-size: .38rem;
  padding: 0 .05rem;
  font-weight: bold;
  color: #F7EDD0;
  display: block;
  line-height: 0.3rem;
  margin: -0.1rem 0.1rem 0;
}

.task-card3 > .m-in .p1::after {
  position: absolute;
  top: 0.15rem;
  left: 0.1rem;
  content: "";
  width: 0.74rem;
  height: 0.14rem;
  background: url("../images/icon-tips3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.task-card3 > .m-in .p1::before {
  position: absolute;
  top: 0.15rem;
  right: 0.1rem;
  content: "";
  width: 0.74rem;
  height: 0.14rem;
  background: url("../images/icon-tips3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.task-card3 > .m-in .p2 {
  font-size: .22rem;
  line-height: .33rem;
  color: #E5C5B3;
  display: flex;
}

.task-card3 > .m-in .p2 i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABRUExURUdwTNt8RNt+RNp8Q9p8Rdt8Rdt7RNt9RNx9RduASNt8RNp6Rdx9RN2ARdt8Rdt9RUAbBng/HLRkNdF3QWMxFKFYLZBOJshxPb5rOUohCr5qOWmz/hsAAAAPdFJOUwDPz5CQv0DvXyCvMK8wzxHtBu8AAACbSURBVHjaXZDZDsMwCARJa5u4OdgcztH//9CqsTFR5mlYIYSWMsGNLDy6jozoRemjhi2LwW0J8zgB8yVXHPmR8v9IL49UPNEghQ04igZ639K9qKOXpglQHYlVZ5yqTKJ8sVa33d1StrsLJrurP9xxFOpumlU7Iu1rBVK2z60HAJP2YJ1tOI/amfW7LNpvJvai+EjG4BoWblzI4w+1DRSwgrAUXQAAAABJRU5ErkJggg==) no-repeat center 46%;
  background-size: .22rem auto;
  flex-shrink: 0;
  display: block;
  width: .28rem;
  height: .28rem;
  margin-right: .05rem;
}

.f-con .task-card1 {
  width: 6.4rem;
  padding: 0.3rem 0.45rem 0.5rem;
  margin-top: 0.25rem;
  margin-bottom: -0.25rem;
}

.f-con .task-card2 {
  width: 6.4rem;
  height: 2.04rem;
}

.f-con .task-list {
  width: 6.05rem;
  margin: .22rem auto 0;
}

.f-con .task-list li {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0rem .22rem 0;
  width: 6.05rem;
  height: 1.10rem;
  background: url(../images/task-li2.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  margin-top: .28rem;
  position: relative;
}

.f-con .task-list li:first-child {
  margin-top: 0;
}

.f-con .task-list li .num {
  margin-right: 0.18rem;
}

.f-con .task-list li .num p {
  font-size: 0.28rem;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  padding-bottom: 0.05rem;
}

.f-con .task-list li .num p img {
  width: 0.51rem;
}

.f-con .task-list li .con {
  display: flex;
  flex: 1;
  width: 0%;
}

.f-con .task-list li .con .it1 {
  flex-shrink: 0;
  background: url(../images/task-li-item.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: .81rem;
  height: .63rem;
  font-size: .22rem;
  color: #FDC936;
  line-height: .34rem;
  text-align: center;
  margin-right: .1rem;
  margin-left: -.1rem;
}

.f-con .task-list li .con .it2 {
  flex: 1;
  width: 0%;
}

.f-con .task-list li .con .it2 .p1 {
  line-height: .42rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: .34rem;
  font-weight: bold;
  color: #F7EDD0;
  margin-bottom: .08rem;
}

.f-con .task-list li .con .it2 .p2 {
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .2rem;
  color: #E4CC79;
}

.f-con .task-list li .con .it2 .p2 a {
  color: #E4CC79;
  text-decoration: underline;
}

.f-con .task-list li .btn {
  flex-shrink: 0;
  width: 1.91rem;
  text-align: center;
  line-height: .36rem;
  font-size: .24rem;
  font-weight: bold;
  color: #CA5E0F;
}

.f-con .task-list li .btn.no {
  background-position: 0 100%;
  color: #978477;
}

.fixFoot {
  height: 1.55rem;
  position: relative;
}

.fixFoot .m-in {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 10;
  width: 7.5rem;
  height: 1.55rem;
  background: url(../images/fix-foot.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
  justify-content: space-between;
  padding: 0 .1rem .28rem;
}

.fixFoot .bt1 {
  background: url(../images/foot-bt1.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  flex-shrink: 0;
  width: 2.1rem;
  height: .76rem;
  overflow: hidden;
  text-align: center;
}

.fixFoot .bt1 em {
  display: block;
  height: .38rem;
  line-height: .4rem;
  font-size: .32rem;
  color: #FFE5A5;
  font-weight: bold;
  margin-top: .08rem;
}

.fixFoot .bt1 p {
  font-size: .26rem;
  line-height: .28rem;
  font-size: .18rem;
  color: #DA9365;
  margin-top: -.04rem;
}

.fixFoot .bt2 {
  background: url(../images/foot-bt2.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  flex-shrink: 0;
  width: 3.13rem;
  height: 1.06rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .32rem;
  font-weight: bold;
  color: #FFE5A5;
}

.fixFoot .bt2.on {
  background: url(../images/foot-bt2-on.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.fixFoot .bt2.on i {
  animation: none;
  width: 0.21rem;
  height: 0.25rem;
  margin-top: 0.04rem;
  background: url("../images/foot-btn-sp-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.fixFoot .bt2.on span {
  color: #ACACAC;
}

.fixFoot .bt2 i {
  background: url(../images/foot-btn-sp.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  display: block;
  width: .24rem;
  height: .24rem;
  margin-right: .08rem;
  animation: ldAni .5s linear infinite;
  transform-origin: 80% 0;
}

@keyframes ldAni {
  0%,
  100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-25deg);
  }
}

.fixFoot .lk2 {
  flex-shrink: 0;
  width: .58rem;
  height: .78rem;
}

.fixFoot .lk2 em {
  display: block;
  width: .4rem;
  height: .4rem;
  background: url(../images/foot-sp1.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  margin: 0 auto .1rem;
}

.fixFoot .lk2 span {
  display: block;
  height: .28rem;
  line-height: .28rem;
  font-size: .18rem;
  text-align: center;
  color: #DA6C05;
  font-weight: bold;
}

.fixFoot .lk1 {
  flex-shrink: 0;
  width: .98rem;
}

.fixFoot .lk1 .i-txt {
  display: block;
  height: .28rem;
  line-height: .28rem;
  font-size: .18rem;
  text-align: center;
  color: #DA6C05;
  font-weight: bold;
}

.fixFoot .lk1 .i-img {
  display: block;
  width: .96rem;
  height: .96rem;
  margin-bottom: .12rem;
  position: relative;
}

.fixFoot .lk1 .i-img img {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 0.04rem solid #fff;
  border-radius: 50%;
}

.fixFoot .lk1 .i-img p {
  height: .28rem;
  line-height: .3rem;
  padding: 0 .1rem;
  background: #FFEAB3;
  border-radius: .14rem;
  color: #0C0907;
  font-size: .16rem;
  position: absolute;
  left: 50%;
  bottom: -.06rem;
  white-space: nowrap;
  transform: translateX(-50%);
}

.load {
  width: 100vw;
  height: 100vh;
  background-color: rgba(185, 179, 179, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

.load .loading {
  width: 2rem;
  height: 2rem;
  border-radius: 0.15rem;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1rem;
  margin-left: -1rem;
}

.load .loading img {
  display: block;
  margin: 0.45rem auto 0.15rem;
  width: 0.65rem;
  height: 0.65rem;
  -webkit-animation: Rot linear infinite 0.8s;
  animation: Rot linear infinite 0.8s;
}

.load .loading p {
  text-align: center;
  font-size: 0.24rem;
  color: #FFF;
}

.load2 {
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11111111;
  display: flex;
  align-items: center;
  line-height: 0.3rem;
  font-size: 0.24rem;
  color: #A7A8A7;
  justify-content: center;
}

.load2 .b-sl {
  display: block;
  position: absolute;
  bottom: 1.2rem;
  left: 0;
  width: 100%;
  text-align: center;
}

.load2 .b-sl img {
  width: auto;
  height: 0.46rem;
}

.load2 .b-sl-dark {
  display: none;
  position: absolute;
  bottom: 1.2rem;
  left: 0;
  width: 100%;
  text-align: center;
}

.load2 .b-sl-dark img {
  width: auto;
  height: 0.46rem;
}

.hidden {
  display: none !important;
}

.fixSide {
  position: fixed;
  right: .1rem;
  bottom: 1.6rem;
  width: 0.9rem;
  transition: all 0.5s;
}

.fixSide .lb-rem {
  left: 0;
  bottom: 1.1rem;
}

.fixSide .lb-rem.on {
  left: 0;
  bottom: 0rem;
}

.fixSide .lb-tips {
  left: 0;
  bottom: 0rem;
}

.fixSide .lb-lk {
  display: block;
  margin-bottom: .2rem;
  width: 0.88rem;
  height: 0.88rem;
}

.fixSide .lb-lk img {
  display: block;
  width: 100%;
}

.fixSide .lb-task {
  background: url(../images/fix-task.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 0.9rem;
  height: 1.18rem;
  overflow: hidden;
  margin-bottom: 0.2rem;
}

.fixSide .lb-task .txt {
  width: .5rem;
  font-size: .22rem;
  line-height: .24rem;
  color: #fff;
  text-align: center;
  margin: .12rem auto 0;
}

.fixSide .lb-task .con {
  width: .74rem;
  margin: .14rem auto 0;
}

.fixSide .lb-task .con .i-bar {
  height: .1rem;
  border-radius: .05rem;
  overflow: hidden;
  background: #8D4A20;
}

.fixSide .lb-task .con .i-bar > span {
  display: block;
  height: 100%;
  background: #613418;
  border-radius: .05rem;
}

.fixSide .lb-task .con .i-val {
  height: .26rem;
  line-height: .2rem;
  text-align: center;
  font-size: .20rem;
  color: #fff;
  margin-top: .06rem;
}

.foot-tips {
  position: relative;
  width: 6.37rem;
  height: 1.24rem;
  background: url("../images/tips-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0.14rem 0.5rem 0 0.25rem;
  color: #FFFFFF;
  font-size: 0.24rem;
  line-height: 0.4rem;
  margin-left: -5.8rem;
}

.foot-tips .f-tips {
  position: absolute;
  width: 0.18rem;
  height: 0.18rem;
  top: 0.16rem;
  right: 0.16rem;
  background: url("../images/tips-close.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.foot-tips2 {
  position: relative;
  width: 6.37rem;
  height: 1.34rem;
  background: url("../images/tips-bg2.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0.13rem 0.5rem 0 0.25rem;
  margin-left: -5.8rem;
  margin-bottom: 0.2rem;
}

.foot-tips2 a {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-size: 0.24rem;
  line-height: 0.36rem;
  box-sizing: border-box;
}

.foot-tips2 img {
  flex-shrink: 0;
  border-radius: 0.1rem;
  width: 0.95rem;
  height: 0.95rem;
  margin-right: 0.22rem;
}

.foot-tips2 .f-tips {
  position: absolute;
  width: 0.18rem;
  height: 0.18rem;
  top: 0.16rem;
  right: 0.16rem;
  background: url("../images/tips-close.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.popArea {
  width: 6.56rem;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

.popArea .cover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  box-sizing: border-box;
  padding: .64rem 0 1.56rem;
}

.popArea .cover::before {
  content: '';
  width: 100%;
  height: .641rem;
  position: absolute;
  left: 0;
  top: 0.02rem;
  background: url(../images/pop-t.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.popArea .cover::after {
  content: '';
  width: 100%;
  height: 1.561rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/pop-b.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.popArea .cover > div {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  background: url(../images/pop-c.png) repeat-y 0 0;
  background-size: 100% auto;
  background-color: transparent;
}

.popArea .inner {
  padding: .38rem .45rem .5rem;
  min-height: 1.5rem;
  font-size: .24rem;
  line-height: 1.4;
  color: #C5C0BD;
  position: relative;
}

.popArea .pop-hide {
  width: .68rem;
  height: .64rem;
  overflow: hidden;
  line-height: 99;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}

.popArea .pop-tit {
  width: 4.8rem;
  margin: 0 auto;
  font-size: .34rem;
  font-weight: bold;
  color: #F7EDD0;
  text-align: center;
  line-height: .54rem;
}

.popArea .pop-f26 {
  font-size: .26rem;
  line-height: 1.4;
  padding-top: .2rem;
}

.popArea .pop-f26 span {
  color: #CD682C;
}

.popArea .pop-f32 {
  font-size: .32rem;
  text-align: center;
  margin: .3rem 0;
}

.popArea .pop-f24 {
  font-size: .24rem;
  margin-top: .2rem;
}

.popArea .pop-f22 {
  color: #C5C0BD;
  font-size: .22rem;
  line-height: .34rem;
}

.popArea .pop-f22 span {
  color: #CD682C;
}

.popArea .pop-f22.note {
  padding-left: .34rem;
  position: relative;
}

.popArea .pop-f22.note::before {
  content: '';
  width: .24rem;
  height: .34rem;
  position: absolute;
  left: 0;
  top: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTJSNipWOiZSOiZOOiZSOipSOi5OOi5WOio+Ph5OMiZSOig4LCHJtaSwpJYyGgj46N2JdWXp1cYN9ehYTEFFMSVlUUaZlhfkAAAALdFJOUwC/rzCQz+/vXyBA/2O/iQAAAJhJREFUeNpdke0KhTAMQ6Obm13jt973f9QLs6Xg+XUIJYMMLy1PVeuUEwIZ1BkFxlw1KLOF2tnJpUuPpX7SIgBG/aQ6AEmNhzxNG7KnP/IyzZg8PUjXCcV14e1aoM7JVZ24vSIt0btxj96sTpDRXLdjcU2A77WSh+0GQOw90oqrIDZ7eJ9dfMryFm/9coYhozqDIEj2bw2dP+9mD3rMruH3AAAAAElFTkSuQmCC) no-repeat center;
  background-size: .22rem auto;
}

.popArea .pop-note {
  font-size: .26rem;
  line-height: 1.4;
  color: #C5C0BD;
  margin-top: .2rem;
}

.popArea .pop-note em {
  display: block;
  color: #F7EDD0;
  margin-bottom: .06rem;
}

.popArea .pop-note span {
  color: #E77632;
  font-weight: bold;
}

.popArea .pop-note-tips {
  font-size: .26rem;
  line-height: 1.4;
  color: #C5C0BD;
  margin-top: .2rem;
}

.popArea .pop-note-tips em {
  display: block;
  color: #F7EDD0;
  margin-bottom: .06rem;
  display: flex;
  justify-content: space-between;
}

.popArea .pop-note-tips em span {
  font-size: 0.24rem;
  color: #C4C0BD;
  font-weight: 400;
}

.popArea .pop-note-tips em span i {
  color: #E65F00;
}

.popArea .pop-note-tips p {
  margin-top: 0.12rem;
  color: #C5C0BD;
}

.popArea .pop-note-tips span {
  color: #E77632;
  font-weight: bold;
}

.popArea .pop-tips {
  margin-top: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.26rem;
}

.popArea .pop-tips i {
  width: 0.25rem;
  height: 0.25rem;
  margin-right: 0.1rem;
  flex-shrink: 0;
  border: 0.02rem solid #CD682C;
  border-radius: 50%;
}

.popArea .pop-tips i.on {
  background-color: #CD682C;
}

.popArea .pd-down {
  background: url(../images/pd-down.gif) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  display: block;
  width: 5.72rem;
  height: 1.34rem;
  text-align: center;
  line-height: .48rem;
  font-size: .28rem;
  font-weight: bold;
  padding: 0.42rem 0.55rem 0.35rem 0.98rem;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  white-space: nowrap;
  text-shadow: 0px 0px 5.298px #E65F00;
}

.popArea .pop-logo img {
  width: 4.99rem;
  height: 0.63rem;
  display: block;
  margin: 0.38rem auto 0.15rem;
}

.popArea .pop-btn {
  width: 6.56rem;
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-top: .35rem;
  margin-left: -.45rem;
}

.popArea .pop-btn a {
  display: inline-block;
  height: .8rem;
  overflow: hidden;
  text-align: center;
  line-height: .8rem;
  font-size: .3rem;
  font-weight: bold;
  color: #fff;
  margin: 0 .2rem;
}

.popArea .pop-btn .bt1 {
  background: url(../images/pop-bt1.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 2.61rem;
  text-shadow: 0px 0px 5.298px #E65F00;
}

.popArea .pop-btn .bt1.huge {
  background: url(../images/pop-bt1-huge.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 5.16rem;
}

.popArea .pop-btn .bt2 {
  background: url(../images/pop-bt2.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 2.66rem;
}

.popArea .pop-btn .bt2.huge {
  background: url(../images/pop-bt2-huge.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 3.75rem;
}

.popArea .pop-btn .ico-wx {
  display: inline-block;
  vertical-align: middle;
  background: url(../images/ico-wx.png) no-repeat center;
  background-size: 0.44rem auto;
  background-color: transparent;
  width: .44rem;
  height: .44rem;
  margin: -.04rem .1rem 0 0;
}

.popArea .pop-link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .3rem;
  margin-top: .28rem;
}

.popArea .pop-link a {
  color: #CD682C;
  text-decoration: underline;
}

.popArea .pop-link a.lk {
  background: url(../images/pop-lk.png) no-repeat 100% 48%;
  background-size: 0.14rem auto;
  background-color: transparent;
  padding-right: .2rem;
}

.popArea .tal {
  text-align: left;
}

.popArea .tac {
  text-align: center;
}

.popArea .pop-line {
  margin: .22rem 0;
  height: 0;
  border-top: 1px solid #595756;
}

.popArea .pop-desc {
  font-size: .26rem;
  line-height: 1.4;
  max-height: 4.56rem;
  overflow: auto;
  padding-right: .2rem;
  margin-right: -.2rem;
  margin-top: .25rem;
}

.popArea .pop-desc::-webkit-scrollbar {
  width: 2px;
  background: #331C10;
}

.popArea .pop-desc::-webkit-scrollbar-thumb {
  border-radius: .05rem;
  background: #623319;
}

.popArea .pop-desc::-webkit-scrollbar-track {
  border-radius: .05rem;
  background: none;
}

.popArea .pop-desc a,
.popArea .pop-desc span {
  color: #E77632;
}

.rec-list ul {
  margin-top: 0.42rem;
}

.rec-list ul li {
  box-sizing: border-box;
  padding-bottom: 0.26rem;
  border-bottom: 1px solid #363636;
  margin-bottom: 0.3rem;
}

.rec-list ul li:nth-last-child(1) {
  margin-bottom: 0;
  border-bottom: 0;
}

.rec-list ul li .rec-li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rec-list ul li .rec-li p {
  display: flex;
  align-items: center;
}

.rec-list ul li .rec-li p span {
  font-size: 0.26rem;
  color: #F7EDD0;
}

.rec-list ul li .rec-li p i {
  width: 0.32rem;
  height: 0.32rem;
  background: url("../images/faq-lk.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rec-list ul li .rec-li a {
  width: 1.78rem;
  height: 0.55rem;
  color: #FFFFFF;
  font-size: 0.24rem;
  text-align: center;
  font-weight: bold;
  line-height: 0.55rem;
  text-shadow: 0px 0px 5.298px #E65F00;
  background: url("../images/d-btn.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rec-list ul li .rec-tips {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}

.rec-list ul li .rec-tips i {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.04rem;
  background: url("../images/faq-lk.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.rec-list ul li .rec-tips p {
  font-size: 0.2rem;
  color: #706159;
  flex: 1;
}

.rec-list ul li .rec-tips p span {
  color: #FFBD70;
}

.rec-list ul li .rec-tips a {
  font-size: 0.23rem;
  color: #FFBD70;
}

.sel-bind {
  margin-top: 0.16rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sel-bind .sel-item {
  display: flex;
}

.sel-bind .sel-item label {
  display: flex;
  align-items: center;
  margin: 0 .2rem;
  font-size: .28rem;
  color: #F7EDD0;
  line-height: .42rem;
}

.sel-bind .sel-item input[type="radio"] {
  display: block;
  width: .36rem;
  height: .36rem;
  margin-right: .1rem;
  appearance: none;
  background: url(../images/sel-dot.png) no-repeat 0 0;
  background-size: 200% 100%;
  background-color: transparent;
}

.sel-bind .sel-item input[type="radio"]:checked {
  background-position: 100% 0;
}

.bindForm {
  padding: .3rem 0;
}

.bindForm li {
  display: flex;
  align-items: center;
  margin-top: .25rem;
}

.bindForm li:first-child {
  margin-top: 0;
}

.bindForm .it {
  flex-shrink: 0;
  width: 1.42rem;
  height: .4rem;
  text-align: right;
  line-height: .42rem;
  font-size: .26rem;
  font-weight: bold;
  color: #C5C0BD;
  margin-right: .24rem;
}

.bindForm .sp input {
  width: 3.96rem;
  height: .56rem;
  border: 1px solid #F7EDD0;
  background: #140903;
  border-radius: .04rem;
  box-sizing: border-box;
  padding: 0 .16rem;
  font-size: .24rem;
  color: #fff;
}

.bindForm .sp input::placeholder {
  color: #BB987F;
}

.bindForm .phoneCode {
  position: relative;
}

.bindForm .phoneCode::before {
  content: '';
  width: .24rem;
  height: .2rem;
  background: url(../images/bind-arrow.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  position: absolute;
  right: .16rem;
  top: .16rem;
  transition: all .5s;
}

.bindForm .phoneCode.active {
  z-index: 10;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.bindForm .phoneCode.active::before {
  transform: rotate(180deg);
}

.bindForm .phoneCode.active .sp-list {
  display: block;
}

.bindForm .phoneCode .sp-list {
  display: none;
  width: 100%;
  border: 1px solid #F7EDD0;
  border-top: none;
  box-sizing: border-box;
  background: #140903;
  position: absolute;
  top: .54rem;
  left: 0;
  border-radius: 0 0 .04rem .04rem;
}

.bindForm .phoneCode .sp-list ul {
  margin: 0 .16rem;
  border-top: 1px solid #706159;
  padding: .15rem 0;
}

.bindForm .phoneCode .sp-list li {
  height: .34rem;
  line-height: .36rem;
  font-size: .22rem;
  color: #F7EDD0;
}

.bindInfo {
  display: flex;
  margin-top: .34rem;
}

.bindInfo > div {
  flex: 1;
  text-align: center;
}

.bindInfo > div span {
  display: block;
  height: .42rem;
  line-height: .42rem;
  font-size: .28rem;
}

.bindInfo > div .sp1 {
  font-weight: bold;
  color: #F7EDD0;
}

.bindInfo > div .sp2 {
  color: #C4C0BD;
}

.bindTip {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .16rem;
  font-size: .24rem;
  color: #9E9B91;
}

.bindTip .lk {
  color: #E77632;
  font-weight: bold;
}

.bindTip .ico-note {
  display: block;
  width: .32rem;
  height: .32rem;
  background: url(../images/task-note.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.bindShow {
  padding: .16rem 0;
}

.bindShow li {
  margin-top: .16rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .16rem;
  background: #140903;
  border: 1px solid #F7EDD0;
  border-radius: .04rem;
  height: .56rem;
}

.bindShow li:first-child {
  margin-top: 0;
}

.bindShow .sp-text {
  display: flex;
  align-items: center;
  font-size: .22rem;
  color: #BB987F;
}

.bindShow .sp-text .lk {
  color: #CD682C;
  font-weight: bold;
}

.bindShow .sp-text span {
  padding: 0 .1rem;
}

.bindShow .sp-text .qa {
  flex-shrink: 0;
  display: block;
  background: url(../images/pop-qa.png) no-repeat center;
  background-size: 0.2rem auto;
  background-color: transparent;
  width: .32rem;
  height: .32rem;
  overflow: hidden;
  line-height: 99;
}

.bindShow .sp-edit {
  background: url(../images/bind-edit.png) no-repeat center;
  background-size: 0.24rem auto;
  background-color: transparent;
  flex-shrink: 0;
  width: .56rem;
  height: .56rem;
  margin-right: -.16rem;
}

.bindPhone {
  margin-top: .06rem;
  position: relative;
}

.bindPhone .phone-lb-text {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  font-size: .22rem;
  line-height: .36rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #BB987F;
}

.bindPhone .phone-lb-text i {
  display: block;
  background: url(../images/pop-qa.png) no-repeat center;
  background-size: 0.2rem auto;
  background-color: transparent;
  width: .32rem;
  height: .32rem;
  overflow: hidden;
  line-height: 99;
}

.bindPhone .lb-text {
  font-size: .22rem;
  line-height: .36rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #948E8A;
}

.bindPhone .lb-text i {
  display: block;
  background: url(../images/pop-qa.png) no-repeat center;
  background-size: 0.2rem auto;
  background-color: transparent;
  width: .32rem;
  height: .32rem;
  overflow: hidden;
  line-height: 99;
}

.bindPhone .lb-input {
  display: block;
  width: 5.58rem;
  box-sizing: border-box;
  height: .58rem;
  background: #140903;
  border: 1px solid #F7EDD0;
  border-radius: .04rem;
  padding: 0 .16rem;
  font-size: .24rem;
  color: #fff;
  margin-top: .18rem;
}

.bindPhone .lb-input::placeholder {
  color: #BB987F;
}

.bindPhone2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.16rem;
}

.bindPhone2 .lb-input {
  display: block;
  width: 3.13rem;
  box-sizing: border-box;
  height: .58rem;
  background: #140903;
  border: 1px solid #F7EDD0;
  border-radius: .04rem;
  padding: 0 .16rem;
  font-size: .24rem;
  color: #fff;
  height: 0.56rem;
}

.bindPhone2 .lb-input::placeholder {
  color: #BB987F;
}

.bindPhone2 a {
  width: 2.23rem;
  height: 0.56rem;
  border-radius: 0.03rem;
  border: 1px solid #F7EDD0;
  line-height: 0.56rem;
  text-align: center;
  font-size: 0.22rem;
  color: #BB987F;
  box-sizing: border-box;
  margin-right: 0.09rem;
}

.bindPhone2 span {
  width: 2.23rem;
  height: 0.56rem;
  border-radius: 0.03rem;
  border: 1px solid #F7EDD0;
  line-height: 0.56rem;
  text-align: center;
  font-size: 0.22rem;
  color: #BB987F;
  box-sizing: border-box;
  margin-right: 0.09rem;
}

.zmDesc {
  margin-top: .3rem;
  padding: .1rem;
}

.zmDesc li {
  margin-top: .2rem;
}

.zmDesc li:first-child {
  margin-top: 0;
}

.zmDesc .p1 {
  font-size: .28rem;
  line-height: .42rem;
  font-weight: bold;
  color: #F7EDD0;
  margin-bottom: .08rem;
  display: flex;
  align-items: center;
}

.zmDesc .p1::before {
  content: '';
  width: .32rem;
  height: .32rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZBAMAAAA2x5hQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTOrfw+nfw+jfwurfv+Pfv+jewuffv+jdwunfw+rfxOvgw+ffw+jfw+rfxOnfwyoTRJAAAAAPdFJOUwDv36AwEGAggO/Pf4CwMDYeRDUAAACuSURBVHjaXZA9CsJAEIUfaip/qvSJiHVyg+gN9AaBYO3PSWxsRfAA0SsI3scNFlrIc2d3JItfscPHG9iZgSWqxjyX8ERXWpqLtx3pdCPSS+g5im2pvCXM+GMK9KV+hvK+gI6rXde6wLo1ligCy1EHloKB7b3F3h6QScxsrpZJpNOdULQRc/nvqRFLLMmDRg0wIA1JnTNqd0jD/YzsN0rU4v+7CDfXd4dS1WayguUL1UDdcJKf3IsAAAAASUVORK5CYII=) no-repeat center;
  background-size: .26rem auto;
  margin-right: .08rem;
}

.zmDesc .p2 {
  font-size: .26rem;
  line-height: 1.4;
  color: #C5C0BD;
}

.pop-step .sp-item {
  line-height: .42rem;
  text-align: center;
  font-weight: bold;
  color: #F7EDD0;
  margin-top: .3rem;
}

.pop-step .sp-text {
  font-size: .26rem;
  line-height: 1.4;
  color: #C5C0BD;
  margin-top: .2rem;
}

.pop-step .sp-text span {
  margin: 0.2rem 0;
  color: #E77632;
}

.pop-step .sp-text2 {
  font-size: .22rem;
  line-height: .34rem;
  color: #C5C0BD;
  margin-top: .2rem;
}

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

.frame {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  width: 7.5rem;
  height: 100vh;
  overflow-y: auto;
  background-color: black;
}

.frame .f-con {
  position: relative;
  width: 6.6rem;
  margin: 0.4rem auto 0;
  z-index: 99;
  border: 1px solid #554F46;
  background-color: #140903;
  padding-top: 4.9rem;
  box-sizing: border-box;
  padding-bottom: 0.4rem;
}

.frame .f-con::-webkit-scrollbar {
  display: none;
}

.frame .f-con::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1.34rem;
  width: 2.69rem;
  height: 0.45rem;
  background: url("../images/f-con-tips.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.frame .f-con .h-info {
  display: flex;
  justify-content: center;
  margin-top: 0.4rem;
  align-items: center;
}

.frame .f-con .h-info img {
  margin: 0 0.2rem;
  width: 0.96rem;
  height: 0.96rem;
  border-radius: 50%;
  border: 1px solid #fff;
}

.frame .f-con .h-info div p {
  font-size: 0.28rem;
  color: #DBD5C3;
}

.frame .f-con .tips {
  width: 5.72rem;
  margin: 0.35rem auto 0;
  font-size: 0.28rem;
}

.frame .f-con .tips p {
  font-size: 0.28rem;
  color: #F7EDD0;
}

.frame .f-con .tips span {
  font-size: 0.26rem;
  color: #C5C0BD;
}

.frame .f-con .tips span em {
  color: #E77632;
}

.frame .f-con .make {
  display: flex;
  width: 5.72rem;
  margin: 0.2rem auto;
  align-items: center;
}

.frame .f-con .make .make-text {
  font-size: 0.28rem;
  line-height: 0.32rem;
  margin-right: 0.15rem;
}

.frame .f-con .make .make-text p {
  font-size: 0.28rem;
  color: #F7EDD0;
  line-height: 0.42rem;
}

.frame .f-con .make .make-text span {
  font-size: 0.22rem;
  color: #948E8A;
  line-height: 0.32rem;
  margin-top: 0.18rem;
}

.frame .f-con .make .make-text span em {
  color: #E77632;
}

.frame .f-con .h-logo {
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  width: 1.68rem;
  height: 0.42rem;
  z-index: 1;
}

.frame .f-con .h-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.6rem;
  z-index: -1;
}

.frame .f-con .h-tips {
  position: absolute;
  width: 6.51rem;
  top: 4.8rem;
  left: 0;
}

.frame .f-con .icon-list {
  margin-top: 0.32rem;
  height: 2.64rem;
  display: flex;
}

.frame .f-con .icon-list img {
  width: 1.87rem;
  height: 2.56rem;
  margin-left: 0.26rem;
}

.frame .f-con .icon-list img:nth-child(1) {
  height: 2.64rem;
}

.frame .f-con .h-text {
  width: 6.51rem;
  color: #F7EDD0;
  font-size: 0.32rem;
  text-align: center;
}

.frame .f-con .h-time {
  width: 6.51rem;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.42rem;
  text-align: center;
  margin: 0.05rem 0;
}

.frame .f-con .h-time span {
  color: #E77632;
}

.frame .f-con .h-text2 {
  position: relative;
  width: 6.07rem;
  margin: 0 auto;
  color: #F7EDD0;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.34rem;
  margin-top: 0.25rem;
}

.frame .f-con .h-text2 span {
  color: #E77632;
}

.frame .f-con .h-text2::after {
  content: "";
  width: 6.58rem;
  height: 0.29rem;
  position: absolute;
  bottom: 0;
  left: -0.25rem;
  background: url("../images/text-tips.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.frame .f-con .h-text3 {
  position: relative;
  width: 6.51rem;
  color: #F7EDD0;
  font-size: 0.24rem;
  text-align: center;
}

.frame .f-con .h-text3 span {
  display: block;
  font-size: 0.22rem;
}

.frame .f-con .h-code {
  width: 1.71rem;
  height: 1.71rem;
  display: block;
  margin: 0.2rem auto;
}

.frame .f-con .h-search {
  display: block;
  width: 4.59rem;
  height: 0.56rem;
  margin: 0 auto 0.4rem;
}

.frame .f-con .h-list {
  margin: 0.2rem 0;
}

.frame .f-con .h-list li {
  width: 5.72rem;
  height: 1.14rem;
  margin: 0 auto;
  display: flex;
  background: url("../images/rule-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.32rem;
  padding-left: 0.38rem;
}

.frame .f-con .h-list li span {
  font-size: 0.24rem;
  color: #FDC936;
}

.frame .f-con .h-list li p {
  font-size: 0.2rem;
  margin-left: 0.2rem;
}

.frame .f-con .h-list li p em {
  display: block;
  font-weight: bold;
  font-size: 0.28rem;
  color: #f3e1a6;
  line-height: 0.38rem;
}

.frame .f-con .h-list li p i {
  font-size: 0.2rem;
  color: #C2B27A;
}

.frame .f-con .code {
  width: 6.12rem;
  height: 2.22rem;
  margin: 0.3rem auto 0.42rem;
  background: url("../images/code-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0.12rem 0.21rem 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.frame .f-con .code .code-se img {
  width: 3.96rem;
  height: 0.59rem;
  display: block;
  margin-bottom: 0.14rem;
}

.frame .f-con .code .code-se p {
  font-size: 0.22rem;
  color: #D9C0AE;
  line-height: 0.32rem;
}

.frame .f-con .code .code-img {
  flex-shrink: 0;
  margin-left: 0.22rem;
}

.frame .f-con .code .code-img img {
  width: 1.33rem;
  height: 1.33rem;
}

.frame .f-con .code .share-ft {
  margin: 0 auto 0.4rem;
  margin-top: 0.48rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.frame .f-con .code .share-ft .s-top {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.frame .f-con .code .share-ft .s-top .s-right {
  width: 1.14rem;
  height: 1.14rem;
  border-radius: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.frame .f-con .code .share-ft .s-top .s-right img {
  width: 0.96rem;
  height: 0.96rem;
}

.frame .f-con .code .share-ft .s-txt {
  border-top: rgba(255, 255, 255, 0.15) dashed 1px;
  margin-top: 0.1rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.18rem;
  line-height: 0.34rem;
  padding-top: 0.16rem;
}

.frame .f-con-img {
  display: block;
  width: 6.51rem;
  margin: 0 auto;
  margin: 0.4rem auto 0;
  z-index: 99;
  border: 1px solid #A9A9A9;
  background-color: #140903;
}

.frame .seat {
  width: 7.5rem;
  height: 5.6rem;
}

.frame .seat2 {
  height: 3.6rem;
}

.frame .f-bom {
  position: fixed;
  left: 50%;
  margin-left: -3.75rem;
  bottom: 0;
  width: 7.5rem;
  border-radius: 0.2rem 0.2rem 0 0;
  border: 1px solid #AA9280;
  background-color: #140903;
  z-index: 99;
  box-sizing: border-box;
  padding-top: 0.49rem;
  padding-bottom: 0.42rem;
  border-bottom: 0;
}

.frame .f-bom .f-close {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  width: 0.44rem;
  height: 0.44rem;
  background: url("../images/f-close.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.frame .f-bom .f-bom-text {
  text-align: center;
  font-size: 0.24rem;
  color: #F7EDD0;
  line-height: 0.44rem;
}

.frame .f-bom .f-bom-text2 {
  text-align: center;
  font-size: 0.24rem;
  color: #948E8A;
}

.frame .f-bom .f-bom-list {
  display: flex;
  margin-top: 0.36rem;
  margin-left: 0.34rem;
}

.frame .f-bom .f-bom-list li {
  margin: 0 0.16rem;
}

.frame .f-bom .f-bom-list li img {
  display: block;
  margin: 0 auto;
  width: 0.78rem;
  height: 0.78rem;
}

.frame .f-bom .f-bom-list li p {
  text-align: center;
  margin-top: 0.1rem;
  font-size: 0.22rem;
  color: #AA9280;
}

.frame .f-bom .blist2 {
  justify-content: space-around;
  margin-left: 0;
}

.f-show {
  z-index: -1;
  opacity: 1;
  z-index: 99;
}

.fb {
  font-weight: bold;
}

.tac {
  text-align: center !important;
  justify-content: center !important;
}

.mt10 {
  margin-top: 0.1rem !important;
}

.mt20 {
  margin-top: 0.2rem !important;
}

.mt40 {
  margin-top: 0.4rem !important;
}

@keyframes Rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes em-icon {
  100% {
    background-position: 100% 0;
  }
}

@-webkit-keyframes em-icon-un {
  0%,
  33% {
    background-position: 0 0;
    opacity: 0;
    z-index: -1;
  }
  34% {
    background-position: 0 0;
    opacity: 1;
  }
  100% {
    opacity: 1;
    background-position: 0 0;
  }
}

@media screen and (max-width: 750px) {
  .taskWrap .task-list li .tip {
    font-size: 10px;
  }
}

.load2.dark {
  color: #A7A8A7;
  background-color: #252626;
}

.load2.dark .b-sl {
  display: none;
}

.load2.dark .b-sl-dark {
  display: block;
}