/* reset */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
table {
  border: none;
  border-collapse: collapse;
}
a {
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
i,
em {
  font-style: normal;
}
img {
  border: none;
}
input,
button {
  border: none;
}
html,
body {
  width: 100%;
  font-family: "Helvetica Neue", "Arial", "Hiragino Sans GB", "PingFang SC", "Heiti SC", "STHeiti", "Microsoft Yahei", "Source Han Sans SC", "Noto Sans CJK SC", "Droid Sans Fallback", "sans-serif";
  -webkit-font-smoothing: antialiased;
}
.clearfix:after {
  content: '';
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.clearfix {
  zoom: 1;
}
body,
html {
  font-size: 0.24rem;
  color: #fff;
  background-color: #6b94ff;
}
.banner {
  position: absolute;
  top: 2.6rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 6.2rem;
  height: 0.6rem;
  background: rgba(0, 0, 0, 0.7);
  line-height: 0.6rem;
  text-align: center;
  z-index: 10;
  color: #fff;
  border-radius: 0.3rem;
}
.box {
  width: 6.4rem;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.box_sign {
  width: 6.4rem;
  height: 6.1rem;
  background: url(../images/banner_bg1.png);
  background-size: 100% 100%;
  text-align: center;
}
.box_sign_week {
  display: inline-block;
  width: 5.29rem;
  height: auto;
  margin-top: 0.4rem;
}
.box_sign_week_bar {
  display: inline-block;
  width: 100%;
  height: 0.06rem;
  background: #fff;
  position: relative;
}
.box_sign_week_bar i {
  position: absolute;
  top: -0.18rem;
  white-space: nowrap;
}
.box_sign_week_bar i img {
  width: 0.37rem;
}
.box_sign_week_bar i em {
  position: absolute;
  top: -0.32rem;
  left: -0.1rem;
}
.box_sign_week_bar i .finish {
  color: #ffab0b;
}
.box_sign_week_bar i:nth-child(1) {
  left: -0.2rem;
}
.box_sign_week_bar i:nth-child(2) {
  left: 0.65rem;
}
.box_sign_week_bar i:nth-child(3) {
  left: 1.5rem;
}
.box_sign_week_bar i:nth-child(4) {
  left: 2.35rem;
}
.box_sign_week_bar i:nth-child(5) {
  left: 3.2rem;
}
.box_sign_week_bar i:nth-child(6) {
  left: 4.05rem;
}
.box_sign_week_bar i:nth-child(7) {
  left: 4.95rem;
}
.box_sign_monthBtn {
  display: block;
  width: 1.71rem;
  height: 0.24rem;
  background: url(../images/calendar_btn.png);
  background-size: 100% 100%;
  margin: 0.35rem auto 0 auto;
}
.box_sign_tip {
  display: block;
  width: 3.51rem;
  height: 0.53rem;
  background: url(../images/tips.png);
  background-size: 100% 100%;
  margin: 0.2rem auto;
  text-align: center;
  line-height: 0.58rem;
}
.box_sign_title {
  display: block;
  width: 4.38rem;
  height: 1.38rem;
  background: url(../images/banner_title.png);
  background-size: 100% 100%;
  margin: 0 auto;
}
.box_sign_btn {
  display: block;
  width: 2.4rem;
  height: 0.7rem;
  background: url(../images/btn.png);
  background-size: 100% 100%;
  margin: 0.2rem auto 0.18rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 0.7rem;
  font-size: 0.33rem;
}
.box_sign2_buqian {
  position: relative;
  margin: 0.1rem auto;
}
.box_sign2_buqian p {
  display: inline-block;
  line-height: 0.5rem;
  width: auto;
}
.box_sign2_buqian img {
  position: absolute;
  top: 0;
  left: 0.9rem;
}
.box_sign2_buqian2 .word {
  width: 2.71rem;
  height: 1.5rem;
  background: url(../images/qiandao.png);
  background-size: 100% 100%;
  margin: 0 auto 0.1rem auto;
  line-height: 1.8rem;
  color: #4c6184;
  font-size: 0.3rem;
  font-weight: bold;
}
.box_sign .homePage_main_scroll {
  display: inline-block;
  width: 6.4rem;
  height: 0.4rem;
  overflow: hidden;
  margin: 0 auto;
  color: #fff;
  margin: 0.8rem auto 0.3rem auto;
}
.box_sign .homePage_main_scroll img {
  width: 0.28rem;
  vertical-align: middle;
}
.box_sign .homePage_main_scroll #box {
  display: inline-block;
  width: 4.1rem;
  height: 0.4rem;
  line-height: 0.45rem;
  background: rgba(64, 59, 144, 0.6);
  border-radius: 0.5rem;
  overflow: auto;
  vertical-align: middle;
}
.box_sign .anniu1 {
  display: inline-block;
  font-size: 0.24rem;
  text-align: center;
  color: #0d81f0;
  text-decoration: underline;
  margin-bottom: 0.2rem;
}
.box_chance {
  width: 5.9rem;
  height: auto;
  margin: -0.2rem auto 0.25rem auto;
}
.box_chance_title {
  color: #00e2f3;
  position: relative;
  height: 0.7rem;
}
.box_chance_title1 {
  width: 1.73rem;
  height: 0.32rem;
  background: url(../images/word1.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0.14rem;
  left: 0;
}
.box_chance_title3 {
  background: url(../images/word2.png);
  background-size: 100% 100%;
}
.box_chance_title2 {
  position: absolute;
  top: 0.1rem;
  right: 0;
}
.box_chance_title2 img {
  width: 0.21rem;
  vertical-align: middle;
}
.box_chance_bg {
  width: 5.9rem;
  height: auto;
  background: #0a3cb3;
  border-radius: 0.2rem;
  margin: 0 auto;
  padding: 0.5rem 0;
  box-sizing: border-box;
}
.box_chance_bg2 {
  text-align: center;
  padding: 0.4rem 0 0.2rem 0;
}
.box_chance_bg img {
  width: 5.2rem;
  margin-bottom: 0.2rem;
}
.box_chance_bar {
  display: block;
  width: 5.18rem;
  height: 0.53rem;
  background: url(../images/buqian_bg.png);
  background-size: 100% 100%;
  margin: 0 auto 0.3rem auto;
  text-align: center;
  line-height: 0.53rem;
}
.box_chance_list {
  display: block;
  width: 100%;
  height: 2.6rem;
  text-align: center;
  overflow: hidden;
}
.box_chance_list li {
  display: inline-block;
  width: 1.88rem;
  height: 2.52rem;
}
.box_chance_list li .title {
  line-height: 0.6rem;
  font-weight: bold;
}
.box_chance_list li .content {
  margin-top: 0.15rem;
  line-height: 0.4rem;
}
.box_chance_list li .btn {
  display: block;
  width: 1.1rem;
  height: 0.5rem;
  background: url(../images/btn1.png);
  background-size: 100% 100%;
  margin: 0.15rem auto 0 auto;
}
.box_chance_list1,
.box_chance_list2,
.box_chance_list3 {
  padding-top: 0.05rem;
  box-sizing: border-box;
}
.box_chance_list1 {
  background: url(../images/card1.png);
  background-size: 100% 100%;
}
.box_chance_list2 {
  background: url(../images/card2.png);
  background-size: 100% 100%;
}
.box_chance_list3 {
  background: url(../images/card3.png);
  background-size: 100% 100%;
}
.box_recommond {
  width: 5.9rem;
  height: auto;
  box-sizing: border-box;
  margin: 0 auto 0.2rem auto;
}
.cur {
  display: none;
}
button {
  display: block;
  margin-bottom: 0.2rem;
}
.mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  color: #000;
}
.pop1 {
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 1.5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 0.1rem;
  color: #4b4b4b;
  padding-bottom: 0.2rem;
}
.pop1 .title {
  font-size: 0.3rem;
  font-weight: bold;
  text-align: center;
  margin: 1rem auto 0.3rem auto;
}
.pop1 .list {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0.1rem auto 0 auto;
}
.pop1 .list li {
  display: inline-block;
  margin: 0.1rem 0.1rem;
}
.pop1 .list li img {
  height: 1.1rem;
}
.pop1_btn {
  display: block;
  width: 2.34rem;
  height: 0.75rem;
  margin: 0.3rem auto;
  background: url(../images/pop_btn3.png);
  background-size: 100% 100%;
}
.pop6 {
  width: 5.1rem;
  height: 6.22rem;
  background: url(../images/pop3.png);
  background-size: 100% 100%;
}
.pop6_content {
  width: 90%;
  margin: 0.3rem auto 0 auto;
  color: #fff;
  letter-spacing: 0.01rem;
}
.pop2 {
  margin: 1.5rem 1.115rem 0 1.115rem;
  border-top: 0.34rem solid transparent;
  border-bottom: 0.34rem solid transparent;
  background: url(../images/middle_bg.png) padding-box 0 0 repeat-y, url(../images/bottom_bg.png) border-box 0 bottom no-repeat, url(../images/top_bg.png) border-box 0 0 no-repeat;
  background-size: 4.17rem auto;
  text-align: center;
  position: relative;
}
.pop2_img {
  width: 0.9rem;
  height: 0.9rem;
  padding: 0.4rem 0 0.55rem 0;
}
.pop2_img2 {
  padding: 0.4rem 0;
}
.pop2_word {
  width: 85%;
  text-align: center;
  margin: 0 auto 0.5rem auto;
  color: #fff;
  font-size: 0.25rem;
  line-height: 0.4rem;
  letter-spacing: 0.01rem;
}
.pop2_word2 {
  margin: 0 auto 0.3rem auto;
}
.pop2_word .tip {
  font-size: 0.27rem;
}
.pop2_tip {
  color: #fff;
  font-size: 0.24rem;
  margin-bottom: 0.5rem;
  transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
}
.pop2_btn {
  display: block;
  width: 2.34rem;
  height: 0.75rem;
  background: url(../images/pop_btn1.png);
  background-size: 100% 100%;
  margin: -0.1rem auto 0.1rem auto;
}
.pop2_btn2 {
  background: url(../images/pop_btn2.png);
  background-size: 100% 100%;
}
.pop2_btn3 {
  width: 1.7rem;
  background: url(../images/pop_btn4.png);
  background-size: 100% 100%;
}
.pop2_btn4 {
  width: 1.7rem;
  background: url(../images/pop_btn5.png);
  background-size: 100% 100%;
}
.pop2_title {
  width: 2.55rem;
  height: 0.47rem;
  position: absolute;
  top: -0.84rem;
  left: 0.2rem;
  background: url(../images/tab1.png);
  background-size: 100% 100%;
}
.pop2_title span {
  display: inline-block;
  width: 1.2rem;
  height: 100%;
  font-size: 0;
  margin: 0 0.02rem;
}
.pop2 .active {
  background: url(../images/tab2.png);
  background-size: 100% 100%;
}
.pop2_content {
  width: 92%;
  height: 5.3rem;
  overflow: auto;
  margin: 0 auto;
  color: #fff;
}
.pop2_content2 {
  width: 88%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 0.24rem;
}
.pop2_content_date {
  height: 0.43rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px dashed #363b75;
}
.pop2_content_success {
  height: 0.62rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed #363b75;
  padding: 0 0.3rem;
  box-sizing: border-box;
}
.pop2_content_success img {
  width: 0.32rem;
  height: 0.32rem;
}
.pop2_content_success .success {
  margin-left: -1rem;
}
.pop2_content_success button {
  display: inline-block;
  width: 1.26rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  color: #fff;
  margin-top: 0.2rem;
}
.pop2_content_success .btn1 {
  background: linear-gradient(to right, #f68324, #fc591b);
  background: -webkit-linear-gradient(to right, #f68324, #fc591b);
}
.pop2_content_success .btn2 {
  background: linear-gradient(to right, #0e86f1, #085cea);
  background: -webkit-linear-gradient(to right, #0e86f1, #085cea);
}
.pop2_content .list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 0.9rem;
  border-bottom: 1px dashed #363b75;
}
.pop2_content .list button {
  display: inline-block;
  width: 1.26rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  color: #fff;
  margin-top: 0.2rem;
}
.pop2_content .list .btn1 {
  background: linear-gradient(to right, #f68324, #fc591b);
  background: -webkit-linear-gradient(to right, #f68324, #fc591b);
}
.pop2_content .list .btn2 {
  background: linear-gradient(to right, #0e86f1, #085cea);
  background: -webkit-linear-gradient(to right, #0e86f1, #085cea);
}
.pop2_content .list li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop2_content .list li .name {
  display: inline-block;
  width: 1.1rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  border: 1px solid #02dcff;
  background: #0b1161;
  line-height: 0.4rem;
}
.pop3 {
  margin: 1.9rem 0.65rem 0 0.65rem;
  background-size: 5.1rem auto;
}
.pop3_title {
  width: 2.55rem;
  height: 0.47rem;
  position: absolute;
  top: -0.84rem;
  left: 0.2rem;
  background: url(../images/tab3.png);
  background-size: 100% 100%;
}
.pop3 .active {
  background: url(../images/tab4.png);
  background-size: 100% 100%;
}
.pop3_name {
  display: inline-block;
  padding: 0.05rem 0.2rem;
  border-radius: 0.2rem;
  border: 1px solid #02dcff;
  background: #0b1161;
  margin: 0.2rem 0;
}
.pop3_buqian {
  position: absolute;
  top: -0.35rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 2.08rem;
  height: 0.59rem;
  background: url(../images/buqian_title.png);
  background-size: 100% 100%;
}
.pop3_rule {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.97rem;
  height: 0.36rem;
  background: url(../images/buqian_rule.png);
  background-size: 100% 100%;
}
.pop3_chance {
  width: 90%;
  margin: 0 auto;
  font-size: 0.26rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px dashed #363b75;
  color: #fff;
  margin-top: 0.3rem;
}
.pop3_content {
  width: 90%;
  height: 1.1rem;
  border-bottom: 1px dashed #363b75;
  margin: 0 auto;
  padding: 0.15rem 0.2rem;
  box-sizing: border-box;
  color: #fff;
  position: relative;
}
.pop3_content p {
  display: block;
  line-height: 0.4rem;
  text-align: left;
}
.pop3_content .num {
  color: #ffa60c;
  font-size: 0.38rem;
  position: absolute;
  top: 0.32rem;
  right: 0.2rem;
}
.closeBtn {
  width: 0.37rem;
  height: 0.37rem;
  background: url(../images/closeBtn.png);
  background-size: 100% 100%;
  position: absolute;
  top: -0.6rem;
  right: 0;
}
.closeBtn2 {
  top: -0.9rem;
}
.closeBtn3 {
  top: -1.1rem;
}
img {
  width: 100%;
  display: block;
}
.mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  color: #000;
  display: none;
}
.mask .content-wrap1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: border-box;
}
.mask .content-wrap1 .wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.mask .content-wrap1 .wrap .lj1 {
  width: 5.62rem;
  height: 5.86rem;
  background: url(../images/lj1.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}
.mask .content-wrap1 .wrap .lj1 .closeBtn {
  position: absolute;
  top: -0.6rem;
  right: 0rem;
  width: 0.42rem;
  height: 0.42rem;
  background: url(../images/lj2.png) no-repeat;
  background-size: 100% 100%;
}
.mask .content-wrap1 .wrap .lj1 .content-main {
  position: relative;
  padding-top: 0.5rem;
}
.mask .content-wrap1 .wrap .lj1 .content-main .p1 {
  font-size: 0.36rem;
  color: #ffffff;
  text-align: center;
  font-weight: bolder;
}
.mask .content-wrap1 .wrap .lj1 .content-main .p2 {
  margin-top: 0.23rem;
  font-size: 0.32rem;
  color: #ffffff;
  text-align: center;
}
.mask .content-wrap1 .wrap .lj1 .content-main .p2 span {
  color: #ffae00;
}
.mask .content-wrap1 .wrap .lj1 .content-main .p3 {
  margin-top: 0.2rem;
  font-size: 0.24rem;
  color: #ffae00;
  text-align: center;
}
.mask .content-wrap1 .wrap .lj1 .content-main .p4 {
  margin-top: 1.1rem;
  font-size: 0.3rem;
  color: #0b1367;
  text-align: center;
}
.mask .content-wrap1 .wrap .lj1 .content-main .p4 span {
  color: #ffae00;
}
.mask .content-wrap1 .wrap .lj1 .content-main .p5 {
  margin-top: 1.6rem;
  font-size: 0.3rem;
  color: #0b1367;
  text-align: center;
}
.mask .content-wrap1 .wrap .lj1 .content-main .p5 span {
  color: #ffae00;
}
.mask .content-wrap1 .wrap .lj1 .content-main .btn {
  margin: 0 auto;
  font-size: 0.32rem;
  text-align: center;
  line-height: 0.51rem;
  color: #ffffff;
  left: calc(50% - 91px);
  background-color: #3b8fff;
  width: 1.67rem;
  height: 0.51rem;
  border-radius: 0.5rem;
  margin-top: 0.2rem;
}
.mask .content-wrap1 .wrap2 {
  width: 5.62rem;
  height: 5.86rem;
  background: url(../images/lj3.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  padding-top: 0.55rem;
}
.mask .content-wrap1 .wrap2 .title {
  font-size: 0.36rem;
  color: #ffffff;
  text-align: center;
}
.mask .content-wrap1 .wrap2 .content-main {
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto;
  overflow-y: scroll;
  padding-bottom: 0.35rem;
  padding-top: 0.35rem;
  font-size: 0.26rem;
  color: #ffffff;
}
.mask .content-wrap1 .wrap2 .content-main2 {
  color: #ffffff;
  font-size: 0.24rem;
  width: 4.5rem;
  margin: 0 auto;
  overflow-y: scroll;
  height: 4.3rem;
}
.mask .content-wrap1 .wrap2 .content-main2 .prizeList {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.mask .content-wrap1 .wrap2 .content-main2 .prizeList div:nth-of-type(2) {
  width: 2.3rem;
  /* padding-left: 0.2rem; */
  text-align: center;
}
.mask .content-wrap1 .wrap2 .title2 {
  width: 4.62rem;
  height: 0.44rem;
  display: flex;
  margin: 0 auto;
  font-size: 0.24rem;
  background-color: #0316ac;
  color: #67eaff;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  margin-top: 0.23rem;
  border-radius: 0.03rem;
}
.mask .content-wrap1 .wrap3 {
  width: 5.62rem;
  height: 5.86rem;
  background: url(../images/lj4.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  padding-top: 0.55rem;
}
.mask .content-wrap1 .wrap3 .title {
  font-size: 0.36rem;
  color: #ffffff;
  text-align: center;
}
.mask .content-wrap1 .wrap3 .content-main2 {
  color: #ffffff;
  font-size: 0.24rem;
  width: 4.5rem;
  margin: 0 auto;
  overflow-y: scroll;
  height: 3.5rem;
  margin-top: 0.3rem;
}
.mask .content-wrap1 .wrap3 .content-main2 p {
  font-size: 0.26rem;
  text-indent: 0.51rem;
}
.mask .content-wrap1 .wrap3 .btn-wrap {
  display: flex;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  padding: 0 0.5rem;
}
.mask .content-wrap1 .wrap3 .btn-wrap a {
  display: block;
  width: 2.13rem;
  height: 0.65rem;
  background: url(../images/lj7.png) no-repeat;
  background-size: 100% 100%;
  color: #00fcff;
  font-size: 0.3rem;
  line-height: 0.65rem;
  text-align: center;
}
.userTel {
  position: absolute;
  top: 0;
  left: calc(50% - 2.585rem);
  right: 0;
  width: 5.17rem;
  background: url(../images/lj8.png);
  background-size: 5.17rem 0.5rem;
  z-index: 10;
  height: 0.5rem;
  color: #ffffff;
  font-size: 0.24rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.userTel p i {
  display: inline-block;
  width: 0.73rem;
  height: 0.27rem;
  background: #ffffff;
  border-radius: 0.3rem;
  background-size: 0.72rem 0.28rem;
  position: relative;
  top: 0.03rem;
  left: 0.1rem;
  line-height: 0.28rem;
  text-align: center;
  font-size: 0.24rem;
  color: #5892f3;
}
.rule {
  display: inline-block;
  width: 0.4rem;
  height: 1.3rem;
  position: absolute;
  top: 0.8rem;
  right: 0;
}
.chaxun {
  display: inline-block;
  width: 0.4rem;
  height: 1.3rem;
  position: absolute;
  top: 2.2rem;
  right: 0;
}
.scroll {
  position: absolute;
  z-index: 10;
  padding: 0;
  width: 3rem;
  height: 0.5rem;
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.24rem;
  top: 2.55rem;
  left: calc(53% - 1.5rem);
  color: #000000;
}
.scroll::before {
  content: '';
  width: 0.26rem;
  height: 0.22rem;
  background-size: 0.26rem 0.22rem;
  position: absolute;
  top: 0.1rem;
  left: 0.35rem;
}
.scroll .scroll-wrap {
  display: inline-block;
  width: 90%;
  height: 0.42rem;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  padding-left: 0.25rem;
}
.scroll .scroll-wrap #box {
  overflow: hidden;
  margin: 0 auto;
}
.scroll .scroll-wrap #box ul {
  display: inline-block;
  white-space: nowrap;
}
.scroll .scroll-wrap #box ul li {
  display: inline-block;
  line-height: 0.45rem;
}
.btn-wrap-lj {
  position: absolute;
  left: calc(50% - 1.785rem);
  top: 3rem;
  width: 3.57rem;
  height: 1.5rem;
}
.btn-wrap-lj .btn {
  width: 3.57rem;
  height: 1.15rem;
  background: url(../images/lj23.png);
  background-size: 3.57rem 1.15rem;
  animation: breathing 0.4s linear alternate infinite;
  -webkit-animation: breathing 0.4s linear alternate infinite;
  font-weight: bold;
  font-size: 0.48rem;
  font-family: "AlibabaPuHuiTi_3_95_ExtraBold";
  color: #ffffff;
  line-height: 1.35rem;
  text-align: center;
  text-shadow: 1.118px 1.658px 5px rgba(255, 76, 33, 0.97);
}
@keyframes breathing {
  form {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  to {
    transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
  }
}
.btn-wrap-lj .sy {
  width: 1rem;
  height: 0.42rem;
  background: url(../images/lj10.png);
  background-size: 1rem 0.42rem;
  font-size: 0.22rem;
  color: #000000;
  text-align: center;
  line-height: 0.42rem;
  position: absolute;
  right: -10px;
  top: 12px;
}
.map-wrap {
  position: relative;
}
.map-wrap .map-pos {
  width: 5.45rem;
  height: 5.83rem;
  position: absolute;
  left: calc(50% - 2.73rem);
  top: 1.9rem;
}
.map-wrap .map-pos .light2 {
  top: 0.7rem;
  right: 0rem;
}
.map-wrap .map-pos .light3 {
  top: 1rem;
  left: 0.3rem;
}
.map-wrap .map-pos .light4 {
  top: 2rem;
  right: 0.15rem;
}
.map-wrap .map-pos .light5 {
  top: 3.9rem;
  left: 1rem;
}
.map-wrap .map-pos .gray {
  width: 2.36rem;
  height: 0.68rem;
  background: url(../images/lj12-1.png) no-repeat;
  background-size: 2.36rem 0.68rem;
  position: absolute;
}
.map-wrap .map-pos .gray p {
  opacity: 0.5;
  line-height: 0.6rem;
  font-size: 0.28rem;
  color: #ffffff;
  line-height: 0.8rem;
  font-weight: bold;
  padding-left: 0.66rem;
}
.map-wrap .map-pos .gray1 {
  top: 0;
  left: 0.9rem;
}
.map-wrap .map-pos .gray1 p {
  opacity: 0.5;
  line-height: 0.6rem;
}
.map-wrap .map-pos .gray2 {
  top: 0.7rem;
  right: 0rem;
}
.map-wrap .map-pos .gray2 p {
  opacity: 0.5;
  line-height: 0.6rem;
}
.map-wrap .map-pos .gray3 {
  top: 1rem;
  left: 0.3rem;
}
.map-wrap .map-pos .gray3 p {
  opacity: 0.5;
  line-height: 0.6rem;
}
.map-wrap .map-pos .gray4 {
  top: 2rem;
  right: 0.15rem;
}
.map-wrap .map-pos .gray4 p {
  opacity: 0.5;
  line-height: 0.6rem;
}
.map-wrap .map-pos .gray5 {
  top: 3.9rem;
  left: 1rem;
}
.map-wrap .map-pos .gray5 p {
  opacity: 0.5;
  line-height: 0.6rem;
}
.map-wrap .map-pos .light {
  width: 2.36rem;
  height: 0.79rem;
  background: url(../images/lj12.png) no-repeat;
  background-size: 2.36rem 0.79rem;
  animation: breathing 0.3s linear alternate infinite;
  -webkit-animation: breathing 0.3s linear alternate infinite;
}
.map-wrap .map-pos .light p {
  opacity: 1;
  line-height: 0.79rem;
}
@keyframes breathing {
  form {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  to {
    transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
  }
}
.map-wrap .map-pos .hand {
  position: absolute;
  width: 1.09rem;
  height: 0.82rem;
  background: url(../images/lj14.png) no-repeat;
  background-size: 1.09rem 0.82rem;
}
.map-wrap .map-pos .hand.pos1 {
  top: 1.2rem;
  left: 4.7rem;
}
.map-wrap .map-pos .hand.pos2 {
  top: 1.2rem;
  left: 2.2rem;
}
.map-wrap .map-pos .hand.pos3 {
  top: 2.2rem;
  left: 5rem;
}
.map-wrap .map-pos .hand.pos4 {
  top: 0.2rem;
  left: 2.9rem;
}
.map-wrap .map-pos .hand.pos5 {
  bottom: 0.7rem;
  left: 3rem;
}
.task-wrap {
  width: 100%;
  background: url(../images/lj15-3.jpg) no-repeat;
  background-size: 100% 100%;
  margin-top: -1px;
  padding-bottom: 1rem;
  position: relative;
}
.task-wrap .titleIMg {
  display: block;
  width: 3.54rem;
  height: 0.66rem;
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
}
.task-wrap .task-list-wrap {
  padding: 1.32rem 0.6rem 0.11rem;
}
.task-wrap .task-list-wrap .list:nth-of-type(1) {
  border-top: unset;
}
.task-wrap .task-list-wrap .list:nth-of-type(5) {
  border-bottom: unset;
}
.task-wrap .task-list-wrap .list {
  display: flex;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px #dcdcdc dashed;
  border-top: 1px #dcdcdc dashed;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.task-wrap .task-list-wrap .list div img {
  display: block;
  width: 0.9rem;
  height: 0.9rem;
}
.task-wrap .task-list-wrap .list div .p1 {
  font-size: 0.36rem;
  color: #333333;
}
.task-wrap .task-list-wrap .list div .p2 {
  font-size: 0.24rem;
  color: #999999;
}
.task-wrap .task-list-wrap .list div .btn {
  background-image: -moz-linear-gradient(-180deg, #ff8d59 0%, #fecc7d 100%);
  background-image: -webkit-linear-gradient(-180deg, #ff8d59 0%, #fecc7d 100%);
  background-image: -ms-linear-gradient(-180deg, #ff8d59 0%, #fecc7d 100%);
  width: 1.56rem;
  height: 0.6rem;
  font-size: 0.32rem;
  line-height: 0.6rem;
  text-align: center;
  border-radius: 0.5rem;
}
.task-wrap .task-list-wrap .list div:nth-of-type(2) {
  width: 2.6rem;
  padding-left: 0.2rem;
}
.tj {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-bottom: 0.63rem;
}
.tj img {
  display: block;
  margin-bottom: 0.15rem;
}
.rili-wrap .qd {
  width: 100%;
  height: 1.27rem;
  background: url(../images/lj25.jpg) repeat-y;
  background-size: 100% 100%;
  margin-top: -1px;
}
.rili-wrap .qdwarp {
  background: url(../images/lj27.jpg) repeat-y;
  background-size: 100% 100%;
  margin-top: -1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.rili-wrap .qdwarp #jiandanrili {
  height: 3.58rem;
  background: url(../images/lj28.png) no-repeat;
  background-size: 100% 100%;
  margin-top: -1px;
}
.rili-wrap .qdwarp #jiandanrili .title {
  font-size: 0.42rem;
  color: #3f77f2;
  line-height: 1.293;
  text-align: center;
  padding-top: 0.4rem;
}
.rili-wrap .qdwarp #jiandanrili .data {
  display: flex;
  color: #213925;
  font-size: 0.3rem;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  margin-top: 0.5rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px #cccccc dotted;
  margin-right: 0.3rem;
  margin-left: 0.3rem;
}
.rili-wrap .qdwarp #jiandanrili .week-calendar {
  padding: 0 0.3rem;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-top: 0.4rem;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar {
  display: inline-block;
  width: 92%;
  height: 0.06rem;
  background: #7aacff;
  position: relative;
  left: 0.15rem;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar .error,
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar .finish {
  color: #999999;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar .start {
  color: #213925;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar .today {
  top: 0.45rem;
  color: #213925;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar i {
  position: absolute;
  top: -0.15rem;
  white-space: nowrap;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar i img {
  width: 0.3rem;
  height: 0.3rem;
  display: inline-block;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar i em {
  position: absolute;
  top: 0.5rem;
  left: -0.1rem;
  color: #213925;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar i .finish {
  color: #999999;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar i:nth-child(1) {
  left: 0rem;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar i:nth-child(2) {
  left: 0.7rem;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar i:nth-child(3) {
  left: 1.4rem;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar i:nth-child(4) {
  left: 2.1rem;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar i:nth-child(5) {
  left: 2.8rem;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar i:nth-child(6) {
  left: 3.45rem;
}
.rili-wrap .qdwarp #jiandanrili .box_sign_week_bar i:nth-child(7) {
  left: 4.15rem;
}
.rili-wrap .qdBtn {
  width: 2.94rem;
  height: 0.94rem;
  margin: 0 auto;
}
.rili-wrap .qd-bottom {
  width: 100%;
  height: 1.13rem;
  background: url(../images/lj26.jpg) repeat-y;
  background-size: 100% 100%;
  margin-top: -1px;
  line-height: 0.8rem;
}
.rili-wrap .qd-bottom p {
  width: 1.5rem;
  height: 0.8rem;
  margin: 0 auto;
  text-align: center;
  font-size: 0.24rem;
  color: #fff;
  position: relative;
}
.rili-wrap .qd-bottom p.active1::before {
  content: '';
  width: 0.18rem;
  height: 0.18rem;
  background: url(../images/lj33.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0rem;
  top: 0.3rem;
}
.rili-wrap .qd-bottom p.active2::before {
  content: '';
  width: 0.18rem;
  height: 0.18rem;
  background: url(../images/lj32.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0rem;
  top: 0.3rem;
}