.box {
  position: relative;
  overflow: hidden;
  color: #000000;
}

.banner {
  height: 655px;
  background: url(../images/banner_bg.png) no-repeat center top;
}

.banner_container {
  width: 1200px;
  padding-top: 72px;
  margin: 0 auto;
  box-sizing: border-box;
}

.banner_inner {
  width: 914px;
  height: 574px;
  background: url(../images/txt01_bg.png) no-repeat center center;
  margin: 0 auto;
  position: relative;
}

.txt01 {
  position: absolute;
  top: 120px;
  left: 30px;
}

.txt02 {
  width: 259px;
  height: 37px;
  color: #FEFB64;
  font-size: 19px;
  text-align: center;
  box-sizing: border-box;
  padding-right: 10px;
  font-weight: bold;
  line-height: 30px;
  background: url(../images/txt02_bg.png) no-repeat center center;
  position: absolute;
  top: 56px;
  left: 36%;
}

.txt03 {
  position: absolute;
  top: 61%;
  left: 26%;
}

.box01 {
  height: 1016px;
  background: url(../images/box01_bg.png) no-repeat center center;
}

.box02 {
  height: 1785px;
  background: url(../images/box02_bg.png) no-repeat center center;
}

.box03 {
  height: 1896px;
  background: url(../images/box03_bg.png) no-repeat center center;
}

.box04 {
  height: 685px;
  background: url(../images/box04_bg.png) no-repeat center center;
}

.box_container {
  width: 1206px;
  height: 982px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  padding: 58px 30px 0;
  background: url(../images/bg1.png) no-repeat center center;
}

.box2_container_bottom {
  margin-top: 20px;
  height: 773px;
  padding-top: 62px;
  background: url(../images/bg3.png) no-repeat center center;
}

.box02_container {
  height: 933px;
  background: url(../images/bg2.png) no-repeat center center;
}

.box03 .box_container {
  height: 1023px;
  background: url(../images/bg4.png) no-repeat center center;
}

.box03 .box_container.box3_container_bottom {
  margin-top: 20px;
  height: 803px;
  background: url(../images/bg5.png) no-repeat center center;
}

.box04 .box_container {
  height: 618px;
  background: url(../images/bg6.png) no-repeat center center;
}

