* {
  margin: 0;
  padding: 0
}

.fixed-bottom {
  z-index: 10;
}

h1, h2, h3, h4, h5, h6, p {
  font-weight: 400
}

b, em, i, strong {
  font-style: normal;
  font-weight: 400
}

li {
  list-style: none
}

.fl {
  float: left
}

.fr {
  float: right
}

.clearfix:after {
  display: block;
  content: '';
  clear: both
}

.clearfix {
  zoom: 1
}

a img {
  border: 0
}

a {
  color: #333;
  text-decoration: none;
  cursor: pointer
}

img {
  vertical-align: top
}

textarea {
  resize: none
}

input, select, textarea {
  outline: 0
}

table {
  border-collapse: collapse
}

body {
  width: 7.5rem;
  margin: 0 auto;
  font-family: "Microsoft YaHei";
  font-size: .25rem
}

input {
  font-family: "Microsoft YaHei"
}

textarea {
  resize: none
}

input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  resize: none
}

a, b, button, div, em, h1, h2, h3, h4, h5, i, input, li, optgroup, p, select, span, textarea {
  -webkit-tap-highlight-color: transparent
}

img {
  display: inline-block;
  max-width: 100%;
}

.footer {
  margin-top: 0 !important;
}
.box_wrap{
  width: 100%;
  height: auto;
  background: url('../images/banner_bg.png') no-repeat top center, url('../images/bottom_bg.png') no-repeat bottom center rgb(177,0,0);
  background-size: contain;
  padding-top: .66rem;
  padding-bottom: 1.4rem;
}
.box_wrap h1{
  width: 5.02rem;
  height: .54rem;
  background: url('../images/h_bg.png') no-repeat top center;
  background-size: contain;
  margin: 0 auto .4rem;
  font-size: .26rem;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 400;
  color: #DE1313;
  line-height: .5rem;
  text-align: center;
}
.top_1{
  display: block;
  margin: 0 auto .16rem;
  width: 6.62rem;
}
.box_wrap h3{
  width: 5.71rem;
  height: .65rem;
  font-size: .26rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FCDFB0;
  line-height: .65rem;
  text-align: center;
  background: url('../images/top_2.png') no-repeat center;
  background-size: contain;
  margin: 0 auto 1.64rem;
  letter-spacing: .02rem;
}
.book_wrap_1 h5{
  position: relative;
  width: 4.2rem;
  height: .99rem;
  background: url('../images/title_1.png') no-repeat center;
  background-size: contain;
  margin: 0 auto;
}
.book_wrap_2,.book_wrap_3{
  margin-top: .6rem;
}
.book_wrap_2 h5{
  position: relative;
  width: 5.4rem;
  height: .98rem;
  background: url('../images/title_2.png') no-repeat center;
  background-size: contain;
  margin: 0 auto;
}
.book_wrap_3 h5{
  position: relative;
  width: 4.2rem;
  height: .98rem;
  background: url('../images/title_3.png') no-repeat center;
  background-size: contain;
  margin: 0 auto;
}
.book_wrap h5 b{
  font-size: .42rem;
  font-family: FZLanTingHeiPro_GB18030;
  font-weight: bold;
  color: #F2E293;
  line-height: .82rem;
  background: linear-gradient(94deg, #FFF5D8 0%, #FFDD74 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  display: block;
}
.book_wrap>h5::before{
  position: absolute;
  left: -1.65rem;
  top: -1.9rem;
  content: "";
  width: 3.78rem;
  height: 4.02rem;
  background: url('../images/light.png') no-repeat top left;
  background-size: contain;
}
.one_box{
  width: 6.9rem;
  height: 7.87rem;
  background: url('../images/box_1.png') no-repeat center;
  background-size: contain;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  padding: 0 .45rem;
}
.one_box ul{
  display: flex;
  justify-content: space-between;
  padding-top: .5rem;
}
.one_box ul li{
  position: relative;
  width: 1.89rem;
  height: .92rem;
  background: url('../images/t_bg.png') no-repeat center;
  background-size: contain;
  text-align: center;
  font-size: .3rem;
  font-family: FZLanTingHeiPro_GB18030;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .34rem;
  box-sizing: border-box;
  padding-top: .1rem;
}
.one_box ul li span{
  color: #FEF73F;
}
.one_box ul li b{
  position: absolute;
  left: .02rem;
  top: .02rem;
  font-size: .3rem;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 400;
  color: #CD1501;
  line-height: .3rem;
}
.book_1{
  display: block;
  margin: .2rem auto 0;
  width: 4.95rem;
}
.top_3{
  position: absolute;
  right: .4rem;
  bottom: 1.2rem;
  width: 2.45rem;
}
.two_box{
  width: 6.9rem;
  height: 13.67rem;
  background: url('../images/box_2.png') no-repeat center;
  background-size: contain;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  padding: .52rem .4rem 0;
}
.two_box li{
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  background: #FFF3D5;
  border-radius: .08rem;
  margin: 0 auto .2rem;
  padding: .3rem 0 .28rem .16rem;
}
.two_box li>img{
  width: 2.02rem;
  height: 2.71rem;
}
.two_box li:nth-child(2)>img{
  width: 2.22rem;
  height: 2.77rem;
}
.two_box li:nth-child(3)>img{
  width: 2.27rem;
  height: 2.64rem;
}
.two_li_div{
  width: 3.56rem;
}
.two_li_div h4{
  font-size: .3rem;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 400;
  color: #151414;
  line-height: .42rem;
}
.two_li_div .p1{
  display: flex;
  justify-content: space-between;
  width: 3.28rem;
  box-sizing: border-box;
  margin-top: .15rem;
  margin-bottom: .1rem;
}
.two_li_div .p1 span{
  width: 1.6rem;
  height: .4rem;
  border: 1px solid #D61111;
  border-radius: .06rem;
  font-size: .18rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #DE0401;
  line-height: .4rem;
  text-align: center;
  box-sizing: border-box;
}
.two_li_div .p2{
  width: 3.28rem;
  height: .4rem;
  border: 1px solid #D61111;
  border-radius: .06rem;
  font-size: .18rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #DE0401;
  line-height: .4rem;
  position: relative;
  padding-left: .54rem;
  box-sizing: border-box;
}
.two_li_div .p2 b{
  position: absolute;
  left: 0;
  top: 0;
  width: .44rem;
  height: 100%;
  background: #DE0401;
  font-size: .2rem;
  font-family: FZLanTingHeiPro_GB18030;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}
.two_li_div a{
  border: 1px solid #C9C8C8;
  border-radius: .06rem;
  width: 3.28rem;
  height: .54rem;
  border: 1px solid #C9C8C8;
  border-radius: .06rem;
  display: block;
  font-size: .18rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #DE0401;
  line-height: .54rem;
  position: relative;
  margin-top: 0.25rem;
  margin-bottom: .2rem;
  box-sizing: border-box;
  padding-left: .1rem;
}
.two_li_div a strong{
  position: absolute;
  top: 0;
  right: 0;
  width: 1.3rem;
  height: 100%;
  background: #DE0401;
  font-size: .24rem;
  font-family: FZLanTingHeiPro_GB18030;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-radius:0 .06rem .06rem 0;
}
.two_li_div .p3{
  font-size: .3rem;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 400;
  color: #DE0401;
  line-height: .3rem;
}
.two_li_div .p3 b{
  font-size: .18rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  text-decoration: line-through;
  color: #787878;
  line-height: .18rem;
}
.two_li_div .p3 strong{
  font-size: .48rem;
  font-family: Impact;
  font-weight: 400;
  color: #DE0401;
  line-height: .48rem;
}
.three_box{
  width: 6.9rem;
  height: 7.17rem;
  background: url('../images/box_3.png') no-repeat center;
  background-size: contain;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  padding: .5rem .45rem .6rem;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.three_box h5{
  width: 100%;
  height: .92rem;
  background: linear-gradient(-12deg, #F23212, #FC7B4E);
  border-radius: .1rem .1rem 0 0;
  font-size: .26rem;
  font-family: FZLanTingHeiPro_GB18030;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .34rem;
  text-align: center;
  box-sizing: border-box;
  padding-top: .12rem;
  margin-bottom: .4rem;
}
.three_box h5 span{
  color: #FEF73F;
}
.three_box>div{
  width: 2.9rem;
  background: #FAECCA;
  border-radius: .1rem;
  position: relative;
}
.three_box>div div{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: .35rem;
}
.three_box h6{
  width: 2.4rem;
  font-size: .2rem;
  font-family: FZLanTingHeiPro_GB18030;
  font-weight: 500;
  color: #333;
  line-height: .34rem;
  margin: 0 auto .1rem;
}
.three_box h6 span{
  color: #CF0401;
}
.three_box img{
  display: block;
  margin: 0 auto;
  /* width: 1.88rem; */
  width: 1.7rem;
}
.three_box img.code_2{
  margin: 0.2rem auto 0;
}
.three_box p{
  font-size: .2rem;
  font-family: FZLanTingHeiPro_GB18030;
  font-weight: 500;
  color: #333333;
  line-height: .2rem;
  text-align: center;
  margin-top: .1rem;
}
.three_box strong{
  display: block;
  width: 2.08rem;
  height: .42rem;
  border: 1px solid #CF0401;
  border-radius: .21rem;
  margin: 0 auto .12rem;
  font-size: .2rem;
  font-family: FZLanTingHeiPro_GB18030;
  font-weight: 500;
  color: #333333;
  line-height: .42rem;
  text-align: center;
}
/*头部*/
.temp_header {
  width: 100%;
  height: 0.88rem;
  line-height: 0.88rem;
  background: linear-gradient(to right, #3ccc86, #3bcb6a);
  padding-left: 0.4rem;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.temp_header .title {
  font-size: 0.32rem;
  color: #fff;
}
.temp_header .zt_title {
  font-size: 0.32rem;
  color: #fff;
}
.temp_header .toback {
  display: inline-block;
  background: url(../images/sprite_img.png) no-repeat;
  background-size: 4.65rem 3.77rem;
  background-position: -3.2rem -0.94rem;
  width: 0.28rem;
  height: 0.43rem;
  position: absolute;
  left: 0.4rem;
  top: 0.22rem;
  cursor: pointer;
}
/*底部*/
.temp_footer {
  background: #fff;
  color: #333;
  padding: 0.3rem 0;
  font-size: 0.26rem;
  line-height: 0.36rem;
  text-align: center;
  margin-bottom: 1.2rem;
}
.temp_footer .footbox {
  width: 100%;
  height: 0.72rem;
}
.temp_footer a {
  color: #333;
  padding: 0 0.1rem 0 0;
  line-height: 0.72rem;
}
/* .temp_footer a{float:left;color:#333;padding:0 0.1rem 0 0;margin-left:1.8rem;line-height:0.72rem} */
.temp_footer .foicon {
  float: left;
  width: 4.2rem;
  height: 0.72rem;
  background: url(../images/telicon.png) no-repeat 5px center;
  background-size: 0.32rem;
  /* background:url(../images/sprite_img.png) no-repeat 5px center;background-size:4.65rem 3.77rem;background-position:-2.3rem -0.94rem;  */
  padding-left: 0.5rem;
  text-align: left;
}
.temp_footer .foicon p {
  width: 4.2rem;
  font-size: 0.26rem;
  margin-top: 0.16rem;
}
.temp_footer .copy {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.26rem;
}
.fixed_bot {
  width: 7.5rem;
  height: 1.2rem;
  background: #303130;
  position: fixed;
  bottom: 0;
  z-index: 5;
}
.fixed_bot ul {
  display: flex;
  height: 100%;
}
.fixed_bot li {
  flex: 1;
}
.fixed_bot li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.fixed_bot li a span {
  font-size: 0.24rem;
  color: #fff;
  margin-top: 0.1rem;
}
.fixed_bot li a .img_home {
  width: 0.46rem;
  height: 0.38rem;
  background: url(../images/sprite_img.png) no-repeat;
  background-size: 4.65rem 3.77rem;
  background-position: -0.92rem -0.94rem;
}
.fixed_bot li a .img_zx {
  width: 0.42rem;
  height: 0.37rem;
  background: url(../images/sprite_img.png) no-repeat;
  background-size: 4.65rem 3.77rem;
  background-position: -1.42rem -0.94rem;
}
.fixed_bot li a .img_tl {
  width: 0.4rem;
  height: 0.44rem;
  background: url(../images/sprite_img.png) no-repeat;
  background-size: 4.65rem 3.77rem;
  background-position: 0 -0.94rem;
}
.fixed_bot li a .img_cart {
  width: 0.44rem;
  height: 0.4rem;
  background: url(../images/sprite_img.png) no-repeat;
  background-size: 4.65rem 3.77rem;
  background-position: -0.44rem -0.93rem;
}
.fixed_bot li a .img_my {
  width: 0.37rem;
  height: 0.44rem;
  background: url(../images/sprite_img.png) no-repeat;
  background-size: 4.65rem 3.77rem;
  background-position: -1.89rem -0.94rem;
}
.fixed_bot li .count_box {
  position: relative;
}
.fixed_bot li .count_box .count {
  position: absolute;
  top: 0.05rem;
  left: 1rem;
  font-size: 0.28rem;
  color: #fff;
  display: inline-block;
  background: #ff4b5c;
  border-radius: 50%;
  min-width: 0.4rem;
  min-height: 0.4rem;
  text-align: center;
}
.over-tips {
  color: #999;
  padding-top: 0.35rem;
  margin-bottom: 0.3rem;
  position: relative;
  text-align: center;
  font-size: 0.2rem;
  background: #fff;
}
.over-tips:before,
.over-tips:after {
  content: '';
  position: absolute;
  top: 76%;
  background: #DFDFDF;
  width: 36%;
  height: 1px;
}
.over-tips:before {
  left: 0;
}
.over-tips:after {
  right: 0;
}