body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form, header, section, article, footer { margin: 0; }

body, button, input, select, textarea { font: 0.12rem/1.5 tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif; }

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

em, b { font-style: normal; }

i {
  font-style: normal;
}
a { text-decoration: none; }

img { border: 0; display: block; width: 100%; }

body { -webkit-text-size-adjust: none; }

button, input, select, textarea { font-size: 100%; outline: none; }

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

td, th, ul, ol { padding: 0; }

ul { list-style: none; }

/* reset end */
/* foot */
#afooter { width: 100%; position: relative; padding: 0.3rem 0; text-align: center; font: normal 0.12rem/0.2rem Tahoma; z-index: 10; background-color: #000; display: none !important; }
#afooter, #afooter a { color: #c0c0c0; text-decoration: none; }
html, body { width: 100%; height: 100%; background: #000000; overflow: hidden; }
html { font-size: 50px; font-size: 5.20833333vw; /* 19.2rem === 100vw */ }
:root { --height: 100vh; }

.wrap { width: 100%; height: 100%; margin: 0 auto; position: relative; }
.wrap.act { display: block; }
.wrap.on::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: black; z-index: 999; }
.wrap .tab-box { position: absolute; z-index: 2; height: 6.26rem; left: 0; font-family: "rz"; top: 0; bottom: 0; width: 1.81rem; padding-top: 1.65rem; box-sizing: border-box; transform-origin: left top; }
.wrap .tab-box.on::before { content: ''; height: 1.92rem; }
.wrap .btn-toggle-tab.on { transform: rotate(180deg); }
.wrap .tab { height: 4.45rem; width: 2.2rem; padding-left: .36rem; box-sizing: border-box; margin: auto; overflow-y: hidden; transition: 1s; }
.wrap .tab.on { height: 0; }
.wrap .tab li { color: #b1b1b1; font-size: .22rem; height: .38rem; position: relative; line-height: .38rem; font-style: italic; margin-bottom: .18rem; cursor: pointer; transition: 0.5s; }
.wrap .tab li::before { content: ''; background: url("//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon.png") no-repeat;   background-size: 100% 100%; width: .29rem; height: .31rem; display: block; position: absolute; left: 0; top: 0; left: -0.3rem; bottom: 0; margin: auto; }
.wrap .tab li.on { color: #30daff; filter: drop-shadow(0 0 6px #4261ff); font-size: .28rem; }
.wrap .tab li.on::before { content: ''; background: url("//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon-1-1.png") no-repeat;   background-size: 100% 100%; }
.wrap .content { width: 100%; height: 100%; position: relative; }

/* 家具 start */
.furniture-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/bg.jpg') no-repeat ;
  background-size: 23.2rem 10.8rem;
  background-position: 50% 50%;
}
.furniture-box h3 {
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.furniture-box .a1 {
  background-size: 100% 100%;
  width: 1.87rem;
  height: 1.53rem;
  position: absolute;
  z-index: 9;
  margin-left: -6.25rem;
  margin-top: -.5rem;
}  
.furniture-box .a14 {
  position: absolute;
  z-index: 1;
  width: 15.15rem;
  margin-top: -2.57rem;
  margin-left: -1.46rem;
  background-size: 100% 100%;
  height: 5.63rem;
}
.furniture-box .a2 {
  width: 1.59rem;
  height: 1.77rem;
  background-size: 100% 100%;
  position: absolute;
  margin: -4.5rem -3.4rem;
  z-index: 9;
}  
.furniture-box .a3 {
  width: 7.4rem;
  height: 1.19rem;
  margin: -2.71rem 4.6rem;
  position: absolute;
  z-index: 9;
}  

.furniture-box .a4 {
  width: 1.81rem;
  height: 1.07rem;
  margin: -0.70rem -3.15rem;
  position: absolute;
  z-index: 9;
}  
.furniture-box .a5 {
  width: 1.74rem;
  height: 1.66rem;
  margin: -0.65rem -4.85rem;
  position: absolute;
  z-index: 2;
}  
.furniture-box .a6 {
  width: 2.85rem;
  height: 1.59rem;
  margin: -1.2rem -1.5rem;
  position: absolute;
  z-index: 3;
}  
.furniture-box .a7 {
  width: 1.1rem;
  height: 1.64rem;
  margin: -1.6rem -.2rem;
  position: absolute;
  z-index: 2;
}  
.furniture-box .a8 {
  width: 19.1rem;
  height: 7.1rem;
  margin: .95rem -1.15rem;
  position: absolute;
  z-index: 13;
}  

.furniture-box .a9 {
  width: 1.53rem;
  height: 2.81rem;
  margin: -1.9rem -1.85rem;
  position: absolute;
  z-index: 0;
}  
.furniture-box .a10 {
  width: 7.04rem;
  height: 1.52rem;
  margin: -3rem 2.38rem;
  position: absolute;
  z-index: 0;
}  
.furniture-box .a11 {
  width: 10.18rem;
  height: 4.4rem;
  margin:-3.2rem 2.05rem;
  position: absolute;
  z-index: 2;
}  

.furniture-box .a12 {
  width:3.02rem;
  height: 2.82rem;
  margin: -.92rem -7.5rem;
  position: absolute;
  z-index: 0;
}  

.furniture-box .a13 {
  width:  19.2rem;
  height: 10.80rem;
  position: absolute;
  z-index: 11;
}  

/* 内容 */
.module {
  /* background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/bg.jpg') no-repeat ;
  background-size: 23.2rem 10.8rem;
  background-position: 50% 50%; */
}
/* ---- */
.home-module {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
}
.home-module::before {
  content: '';
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/home-befor.png') no-repeat;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  opacity: 0.6;
  left: 0;
}
.home-module-box {
  position: relative;
  width: 19.2rem;
  margin: auto;
  height: 10.8rem;
  z-index: 999;
  ;
}

/* 家具 end */
.title1 {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/title1.png') no-repeat;   background-size: 100% 100%;
  width: 8.36rem;
  height: 4.36rem;
  position: absolute;
}
.btn-rule {
  width: .5rem;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  right: .8rem;
  font-size: 0;
  top: 1.5rem;
  height: .5rem;
}
.btn-remodel.act::before {
  content: '';
  width: 0.22rem;
  height: .22rem;
  border-radius: 50%;
  position: absolute;
  top: 0;
  z-index: 11;
  right: -.05rem;
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/hd.png') no-repeat;
  background-size: 100% 100%;
}

.btn-remodel {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-remodel.png') no-repeat;   background-size: 100% 100%;
  width: 3.78rem;
  height: 1.55rem;
  position: relative;
  display: flex;
  align-items: center;
  line-height: .3rem;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  color: #ff7719;
  padding-top: .2rem;
  box-sizing: border-box;
  transform: translateY(.15rem);
}
.btn-remodel .clalBold:nth-child(1) {
  font-size: .4rem;
  text-shadow: -0.01rem -0.03rem 0 #fff, .01rem -0.03rem 0 #fff, -0.01rem .03rem 0 #fff, .01rem .03rem 0 #fff;
  width: 100%;
  text-align: center;
  transform: translateY(.1rem);
}
.btn-remodel .clalBold:nth-child(2) {
  font-size: .16rem;
  margin-top: .05rem;
  color: #8d533a;
  transform: translateY(.28rem);
}
.operate-box {
  width: 7.53rem;
  height: 3.21rem;
  align-items: end;
  transform-origin: left bottom;
  position: absolute;
  left: 1rem;
  bottom: 0.9rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
}
.operate-rating {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-pj.png') no-repeat;   background-size: 100% 100%;
  width: 3.20rem;
  height: 1.55rem;
  display: block;
  margin-top: .15rem;
  position: relative;

}
.operate-rating-btn {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  line-height: .4rem;
  justify-content: center;
}
.operate-rating .clalBold:nth-child(1) {
  width: 100%;
  text-align: center;
  margin-top: .1rem;
  font-size: .28rem;
  color: #ffffff;
  text-shadow: -0.01rem -0.03rem 0 rgb(252, 170, 65,0.3), .01rem -0.03rem 0 rgb(252, 170, 65,0.3), -0.01rem .03rem 0 rgb(252, 170, 65,0.3), .01rem .03rem 0 rgb(252, 170, 65,0.3);
}
.operate-rating .clalBold:nth-child(2) {
  font-size: .4rem;  width: 100%;
  text-align: center;
  transform: translateY(.05rem);
  color: #ff7519;
  text-shadow: -0.01rem -0.03rem 0 #fff, .01rem -0.03rem 0 #fff, -0.01rem .03rem 0 #fff, .01rem .03rem 0 #fff;
}
.operate-rating .clalRegular {
  font-size: .16rem;
  color: #c54202;  width: 100%;
  transform: translateY(.12rem) translateX(.05rem);
  text-align: center;
}
.operate-left {
  display: flex;
  width: 7.1rem;
  margin-top: .1rem;
  justify-content: space-between;
  position: absolute;
  bottom: -.15rem;
  right: 0;
}
.operate-right {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/operate-right.png') no-repeat;   background-size: 100% 100%;
  width: 7.53rem;
  height: 1.58rem;
  position: relative;
  position: absolute;
  top: 0;
}
.operate-tips-num {
  /* width: 100%; */
  height: .52rem;
  display: flex;
  position: absolute;
  left: 1.25rem;
  top: 1.05rem;
  line-height: .19rem;
  align-items: center;
}
.operate-tips-num .clalRegular:nth-child(1) {
  color: #ffffff;
  font-size: .18rem;
}
.operate-tips-num .clalRegular:nth-child(2) {
  color: #ffe46a;
  font-size: .4rem;
}
.operate-tips-num .clalRegular:nth-child(1) i {
  font-style: normal;
}
.operate-prop {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/operate-prop.png') no-repeat;   background-size: 100% 100%;
  width: 3.02rem;
  height: 1.48rem;
  position: absolute;
  right: 0;
  top: .3rem;
  margin: auto;
}
.prop-img {
  width: 1.45rem;
  height: 1.48rem;
  position: absolute;
  left: -.4rem;
  right: 0;
  margin: auto;
  top: .03rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prop-img::before {
  content: '';
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon-fg.png') no-repeat;
  width: 2.46rem;
  height: 2.37rem;
  position: absolute;
  background-size: 100% 100%;
  left: -0.5rem;
  top: -.6rem;
}
.prop-img-name {
  color: #d48546;
  position: absolute;
  bottom: .1rem;
  text-align: center;
  width: 100%;
  font-size: .18rem;
  text-shadow: -0.01rem -0.02rem 0 #fff, .01rem -0.02rem 0 #fff, -0.01rem .02rem 0 #fff, .01rem .02rem 0 #fff;

}
.prop-img img {
  width: .85rem;
  transform: translateY(-0.05rem);
  height: auto;
}
.btn-lq-prop {
  color: #ffffff;
  font-size: 0;
  width: 1rem;
  height: 1.5rem;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-lq-prop.png') no-repeat;
  background-size: 100% 100%;
}

.btn-lq-prop.act {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-lq-prop-on.png') no-repeat;
  background-size: 100% 100%;
  animation: none;
}
.btn-lq-prop.not {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-lq-prop-on2.png') no-repeat;
  background-size: 100% 100%;
  animation: none;
}
.role {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/role.png') no-repeat;   background-size: 100% 100%;
  width: 9.57rem;
  height: 9.94rem;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  transform-origin: bottom right;
  pointer-events: none;
  z-index: 11;
}
.reward-shows {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/reward-shows.png') no-repeat;
  background-size: 100% 100%;
  width: 4.95rem;
  height: 1.46rem;
  position: absolute;
  z-index: 2;
  color: #222222;
  padding: .35rem .2rem .2rem .2rem;
  top: 4.8rem;
  right: 3.9rem;
  box-sizing: border-box;
}
.reward-shows::before {
  content: '';
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon1.png') no-repeat;   background-size: 100% 100%;
  width: 5rem;
  height: .13rem;
  position: absolute;
  left: 0;
  top: .85rem;
  right: 0;
  margin: auto;
}
.shows-txt1 {
  text-align: center;
  font-size: .26rem;
  margin-bottom: .3rem;
  position: relative;
}
.shows-txt1 span {
  color: #ff7519;
}
.shows-txt2 {
  text-align: center;
  font-size: .20rem;
}
/* ----end ----  */
/* 台词 plot*/
.plot {
  position: absolute;
  z-index: 9999;
  background: url(//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/bg.jpg) no-repeat;
  background-size: 23.2rem 10.80rem;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  right: 0;
}
.plot::before {
  content: '';
  background: rgb(0, 0, 0,0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
}
.plot-operation {
  height: .37rem;
  width: 4.36rem;
  position: absolute;
  right: .2rem;
  top: .25rem;
  display: flex;
  z-index: 3;
  justify-content: space-between;
}
.plot-operation a {
  width: 1.34rem;
  height: .37rem;
  display: block;
  font-size: 0;
}
.plot-operation .btn-Review {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-Review.png') no-repeat;
  background-size: 100% 100%;
  /* opacity: 0;
  pointer-events: none; */
}
.plot-operation .btn-Review.on {
  opacity: 1;
  pointer-events: all;
}
.plot-operation .btn-autoPlay {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-autoplay.png') no-repeat;
  background-size: 100% 100%;
}
.disable{
  filter: brightness(0.5);
  pointer-events: none;
}
.plot-operation .btn-skipped {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-skipped.png') no-repeat;
  background-size: 100% 100%;
}

.plot-dialogue {
  width: 100%;
  height: 100%;
}
.plot-recap {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/plot-recap.png') no-repeat;
  background-size: 100% 100%;
  width: 1.64rem;
  height: .41rem;
  position: absolute;
  top: -.25rem;
  left: 1.1rem;
}

.plot-review-content {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/review-befor.png') no-repeat;
  width: 19.2rem;
  height: 8.04rem;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  padding-top: .8rem;
  box-sizing: border-box;
}
.plot-dialogue-tips1.review {
  width: 100%;
  height: 100%;
}
.plot-dialogue-tips1.review ul{
  width: 17.38rem;
  height: 6.45rem;
  overflow-y: auto;
  font-size: .2rem;
  color: #fefefe;
  padding-left: 3.43rem;
  padding-right: 2.12rem;
  box-sizing: border-box;
}
.plot-dialogue-tips1.review ul.jq1 li:nth-child(n+1) { display: none; }
.plot-dialogue-tips1.review ul.jq1 li:nth-child(n+2) { display: none; }
.plot-dialogue-tips1.review ul.jq2 li:nth-child(n+3) { display: none; }
.plot-dialogue-tips1.review ul.jq3 li:nth-child(n+4) { display: none; }
.plot-dialogue-tips1.review ul.jq4 li:nth-child(n+5) { display: none; }
.plot-dialogue-tips1.review ul.jq5 li:nth-child(n+6) { display: none; }
.plot-dialogue-tips1.review ul.jq6 li:nth-child(n+7) { display: none; }
.plot-dialogue-tips1.review ul.jq7 li:nth-child(n+8) { display: none; }
.plot-dialogue-tips1.review ul.jq8 li:nth-child(n+9) { display: none; }
.plot-dialogue-tips1.review ul.jq9 li:nth-child(n+10) { display: none; }
.plot-dialogue-tips1.review ul.jq10 li:nth-child(n+11) { display: none; }
.plot-dialogue-tips1.review li{
  display: flex;
}
.plot-dialogue-tips1.review li p {
  margin-bottom: .65rem;
}
.plot-dialogue-tips1.review li span {
  margin-left: -1.36rem;
  transform: translateX(-.4rem);
  width: 1.35rem;
}
.review-color1 {
  color:#fff;
  font-size: .25rem;
}
.review-color2 {
  color:#ecdd6c;
  font-size: .25rem;
}
.review-color3 {
  color:#af5638;
  font-size: .25rem;
}
.review-color4 {
  color:#9a85f0;
  font-size: .25rem;
}
/* 文案 */
.dialogue-txt {
  width: 100%;
  height: 100%;
}
.dialogue-txt::before {
  content: '';
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/zz.png') no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
}
.dialogue {
  width: 100%;
  height: 2.46rem;
  position: absolute;
  bottom: 0;
  padding-left: 2.46rem;
  font-size: .24rem;
  color: #fefefe;
  padding-right: 1.88rem;
  padding-top: .9rem;
  box-sizing: border-box;
  margin: auto;
  left: 0;
  z-index: 2;
  right: 0;
}
.dialogue-txt::after {
  content: '';
  background: url(//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/strinova.png) no-repeat;
  width: 100%;
  height: 1.3rem;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 1.15rem;
  z-index: 1;
  position: absolute;
  background-size: cover;
  background-position: 50% 50%;
}
/* plot----end */
/* 评级奖励 */
.reward-module {
  width: 100%;
  height: 100%;
  background: rgb(2, 2, 2,0.3);
  /* background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/bg3.jpg') no-repeat; */
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  z-index: 999;
}
/* .reward-module::before {
  content: '';
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/reward-module3-befor.png') no-repeat;
} */
.reward-module::after {
  content: '';
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/reward-module3-befor.png') no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-position: 50% 50%;
  left: 0;
  pointer-events: none;
  top: 0;
}
.title3 {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/title3.png') no-repeat;   background-size: 100% 100%;
  width: 3.62rem;
  height: .71rem;
  position: absolute;
  top: .5rem;
  left: 4.67rem;
}
.reward-txt {
  font-size: .18rem;
  color: #1e1e1e;
  text-align: center;
  width: 9.25rem;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 1.35rem;
}
.reward-txt2 {
  width: 7.42rem;
  margin: auto;
  border-radius: .5rem;
  background: #ffffff;
  height: .36rem;
  border: .03rem solid #ffdc7f;
  position: absolute;
  left: 0;
  right: 0;
  top: 2.05rem;
  margin: auto;
  font-size: .22rem;
  text-align: center;
  line-height: .42rem;
}
.reward-txt2 span {
  color: #ff7519;
}
.reward-txt span {
  display: inline-block;
  color: #fff;
  background:#ff7519;
  padding: 0rem .07rem;
  border-radius: .5rem;
}
.reward-module-center {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/reward-module.png') no-repeat;   background-size: 100% 100%;
  width: 13.56rem;
  height: 9.15rem;
  display: block;
  position: absolute;
  transform-origin: top;
  left: 50%;
  transform: translateX(-50%);
  top: .74rem;
}
.btn-close {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon-close.png') no-repeat;   background-size: 100% 100%;
  width: .82rem;
  height: .74rem;
  position: absolute;
  right: -0.19rem;
  top: .77rem;
}
.progress-bar {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon5.png') no-repeat;   background-size: 100% 100%;
  width: .16rem;
  height: 4.75rem;
  position: absolute;
  left: 2.08rem;
  overflow: hidden;
  bottom: 1.455rem;
}
.progress-bar-i {
  width: .11rem;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: .03rem;
}
.progress-bar-i.o1 { height: 1%; }
.progress-bar-i span {
  background: #fedf4e;
  width: .12rem;
  display: block;
  height: 100%;
  position: absolute;
  bottom: 0;
}
.reward-box {
  width: 10.45rem;
  height: 5.35rem;
  position: absolute;
  right: 1.42rem;
  top: 2.65rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.progress-bar-i-box {
  height: 4.75rem;
  position: relative;
}
.reward-progress {
  height: 4.75rem;
}
.reward-progress span {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon3.png') no-repeat;   background-size: 100% 100%;
  width: 1.08rem;
  height: .45rem;
  color: #ffffff;
  padding-left: .15rem;
  box-sizing: border-box;
  display: block;
  line-height: .45rem;
  text-shadow: -0.01rem -0.01rem 0 #97a9ce, .01rem -0.01rem 0 #97a9ce, -0.01rem .01rem 0 #97a9ce, .01rem .01rem 0 #97a9ce;
  font-size: .2rem;
  color: white; 
  margin-bottom: .63rem;
}


.prop-tips-txt {
  color: #222222;
  font-size: .16rem;
  position: absolute;
  right: .22rem;
  bottom: .25rem;
  font-weight: 100;
}
.prop-tips-txt2 {
  color: #222222;
  font-size: .16rem;
  position: absolute;
  right: .22rem;
  bottom: .25rem;
  font-weight: 100;
  display: none;
}
.reward-box.lock .prop-tips-txt {
  display: none;
}
.reward-box.lock .prop-tips-txt2{
  display: block;
}
.prop-tips-txt2.ss {
  text-align: right;
  bottom: 0;
}
.reward-box.act1 .reward-progress span:nth-child(1) {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon3-1.png') no-repeat;background-size: 100% 100%;
  text-shadow: -0.01rem -0.01rem 0 #f23b4c, .01rem -0.01rem 0 #f23b4c, -0.01rem .01rem 0 #f23b4c, .01rem .01rem 0 #f23b4c;
}
.reward-box.act1 .reward-progress span:nth-child(2) {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon3-2.png') no-repeat;background-size: 100% 100%;
  text-shadow: -0.01rem -0.01rem 0 #f0b042, .01rem -0.01rem 0 #f0b042, -0.01rem .01rem 0 #f0b042, .01rem .01rem 0 #f0b042;
}
.reward-box.act1 .reward-progress span:nth-child(3) {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon3-3.png') no-repeat;background-size: 100% 100%;
  text-shadow: -0.01rem -0.01rem 0 #e575f3, .01rem -0.01rem 0 #e575f3, -0.01rem .01rem 0 #e575f3, .01rem .01rem 0 #e575f3;
}
.reward-box.act1 .reward-progress span:nth-child(4) {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon3-4.png') no-repeat;background-size: 100% 100%;
  text-shadow: -0.01rem -0.01rem 0 #70a7ee, .01rem -0.01rem 0 #70a7ee, -0.01rem .01rem 0 #70a7ee, .01rem .01rem 0 #70a7ee;
}

.reward-box.act2 .reward-progress span:nth-child(2) {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon3-2.png') no-repeat;background-size: 100% 100%;
  text-shadow: -0.01rem -0.01rem 0 #f0b042, .01rem -0.01rem 0 #f0b042, -0.01rem .01rem 0 #f0b042, .01rem .01rem 0 #f0b042;
}
.reward-box.act2 .reward-progress span:nth-child(3) {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon3-3.png') no-repeat;background-size: 100% 100%;
  text-shadow: -0.01rem -0.01rem 0 #e575f3, .01rem -0.01rem 0 #e575f3, -0.01rem .01rem 0 #e575f3, .01rem .01rem 0 #e575f3;
}
.reward-box.act2 .reward-progress span:nth-child(4) {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon3-4.png') no-repeat;background-size: 100% 100%;
  text-shadow: -0.01rem -0.01rem 0 #70a7ee, .01rem -0.01rem 0 #70a7ee, -0.01rem .01rem 0 #70a7ee, .01rem .01rem 0 #70a7ee;
}

.reward-box.act3 .reward-progress span:nth-child(3) {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon3-3.png') no-repeat;background-size: 100% 100%;
  text-shadow: -0.01rem -0.01rem 0 #e575f3, .01rem -0.01rem 0 #e575f3, -0.01rem .01rem 0 #e575f3, .01rem .01rem 0 #e575f3;
}
.reward-box.act3 .reward-progress span:nth-child(4) {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon3-4.png') no-repeat;background-size: 100% 100%;
  text-shadow: -0.01rem -0.01rem 0 #70a7ee, .01rem -0.01rem 0 #70a7ee, -0.01rem .01rem 0 #70a7ee, .01rem .01rem 0 #70a7ee;
}

.reward-box.act4 .reward-progress span:nth-child(4) {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon3-4.png') no-repeat;background-size: 100% 100%;
  text-shadow: -0.01rem -0.01rem 0 #70a7ee, .01rem -0.01rem 0 #70a7ee, -0.01rem .01rem 0 #70a7ee, .01rem .01rem 0 #70a7ee;
}


.prop-tips {
  width: 9.34rem;
  height: 1.27rem;
  position: absolute;
  left: -.02rem;
  top: -.03rem;
  z-index: 0;
  display: none;
}
.btn-tips-lq {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-lq2.png') no-repeat;
  background-size: 100% 100%;
  width: 1.64rem;
  height: .57rem;
  display: block;
  right: .1rem;
  position: absolute;
  top: 0.1rem;
  display: none;
}
.reward-box.lock .btn-tips-lq{
  display: block;
}
.prop-ss {z-index: 5;}
.prop-s {z-index: 4;}
.prop-r1 {z-index: 3;}
.prop-r2 {z-index: 2;}
.prop-b {z-index: 1;}
.prop-ss .btn-tips-lq.act {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-lq2-on1.png') no-repeat;
  background-size: 100% 100%;
}
.prop-s .btn-tips-lq.act {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-lq2-on2.png') no-repeat;
  background-size: 100% 100%;
}
.prop-r1 .btn-tips-lq.act {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-lq2-on3.png') no-repeat;
  background-size: 100% 100%;
}
.prop-r2 .btn-tips-lq.act {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-lq2-on4.png') no-repeat;
  background-size: 100% 100%;
}
.prop-b .btn-tips-lq.act {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-lq2-on5.png') no-repeat;
  background-size: 100% 100%;
}
.btn-hoist.lock  {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-hoist-on.png') no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.reward-box.act1 .prop-ss .prop-tips{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/shows-after1.png') no-repeat;
  background-size: 100% 100%;
  display: block;
}
.reward-box.act1.lock .prop-ss .prop-tips{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/shows-after1-on.png') no-repeat;
  background-size: 100% 100%;
  display: block;
}
.reward-box.act2 .prop-s .prop-tips{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/shows-after2.png') no-repeat;
  background-size: 100% 100%;
  display: block;
}
.reward-box.act2.lock .prop-s .prop-tips{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/shows-after2-on.png') no-repeat;
  background-size: 100% 100%;
  display: block;
}
.reward-box.act3 .prop-r1 .prop-tips{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/shows-after3.png') no-repeat;
  background-size: 100% 100%;
  display: block;
}
.reward-box.lock.act3  .prop-r1 .prop-tips{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/shows-after3-on.png') no-repeat;
  background-size: 100% 100%;
  display: block;
}
.reward-box.act4 .prop-r2 .prop-tips{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/shows-after4.png') no-repeat;
  background-size: 100% 100%;
  display: block;
}
.reward-box.lock.act4 .prop-r2 .prop-tips{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/shows-after4-on.png') no-repeat;
  background-size: 100% 100%;
  display: block;
}
.reward-box.act5 .prop-b .prop-tips{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/shows-after5.png') no-repeat;
  background-size: 100% 100%;
  display: block;
}
.reward-box.lock.act5 .prop-b .prop-tips{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/shows-after5-on.png') no-repeat;
  background-size: 100% 100%;
  display: block;
}
.reward-progress span:last-child {
  margin-bottom: 0;
}
.reward-prop-box {
  height: 5.34rem;
  width: 9.35rem;
}
.prop-list {
  background: rgb(173, 116, 66,0.14);
  padding: .08rem;
  box-sizing: border-box;
  display: flex;
  margin-left: .15rem;
}
.prop-item {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/prop-item.png') no-repeat;   background-size: 100% 100%;
  width: 1.04rem;
  height: .84rem;
  position: relative;
  margin-right: .08rem;
}
.prop-item:last-child{margin-right: 0;}
.prop-item img {
  width: .79rem;
  height: auto;
  display: block;
  margin: auto;
  transform: scale(0.9);
}
.prop-item-num {
  position: absolute;
  right: .05rem;
  color: #ffffff;
  font-size: .14rem;
  bottom: .22rem;
}
.prop-item-num.on1 {
  font-size: 0;
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/num-icon1.png') no-repeat;
  background-size: 100% 100%;
  width: .25rem;
  right: 0.02rem;
  height: .14rem;
}
.prop-item-num.on2 {
  font-size: 0;
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/num-icon2.png') no-repeat;
  background-size: 100% 100%;
  width: .24rem;
  height: .14rem;
  right: 0.02rem;
}
.btn-hoist {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-ts.png') no-repeat;   background-size: 100% 100%;
  width: 3.34rem;
  height: .87rem;
  cursor: pointer;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
.prop-item-txt {
  text-align: center;
  box-sizing: border-box;
}

.reward-prop-box .prop { width: 1.08rem; height: 1rem;position: relative;}
.reward-prop-box>div {margin-bottom: .08rem; display: flex;position: relative;}
.reward-prop-box>div:last-child {margin-bottom: 0;}
.reward-prop-box .prop img {
  width: .68rem;
  height: auto;
  margin:.1rem auto;
  display: block;
}
.reward-prop-box .prop span {
  color: #222222;
  font-size: .16rem;
  width: 100%;
  position: absolute;
  text-align: center;
  bottom: .04rem;
  font-family: "clalBold";
}
.prop-ss .prop { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/prop-ss.png') no-repeat;   background-size: 100% 100%; }
.prop-s .prop { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/prop-s.png') no-repeat;   background-size: 100% 100%; }
.prop-r1 .prop { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/prop-r1.png') no-repeat;   background-size: 100% 100%; }
.prop-r2 .prop { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/prop-r2.png') no-repeat;   background-size: 100% 100%; }
.prop-b .prop { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/prop-b.png') no-repeat;   background-size: 100% 100%; }
/* end------------------- */
/* 任务 */
.task-module {
  position: absolute;
  z-index: 999;
  width: 100%;
  background: rgb(2, 2, 2,0.3);
  height: 10.8rem;
  top: 0;
  left: 0;
  margin: auto;
}
.task-module video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.task-module-box {
  position: absolute;
  z-index: 2;
  width: 19.2rem;
  height: 10.8rem;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.task-module::before {
  content: '';
  /* background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/reward-module3-befor.png') no-repeat; */
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  background-size: cover;
  background-position: 50% 50%;
  left: 0;
  top: 0;
  z-index: 99;
}
.task-module .role {
  width: 6.5rem;
  height: 10.71rem;
  right: 1.4rem;
  bottom: 0;
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/role4.png') no-repeat;
  background-size: 100% 100%;
}
.task-module-center {
  position: absolute;
  width: 9.78rem;
  height: 11.82rem;
  left: 2.2rem;
  top: .2rem;
  z-index: 20;
  transform-origin: top left;
}
.task-module-book {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/task-module.png') no-repeat;   background-size: 100% 100%;
  width: 9.78rem;
  height: 11.82rem;
  transform: rotate(-8deg) translateY(.75rem);
}
.title2 {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/title2.png') no-repeat;   background-size: 100% 100%;
  width: 6.38rem;
  height: 2.99rem;
  position: absolute;
  left: -0.88rem;
  top: -1.19rem;
}
.btn-close2 {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon-close2.png') no-repeat;   background-size: 100% 100%;
  width: .85rem;
  height: .89rem;
  position: absolute;
  right: .71rem;
  top: -0.07rem;
}
.task-list {
  height: 9.2rem;
  width: 8.63rem;
  position: absolute;
  top: 1.23rem;
  overflow-x: hidden;
  overflow-y: auto;
  left: .42rem;
  padding-top: .7rem;
  padding-left: .58rem;
  padding-bottom: 1.1rem;
  padding-right: .2rem;
  box-sizing: border-box;
}
.title2-x1 {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/title2-x1.png') no-repeat;   background-size: 100% 100%;
  width: 3.53rem;
  height: .74rem;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.title2-x2 {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/title2-x3.png') no-repeat;   background-size: 100% 100%;
  width: 3.32rem;
  height: .36rem;
  line-height: .36rem;
  display: block;
  padding-left: .09rem;
  box-sizing: border-box;
  color: #ffffff;
  font-size: .18rem;
}
.title2-x2 span {
  color: #ff7519;
}
.complete-task-item {
  display: flex;
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/complete-task-item.png') no-repeat;   background-size: 100% 100%;
  width: 7.8rem;
  height: 1rem;
  margin-top: .1rem;
  padding: 0 .2rem;
  box-sizing: border-box;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
 .task-icon1 {
  width: .47rem;
  height: .45rem;
  display: block;
}
.task-name {
  width: 4.25rem;
}
.task-name2 {
  width: 3.55rem;
}
.task-name p:nth-child(1),.task-name2 p:nth-child(1) {
  color: #222222;
  font-size: .2rem;
}
.task-name p:nth-child(2),.task-name2 p:nth-child(2) {
  color: #ff7519;
  font-size: .16rem;
  display: flex;
  align-items:center;
}
.task-reward {
  display: flex;
  align-items: center;
  width: 1.2rem;
  justify-content: space-between;
}
.task-reward .task-reward-span1 {
  font-size: .18rem;
}
.task-reward .task-reward-span2 {
  font-size: .16rem;
}
.task-reward-span2.wc {
  color: #e03f0e;
}
.task-btn {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/task-btn1.png') no-repeat;   background-size: 100% 100%;
  width: 1.60rem;
  height: .80rem;
  display: block;
  font-size: .2rem;
  text-align: center;
  line-height: .80rem;
  color: #fff;
}
.task-btn.lq {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/task-btn.png') no-repeat;   background-size: 100% 100%;
  animation: none;
}
.task-btn.wc {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/task-btn2.png') no-repeat;  
  background-size: 100% 100%;
  color: rgb(255, 255, 255,0.7);
  animation: none;
}
.complete-task-item2 .task-btn.wc {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/task-btn2.png') no-repeat ;  
  background-size: 100% 100%;
  color: rgb(255, 255, 255,0.7);
  animation: none;
}

.title2-2-x1 {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/title2-x2.png') no-repeat;   background-size: 100% 100%;
  width: 2.57rem;
  height: .74rem;
  display: block;
  margin-top: .1rem;
  margin-left: -0.59rem;
}
.title2-2-x2 {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/title2-x4.png') no-repeat;   background-size: 100% 100%;
  width: 5.14rem;
  height: .36rem;
  line-height: .36rem;
  display: block;
  padding-left: .09rem;
  box-sizing: border-box;
  color: #ffffff;
  display: flex;
  align-items: center;
  font-size: .18rem;
}
.title2-2-x2 .task-btn {
  position: absolute;
  right: 0.4rem;
  transform: translateY(-.1rem);
}
.title2-2-x2 span {
  color: #ff7519;
}
.title2-2-x2 img {
  width: .35rem;
  height: auto;
  margin-left: .03rem;
  margin-right: .35rem;
}

.complete-task-item2 {
  display: flex;
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/complete-task-item.png') no-repeat;   background-size: 100% 100%;
  width: 7.8rem;
  height: 1rem;
  margin-top: .1rem;
  padding: 0 .2rem;
  box-sizing: border-box;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.complete-task-item2 .task-btn,.title2-2-x2 .task-btn {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/task-btn.png') no-repeat;
  background-size: 100% 100%;
  animation: none
}
.task-icon2 {
  width: .78rem;
  height: .78rem;
}
.task-icon3 {
  width: .44rem;
  height: auto;
  display:inline-block;
  margin-left: .05rem;
}
.btn-top {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon-top.png') no-repeat;   background-size: 100% 100%;
  width: .73rem;
  height: .78rem;
  display: block;
  position: absolute;
  right: .4rem;
  bottom: 1.65rem;
}
.complete-task-item2.on,.complete-task-item.on {
  opacity: 0.5;
}
.complete-task-item2.on::before,.complete-task-item.on::before {
  content: '';
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon-succ.png') no-repeat;   background-size: 100% 100%;
  width: .64rem;
  height: .75rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
/* 任务 end */

/* 字体 */
@font-face { font-family: "alBold"; src: url(//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/font/AlimamaShuHeiTi-Bold.ttf) format("woff"); font-style: normal; font-weight: normal; }
@font-face { font-family: "clalBold"; src: url(//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/font/Calabiyau-Bold.ttf) format("woff"); font-style: normal; font-weight: normal; }
@font-face { font-family: "clalRegular"; src: url(//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/font/Calabiyau-Regular.ttf) format("woff"); font-style: normal; font-weight: normal; }

.alimm {
  font-family: "alBold";
}
.clalBold {
  font-family: "clalBold";
}
.clalRegular {
  font-family: "clalRegular";
}
.task-list::-webkit-scrollbar,
.rule-list::-webkit-scrollbar
 {
     width:.06rem;
     background-image: linear-gradient(90deg,transparent 25%, #cab193 25% 70%,transparent 75%);
 }
  .task-list::-webkit-scrollbar-thumb,
  .rule-list::-webkit-scrollbar-thumb
 {
  width: .11rem  !important;
  background-color:#cbb499;
  background: #c8a27d;
  background-size: 100% 100%;
 }


.plot-dialogue-tips1.review::before {
  content: '';
  background: rgb(0, 0, 0,0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.plot-dialogue-tips1.review ul::-webkit-scrollbar
 {
    width:.05rem;
    height: 0.5rem;
    max-height: 80%; 
    background-image: linear-gradient(to bottom, transparent 8%, rgb(81, 81, 77,.5) 100% 100%, transparent 100%);
 }
 .plot-dialogue-tips1.review ul::-webkit-scrollbar-thumb
 {
  width: .05rem  !important;
  background-color:#e2dfd3;
  background: #e2dfd3;
  background-size: 100% 100%;
  max-height: 80%; 
 }
 .plot-dialogue-tips1.review ul::-webkit-scrollbar-track-piece:end {
  background: transparent;
}
.plot-dialogue-tips1.review ul::-webkit-scrollbar-track {
  margin: .5rem 0 0 0;
}
/* 
 .p4_voice {
  width: 8.91rem;
  height: .52rem;
  background: url(//game.gtimg.cn/images/wedo/m/m20240426/voice_sp.png) no-repeat;   
  background-size: 89.1rem .52rem;
  -webkit-animation: voice 2s steps(65) infinite;
  animation: voice 2s steps(65) infinite;
 } */


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



.btn-lq-prop {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a15.png') no-repeat; 
  background-size: 90rem 1.5rem;
  -webkit-animation: voice 3s steps(89) infinite;
  animation: voice 3s steps(89) infinite;
}
.task-btn.lq,.Transform-furniture-tasks .task-btn,.title2-2-x2 .task-btn {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a16.png') no-repeat; 
  background-size: 96rem .8rem;
  -webkit-animation: voice 2s steps(59) infinite;
  animation: voice 2s steps(59) infinite;
}
.title2-2-x2 .task-btn.wc {
  animation: none;
  background: url(//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/task-btn2.png) no-repeat;
  background-size: 100% 100%;
  color: rgb(255, 255, 255, 0.7);
  animation: none;
}

/* 动画 */
.ani {
  width: 7.41rem;
  height: 1.2rem;
  overflow: hidden;
}

.a1.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a1.png') no-repeat; 
  background-size: 56.4rem 1.54rem;
  -webkit-animation: voice 2s steps(29) forwards;
  fill: forwards;
  animation: voice 2s steps(29) forwards;
}
.a2.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a2.png') no-repeat; 
  background-size: 47.7rem 1.77rem;
  -webkit-animation: voice 2s steps(29) forwards;
  animation: voice 2s steps(29) forwards;
  fill: forwards;
}
.a3.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a3.png') no-repeat; 
  background-size: 222.30rem 1.2rem;
  -webkit-animation: voice 2s steps(29) forwards;
  animation: voice 2s steps(29) forwards;
}
.a4.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a4.png') no-repeat; 
  background-size: 54.3rem 1.07rem;
  -webkit-animation: voice 2s steps(29) forwards;
  animation: voice 2s steps(29) forwards;
}
.a5.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a5.png') no-repeat; 
  background-size: 53.94rem 1.66rem;
  -webkit-animation: voice 2s steps(29) forwards;
  animation: voice 2s steps(29) forwards;
}
.a6.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a6.png') no-repeat; 
  background-size: 85.50rem 1.59rem;
  -webkit-animation: voice 2s steps(29) forwards;
  animation: voice 2s steps(29) forwards;
}
.a7.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a7.png') no-repeat; 
  background-size: 34.1rem 1.64rem;
  -webkit-animation: voice 2s steps(29) forwards;
  animation: voice 2s steps(29) forwards;
}
.a8.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a8.png') no-repeat; 
  background-size: 573rem 7.1rem;
  -webkit-animation: voice 2s steps(29) forwards;
  animation: voice 2s steps(29) forwards;
}
.a9.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a9.png') no-repeat; 
  background-size: 45.9rem 2.81rem;
  -webkit-animation: voice 2s steps(29) forwards;
  animation: voice 2s steps(29) forwards;
}
.a10.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a10.png') no-repeat; 
  background-size: 211.2rem 1.52rem;
  -webkit-animation: voice 2s steps(29) forwards;
  animation: voice 2s steps(29) forwards;
}
.a11.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a11.png') no-repeat; 
  background-size: 305.4rem 4.4rem;
  -webkit-animation: voice 2s steps(29) forwards;
  animation: voice 2s steps(29) forwards;
}
.a12.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a12.png') no-repeat; 
  background-size: 90.60rem 2.82rem;
  -webkit-animation: voice 2s steps(29) forwards;
  animation: voice 2s steps(29) forwards;
}
.a13.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a13.png') no-repeat; 
  background-size: 307.2rem 10.80rem;
  -webkit-animation: voice 1.5s steps(15) forwards;
  animation: voice 1.5s steps(15) forwards;
}
.a14.on .animation{
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a14.png') no-repeat; 
  background-size: 454.80rem 5.64rem;
  -webkit-animation: voice 2s steps(29) forwards;
  animation: voice 2s steps(29) forwards;
}

.a1.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a1.png') no-repeat;    background-size: 100% 100%;}
.a2.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a2.png') no-repeat;    background-size: 100% 100%;}
.a3.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a3.png') no-repeat;    background-size: 100% 100%;}
.a4.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a4.png') no-repeat;    background-size: 100% 100%;}
.a5.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a5.png') no-repeat;    background-size: 100% 100%;}
.a6.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a6.png') no-repeat;    background-size: 100% 100%;}
.a7.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a7.png') no-repeat;    background-size: 100% 100%;}
.a8.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a8.png') no-repeat;    background-size: 100% 100%;}
.a9.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a9.png') no-repeat;    background-size: 100% 100%;}
.a10.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a10.png') no-repeat;  background-size: 100% 100%;}
.a11.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a11.png') no-repeat;  background-size: 100% 100%;}
.a12.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a12.png') no-repeat;  background-size: 100% 100%;}
.a13.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a13.png') no-repeat;  background-size: 100% 100%;}
.a14.act { background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/animation/a14.png') no-repeat;  background-size: 100% 100%;}


.furniture-box span { width: 100%;height: 100%;display: block; position: absolute;left: 0;top: 0;}


/* 弹窗 */
.pop {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0,0.7);
  height: 100%;
  z-index: 89999;
}
.pop::before {
  content: '';
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/reward-module3-befor.png') no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  background-size: cover;
  background-position: 50% 50%;
  top: 0;
  left: 0;
}
.pop-confirm {
  width: 8.07rem;
  height: 5.13rem;
  top: 50%;
  position: relative;
  left: 50%;
  transform: translate(-50%,-50%);
}
/* --------- */
.pop-login {
  width: 8.07rem;
  height: 5.13rem;
  background-size: 100% 100%;
  top: 50%;
  position: relative;
  left: 50%;
  transform: translate(-50%,-50%);
}
.login-btn-box {
  width: 4.7rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: .6rem;
  right: 0;
  bottom: 1.1rem;
  margin: auto;
}
.btn-login-qq {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-qq.png') no-repeat;
  background-size: 100% 100%;
  width: 2.1rem;
  height: 2.17rem;
  display: block;
}
.btn-login-qq:hover {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-qq-hover.png') no-repeat;
  background-size: 100% 100%;
}
.btn-login-wx {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-wx.png') no-repeat;
  background-size: 100% 100%;
  width: 2.1rem;
  height: 2.17rem;
  display: block;
}
.btn-login-wx:hover {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-wx-hover.png') no-repeat;
  background-size: 100% 100%;
}
/* ---------- */
/* 弹窗样式 获得奖励 */
.pop-bg {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/pop-bg.png') no-repeat;
  width: 8.07rem;
  height: 5.13rem;
  background-size: 100% 100%;
  top: 100%;
  opacity: 0;
  position: relative;
  left: 50%;
  transform: translate(-50%,-50%);
}
.title-reward {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/title-reward.png') no-repeat;
  background-size: 100% 100%;
  width: 1.69rem;
  height: .51rem;
  display: block;
  position: absolute;
  top: 0.8rem;
  left: .4rem;
  right: 0;
  margin: auto;
}
.title-tips {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/title-tips.png') no-repeat;
  background-size: 100% 100%;
  width: .91rem;
  height: .50rem;
  display: block;
  position: absolute;
  top: 0.8rem;
  left: .35rem;
  right: 0;
  margin: auto;
}
.title-rule {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/title-rule.png') no-repeat;
  background-size: 100% 100%;
  width: 2.03rem;
  height: .59rem;
  display: block;
  position: absolute;
  top: 0.8rem;
  left: .6rem;
  right: 0;
  margin: auto;
}
.title-login {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/title-login.png') no-repeat;
  background-size: 100% 100%;
  width: 2.87rem;
  height: .51rem;
  display: block;
  position: absolute;
  top: 0.8rem;
  left: .4rem;
  right: 0;
  margin: auto;
}
.reward-tips {
  position: absolute;
  text-align: center;
  font-size: .16rem;
  width: 100%;
  text-align: center;
  bottom: 0.8rem;
}
.reward-list {
  width: 5.51rem;
  height: 2.05rem;
  position: absolute;
  left: .5rem;
  right: 0;
  margin: auto;
  top: -.15rem;
  bottom: 0;
}

.reward-pop-prop {
  padding-top: .25rem;
  display: flex;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
}
.reward-pop-prop::before {
  content: '';
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/reward-list-befor.png') no-repeat;
  width: 5.74rem;
  height: .13rem;
  display: block;
  position: absolute;
  top: .02em;
  left: -.45rem;
}
.reward-pop-item {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/reward-pop-bg.png') no-repeat;
  background-size: 100% 100%;
  width: 1.04rem;
  margin-right: .08rem;
  height: 1.24rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  justify-content: center;
}
.reward-pop-item img {
  width: 0.72rem;
  height: auto;
  margin-top: -.15rem;
}
.reward-pop-item .prop-item-txt {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0;
  font-size: .14rem;
  color: #222222;
}
.reward-pop-item:last-child {
  margin-right: 0;
}
.reward-icon {
  margin: auto;
  width: 1.58rem;
  height: .41rem;
  display: block;
}
.reward-icon.ss {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/reward-ss.png') no-repeat;
  background-size: 100% 100%;
}
.reward-icon.s {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/reward-s.png') no-repeat;
  background-size: 100% 100%;
}
.reward-icon.a1 {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/reward-a1.png') no-repeat;
  background-size: 100% 100%;
}
.reward-icon.a2 {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/reward-a2.png') no-repeat;
  background-size: 100% 100%;
}
.reward-icon.b {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/reward-b.png') no-repeat;
  background-size: 100% 100%;
}
/* -----end */
/* 活动规则 */
.pop-rule {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/pop-rule.png') no-repeat;
  width: 10.74rem;
  background-size: 100% 100%;
  height: 6.8rem;
}
.rule-list {
  width: 8.11rem;
  height: 4.16rem;
  position: absolute;
  left: 1rem;
  right: 0;
  color: #1e1e1e;
  font-size: .18rem;
  font-family: 'clalRegular';
  overflow-y: auto;
  margin: auto;
  bottom: 1.2rem;
  padding-left: 0.1rem;
  padding-right: .5rem;
  box-sizing: border-box;
}
.rule-list li {
  margin-bottom: .3rem;
}
.rule-txt { margin-bottom: .05rem;}
.pop-rule .btn-pop-close {
  right: -.37rem;
}
.rule-title {
  color: #ff7519;
  font-size: .26rem;
  font-family: 'clalBold';
}
/* ------end */
.pop-confirm span {
  width: 6rem;
  height: 4rem;
  line-height: .3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0.55rem;
  right: 0;
  text-align: center;
  bottom: 0;
  color: #222222;
  line-height: .25rem;
  font-size: 0.17rem;
  margin: auto;
}

.btn-pop-close {
  width: .82rem;
  height: .74rem;
  display: block;
  position: absolute;
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/icon-close.png') no-repeat;
  background-size: 100% 100%;
  right: -0.46rem;
  top: 0.5rem;
}
.btn-confirm {
  display: block;
  margin: auto;
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-confirm.png') no-repeat;
  width: 2.34rem;
  background-size: 100% 100%;
  height: .77rem;
}
.btn-cancel {
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-cancel.png') no-repeat;
  display: block;
  width: 2.34rem;
  background-size: 100% 100%;
  height: .77rem;
}

.pop-btn-box {
  width: 4.9rem;
  bottom: .5rem;
  position: absolute;
  left: .5rem;
  right: 0;
  display: flex;
  justify-content: center;
  margin: auto;
}

/* 对白点击遮罩 */ 
.diaMask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.dia2::after,.dia10::after {
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: -1;
  left: 0;
}
.dialogue-me {
  font-size: .35rem;
  position: absolute;
  top: -.05rem;
  display: none;
}
.dia-role {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
}
.dia-role3 {
  width: 9.38rem;
  height: 9.69rem;
}
.dia-role4 {
  width: 9.57rem;
  height: 9.94rem;
}
.dia-role5 {
  width: 7.22rem;
  height: 10.06rem;
}
.dia-role6 {
  width: 16.77rem;
  height: 9.31rem;
}
.dia-role7 {
  width: 15.91rem;
  height: 9.94rem;
}
.dia-role8 {
  width: 17.38rem;
  height: 10.29rem;
}
.dia-role9 {
  width: 19.2rem;
  height: 10.80rem;
}

.dia-zhezhao {
  width: 100%;
  height: 100%;
}




/* 首页出场动画 */
.title1,.operate-box,.home-module-box .role,.reward-shows {
  opacity: 0;
}

audio {
  position: absolute;
  opacity: 0;
  top: 0;
}

.login-box {
  display: flex;
  color: #fff;
  font-size: .2rem;
  position: absolute;
  right: 0;
  top: .4rem;
}
.login-box p {
  display: flex;
}
.login-box a {
  color: #fff;
  display: inline-block;
  margin-left: .05rem;
}


/* .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9999999999999;
  display: flex;
}
.btn a {
  width: 1rem;
  height: .5rem;
  text-align: center;
  line-height: .5rem;
  font-size: .2rem;
  color: #000;
  background: #30daff;
} */
/* .btn-lq-prop:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(150deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 50%) 100% 50%/800% 120%;
  pointer-events: none;
  background-size: 1.17rem 1.25rem;
  z-index: 30;
  animation: saoguangc 2.5s ease infinite;
  -webkit-mask-image: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/btn-lq-prop.png');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
} */

@keyframes saoguangc {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

/* .task-module-center {
  opacity: 0;
} */


.task-module .role {
  transform: translateX(2rem);
  opacity: 0;
  transition: 1s;
}
.task-module .role.act {
  transform: translateX(0);
  opacity: 1;
}
.task-module-center {
  /* display: none; */
  opacity: 0;

}

.task-module-center.act {
  /* display: block; */
  opacity: 1;
  transition: opacity;
  transition-delay: 1s;
}

.task-ani {
  width: 13.05rem;
  margin-left:-.23rem;
  height: 10.8rem;
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a17.png') no-repeat; 
  background-size: 391.5rem 10.8rem;
  -webkit-animation: voice 1s steps(29) forwards;
  animation: voice 1s steps(29) forwards;
  opacity: 0;
  position: absolute;
  z-index: 12;
}
.task-ani.act{
  opacity: 1;
}

.task-module .role::after {
  content: '';
  width: 7.5rem;
  margin-left:-.23rem;
  height: 7.5rem;
  background: url('//game.gtimg.cn/images/kq/cp/FlavorfulSeasons/anim/a18.png') no-repeat; 
  background-size: 540rem 7.7rem;
  -webkit-animation: voice 6s steps(71) infinite;
  animation: voice 6s steps(71) infinite;
  position: absolute;
  z-index: 12;
  top: 1.5rem;
  left: 0;
}