.lr-content { background-color: #F4BCA6; min-height: 100%; }

.lr-content .lr-top { text-align: center; }

.lr-content .lr-top .lrt-img { width: 1080px; margin: auto; text-align: center; }

.lr-content .lr-top .lrt-img img { width: 1080px; height: 541px; display: block; float: left; object-fit: cover; }

.lr-content .lr-top .lrt-img1 { width: 700px; height: 50px; display: block; margin: 0 auto; padding-top: 491px; background-image: url("//cdnimg.dd373.com/newfile/hb/images/default/img1.png"); background-repeat: no-repeat; background-size: 100%, 100%; background-position: right 0px bottom 0px; }

.lr-content .lr-bottom { width: 700px; padding: 50px; margin: 0 auto; box-sizing: border-box; background-color: #FED4AF; }

.lr-content .lr-bottom .lr-list { background-color: #FFB24D; border-radius: 20px; margin-bottom: 50px; padding: 0 20px; padding-top: 21px; padding-bottom: 42px; }

.lr-content .lr-bottom .lr-list > p { width: 196px; height: 48px; margin: 0 auto; text-align: center; background-image: url("//cdnimg.dd373.com/newfile/hb/images/default/img5.png"); background-repeat: no-repeat; background-size: 100%, 100%; margin-bottom: 25px; font-size: 36px; font-weight: bold; color: #ffffff; }

.lr-content .lr-bottom .lr-list > span { width: 200px; height: 74px; margin: 0 auto; display: block; background-repeat: no-repeat; background-size: 100%, 100%; margin-top: 22px; font-size: 30px; line-height: 74px; text-align: center; color: #FFE0C5; cursor: pointer; }

.lr-content .lr-bottom .lr-list .will-start { cursor: not-allowed; background-image: url("//cdnimg.dd373.com/newfile/hb/images/default/img8.png"); }

.lr-content .lr-bottom .lr-list .already-start { background-image: url("//cdnimg.dd373.com/newfile/hb/images/default/img3.png"); }

.lr-content .lr-bottom .lr-list ul li { margin-bottom: 24px; overflow: hidden; }

.lr-content .lr-bottom .lr-list ul li .lrl-left { width: 170px; height: 140px; float: left; background-image: url("//cdnimg.dd373.com/newfile/hb/images/default/img2.png"); background-repeat: no-repeat; background-size: 100%, 100%; padding: 33px 0; box-sizing: border-box; }

.lr-content .lr-bottom .lr-list ul li .lrl-left p { color: #ffffff; font-size: 24px; text-align: center; }

.lr-content .lr-bottom .lr-list ul li .lrl-left p:first-child span { font-size: 42px; line-height: 42px; }

.lr-content .lr-bottom .lr-list ul li .lrl-right { width: 390px; height: 140px; float: left; padding: 20px 0; position: relative; padding-left: 27px; box-sizing: border-box; background-color: #ffffff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.lr-content .lr-bottom .lr-list ul li .lrl-right p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.lr-content .lr-bottom .lr-list ul li .lrl-right p:first-child { width: 260px; font-size: 30px; line-height: 30px; color: #333333; margin-bottom: 12px; }

.lr-content .lr-bottom .lr-list ul li .lrl-right p:first-child + p { font-size: 24px; line-height: 24px; color: #333333; margin-bottom: 12px; }

.lr-content .lr-bottom .lr-list ul li .lrl-right p:first-child + p + p { font-size: 24px; line-height: 24px; color: #999999; }

.lr-content .lr-bottom .lr-list ul li .lrl-right .to-use { position: absolute; top: 14px; right: 14px; width: 100px; height: 40px; background-image: url("//cdnimg.dd373.com/newfile/hb/images/default/img10.png"); background-repeat: no-repeat; background-size: 100%, 100%; font-size: 24px; line-height: 40px; text-align: center; color: #ffffff; }

.lr-content .lr-bottom .lr-list ul li .lrl-right .notcan-use { display: block; width: 101px; height: 88px; position: absolute; top: 0; right: 0; background-repeat: no-repeat; background-size: 100%, 100%; }

.lr-content .lr-bottom .lr-list ul li .lrl-right .already-used { background-image: url("//cdnimg.dd373.com/newfile/hb/images/default/img9.png"); }

.lr-content .lr-bottom .lr-list ul li .lrl-right .already-overdue { background-image: url("//cdnimg.dd373.com/newfile/hb/images/default/img11.png"); }

.lr-content .lr-bottom .lr-rule { background-color: #FFB24D; border-radius: 20px; padding: 0 20px; padding-top: 23px; padding-bottom: 34px; color: #ffffff; }

.lr-content .lr-bottom .lr-rule > p { width: 158px; height: 47px; margin: 0 auto; text-align: center; background-image: url("//cdnimg.dd373.com/newfile/hb/images/default/img5.png"); background-repeat: no-repeat; background-size: 100%, 100%; margin-bottom: 38px; font-size: 36px; font-weight: bold; color: #ffffff; }

.lr-content .lr-bottom .lr-rule div { font-size: 28px; line-height: 48px; }

.lr-content .lr-bottom .lr-nopage { width: 600px; height: 704px; background-color: #FFB24D; text-align: center; border-radius: 20px; }

.lr-content .lr-bottom .lr-nopage img { width: 241px; height: 184px; display: inline-block; margin-top: 223px; }

.lr-content .lr-bottom .lr-nopage p { font-size: 24px; line-height: 24px; color: #ffffff; margin-top: 47px; }

.layui-layer-dialog .layui-layer-content { padding: 0 !important; }

@media screen and (min-width: 750px) and (max-width: 960px) { html { font-size: 75px; -webkit-text-size-adjust: 100%; } }

@media screen and (max-width: 750px) { html { font-size: calc(100vw/7.5); font-size: -webkit-calc(100vw/7.5); -webkit-text-size-adjust: 100%; } }

@media screen and (max-width: 960px) { .lr-content { width: 14rem; min-height: 100vh; }
  .lr-content .lr-top .lrt-img { width: 14rem; }
  .lr-content .lr-top .lrt-img img { width: 14rem; height: 10.82rem; }
  .lr-content .lr-top .lrt-img1 { width: 14rem; height: 1rem; padding-top: 9.82rem; }
  .lr-content .lr-bottom { width: 14rem; padding: 1rem; }
  .lr-content .lr-bottom .lr-list { border-radius: 0.4rem; margin-bottom: 1rem; padding: 0 0.4rem; padding-top: 0.42rem; padding-bottom: 0.84rem; }
  .lr-content .lr-bottom .lr-list > p { width: 3.92rem; height: 0.96rem; margin-bottom: 0.5rem; font-size: 0.72rem; }
  .lr-content .lr-bottom .lr-list > span { width: 4rem; height: 1.48rem; margin-top: 0.44rem; font-size: 0.6rem; line-height: 1.48rem; }
  .lr-content .lr-bottom .lr-list ul li { margin-bottom: 0.48rem; }
  .lr-content .lr-bottom .lr-list ul li .lrl-left { width: 3.4rem; height: 2.8rem; padding: 0.66rem 0; }
  .lr-content .lr-bottom .lr-list ul li .lrl-left p { font-size: 0.48rem; }
  .lr-content .lr-bottom .lr-list ul li .lrl-left p:first-child span { font-size: 0.84rem; line-height: 0.84rem; }
  .lr-content .lr-bottom .lr-list ul li .lrl-right { width: 7.8rem; height: 2.8rem; padding: 0.4rem 0; padding-left: 0.54rem; border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }
  .lr-content .lr-bottom .lr-list ul li .lrl-right p:first-child { width: 5.2rem; font-size: 0.6rem; line-height: 0.6rem; margin-bottom: 0.24rem; }
  .lr-content .lr-bottom .lr-list ul li .lrl-right p:first-child + p { font-size: 0.48rem; line-height: 0.48rem; margin-bottom: 0.24rem; }
  .lr-content .lr-bottom .lr-list ul li .lrl-right p:first-child + p + p { font-size: 0.48rem; line-height: 0.48rem; }
  .lr-content .lr-bottom .lr-list ul li .lrl-right .to-use { position: absolute; top: 0.28rem; right: 0.28rem; width: 2rem; height: 0.8rem; font-size: 0.48rem; line-height: 0.8rem; }
  .lr-content .lr-bottom .lr-list ul li .lrl-right .notcan-use { width: 2.02rem; height: 1.76rem; }
  .lr-content .lr-bottom .lr-rule { border-radius: 0.4rem; padding: 0 0.4rem; padding-top: 0.46rem; padding-bottom: 0.68rem; }
  .lr-content .lr-bottom .lr-rule > p { width: 3.16rem; height: 0.94rem; margin-bottom: 0.76rem; font-size: 0.72rem; }
  .lr-content .lr-bottom .lr-rule div { font-size: 0.56rem; line-height: 0.96rem; }
  .lr-content .lr-bottom .lr-nopage { width: 12rem; height: 14.08rem; border-radius: 0.4rem; }
  .lr-content .lr-bottom .lr-nopage img { width: 4.82rem; height: 3.68rem; margin-top: 4.46rem; }
  .lr-content .lr-bottom .lr-nopage p { font-size: 0.48rem; line-height: 0.48rem; margin-top: 0.94rem; }
  .layui-layer-border { top: 50% !important; margin-top: -30px !important; left: 3.75rem !important; border-radius: 0.4rem !important; }
  .prompt-orderform { min-width: 6.4rem; max-width: 22.4rem; -webkit-border-radius: 0; border-radius: 0; line-height: 0.96rem; padding: 0.6rem 1.2rem; font-size: 0.48rem; margin: 0 auto !important; box-sizing: border-box; } }