.show_3d_tips{
    position: fixed;
    top: 88%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    gap: 1.7rem;
    z-index: 9999999;
}

.show_3d_tips_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.18rem;
}

.show_3d_tips img{
    width: 0.54rem;
    height: 0.54rem;
    object-fit: contain;
}

.show_3d_tips p{
    color: #FFFFFF !important;
}

.page_index .index_head {
  padding-top: 0.4rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  padding-right: 0.8rem;
  pointer-events: none;
}
.page_index .index_head .title p {
  font-family: 'Source Han Serif';
  font-weight: 400;
  font-size: 0.26rem;
  color: #9D825A;
  line-height: 0.37rem;
  letter-spacing: 0.6rem;
}
.page_index .index_main {
  width: 100%;
  height: 100vh;
  display: flex;
}
.page_index .index_main .index_main_fix {
  position: relative;
  z-index: 60;
  width: 31.77083333%;
  flex-shrink: 0;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top left !important;
     padding: 0.35rem 0.98rem;
  display: flex;
  align-items: flex-end;
  box-shadow: 2px 12px 20px 10px rgba(0, 0, 0, 0.2);
  height: 100%;
}
.page_index .index_main .index_main_fix .menu {
  width: 100%;
}
.page_index .index_main .index_main_fix .menu ul {
  display: flex;
  align-items: center;
}
.page_index .index_main .index_main_fix .menu ul li {
  width: 16.67777%;
}
.page_index .index_main .index_main_fix .menu ul li .item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page_index .index_main .index_main_fix .menu ul li .item a .icon {
  margin-bottom: 0.05rem;
}
.page_index .index_main .index_main_fix .menu ul li .item a .icon i {
  font-size: 0.4rem;
  background: linear-gradient(180deg, #DAC392 0%, #9D825A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*给文字设置成透明*/
  transition: all 0.5s;
}
.page_index .index_main .index_main_fix .menu ul li .item a .tit {
  transition: all 0.5s;
  font-weight: 400;
  font-size: 0.18rem;
  color: #DAC392;
  line-height: 0.24rem;
}
.page_index .index_main .index_main_fix .menu ul li .item a:hover .icon i {
  background: #66452E;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_index .index_main .index_main_fix .menu ul li .item a:hover .tit {
  color: #66452E;
}
.page_index .index_main .index_main_shutters {
  width: 68.22916667%;
  height: 100%;
}
.page_index .index_main .index_main_shutters > ul {
  width: 100%;
  display: flex;
  height: 100%;
}
.page_index .index_main .index_main_shutters > ul > li {
  width: 20%;
  height: 100%;
  transition: all 0.5s;
  box-shadow: 2px 12px 20px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 30;
}
.page_index .index_main .index_main_shutters > ul > li .item {
  height: 100%;
  position: relative;
  background-size: cover !important;
  background-position: center left !important;
}
.page_index .index_main .index_main_shutters > ul > li .item .item_tit {
  position: absolute;
  top: 1.6rem;
  right: 0.4rem;
  font-family: 'Slidechunfeng-Regular';
  font-weight: 400;
  font-size: 0.48rem;
  color: #9D825A;
  line-height: 0.67rem;
  writing-mode: vertical-rl;
  padding: 0.15rem 0;
  transition: all 0.5s;
}
.page_index .index_main .index_main_shutters > ul > li .item .item_tit::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border: 1px solid #DAC392;
}
.page_index .index_main .index_main_shutters > ul > li .item .item_tit::after {
  content: '';
  position: absolute;
  top: -0.06rem;
  left: -0.06rem;
  width: 100%;
  height: 100%;
  border: 1px solid #DAC392;
}
.page_index .index_main .index_main_shutters > ul > li .item .mask {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  background-size: cover;
  opacity: 1;
  padding: 0 0.91rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  background-size: cover !important;
  background-position: right center !important
  ;
}
.page_index .index_main .index_main_shutters > ul > li .item .mask .mask_main {
  width: 2.48rem;
  height: 6.2rem;
  background: url(../img/common/index_main_shutters_border.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding: 1rem 0.5rem;
}
.page_index .index_main .index_main_shutters > ul > li .item .mask .mask_main .num {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-weight: 400;
  font-size: 0.52rem;
  color: #9D825A;
  width: 0.6rem;
  height: 0.62rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Slidechunfeng-Regular';
}
.page_index .index_main .index_main_shutters > ul > li .item .mask .mask_main .num::before {
  content: '';
  position: absolute;
  top: 49%;
  left: 29%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 0.88rem;
  background: url(../img/common/index_main_shutters_numBg.png);
}
.page_index .index_main .index_main_shutters > ul > li .item .mask .mask_main .intro_box {
  display: flex;
}
.page_index .index_main .index_main_shutters > ul > li .item .mask .mask_main .intro_box .intro {
  writing-mode: vertical-rl;
  font-weight: 400;
  font-size: 0.14rem;
  color: #9D825A;
  line-height: 0.2rem;
  padding-right: 0.18rem;
  position: relative;
}
.page_index .index_main .index_main_shutters > ul > li .item .mask .mask_main .intro_box .intro::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 0.02rem;
  height: 3.36rem;
  background: #9D825A;
}
.page_index .index_main .index_main_shutters > ul > li .item .mask .mask_main .intro_box .intro::after {
  content: '';
  position: absolute;
  right: 0.04rem;
  top: 0;
  width: 0.01rem;
  height: 3.36rem;
  background: #9D825A;
}
.page_index .index_main .index_main_shutters > ul > li .item .mask .mask_main .intro_box .mask_tit {
  font-family: 'Slidechunfeng-Regular';
  font-weight: 400;
  font-size: 0.48rem;
  color: #9D825A;
  line-height: 0.67rem;
  writing-mode: vertical-rl;
  padding-left: 0.14rem;
  transform: translateY(-0.16rem);
}
.page_index .index_main .index_main_shutters > ul > li .item .mask .mask_main .link {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
}
.page_index .index_main .index_main_shutters > ul > li .item .mask .mask_main .link a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.42rem;
  height: 0.42rem;
  background: #599078;
  border: 0.01rem solid #DAC392;
  border-radius: 50%;
}
.page_index .index_main .index_main_shutters > ul > li .item .mask .mask_main .link a i {
  font-size: 0.16rem;
  color: #DAC392;
}
.page_index .index_main .index_main_shutters > ul > li:hover {
  width: 32.82442748%;
}
.page_index .index_main .index_main_shutters > ul > li:hover .item_tit {
  opacity: 0;
  pointer-events: none;
}
.page_index .index_main .index_main_shutters > ul > li:hover .mask {
  opacity: 1;
}
.page_level2 {
  display: flex;
  min-height: 100vh;
  width: 100%;
}
.page_level2 .page_level2_leftBox {
  width: 22.91666667%;
  flex-shrink: 0;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding: 0.5rem 0.45rem 0.5rem 0.3rem;
  box-shadow: 2px 12px 20px 2px rgba(0, 0, 0, 0.1);
}
.page_level2 .page_level2_leftBox .logo {
  width: 100%;
  margin-bottom: 0.99rem;
}
.page_level2 .page_level2_leftBox .logo img {
  width: 100%;
  height: auto;
}
.page_level2 .page_level2_leftBox .page_tit {
  font-family: 'Slidechunfeng-Regular';
  font-weight: 400;
  font-size: 0.58rem;
  color: #9D825A;
  writing-mode: vertical-rl;
  transition: all 0.5s;
  position: relative;
  letter-spacing: 0.08rem;
  margin: 0 auto;
}
.page_level2 .page_level2_leftBox .page_tit::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border: 1px solid #DAC392;
}
.page_level2 .page_level2_leftBox .page_tit::after {
  content: '';
  position: absolute;
  top: -0.06rem;
  left: -0.06rem;
  width: 100%;
  height: 100%;
  border: 1px solid #DAC392;
}
.page_level2 .page_level2_leftBox .letright {
  margin: 0 0 0 auto;
}
.page_level2 .page_level2_rightBox {
    padding-bottom: 1rem;
  width: 77.08333333%;
  padding-right: 2.8rem;
  padding-left: 0.8rem;
  background-size: cover !important;
 /*overflow-y: auto;*/
}
.page_level2 .page_level2_rightBox .menu {
  margin-bottom: 1rem;
}
.page_level2 .page_level2_rightBox .menu ul {
  display: flex;
  justify-content: flex-end;
}
.page_level2 .page_level2_rightBox .menu ul li {
  width: 0.76rem;
}
.page_level2 .page_level2_rightBox .menu ul li:not(:last-child) {
  margin-right: 0.6rem;
}
.page_level2 .page_level2_rightBox .menu ul li .item {
  width: 100%;
}
.page_level2 .page_level2_rightBox .menu ul li .item a {
  position: relative;
  width: 100%;
  padding: 0.15rem 0.18rem;
  font-weight: 400;
  font-size: 0.34rem;
  color: #66452E;
  transition: all 0.5s;
}
.page_level2 .page_level2_rightBox .menu ul li .item a div {
  height: 1.69rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page_level2 .page_level2_rightBox .menu ul li .item a div span {
  font-family: 'Slidechunfeng-Regular';
  position: relative;
  z-index: 30;
  font-weight: 400;
  font-size: 0.34rem;
  color: #66452E;
  transition: all 0.5s;
  line-height: 0.32rem;
}
.page_level2 .page_level2_rightBox .menu ul li .item a::before {
  transition: all 0.5s;
  transform: translateY(-0.2rem);
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  content: '';
  width: 100%;
  height: 2.4rem;
  opacity: 1;
  background: url(../img/common/page_level2_rightBox_menu_normal.png);
}
.page_level2 .page_level2_rightBox .menu ul li .item a::after {
  opacity: 0;
  transition: all 0.5s;
  transform: translateY(-0.2rem);
  position: absolute;
  top: 0;
  left: 0;
  background-color: blue;
  content: '';
  width: 100%;
  height: 2.4rem;
  background: url(../img/common/page_level2_rightBox_menu_active.png);
}
.page_level2 .page_level2_rightBox .menu ul li .item a:hover div span {
  font-size: 0.36rem;
  color: #fff;
}
.page_level2 .page_level2_rightBox .menu ul li .item a:hover::before {
  opacity: 0;
}
.page_level2 .page_level2_rightBox .menu ul li .item a:hover::after {
  opacity: 1;
}
.page_level2 .page_level2_rightBox .menu ul li .item a:hover::before,
.page_level2 .page_level2_rightBox .menu ul li .item a:hover::after {
  transform: translateY(0rem);
}
.page_level2 .page_level2_rightBox .menu ul .active .item a div span {
  font-size: 0.36rem;
  color: #fff;
}
.page_level2 .page_level2_rightBox .menu ul .active .item a::before {
  opacity: 0;
}
.page_level2 .page_level2_rightBox .menu ul .active .item a::after {
  opacity: 1;
}
.page_level2 .page_level2_rightBox .menu ul .active .item a::before,
.page_level2 .page_level2_rightBox .menu ul .active .item a::after {
  transform: translateY(0rem);
}
.page_level2 .page_level2_rightBox .contentBox {
  background-color: rgba(255, 255, 255, 0.47);
  padding: 0.6rem 0.6rem 0.47rem;
  border-width: 4px;
  border-style: solid;
  border-image-source: url("../img/common/page_level2_rightBox_main_border.png");
  border-image-slice: 4 fill;
  border-image-repeat: stretch;
}
.page_level2 .page_level2_rightBox .contentBox p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  text-indent: 0.34rem;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.34rem;
}
.page_level2 .page_level2_rightBox .contentBox2 {
  margin-bottom: 1rem;
}
.page_level2 .page_level2_rightBox .contentBox2 p {
  text-indent: 0.34rem;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.3rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
}
.page_level2 .page_level2_rightBox .nav {
  padding-bottom: 2.4rem;
}
.page_level2 .page_level2_rightBox .nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -1.3rem;
}
.page_level2 .page_level2_rightBox .nav ul li {
  padding: 0 1.3rem;
  width: 25%;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox {
  position: relative;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox .item {
  width: 1.2rem;
  height: 1.96rem;
  position: relative;
  transition: all 0.5s;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox .item::before,
.page_level2 .page_level2_rightBox .nav ul li .itemBox .item::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-width: 6px 4px;
  border-style: solid;
  border-image-slice: 6 4 fill;
  border-image-repeat: stretch;
  transition: all 0.5s;
  pointer-events: none;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox .item::before {
  border-image-source: url("../img/common/page_level2_rightBox_main_nav_border_normal.png");
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox .item::after {
  opacity: 0;
  border-image-source: url("../img/common/page_level2_rightBox_main_nav_border_active.png");
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox .item a {
  padding: 0.12rem 0.19rem;
  display: block;
  position: relative;
  transition: all 0.5s;
}

.page_level2 .page_level2_rightBox .nav ul li .itemBox .item a::before,
.page_level2 .page_level2_rightBox .nav ul li .itemBox .item a::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  pointer-events: none;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox .item a::before {
  background: url(../img/common/page_level2_rightBox_main_nav_bg_normal.png);
  background-repeat: no-repeat;
  background-position: center;
}
.page_level2 .page_level2_rightBox .nav2 ul li .itemBox .item a::before{
      background: url(../img/common/page_level2_rightBox_main_nav_bg_normal_2.png);
  background-repeat: no-repeat;
  background-position: center;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox .item a::after {
  opacity: 0;
  background: url(../img/common/page_level2_rightBox_main_nav_bg_active.png);
  background-repeat: no-repeat;
  background-position: center;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox .item a .tit {
  position: relative;
  z-index: 30;
  font-weight: 600;
  font-size: 0.22rem;
  color: #95784C;
  writing-mode: vertical-rl;
  transition: all 0.5s;
letter-spacing: 3px;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox .item a .zhuangshi {
  z-index: 40;
  position: absolute;
  bottom: 1px;
  left: 4px;
  width: 0.75rem;
  height: 0.27rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/common/page_level2_rightBox_main_nav_zhuangshi.png);
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox .pic {
  z-index: 50;
  position: absolute;
  left: 0.32rem;
  top: 0.53rem;
  transition: all 0.5s;
  width: 1.88rem;
  height: 2.2rem;
  pointer-events: none;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox .pic:before{
    content: '';
    position: absolute;
    top: -.2rem;
    left: 50%;
    transform: transformX(-50%);
    width: .59rem;
    height: .17rem;
    transition: all .5s;
    background-image: url('../img/common/zhuangshi2.png');
    background-size: 100% 100%;
    
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox .pic img {
  width: 100%;
  height: auto;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox:hover .item {
  transform: translateX(3px);
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox:hover .item::before {
  opacity: 0;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox:hover .item::after {
  opacity: 1;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox:hover .item a::before {
  opacity: 0;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox:hover .item a::after {
  opacity: 1;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox:hover .item a .tit {
  color: #fff;
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox:hover .pic:before{
       transform: transformX(-60%);
}
.page_level2 .page_level2_rightBox .nav ul li .itemBox:hover .pic {
  transform: translateX(-3px);
}
.page_tit {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_tit span {
  width: max-content;
  display: block;
  margin: 0 0.16rem;
  font-weight: 400;
  font-size: 0.58rem;
  color: #235541;
  font-family: 'Slidechunfeng-Regular';
}
.page_list_heartBook,
.page_creativity {
  padding-top: 1rem;
  padding-bottom: 1.48rem;
  background-color: #dad9cc;
}
.page_list_heartBook .page_tit,
.page_creativity .page_tit {
  margin-bottom: 0.4rem;
}
.page_list_heartBook .page_list_heartBook_intro,
.page_creativity .page_list_heartBook_intro {
  margin-bottom: 0.5rem;
  padding: 0.6rem;
  border-width: 4px;
  border-style: solid;
  border-image-source: url("../img/common/inside_page_intro_border.png");
  border-image-slice: 4 fill;
  border-image-repeat: stretch;
}
.page_list_heartBook .page_list_heartBook_intro p,
.page_creativity .page_list_heartBook_intro p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.34rem;
}
.page_list_heartBook .page_list_heartBook_select,
.page_creativity .page_list_heartBook_select {
  margin-bottom: 0.5rem;
  padding: 0.6rem;
  border-width: 4px;
  border-style: solid;
  border-image-source: url("../img/common/inside_page_intro_border.png");
  border-image-slice: 4 fill;
  border-image-repeat: stretch;
  position: relative;
}
.page_list_heartBook .page_list_heartBook_select::before,
.page_creativity .page_list_heartBook_select::before {
  position: absolute;
  bottom: 0.51rem;
  right: 0.25rem;
  content: '';
  width: 1.22rem;
  height: 0.35rem;
  background-image: url(../img/common/zhuangshi2.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.page_list_heartBook .page_list_heartBook_select .type > ul,
.page_creativity .page_list_heartBook_select .type > ul {
  margin-bottom: 0.34rem;
}
.page_list_heartBook .page_list_heartBook_select .type > ul > li,
.page_creativity .page_list_heartBook_select .type > ul > li {
  display: flex;
  align-items: flex-start;
}
.page_list_heartBook .page_list_heartBook_select .type > ul > li:not(:last-child),
.page_creativity .page_list_heartBook_select .type > ul > li:not(:last-child) {
  margin-bottom: 0.34rem;
}
.page_list_heartBook .page_list_heartBook_select .type > ul > li .tit,
.page_creativity .page_list_heartBook_select .type > ul > li .tit {
  font-weight: 400;
  font-size: 0.22rem;
  color: #66452E;
  line-height: 0.31rem;
  flex-shrink: 0;
  width: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page_list_heartBook .page_list_heartBook_select .type > ul > li .tit span,
.page_creativity .page_list_heartBook_select .type > ul > li .tit span{
     font-weight: 400;
  font-size: 0.22rem;
  color: #66452E;
  line-height: 0.31rem;
  flex-shrink: 0;
}
.page_list_heartBook .page_list_heartBook_select .type > ul > li > ul,
.page_creativity .page_list_heartBook_select .type > ul > li > ul {
  display: flex;
  flex-wrap: wrap;
}
.page_list_heartBook .page_list_heartBook_select .type > ul > li > ul > li,
.page_creativity .page_list_heartBook_select .type > ul > li > ul > li {
  margin-right: 0.35rem;
  /*margin-bottom: .34rem;*/
}
.page_list_heartBook .page_list_heartBook_select .type > ul > li > ul > li a,
.page_creativity .page_list_heartBook_select .type > ul > li > ul > li a {
  font-weight: 400;
  font-size: 0.22rem;
  color: #66452E;
  line-height: 0.31rem;
}
.page_list_heartBook .page_list_heartBook_select .type > ul > li > ul .active a,
.page_creativity .page_list_heartBook_select .type > ul > li > ul .active a {
  color: #9D825A;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.page_list_heartBook .page_list_heartBook_select .type form,
.page_creativity .page_list_heartBook_select .type form {
  display: flex;
  align-items: center;
}
.page_list_heartBook .page_list_heartBook_select .type form label,
.page_creativity .page_list_heartBook_select .type form label {
        white-space: nowrap;
  font-weight: 400;
  font-size: 0.22rem;
  color: #66452E;
}
.page_list_heartBook .page_list_heartBook_select .type form input,
.page_creativity .page_list_heartBook_select .type form input {
  width: 3.42rem;
  height: 0.4rem;
  background: rgba(194, 179, 153, 0.07);
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  border: 0.01rem solid #9D825A;
  margin-right: 0.2rem;
  padding-left: 0.2rem;
}
.page_list_heartBook .page_list_heartBook_select .type form button,
.page_creativity .page_list_heartBook_select .type form button {
  cursor: pointer;
  width: 1.28rem;
  height: 0.4rem;
  background: #D1BB95;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: unset;
  margin-right: 0.2rem;
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  line-height: 0.26rem;
  transition: all 0.5s;
}
.page_list_heartBook .page_list_heartBook_select .type form button:hover,
.page_creativity .page_list_heartBook_select .type form button:hover {
  background-color: #9D825A;
}
.page_list_heartBook .page_list_heartBook_list ul,
.page_creativity .page_list_heartBook_list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
}
.page_list_heartBook .page_list_heartBook_list ul li{
  margin-bottom: 0.3rem;
  width: 25%;
  padding: 0 0.15rem;
}
.page_creativity .page_list_heartBook_list ul li {
  margin-bottom: 0.1rem;
  width: 25%;
  padding: 0 0.15rem;
}
.page_list_heartBook .page_list_heartBook_list ul li .item a{
    padding-bottom: 0.22rem;
    background: #FFFFFF;
    border-radius: 0.09rem 0.09rem 0.09rem 0.09rem;
}
.page_creativity .page_list_heartBook_list ul li .item a {
  display: block;
  padding: 0.05rem 0.05rem 0.22rem;
  background: transparent;
  border-radius: 0.09rem 0.09rem 0.09rem 0.09rem;
  transition: all 0.5s;
}
.page_list_heartBook .page_list_heartBook_list ul li .item a .pic,
.page_creativity .page_list_heartBook_list ul li .item a .pic {
  border-width: 15px;
  border-style: solid;
  border-image-source: url("../img/common/page_list_heartBook_list_item_border.png");
  border-image-slice: 15 fill;
  border-image-repeat: stretch;
  margin-bottom: 0.22rem;
}
.page_list_heartBook .page_list_heartBook_list ul li .item a .pic .img-box,
.page_creativity .page_list_heartBook_list ul li .item a .pic .img-box {
  padding-bottom: 57.14285714%;
  border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
  overflow: hidden;
}
.page_list_heartBook .page_list_heartBook_list ul li .item a .tit,
.page_creativity .page_list_heartBook_list ul li .item a .tit {
  font-weight: 400;
  font-size: 0.16rem;
  color: #66452E;
  line-height: 0.21rem;
  text-align: center;
}
.page_list_heartBook .page_list_heartBook_list ul li .item a:hover {
   /*box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);*/
}
.page_creativity .page_list_heartBook_list ul li .item a:hover{
   
}
.page_list_heartBook .page_list_heartBook_list ul li .item a:hover img,
.page_creativity .page_list_heartBook_list ul li .item a:hover img {
  transform: scale(1.1);
}
.page_list_heartBook .sorter,
.page_creativity .sorter {
  margin-top: 0.8rem;
}
.page_creativity .page_list_heartBook_select .type > ul {
  margin-bottom: unset;
}
.page_creativity .page_creativity_list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.13rem;
}
.page_creativity .page_creativity_list ul li {
  width: 25%;
  padding: 0 0.13rem;
  margin-bottom: 0.35rem;
}
.page_creativity .page_creativity_list ul li .item {
  padding: 0.05rem;
  background: #D1BB95;
  border-radius: 0.09rem 0.09rem 0.09rem 0.09rem;
  padding-bottom: 0.13rem;
}
.page_creativity .page_creativity_list ul li .item a .pic {
  border-width: 15px;
  border-style: solid;
  border-image-source: url("../img/images/page_creativity_list_item_border.png");
  border-image-slice: 15 fill;
  border-image-repeat: stretch;
  margin-bottom: 0.13rem;
}
.page_creativity .page_creativity_list ul li .item a .pic .img-box {
  border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
  padding-bottom: 85.71428571%;
}
.page_creativity .page_creativity_list ul li .item a .tit {
  padding-left: 0.15rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #66452E;
  height: 0.5rem;
  margin-bottom: 0.05rem;
}
.page_creativity .page_creativity_list ul li .item a .subtit {
    display: none;
  padding-left: 0.15rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  line-height: 0.19rem;
  margin-bottom: 0.03rem;
}
.page_creativity .page_creativity_list ul li .item a .price {
  padding-right: 0.15rem;
  display: flex;
  justify-content: flex-end;
  font-weight: bold;
  font-size: 0.16rem;
  color: #66452E;
  display: none;
}
.page_creativity .sorter {
  margin-top: 0.35rem;
}
.sorter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sorter .Total {
  font-weight: 400;
  font-size: 0.14rem;
  color: #7D7D7D;
  line-height: 0.28rem;
  margin-right: 0.2rem;
}
.sorter ul {
  display: flex;
  margin-right: 0.2rem;
}
.sorter ul li {
  margin: 0 0.04rem;
}
.sorter ul li a {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 0.14rem;
  color: #9D825A;
  background: #F3F3F3;
  transition: all 0.5s;
}
.sorter ul li a i {
  font-size: 0.16rem;
  color: #9D825A;
  transition: all 0.5s;
}
.sorter ul li a:hover {
  color: #fff;
  background-color: #9D825A;
}
.sorter ul li a:hover i {
  color: #fff;
}
.sorter ul .none a {
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
}
.sorter .change {
  display: flex;
  align-items: center;
}
.sorter .change p {
  font-weight: 400;
  font-size: 0.14rem;
  color: #7D7D7D;
}
.sorter .change .slideBox {
  position: relative;
  margin: 0 0.08rem;
}
.sorter .change .slideBox select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.12rem;
  padding-right: 0.12rem;
  width: 0.6rem;
  height: 0.32rem;
  border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
  border: unset;
  font-weight: 400;
  font-size: 0.12rem;
  color: #9D825A;
  line-height: 0.24rem;
}
.sorter .change .slideBox select span {
  font-weight: 400;
  font-size: 0.12rem;
  color: #9D825A;
}
.sorter .change .slideBox::before {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0.08rem;
  transform: translateY(-50%);
  content: '\e83f';
  font-family: iconfont;
  font-size: 0.16rem;
  color: #7D7D7D;
}
.sorter .change .confirm {
  margin-left: 0.2rem;
}
.sorter .change .confirm a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  line-height: 0.18rem;
  width: 0.72rem;
  height: 0.32rem;
  background: #9D825A;
  border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
}
.inside_page_bg {
  background: url(../img/common/inside_page_bg.jpg);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.inside_page_bg::before {
  content: '';
  width: 10.1rem;
  height: 3.9rem;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(../img/common/inside_page_bg_2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  pointer-events: none;
}
.page_list_heartBook_detail {
  padding: 1rem 0 1.73rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_tit {
  margin-bottom: 0.6rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_tit p {
  font-weight: bold;
  font-size: 0.4rem;
  color: #66452E;
  line-height: 0.57rem;
  text-align: center;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick {
  position: relative;
}

.fancybox-slide--iframe .fancybox-content{
    width: 11rem !important;
    height: 7rem !important;
}
.fancybox-slide video{
    width: auto !important;
    height: 7rem !important;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item {
  display: flex;
  cursor: pointer;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .pic {
  position: relative;
  width: 58.82352941%;
  border-width: 35px;
  border-style: solid;
  border-image-source: url("../img/common/page_list_heartBook_list_item_border.png");
  border-image-slice: 35 fill;
  border-image-repeat: stretch;
  /*cursor: pointer;*/
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .pic .img-box {
  padding-bottom: 60.2739726%;
  border-radius: 0.25rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .pic .icon {
  width: 0.36rem;
  height: 0.36rem;
  background-color: rgba(96, 96, 96, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  bottom: 0.1rem;
  right: 0.1rem;
  z-index: 40;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .pic .icon i {
  font-size: 0.2rem;
  color: #fff;
}
/*.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .pic:hover img {*/
/*  transform: scale(1.1);*/
/*}*/
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox {
  width: 41.17647059%;
  padding-left: 0.6rem;
  padding-top: 0.23rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox ul {
  margin-bottom: 0.25rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox ul li:not(:last-child) {
  margin-bottom: 0.18rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox ul li p {
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.21rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox ul li p span {
  font-family: Microsoft YaHei, Microsoft YaHei;
  color: #66452E;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .introBox {
  width: 100%;
  height: 1.8rem;
  background: rgba(209, 187, 149, 0.19);
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  padding: 0.2rem;
  overflow: auto;
  margin-bottom: 0.24rem;
  text-indent: 0.26rem;
  text-align: justify;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .introBox::-webkit-scrollbar-thumb {
  width: 0.02rem;
  height: 0.87rem;
  background: #9D825A;
  border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .introBox::-webkit-scrollbar {
  width: 0.02rem;
  height: 1.4rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .introBox::-webkit-scrollbar-track {
  background: #FFFFFF;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .introBox p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #333333;
  line-height: 0.28rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .mediaList ul {
  display: flex;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .mediaList ul li:not(:last-child) {
  margin-right: 0.3rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .mediaList ul li .item a {
  display: flex;
  align-items: center;
  width: 1.3rem;
  height: 0.4rem;
  background: url(../img/common/mediaList_item_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  justify-content: center;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .mediaList ul li .item a i {
  color: #fff;
  font-size: 0.22rem;
  margin-right: 0.1rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .mediaList ul li .item a .icon-a-zu19181 {
  font-size: 0.18rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .mediaList ul li .item a span {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.21rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .mediaList ul li .item audio {
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .slick-arrow {
  font-size: 0;
  border: unset;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 90;
  cursor: pointer;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .slick-arrow::before {
  z-index: 80;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 0.44rem;
  height: 0.44rem;
  background: #D1BB95;
  border: 0.01rem solid #FFFFFF;
  border-radius: 50%;
  font-size: 0.24rem;
  color: #fff;
  font-family: iconfont;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .slick-arrow::after {
  z-index: 70;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  background: #D1BB95;
  border-radius: 50%;
  transition: all 0.5s;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .slick-arrow:hover::before {
  background-color: #9d825a;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .slick-arrow:hover::after {
  background-color: #9d825a;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .slick-prev {
  left: -1rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .slick-prev::before {
  content: '\e840';
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .slick-next {
  right: -1rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .slick-next::before {
  content: '\e600';
}
.page_list_study {
  padding: 1rem 0 1.57rem;
}
.page_list_study .page_tit {
  margin-bottom: 0.5rem;
}
.page_list_study .page_list_study_nav {
  margin-bottom: 0.4rem;
}
.page_list_study .page_list_study_nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_list_study .page_list_study_nav ul li {
  margin: 0 0.2rem;
}
.page_list_study .page_list_study_nav ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.54rem;
  height: 0.6rem;
  position: relative;
}
.page_list_study .page_list_study_nav ul li a::before,
.page_list_study .page_list_study_nav ul li a::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  pointer-events: none;
}
.page_list_study .page_list_study_nav ul li a::before {
  opacity: 0;
  background: url(../img/common/page_list_study_nav_active.png);
}
.page_list_study .page_list_study_nav ul li a::after {
  background: url(../img/common/page_list_study_nav_normal.png);
}
.page_list_study .page_list_study_nav ul li a span {
  position: relative;
  z-index: 30;
  transition: all 0.5s;
  font-weight: 600;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.26rem;
}
.page_list_study .page_list_study_nav ul li a:hover::before {
  opacity: 1;
}
.page_list_study .page_list_study_nav ul li a:hover::after {
  opacity: 0;
}
.page_list_study .page_list_study_nav ul li a:hover span {
  color: #fff;
}
.page_list_study .page_list_study_nav ul .active a::before {
  opacity: 1;
}
.page_list_study .page_list_study_nav ul .active a::after {
  opacity: 0;
}
.page_list_study .page_list_study_nav ul .active a span {
  color: #fff;
}
.page_list_study .page_list_study_list > ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.2rem;
}
.page_list_study .page_list_study_list > ul > li {
  width: 50%;
  padding: 0 0.2rem;
  margin-bottom: 0.34rem;
}
.page_list_study .page_list_study_list > ul > li .itemBox {
  padding: 0.15rem;
  background-image: url(../img/common/page_list_study_list_item_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.5s;
}
.page_list_study .page_list_study_list > ul > li .itemBox a {
  display: flex;
  height: 100%;
  width: 100%;
  border-width: 4px;
  border-style: solid;
  border-image-source: url("../img/common/page_list_study_list_item_border.png");
  border-image-slice: 4 fill;
  border-image-repeat: stretch;
  padding: 0.16rem;
}
.page_list_study .page_list_study_list > ul > li .itemBox a .pic {
  width: 2rem;
  flex-shrink: 0;
}
.page_list_study .page_list_study_list > ul > li .itemBox a .pic .img-box {
  padding-bottom: 140%;
}
.page_list_study .page_list_study_list > ul > li .itemBox a .infobox {
  padding-left: 0.3rem;
  padding-top: 0.25rem;
}
.page_list_study .page_list_study_list > ul > li .itemBox a .infobox .tit {
  margin-bottom: 0.16rem;
}
.page_list_study .page_list_study_list > ul > li .itemBox a .infobox .tit p {
  font-weight: 500;
  font-size: 0.2rem;
  color: #2A2A2A;
}
.page_list_study .page_list_study_list > ul > li .itemBox a .infobox ul li:not(:last-child){
    margin-bottom: .18rem;
}
.page_list_study .page_list_study_list > ul > li .itemBox a .infobox ul li p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #818181;
}
.page_list_study .page_list_study_list > ul > li .itemBox a .infobox ul li p span {
  color: #333333;
}
.page_list_study .page_list_study_list > ul > li .itemBox:hover {
  box-shadow: 0rem 0rem 0.08rem 0.01rem rgba(157, 130, 90, 0.66);
}
.page_list_study .page_list_study_list > ul > li .itemBox:hover img{
    transform: scale(1.1);
}
.page_list_study .page_list_study_table {
  padding-bottom: 0.7rem;
  background-color: #F8F6F4;
}
.page_list_study .page_list_study_table table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 0.1rem 0.1rem 0rem 0rem;
  overflow: hidden;
}
.page_list_study .page_list_study_table table thead {
  background: #DAC392;
  height: 0.5rem;
}
.page_list_study .page_list_study_table table thead th {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #66452E;
}
.page_list_study .page_list_study_table table tbody {
  background-color: #F8F6F4;
}
.page_list_study .page_list_study_table table tbody tr {
  position: relative;
}
.page_list_study .page_list_study_table table tbody tr::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 1px;
  border-bottom: 1px dashed #DAC392;
}
.page_list_study .page_list_study_table table tbody td {
  text-align: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
  padding: 0.2rem;
}
.page_list_study .page_list_study_table table tbody td:nth-child(1) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #9D825A;
}
.page_list_study .sorter {
  margin-top: 0.84rem;
}
.page_list_aesthetic {
  padding: 1rem 0 1.57rem;
}
.page_list_aesthetic .page_tit {
  margin-bottom: 0.5rem;
}
.page_list_aesthetic .page_list_aesthetic_list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0.1rem;
}
.page_list_aesthetic .page_list_aesthetic_list ul li {
  margin-bottom: 0.3rem;
  width: 33.333%;
  padding: 0 0.1rem;
}
.page_list_aesthetic .page_list_aesthetic_list ul li .item a .pic {
  transition: all 0.4s;
  border-width: 20px;
  border-style: solid;
  border-image-source: url("../img/common/page_list_aesthetic_border.png");
  border-image-slice: 20 fill;
  border-image-repeat: stretch;
  border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  overflow: hidden;
  margin-bottom: 0.15rem;
}
.page_list_aesthetic .page_list_aesthetic_list ul li .item a .pic .img-box {
  padding-bottom: 60%;
  border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
}
.page_list_aesthetic .page_list_aesthetic_list ul li .item a .tit p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #66452E;
  text-align: center;
}
.page_list_aesthetic .page_list_aesthetic_list ul li .item a:hover .pic {
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.1);
}
.page_list_aesthetic .page_list_aesthetic_list ul li .item a:hover img {
  transform: scale(1.1);
}
.page_list_aesthetic .sorter {
  margin-top: 0.52rem;
}
.page_list_aesthetic_detail {
  padding-top: 1rem;
  padding-bottom: 1.4rem;
}
.page_list_aesthetic_detail .tit {
  font-weight: bold;
  font-size: 0.4rem;
  color: #66452E;
  line-height: 0.4rem;
  text-align: center;
  margin-bottom: 0.34rem;
}
.page_list_aesthetic_detail .time {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.43rem;
}
.page_list_aesthetic_detail .time .l,
.page_list_aesthetic_detail .time .r {
  width: 5.96rem;
  height: 0.14rem;
  background-repeat: no-repeat;
}
.page_list_aesthetic_detail .time .l {
  background-position: center right;
}
.page_list_aesthetic_detail .time span {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #555555;
  line-height: 0.21rem;
  margin: 0 0.3rem;
  white-space: nowrap;
}
.page_list_aesthetic_detail .contentBox {
  padding: 0 1.4rem;
}
.page_list_aesthetic_detail .contentBox p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.34rem;
  text-indent: 0.4rem;
}
.page_list_aesthetic_detail .contentBox img{
    max-width: 100%;
        display: block;
}
.page_list_aesthetic_detail .pageChange {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
}
.page_list_aesthetic_detail .pageChange .prev a,
.page_list_aesthetic_detail .pageChange .next a {
  display: flex;
  align-items: center;
}
.page_list_aesthetic_detail .pageChange .prev a span,
.page_list_aesthetic_detail .pageChange .next a span {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  transition: all 0.5s;
  color: #9D825A;
}
.page_list_aesthetic_detail .pageChange .prev a i,
.page_list_aesthetic_detail .pageChange .next a i {
  color: #9D825A;
  font-size: 0.16rem;
  transition: all 0.5s;
}
.page_list_aesthetic_detail .pageChange .prev a:hover span,
.page_list_aesthetic_detail .pageChange .next a:hover span,
.page_list_aesthetic_detail .pageChange .prev a:hover i,
.page_list_aesthetic_detail .pageChange .next a:hover i {
  color: #D1BB95;
}
.page_list_aesthetic_detail .pageChange .prev {
  padding-right: 0.3rem;
  border-right: 1px solid #BDA679;
}
.page_list_aesthetic_detail .pageChange .prev a::before {
  margin-right: 0.1rem;
  content: '';
  width: 5.51rem;
  height: 0.01rem;
  background: linear-gradient(315deg, #BDA679 0%, rgba(189, 166, 121, 0.52) 73%, rgba(189, 166, 121, 0) 100%);
  border-radius: 0rem 0rem 0rem 0rem;
}
.page_list_aesthetic_detail .pageChange .prev a i {
  margin-left: 0.1rem;
}
.page_list_aesthetic_detail .pageChange .next {
  padding-left: 0.3rem;
}
.page_list_aesthetic_detail .pageChange .next a i {
  margin-right: 0.1rem;
}
.page_list_aesthetic_detail .pageChange .next a::after {
  margin-left: 0.1rem;
  content: '';
  width: 5.51rem;
  height: 0.01rem;
  background: linear-gradient(45deg, #BDA679 0%, rgba(189, 166, 121, 0.52) 73%, rgba(189, 166, 121, 0) 100%);
  border-radius: 0rem 0rem 0rem 0rem;
}
.page_list_message {
  padding-top: 1rem;
  padding-bottom: 1.4rem;
}
.page_list_message .page_tit {
  margin-bottom: 0.4rem;
}
.page_list_message .page_list_message_intro {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.34rem;
  text-align: center;
  margin-bottom: 0.45rem;
}
.page_list_message .page_list_message_search {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.6rem;
}
.page_list_message .page_list_message_search form {
  width: 10.8rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
  border-radius: 0.05rem;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 0.2rem;
}
.page_list_message .page_list_message_search form input {
  width: 9.7rem;
  height: 0.44rem;
  background: rgba(228, 216, 195, 0.12);
  border-radius: 0.05rem 0rem 0rem 0.05rem;
  border: 0.01rem solid #9D825A;
  padding-left: 0.2rem;
}
.page_list_message .page_list_message_search form input::placeholder {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.21rem;
}
.page_list_message .page_list_message_search form button {
  width: 1.1rem;
  height: 0.44rem;
  background: #9D825A;
  border-radius: 0rem 0.05rem 0.05rem 0rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border: unset;
}
.page_list_message .page_list_message_search a {
  border-radius: 0rem 0.05rem 0.05rem 0rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  width: 1.2rem;
  height: 0.44rem;
  background: #9D825A;
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_list_message .page_list_message_list {
  padding: 0.5rem 0.7rem 0.8rem;
  background: #F8F6F4;
  margin-bottom: 1rem;
}
.page_list_message .page_list_message_list .tit {
  background-image: url(../img/common/page_list_message_list_tit.png);
  width: 2rem;
  height: 0.5rem;
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  line-height: 0.24rem;
}
.page_list_message .page_list_message_list > ul > li {
  padding: 0.3rem 0;
  border-bottom: 1px dashed #9D825A;
}
.page_list_message .page_list_message_list > ul > li .item .info .t {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
}
.page_list_message .page_list_message_list > ul > li .item .info .t .name,
.page_list_message .page_list_message_list > ul > li .item .info .t .time {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #999999;
  line-height: 1;
}
.page_list_message .page_list_message_list > ul > li .item .info .t .name {
  padding-right: 0.2rem;
  border-right: 1px solid #999;
  margin-right: 0.2rem;
}
.page_list_message .page_list_message_list > ul > li .item .info .intro {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.3rem;
  margin-bottom: 0.2rem;
}
.page_list_message .page_list_message_list > ul > li .item .info .Reply p {
  font-family: Microsoft YaHei,
                                Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #9D825A;
  line-height: 0.34rem;
}
.page_list_message .page_list_message_list > ul > li .item .info .Reply p i {
  margin-right: 0.1rem;
}
.page_list_contact {
  padding-top: 1rem;
  padding-bottom: 1.4rem;
}
.page_list_contact .page_tit {
  margin-bottom: 0.5rem;
}
.page_list_contact .contact_main {  position: relative;
z-index: 99;
  width: 100%;
  padding-top: 0.8rem;
  padding-bottom: 1rem;
  background: #F8F6F4;
}
.page_list_contact .contact_main form {
  width: 4.8rem;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}
.page_list_contact .contact_main form .inputGroup {
  margin-bottom: 0.2rem;
  position: relative;
}
.page_list_contact .contact_main form .inputGroup > label {
  position: absolute;
  top: 0.1rem;
  transform: translateX(-110%);
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #9D825A;
  line-height: 0.21rem;
}
.page_list_contact .contact_main form .inputGroup > label span {
  color: red;
  margin-right: 0.04rem;
}
.page_list_contact .contact_main form .inputGroup > input {
  width: 100%;
  height: 0.44rem;
  background: rgba(228, 216, 195, 0.12);
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  border: 0.01rem solid #9D825A;
  padding-left: 0.15rem;
}
.page_list_contact .contact_main form .inputGroup > input::placeholder {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.21rem;
}
.page_list_contact .contact_main form .inputGroup .radiobox {
  display: flex;
  align-items: center;
  height: 0.44rem;
}
.page_list_contact .contact_main form .inputGroup .radiobox .radioboxGroup {
  display: flex;
  align-items: center;
  margin-right: 0.25rem;
}
.page_list_contact .contact_main form .inputGroup .radiobox .radioboxGroup input {
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 0.06rem;
  position: relative;
}
.page_list_contact .contact_main form .inputGroup .radiobox .radioboxGroup input::before {
  background-color: rgba(0, 0, 0, 0);
  content: '';
  width: 0.14rem;
  height: 0.14rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #999999;
  line-height: 0.14rem;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.01rem solid #9D825A;
  border-radius: 50%;
}
.page_list_contact .contact_main form .inputGroup .radiobox .radioboxGroup input:checked::before {
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}
.page_list_contact .contact_main form .inputGroup .radiobox .radioboxGroup input:checked:after {
  content: '';
  width: 0.08rem;
  height: 0.08rem;
  text-align: center;
  background-color: #9D825A;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page_list_contact .contact_main form .inputGroup .radiobox .radioboxGroup label {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.21rem;
}
.page_list_contact .contact_main form .inputGroup > textarea {
  width: 100%;
  height: 2.86rem;
  background: rgba(228, 216, 195, 0.12);
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  border: 0.01rem solid #9D825A;
  padding: 0.12rem 0.15rem;
}
.page_list_contact .contact_main form .inputGroup > textarea::placeholder {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.21rem;
}
.page_list_contact .contact_main form .buttonGroup {
  display: flex;
  align-items: center;
}
.page_list_contact .contact_main form .buttonGroup button {
  margin-right: 0.6rem;
}
.page_list_contact .contact_main form .buttonGroup button,
.page_list_contact .contact_main form .buttonGroup a {
  width: 1.3rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: unset;
  cursor: pointer;
}
.page_list_contact .contact_main form .buttonGroup button span,
.page_list_contact .contact_main form .buttonGroup a span {
  position: relative;
  z-index: 30;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.21rem;
  margin-left: 0.17rem;
}
.page_list_contact .contact_main form .buttonGroup button i,
.page_list_contact .contact_main form .buttonGroup a i {
  position: relative;
  z-index: 30;
  font-size: 0.16rem;
  color: #fff;
}
.page_list_contact .contact_main form .buttonGroup button::before,
.page_list_contact .contact_main form .buttonGroup a::before,
.page_list_contact .contact_main form .buttonGroup button::after,
.page_list_contact .contact_main form .buttonGroup a::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.page_list_contact .contact_main form .buttonGroup button::before,
.page_list_contact .contact_main form .buttonGroup a::before {
  background-image: url(../img/common/buttonGroup_normal.png);
}
.page_list_contact .contact_main form .buttonGroup button::after,
.page_list_contact .contact_main form .buttonGroup a::after {
  opacity: 0;
  background-image: url(../img/common/buttonGroup_active.png);
}
.page_list_contact .contact_main form .buttonGroup button:hover::after,
.page_list_contact .contact_main form .buttonGroup a:hover::after {
  opacity: 1;
}
.page_list_contact .contact_main form .buttonGroup button:hover::before,
.page_list_contact .contact_main form .buttonGroup a:hover::before {
  opacity: 0;
}
.page_list_contact .tips {
  width: 9.9rem;
  margin: 0 auto;
  border-width: 4px;
  border-style: solid;
  border-image-source: url("../img/common/contact_main_tips_bg.png");
  border-image-slice: 4 fill;
  border-image-repeat: stretch;
  padding: 0.33rem 0.35rem;
}
.page_list_contact .tips .tit {
  display: flex;
  align-items: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.21rem;
  margin-bottom: 0.2rem;
}
.page_list_contact .tips .tit i {
  color: #9D825A;
  font-size: 0.26rem;
  margin-right: 0.14rem;
}
.page_list_contact .tips .contentBox {
  padding-left: 0.4rem;
}
.page_list_contact .tips .contentBox p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #666666;
  line-height: 0.3rem;
}

.my_change{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 19.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.6rem;
    z-index: -1;
}

.my_change a{
    width: fit-content;
    height: fit-content;
}


.change_next,
.change_prev{
    width: 0.5rem;
    height: 0.5rem;
    background-image: url('/assets/img/imgs/next.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: 0.3s;
}

.change_prev{
    transform: rotate(180deg);
}

.change_prev:hover{
    transform: rotate(0);
    background-image: url('/assets/img/imgs/prev.png');
}
.change_next:hover{
    background-image: url('/assets/img/imgs/prev.png');
    transform: rotate(180deg);
}

.mySwiper .swiper-slide{
    overflow: hidden;
}

.mySwiper .swiper-slide img{
    transition: 0.5s;
}

.mySwiper .swiper-slide:hover img{
    transform: scale(1.1);
}
.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{
    color: #9D825A;
}
.mySwiper .swiper-button-next:after, .mySwiper .swiper-button-prev:after{
        font-size: .36rem !important;
}
.my_pagination{
    z-index: 999;
    display: flex;
    bottom: -0.8rem !important;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    
}

.my_btn{
    display: block;
    width: 0.15rem;
    height: 0.15rem;
    border-radius: 50%;
    background: rgba(209, 187, 149, 1);
    opacity: 0.8;
    transition: 0.3s;
    cursor: pointer;
}

.my_btn_active{
    background: #66452E;
}

@media only screen and (max-width: 768px) {
    .page_list_aesthetic_detail .contentBox{
        padding: 0 0.3rem;
        
    }
    .page_list_aesthetic_detail .contentBox img {
        /*object-fit: contain;*/
        height: auto !important;
    }
.page_tit span{
    white-space: nowrap;
    margin: 0 0.1rem;
    font-size: 0.48rem;
}
.page_list_message .page_list_message_intro{
    font-size: 0.22rem;
}
.my_change{
        top: 42.8%;
}
.page_list_message .page_list_message_search form{
    width: 70%;
}
.page_list_message .page_list_message_search a{
    font-size: 0.22rem;
}
.page_list_message .page_list_message_search form input{
    width: 100%;
}
.page_list_message .page_list_message_search form button{
    font-size: 0.22rem;
}
.page_list_message .page_list_message_search form input::placeholder{
  font-size: 0.22rem;
} 
.page_list_message .page_list_message_list{
    padding: 0.5rem 0.5rem 0.8rem;
}

.page_list_message .page_list_message_list .tit{
    font-size: 0.22rem;
}
.page_list_message .page_list_message_list > ul > li .item .info .t .name, .page_list_message .page_list_message_list > ul > li .item .info .t .time{
    font-size: 0.22rem;
}
.page_list_message .page_list_message_list > ul > li .item .info .intro{
    font-size: 0.22rem;
    line-height: 0.45rem;
}
.page_list_message .page_list_message_list > ul > li .item .info .Reply p{
    font-size: 0.2rem;
}
.page_list_heartBook .page_list_heartBook_select, .page_creativity .page_list_heartBook_select{
    padding: 0.4rem;
}
.page_creativity .page_creativity_list ul li{
    width: 50%;
}
.page_creativity .page_creativity_list ul li .item a .tit{
    font-size: 0.24rem;
}
.page_creativity .page_creativity_list ul li .item a .subtit{
    font-size: 0.22rem;
}
.page_creativity .page_creativity_list ul li .item a .price{
    font-size: 0.24rem;
}
.page_list_aesthetic .page_list_aesthetic_list ul li{
    width: 50%;
}
.page_list_aesthetic .page_list_aesthetic_list ul li .item a .tit p{
    font-size: 0.24rem;
}
.page_list_study .page_list_study_list > ul > li .itemBox a{
    display: block;
    height: 7.2rem;
}
.page_list_study .page_list_study_list > ul > li .itemBox a .pic{
    width: 100%;
}
.page_list_study .page_list_study_list > ul > li .itemBox a .infobox{
    padding-left: 0;
}
.page_list_study .page_list_study_list > ul > li .itemBox a .infobox .tit p{
    font-size: 0.24rem;
}
.page_list_study .page_list_study_list > ul > li .itemBox a .infobox ul li p{
    font-size: 0.22rem;
}
.page_list_study .page_list_study_list > ul > li .itemBox a .infobox ul li p span{
    font-size: 0.22rem;
}
.page_list_study .page_list_study_nav ul li a::after {
    background-size: contain;
}
.page_list_study .page_list_study_nav ul li a span{
    font-size: 0.24rem;
}
.page_list_heartBook .page_list_heartBook_select .type form input, .page_creativity .page_list_heartBook_select .type form input{
    width: 50%;
}
.page_list_heartBook .page_list_heartBook_select .type form button, .page_creativity .page_list_heartBook_select .type form button{
    font-size: 0.24rem;
}
.page_list_heartBook .page_list_heartBook_list ul li, .page_creativity .page_list_heartBook_list ul li{
    width: 50%;
}
.page_list_heartBook .page_list_heartBook_list ul li .item a .tit, .page_creativity .page_list_heartBook_list ul li .item a .tit{
    font-size: 0.24rem;
    line-height: .4rem;
}
.inside_page_bg::before {
    width: 100%;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item{
    display: block;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .pic{
    width: 100%;
}

.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox{
    width: 85%;
  padding-left: 0;
  margin: 0 auto;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox ul li p{
    font-size: 0.24rem; line-height: 0.45rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox ul li p span{
    font-size: 0.24rem; line-height: 0.45rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .introBox{
    height: auto;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .introBox p{
    font-size: 0.24rem;
    line-height: 0.45rem;
}
.page_list_heartBook_detail .page_list_heartBook_detail_slick .item .infobox .mediaList ul li .item a span{
    font-size: 0.2rem;
}
.page_list_aesthetic_detail .time span{
    font-size: 0.2rem;
}
.page_list_aesthetic_detail .contentBox p{
    font-size: 0.24rem;
    line-height:0.45rem;
}
.page_list_aesthetic_detail .pageChange .prev a span, .page_list_aesthetic_detail .pageChange .next a span{
    font-size: 0.24rem;
}
.page_list_aesthetic_detail .pageChange .next a::after {
    width: 0.5rem;
}
.page_list_aesthetic_detail .pageChange .prev a::before {
    width: 0.5rem;
}


.page_level2{
    display: block;
}
.page_level2 .page_level2_leftBox{
    width: 100%;
}
.page_level2 .page_level2_leftBox .logo{
    width: 70%;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: .5rem;
}
.page_level2 .page_level2_leftBox .page_tit{
   writing-mode: unset;
}
.page_level2 .page_level2_rightBox .contentBox{
    padding: 0.6rem 0.4rem 0.47rem;
}
.page_level2 .page_level2_rightBox{
    width: 100%;
    padding: 0 0.3rem;
    padding-bottom: .5rem;
}
.page_level2 .page_level2_rightBox .contentBox p{
    font-size: 0.24rem;
    line-height: .45rem;
}

.page_level2 .page_level2_rightBox .menu ul{
    justify-content: flex-start;
}
.page_level2 .page_level2_rightBox .menu ul li .item a::before{
    transform: translateY(0rem);
    background-size: cover;
}
.page_level2 .page_level2_rightBox .contentBox2 p{
    font-size: 0.24rem;
    line-height: 0.45rem;
}
.page_level2 .page_level2_rightBox .nav ul{
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    display: block;
}
.page_level2 .page_level2_rightBox .nav ul li{
   padding: 0.3rem;
    width: 50%;
    float: left;
    margin-bottom: .5rem;
}
.page_level2 .page_level2_rightBox .nav{
    padding-bottom: 0;
}
.page_list_heartBook .page_list_heartBook_intro, .page_creativity .page_list_heartBook_intro{
    padding: 0.4rem;
}
.page_list_heartBook .page_list_heartBook_intro p, .page_creativity .page_list_heartBook_intro p{
    font-size: 0.24rem;
    line-height: 0.45rem;
}
.page_level2 .page_level2_rightBox .menu ul li{
    margin-top: .5rem;
}
.page_index .index_main .index_main_fix{
    width: 100%;
}
.page_index .index_main .index_main_shutters{
    display: none;
}
.page_index .index_main .index_main_fix .menu ul li{
    width: 20%;
}
.page_index .index_main .index_main_fix .menu ul li .item a .tit{
    font-size: 0.24rem;
}
.page_index .index_head{
    display: none;
}
.page_list_heartBook .page_list_heartBook_select .type > ul > li > ul, .page_creativity .page_list_heartBook_select .type > ul > li > ul{
    row-gap: 0.1rem;
}
}