.box_txt {
  position: absolute;
  font-size: 156px;
  font-weight: bold;
  color: #C04424;
  line-height: 265px;
  opacity: 0.12;
  background: linear-gradient(0deg, #BF1522 0%, #FB0324 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  top: 20px;
}

.box_txt1 {
  left: 24px;
}

.box_txt2 {
  right: 24px;
}

.title {
  width: 804px;
  height: 114px;
  margin: 0 auto 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url(../images/title_bg.png) no-repeat center center;
}

.title h1 {
  text-align: center;
  font-size: 54px;
  background: linear-gradient(0deg, #F0AF3E 0%, #FFFE5E 77.197265625%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.title div {
  width: 100%;
  background: url(../images/tit_bottom.png) no-repeat center center;
}

.title div p {
  width: 178px;
  height: 25px;
  background: linear-gradient(0deg, #F0AF3E, #FFFE5E);
  border-radius: 13px;
  color: #C04424;
  font-size: 17px;
  margin: 0 auto;
  text-align: center;
  line-height: 25px;
}

.box01_title {
  width: 413px;
  height: 40px;
  line-height: 40px;
  background: #E34B1E;
  border-radius: 20px 20px 0 0;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  margin: 0 auto;
}

.box02_title {
  width: 933px;
}

.box01_container {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 26px 48px;
  background: #FFEFB5;
}

.box01_container ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.box01_container ul li {
  width: 264px;
  cursor: pointer;
  height: 252px;
  background: url(../images/tab_bg.png) no-repeat center center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all .1s linear;
  box-sizing: border-box;
  padding-bottom: 60px;
}

.box01_container ul li.active {
  padding-bottom: 40px;
  background: url(../images/tab_active.png) no-repeat center center;
}

.box01_container ul li p {
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 24px;
  text-shadow: 0px 5px 0px #DF3E1F;
}

.tab_container {
  width: 100%;
  height: 411px;
  background: url(../images/tab_container.png) no-repeat center center;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 37px;
}

.tab_item {
  display: none;
  width: 676px;
  height: auto;
  margin: 0 auto;
}

.tab_item:nth-child(4) {
  height: 228px;
  overflow-y: scroll;
}

.tab_item.active {
  display: block;
}

.tab_item table {
  width: 100%;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 252, 93, 0.63);
  border-radius: 10px;
  border-right: 0;
  text-align: center;
  color: #FFFFFF;
  font-size: 17px;
}

.tab_item table th {
  height: 44px;
  color: #DF0B09;
  font-size: 24px;
  border-right: 1px solid #FCEF58;
  background: linear-gradient(0deg, #F99912, #FCFD54);
}

.tab_item table td {
  height: 42px;
  border-top: 1px solid #FCEF58;
  border-right: 1px solid #FCEF58;
}

.qg_btn {
  width: 210px;
  height: 64px;
  background: linear-gradient(0deg, #F99912, #FCFD54);
  border: 1px solid #FFFC5D;
  box-shadow: 0px 5px 9px 0px rgba(145, 89, 29, 0.43);
  border-radius: 32px;
  margin: 7px auto 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.qg_btn span {
  font-size: 24px;
  font-weight: bold;
}

.qg_btn_box02 {
  width: 250px;
  margin-top: 22px;
}

.qg_btn p {
  color: #DF0B09;
  font-size: 18px;
  font-weight: bold;
}

.qg_btn a {
  display: block;
  color: #FCF952;
  font-size: 19px;
  text-align: center;
  line-height: 27px;
  margin: 0 auto;
  width: 98px;
  height: 27px;
  font-weight: bold;
  background: #DF0B09;
  border-radius: 14px;
}

.teacher_swiper {
  width: 900px;
  margin: 38px auto 0;
  position: relative;
}

.swiper-slide a {
  display: block;
  width: 100%;
  background: #FFFFFF;
  height: 304px;
  box-shadow: 0px 5px 27px 0px rgba(227, 227, 226, 0.75);
  border-radius: 7px 7px 7px 7px;
  box-sizing: border-box;
  padding-top: 10px;
}

.teacher_box {
  width: 86%;
  height: 230px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}

.teacher_swiper3 {
  margin-top: 0;
}

.teacher_swiper3 a {
  height: 287px;
  padding-top: 23px;
}

.teacher_swiper3 .teacher_box {
  height: 241px;
}

.teacher_box img {
  display: block;
  width: 100%;
  height: 100%;
}

.teacher_info {
  display: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  box-sizing: border-box;
}

.teacher_box:hover .teacher_info {
  display: block;
}

.teacher_info_inner {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
  box-sizing: border-box;
  padding: 10px;
}

.book_info {
  color: #151515;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.teacher_info p {
  font-size: 16px;
}

.teacher_swiper .swiper-button-prev.swiper-button-white.prev {
  width: 79px;
  height: 79px;
  background-image: url("../images/arrow_l.png");
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  left: -70px;
  top: 59%;
  transform: translateY(-50%);
}

.teacher_swiper .swiper-button-next.swiper-button-white.next {
  width: 81px;
  height: 81px;
  background-image: url("../images/arrow_r.png");
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  right: -78px;
  top: 59%;
  transform: translateY(-50%);
}

.box02_tab_item .info {
  width: 738px;
  height: 32px;
  background: #FCF952;
  border-radius: 16px;
  color: #110503;
  font-size: 20px;
  text-align: center;
  line-height: 32px;
  margin: 0 auto;
}

.box02_tab_item .info span {
  color: #D4050D;
  font-weight: bold;
}

.box02_tab_container {
  width: 100%;
  height: auto;
  padding: 35px 0;
  background: linear-gradient(0deg, #ECA43A, #FFFE5E, #F0AF3E);
  border: 1px solid rgba(199, 140, 54, 0.56);
  border-radius: 20px;
}

.box02_tab {
  position: relative;
  height: 70px;
}

.box02_tab div {
  position: absolute;
  width: 193px;
  height: 40px;
  line-height: 40px;
  background: url(../images/kp_bg.png) no-repeat center top;
  background-size: 100% auto;
  z-index: 1;
  left: 0;
  bottom: 0;
  text-align: center;
  color: #D4050D;
  font-size: 20px;
  cursor: pointer;
  font-weight: bold;
}

.box02_tab div.active {
  height: 69px;
  width: 240px;
  z-index: 2;
  background: url(../images/kp_active.png) no-repeat center top;
  background-size: 100% auto;
  color: #FFFE5E;
  font-size: 23px;
  line-height: 85px;
  box-sizing: border-box;
  padding-right: 10px;
}

.box02_tab div:nth-child(2) {
  left: 173px;
}

.box02_tab div:nth-child(2).active {
  left: 125px;
}

.yhq_container {
  width: 840px;
  height: 366px;
  background: url(../images/yhq_bg.png) no-repeat center center;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 22px;
}

.yhq_container img {
  margin: 0 auto;
}

.yhq_container .success {
  width: 418px;
  height: 52px;
  background: url(../images/success.png) no-repeat center center;
  margin: 0 auto;
  color: #DF1627;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 52px;
}

.yhq_container img.img_1000 {
  margin: 57px auto 20px;
}

.yhq_container p {
  text-align: center;
  color: #FFFFFF;
  font-size: 22px;
  line-height: 50px;
}

.more_list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.more_list a {
  display: block;
  width: 269px;
  height: 179px;
  background: #FFFFFF;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 8px;
  margin-right: 16px;
}

.more_list a div {
  width: 100%;
  height: 100%;
  background: #D61321;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 8px;
  overflow: hidden;
}

.more_list a div img {
  width: 100%;
  height: 100%;
  transition: all 1s linear;
}

.more_list a:hover img {
  transform: scale(1.5);
}

.more_list a:nth-child(3) {
  margin-right: 0;
}

.book_container {
  display: flex;
  width: 780px;
  height: 269px;
  background: #FFFFFF;
  border-radius: 20px;
  margin: 84px auto 0;
  position: relative;
  justify-content: center;
  align-items: flex-end;
}

.book_container .by_book {
  margin-bottom: -40px;
}

.book_container .by {
  position: absolute;
  left: -52px;
  top: -74px;
}

.book_r {
  width: 347px;
  height: 298px;
  margin-bottom: 21px;
  box-sizing: border-box;
  padding: 48px 0 0;
  background: url(../images/book_r.png) no-repeat center center;
}

.book_r h2 {
  color: #D40F23;
  font-size: 28px;
  text-align: center;
  line-height: 50px;
}

.book_r h2 span {
  display: inline-block;
  margin: 0 10px;
}

.book_r div {
  color: #D40F23;
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px;
}

.book_r div p {
  text-align: center;
  margin: 5px 0;
}

.book_r div p img {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.book_r a {
  display: block;
  margin: 30px auto 0;
  width: 175px;
  height: 45px;
  background: linear-gradient(0deg, #F99912, #FCFD54);
  border: 1px solid #FFFC5D;
  box-shadow: 0px 5px 9px 0px rgba(145, 89, 29, 0.43);
  border-radius: 22px;
  color: #D40F23;
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  line-height: 45px;
}

/* 地区开始 */

.region {
  height: 100%;
  box-sizing: border-box;
}

.region a {
  float: left;
  width: 116px;
  height: 74px;
  background: url(../images/province_bg.png) no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
  line-height: 64px;
  font-size: 20px;
  font-weight: bold;
  color: #F70424;
  box-sizing: border-box;
  padding-right: 6px;
}

.region a:hover {
  color: #FCFD54;
  padding-right: 0;
  line-height: 74px;
  background: url(../images/province_active.png) no-repeat center center;
  background-size: 100% 100%;
}

.fixed_right {
  display: none;
  position: fixed;
  z-index: 99;
  right: 10px;
  top: 20%;
  width: 161px;
  height: 211px;
  box-sizing: border-box;
  padding-top: 20px;
  line-height: 1;
  text-align: center;
  background: url(../images/float_bg.png) no-repeat center center;
}

.fixed_right p {
  font-size: 22px;
  font-weight: bold;
  background: linear-gradient(0deg, #BF1522 0%, #FB0324 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fixed_right h4 {
  font-size: 24px;
  font-weight: bold;
  background: linear-gradient(0deg, #BF1522 0%, #FB0324 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fixed_right h4 span {
  font-size: 46px;
}

.fixed_right a {
  display: block;
  width: 119px;
  height: 29px;
  background: #FFD100;
  box-sizing: border-box;
  border-radius: 15px;
  color: #F50524;
  font-size: 20px;
  text-align: center;
  line-height: 29px;
  margin: 35px auto 0;
  cursor: pointer;
}

.fixed_right a.zx {
  background: transparent;
  border: 1px solid #FFD100;
  color: #FFD100;
  margin: 10px auto;
}

.fixed_left {
  display: none;
  z-index: 99;
  width: 188px;
  position: fixed;
  top: 20%;
  left: 10px;
  padding-top: 35px;
}

.fixed_left .close1 {
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 0;
  transition: transform .5s ease;
}

.fixed_left a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 188px;
  height: 69px;
  background: url(../images/fix_left_a.png) no-repeat center center;
  background-size: 100% auto;
  text-align: center;
  box-sizing: border-box;
  padding-right: 30px;
}

.fixed_left a:hover {
  background: url(../images/fix_left_active.png) no-repeat center center;
  background-size: 100% auto;
}

.fixed_left a h4 {
  font-size: 22px;
  background: linear-gradient(0deg, #F0AF3E 0%, #FFFE5E 77.197265625%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fixed_left a p {
  font-size: 14px;
  background: linear-gradient(0deg, #F0AF3E 0%, #FFFE5E 77.197265625%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fixed_left a:hover p, .fixed_left a:hover h4 {
  background: linear-gradient(0deg, #BF1522 0%, #FB0324 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.yuyue-bg {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
}

.close {
  width: 40px;
  height: 40px;
  background: url("../images/close.png") no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  right: 0px;
  top: -50px;
  cursor: pointer;
  transition: transform .5s ease;
}

.close:hover, .fixed_left .close1:hover {
  transform: rotate(180deg);
}

.gift_list_container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 450px;
  height: 500px;
  padding: 30px;
  box-sizing: border-box;
  background: linear-gradient(0deg, #ECA43A, #FFFE5E, #F0AF3E);
  border: 1px solid rgba(199, 140, 54, 0.56);
  border-radius: 20px;
}

.gift_list_container p {
  color: #BF1522;
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 5px;
}

.gift_list a {
  float: left;
  display: block;
  width: 85px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: linear-gradient(0deg, #BF1522 0%, #FB0324 100%);
  border-radius: 18px;
  color: #FEF2E4;
  font-size: 16px;
  border: 1px solid #FEF2E4;
  margin: 7px 5px;
}

.gift_list a:hover {
  color: #BF1522;
  font-weight: bold;
  background: #FEF2E4;
}

.pro_line {
  width: 100%;
  height: 25px;
}

@media only all and (max-width:1080px) {
  .banner {
    height: 12rem;
    background-size: auto 100%;
  }
  .banner_container {
    width: 100%;
    padding-top: 2rem;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .banner_inner {
    width: 80%;
    height: 10rem;
    background-size: 100% 100%;
  }
  .txt01 {
    position: absolute;
    top: 2.6rem;
    width: 75%;
    left: 13%;
  }
  .txt02 {
    width: 80%;
    height: 1.4rem;
    font-size: .7rem;
    padding-right: 2%;
    line-height: 1.2rem;
    background-size: 100% 100%;
    position: absolute;
    top: -.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .txt03 {
    position: absolute;
    top: 60%;
    width: 60%;
    left: 50%;
    transform: translateX(-50%);
  }
  .box01 {
    height: auto;
    background: url(../images/box01_bg.png) no-repeat center center;
    background-size: auto 100%;
  }
  .box02 {
    height: auto;
    background: url(../images/box02_bg.png) no-repeat center center;
    background-size: auto 100%;
    padding-top: .8rem;
  }
  .box03 {
    height: auto;
    background: url(../images/box03_bg.png) no-repeat center center;
    background-size: auto 100%;
    padding-top: .8rem;
  }
  .box04 {
    height: auto;
    background: url(../images/box04_bg.png) no-repeat center center;
    background-size: auto 100%;
    padding-top: .8rem;
  }
  .box_container {
    width: 94%;
    height: auto;
    padding: .8rem 2%;
    background: linear-gradient(0deg, #FDAE07, #FFFD29, #FAA200);
  }
  .box2_container_bottom {
    margin-top: 20px;
    height: auto;
    padding: .8rem 2%;
    background: linear-gradient(0deg, #FDAE07, #FFFD29, #FAA200);
  }
  .box02_container {
    height: auto;
    background: linear-gradient(0deg, #FDAE07, #FFFD29, #FAA200);
  }
  .box03 .box_container {
    height: auto;
    background: linear-gradient(0deg, #FDAE07, #FFFD29, #FAA200);
  }
  .box03 .box_container.box3_container_bottom {
    margin-top: 20px;
    height: auto;
    background: linear-gradient(0deg, #FDAE07, #FFFD29, #FAA200);
  }
  .box04 .box_container {
    height: auto;
    background: linear-gradient(0deg, #FDAE07, #FFFD29, #FAA200);
  }
  .box_txt {
    font-size: 2rem;
    line-height: 1;
    top: .2rem;
  }
  .box_txt1 {
    left: .2rem;
  }
  .box_txt2 {
    right: .2rem;
  }
  .title {
    width: 80%;
    height: 2.3rem;
    margin: 0 auto .8rem;
    background-size: 100% 100%;
  }
  .title h1 {
    font-size: .8rem;
  }
  .title div {
    background-size: 100% auto;
  }
  .title div p {
    width: 6rem;
    height: 1rem;
    border-radius: 1rem;
    font-size: .65rem;
    line-height: 1rem;
  }
  .box01_title {
    width: 100%;
    height: auto;
    padding: .2rem 0;
    line-height: 1.3;
    border-radius: .8rem .8rem 0 0;
    font-size: .7rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .box02_title {
    width: 100%;
  }
  .box01_container {
    padding: .6rem .4rem;
  }
  .box01_container ul li {
    width: 25%;
    height: 4.6rem;
    background-size: 100% 100%;
    padding-bottom: 1.4rem;
  }
  .box01_container ul li img {
    width: 16%;
  }
  .box01_container ul li.active {
    padding-bottom: 1.3rem;
    background-size: 100% 100%;
  }
  .box01_container ul li p {
    font-size: .65rem;
    line-height: 1;
  }
  .tab_container {
    width: 100%;
    height: 13rem;
    background-size: auto 100%;
    padding-top: 0;
  }
  .tab_item {
    display: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .tab_item:nth-child(4) {
    height: 7.45rem;
  }
  .tab_item table {
    font-size: .6rem;
  }
  .tab_item table th {
    height: 1.3rem;
    font-size: .65rem;
  }
  .tab_item table td {
    height: 1.4rem;
  }
  .qg_btn {
    display: block;
    width: 9rem;
    height: 2.3rem;
    border-radius: 2rem;
    margin: .8rem auto 0;
  }
  .qg_btn span {
    font-size: .8rem;
  }
  .qg_btn_box02 {
    width: 10rem;
    margin-top: 22px;
  }
  .qg_btn p {
    font-size: .7rem;
  }
  .qg_btn a {
    font-size: .7rem;
    line-height: 1rem;
    width: 4rem;
    height: 1rem;
    border-radius: 1rem;
  }
  .teacher_swiper {
    width: 100%;
    margin: .4rem auto 0;
  }
  .swiper-slide a {
    height: 14rem;
    border-radius: .8rem;
    padding-top: .6rem;
  }
  .teacher_box {
    width: 86%;
    height: 10rem;
  }
  .teacher_swiper3 {
    margin-top: 0;
  }
  .teacher_swiper3 a {
    height: 10rem;
    padding-top: .2rem;
  }
  .teacher_swiper3 .teacher_box {
    height: 98%;
  }
  .teacher_info_inner {
    padding: .4rem;
  }
  .book_info {
    font-size: .7rem;
    height: 3rem;
  }
  .teacher_info p {
    font-size: .6rem;
  }
  .teacher_swiper .swiper-button-prev.swiper-button-white.prev {
    width: 3rem;
    height: 3rem;
    left: -.6rem;
  }
  .teacher_swiper .swiper-button-next.swiper-button-white.next {
    width: 3rem;
    height: 3rem;
    right: -.8rem;
  }
  .box02_tab_item .info {
    width: 90%;
    height: auto;
    padding: .2rem 0;
    border-radius: .4rem;
    font-size: .7rem;
    line-height: 1.2;
  }
  .box02_tab_container {
    padding: .6rem 0;
    border-radius: 1rem;
  }
  .box02_tab {
    position: relative;
    height: 70px;
  }
  .box02_tab div {
    position: absolute;
    width: 4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .7rem;
  }
  .box02_tab div.active {
    height: 2rem;
    width: 6rem;
    font-size: .8rem;
    line-height: 2.4rem;
    padding-right: .1rem;
  }
  .box02_tab div:nth-child(2) {
    left: 4.7rem;
  }
  .box02_tab div:nth-child(2).active {
    left: 3rem;
  }
  .yhq_container {
    width: 100%;
    height: 13.5rem;
    padding-top: .6rem;
  }
  .yhq_container img {
    width: 80%;
  }
  .yhq_container .success {
    width: 90%;
    height: 1.8rem;
    background-size: 100% 100%;
    font-size: .7rem;
    line-height: 1.8rem;
  }
  .yhq_container img.img_1000 {
    margin: 3rem auto 1rem;
  }
  .yhq_container p {
    font-size: .7rem;
    line-height: 50px;
  }
  .more_list {
    flex-wrap: wrap;
  }
  .more_list a {
    width: 49%;
    height: 5.6rem;
    margin-top: .2rem;
    border-radius: .6rem;
    padding: .2rem;
    margin-right: 0;
  }
  .more_list a:nth-child(1) {
    margin-right: 2%;
  }
  .more_list a div {
    border-radius: 1rem;
    padding: .2rem;
  }
  .book_container {
    flex-direction: column;
    width: 96%;
    height: auto;
    border-radius: 1rem;
    margin: .4rem auto 0;
    align-items: center;
  }
  .book_container .by_book {
    width: 60%;
    margin: 0 auto;
  }
  .book_container .by {
    width: 4rem;
    left: 4rem;
    top: -1rem;
  }
  .book_r {
    width: 80%;
    height: 12rem;
    margin-bottom: .7rem;
    padding: 2rem 0 0;
    background-size: 100% 100%;
  }
  .book_r h2 {
    font-size: .8rem;
    line-height: 2rem;
  }
  .book_r h2 span {
    margin: 0 .2rem;
  }
  .book_r div {
    font-size: .7rem;
    margin-top: 1.2rem;
  }
  .book_r div p {
    margin: .2rem 0;
  }
  .book_r div p img {
    width: .5rem;
    margin-right: .1rem;
  }
  .book_r a {
    display: block;
    margin: 1.6rem auto 0;
    width: 5.5rem;
    height: 1.6rem;
    border-radius: 1rem;
    font-size: .7rem;
    line-height: 1.6rem;
  }
  /* 地区开始 */
  .region a {
    width: 24%;
    height: 1.8rem;
    margin-left: 0;
    margin-right: 1.3%;
    margin-bottom: .5rem;
    line-height: 1.5rem;
    font-size: .75rem;
    background-size: 100% 100%;
    padding-right: .1rem;
  }
  .region a:nth-child(4n), .region a:nth-child(4n):hover {
    margin-right: 0;
  }
  .region a:hover {
    line-height: 1.8rem;
    margin-right: .4%;
  }
  .pro_line {
    height: .3rem;
  }
  .fixed_right {
    right: .1rem;
    top: 20%;
    width: 4rem;
    height: 5rem;
    padding-top: .5rem;
    background-size: 100% 100%;
    transition: transform .3s;
  }
  .fixed_right p {
    font-size: .6rem;
  }
  .fixed_right h4 {
    font-size: .6rem;
  }
  .fixed_right h4 span {
    font-size: .9rem;
  }
  .fixed_right a {
    display: block;
    width: 3.4rem;
    height: .8rem;
    border-radius: 1rem;
    font-size: .6rem;
    line-height: .8rem;
    margin: .9rem auto 0;
  }
  .fixed_right a.zx {
    margin: .1rem auto;
  }
  .gift_list_container {
    width: 16rem;
    padding: .4rem;
    border-radius: .6rem;
    height: 10.5rem;
  }
  .gift_list_container p {
    font-size: .7rem;
    margin-top: .2rem;
    margin-left: .1rem;
  }
  .gift_list a {
    width: 2.19rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: .8rem;
    font-size: .6rem;
    margin: .2rem .1rem;
  }
  .close {
    width: 1.2rem;
    height: 1.2rem;
    top: -1.5rem;
  }
  .fixed_right.is_show {
    transform: translateX(0);
  }
  .fixed_right.is_hidden {
    transform: translateX(4.5rem);
  }
}