.head {
    display: flex;
    width: 100%;
    height: 1rem;
    padding: 0.2rem;
    justify-content: space-between;
    box-sizing: border-box;
}
.head .head_img {
    width: 2.94rem;
    height: 0.47rem; 
}
.head img {
    width: 100%;
    height: 100%;
}

.nav {
    width: 1.26rem;
    height: 0.5rem;
    border-radius: 0.25rem;
    border: 0.02rem solid #DCDCDC; 
}
.nav span {
  width: 0.48rem;  
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.24rem;
  color: #222222;
  margin-left: 0.26rem;
  margin-right: 0.04rem;
}
.nav img {
    width: 0.22rem;
    height: 0.13rem;
}

.bannar {
    width: 100%;
    height: 3.48rem;
    background: url(../img/family/banner_jtjy@2x.png)center/cover;
}
.background_box {
    width: 100%;
    height: 6.79rem;
    background: linear-gradient(180deg, #FFFBF6 0%, #FEF5EA 100%);
    padding-top: 0.22rem;
    box-sizing: border-box;
}
.background_box .background_title {
    width: 6.24rem;
    height: 1.33rem;
    margin: 0 auto;
    background: url(../img/family/title_1@2x.png)center/cover;
}
.background_box .swiper-container{
    width: 100%;
    height: 5.14rem;
    display: flex;
 }

.background_box .swiper-container .swiper-slide {
    width: 5.58rem;
    height: 5.14rem;
 }
 .background_box .background_item {
    width: 5.58rem;
    height: 4.14rem;
    margin-top: 0.34rem;
    background: #fff;
    box-shadow: 0px 0.11rem 0.15rem 0px rgba(214,175,128,0.15);
    border-radius: 0.16rem;
    padding: 0.36rem 0.39rem;
    box-sizing: border-box;
 }
 .background_box .background_item img {
    display: flex;
    width: 0.86rem;
    height: 0.86rem;
    margin: auto;
 }
 .background_item span {
    display: flex;
    color: #666;
    font-size: 0.24rem;
    line-height: 0.36rem;
 }
.background_item .item_title {
    display: block;
    color: #222;
    font-weight: 800;
    font-size: 0.28rem;
    text-align: center;
    margin-top: 0.23rem;
    margin-bottom: 0.2rem;
 }
.background_box .swiper-pagination {
    bottom: 0.15rem;
    cursor: pointer;
}
.background_box .swiper-pagination .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    margin-left: 0.03rem;
    margin-right: 0.03rem;
    border-radius: 0.05rem;
    background: #F5DFB7;
    opacity: 10;
}

.background_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.23rem;
    height: 0.1rem;
    border-radius: 0.05rem;
    background: #F5DFB7;
}
.part02_box {
    width: 100%;
    height: 6.85rem;
    padding-top: 0.48rem;
    background: #fff;
    box-sizing: border-box;
}
.part02_box .part02_title {
    width: 6.25rem;
    height: 1.03rem;
    margin: 0 auto;
    background: url(../img/family/title_2@2x.png)center/cover;
}

.part02_box .part02_content {
    width: 6.46rem;
    height: 4.65rem;
    margin: 0 auto;
    background: url(../img/family/part_bj@2x.png)center/cover; 
    margin-top: 0.33rem; 
    position: relative;
}
.part02_content span {
    position: absolute;
    background: #FFFFFF;
    box-shadow: -0.08rem 0.1rem 0.14rem 0px rgba(255,225,218,0.32);
    border-radius: 0.6rem;
    border: 0.02rem solid rgba(245,104,74,0.17);
    line-height: 0.7rem;
    text-align: center;
    font-size: 0.25rem;
    height: 0.67rem;
    color: #000;
    font-weight: bold;
}
.part02_content .content01 {
    left: -0.29rem;
    top: 0.76rem;
    width: 2.73rem;
}
.part02_content .content02 {
    left: 2.85rem;
    top: 0.42rem;
    width: 3.5rem;

}
.part02_content .content03 {
    left: 0.12rem;
    top: 2.13rem;
    width: 1.66rem;
}
.part02_content .content04 {
    left: 3.63rem;
    top: 1.84rem;
    width: 2.47rem;
}
.part02_content .content05 {
    left: 2.85rem;
    top: 3.47rem;
    width: 2.80rem;
}
.part03_box {
    width: 100%;
    height: 10.6rem;
    padding-top: 0.35rem;
    box-sizing: border-box;
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
}

.part03_box .part03_title {
    width: 4.14rem;
    height: 0.88rem;
    margin: 0 auto;
    background: url(../img/family/title_3@2x.png)center/cover;
}
.title_line {
    width: 0.24rem;
    height: 0.04rem;
    background: #FF5F38;
    margin: 0 auto;
    margin-top: 0.05rem;
}

.part03_box .part03_content {
    display: flex;
    width: 100%;
    height: 9.04rem;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.36rem 0.32rem;
    box-sizing: border-box;

}

.part03_content .part03_item {
    width: 3.32rem; 
    height: 2rem;
    padding-top: 0.29rem;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 0.06rem 0.11rem 0px rgba(111,132,166,0.08);
    border-radius: 0.1rem;
    text-align: center;
    margin-bottom: 0.18rem;
}
.part03_item img {
    width: 0.76rem;
    height: 0.76rem;
    
}
.part03_item span {
    display: block;
    color: #222;
    font-size: 0.24rem;
    line-height: 0.32rem;
    font-weight: 800;
    margin-top: 0.1rem;
}

.part04_box {
    width: 100%;
    height: 7.47rem;
    padding-top: 0.45rem;
    box-sizing: border-box;
    background: url(../img/family/bj_01@2x.png)center/cover;
}
.part04_box .part04_title {
    width: 3.5rem;
    height: 0.88rem;
    margin: 0 auto;
    background: url(../img/family/title_4@2x.png)center/cover;
}

.part04_box .swiper-container {
    width: 100%;
    height: 5.36rem;
    display: flex;
    margin-top: 0.46rem;
}

.part04_box .swiper-container .swiper-slide {
    width: 4.34rem;
    height: 5.16rem;
 }

.part04_item {
    width: 4.34rem;
    height: 4.66rem;
    background: #FFFFFF;
    border-radius: 0.12rem;
    padding: 0.32rem 0.36rem;
    box-sizing: border-box;
}
.part04_item img {
    display: flex;
    width: 1.36rem;
    height: 1.36rem;
    margin: auto;
 }
.part04_item span {
    display: flex;
    color: #222;
    font-size: 0.24rem;
    line-height: 0.36rem;
}
.part04_item .item_title {
    display: block;
    color: #222;
    font-weight: 800;
    font-size: 0.3rem;
    text-align: center;
    margin-top: 0.23rem;
    margin-bottom: 0.2rem;
 }
.part04_box .swiper-pagination {
    bottom: 0.1rem;
    cursor: pointer;
}
.part04_box .swiper-pagination .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    margin-left: 0.03rem;
    margin-right: 0.03rem;
    border-radius: 0.05rem;
    opacity: 10;
    background: rgba(255,255,255,0.7);  
}

.part04_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.23rem;
    height: 0.1rem;
    border-radius: 0.05rem;
    background: #fff
}

.part05_box{
    width: 100%;
    height: auto;
    padding-top: 0.48rem;
    box-sizing: border-box;
    background: #F4F4F4;
}

.part05_box .part05_title {
    width: 4.06rem;
    height: 0.88rem;
    margin: 0 auto;
    background: url(../img/family/title_5@2x.png)center/cover;
}
.part05_box .part05_content {
    width: 7.08rem;
    height: auto;
    background: #fff;
    border-radius: 0.12rem;
    box-shadow: 0px 0.06rem 0.18rem 0px #EAEBEF;
    padding: 0.25rem;
    box-sizing: border-box;
    margin: auto;
    margin-top: 0.25rem;
    position: relative;
}
.part05_box .part05_top {
    width: 6.52rem;
    height: 0.81rem;

}
.part05_top span {
    display: block;
    color: #BCBCBC;
    font-size: 0.28rem;
    font-weight: 500;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
}
.part05_box .part05_left {
    float: left;
    width: 3.26rem;
    height: 0.7rem;
    background: #F2F2F2;
    border-radius: 0.08rem 0 0 0.08rem;
    cursor: pointer;
}
.part05_box .part05_left.choose {
    height: 0.81rem;
    background: url(../img/family/zyjn@2x.png) center/cover;
}
.part05_box .part05_left.choose span {
    color: #fff;
    font-weight: bold;
}
.part05_box .part05_right.choose {
    height: 0.81rem;
    background: url(../img/family/zyjn_01@2x.png) center/cover;
}

.part05_box .part05_right.choose span {
    color: #fff;
    font-weight: bold;
}
.part05_box .part05_right {
    float: left;
    width: 3.26rem;
    height: 0.7rem;
    background: #F2F2F2;
    border-radius: 0 0.08rem 0.08rem 0;
    cursor: pointer;
    float: right;
}
.change_view {
    width: 100%;
    height: auto;
}
.part_section  {
    width: 100%;
    display: none;
}
.part_section.selected {
    display: block;
}
.content_title {
    width: 100%;
    text-align: center;
    margin-top: 0.35rem;
    margin-bottom: 0.26rem;
}
.content_title span {
    color: #39261F;
    font-size: 0.22rem;
    font-weight: bold;
}
.part05_item {
    width: 6.56rem;
    height: 1.1rem;
    margin: auto;
    display: flex;
    background: #F4F8FF;
    position: relative;
    margin-bottom: 0.02rem;
}
.part05_item img {
    width: 0.24rem;
    height: 0.24rem;
    margin: 0.25rem 0.07rem 0 0.27rem;
}

.part05_item .item_content01 {
    color: #39261F;
    font-weight: bold;
    font-size: 0.26rem;
    position: absolute;
    left: 0.6rem;
    top: 0.18rem;
}
.part05_item .item_content02 {
    position: absolute;
    color: #39261F;
    font-size: 0.22rem;
    left: 0.24rem;
    top: 0.58rem;
}

.part05_box .class_schedule {
    width: 100%;
    height: 6.09rem;
    padding-top: 0.49rem;
    box-sizing: border-box;
}
.class_schedule .class_schedule_title {
   text-align: center;
}
.class_schedule .class_schedule_title span {
    color: #000; 
    font-weight: 800;
    font-size: 0.3rem;
    position: relative;
}
.class_schedule .class_schedule_title span::before {
    content: '';
    position: absolute;
    width: 0.3rem;
    height: 0.05rem;
    background: linear-gradient(270deg,#373737 0%,#FFFFFF 100%);
    border-radius: 0.03rem;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
    left: -0.4rem;
}
.class_schedule .class_schedule_title span::after {
    content: '';
    position: absolute;
    width: 0.3rem;
    height: 0.05rem;
    background: linear-gradient(270deg, #FFFFFF 0%, #373737 100%);
    border-radius: 0.03rem;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
    right: -0.4rem

}
.class_schedule .class_schedule_top {
    width: 6.64rem;
    height: 0.62rem;
    background: #6B92F9;
    text-align: center;
    border-radius: 0.12rem 0.12rem 0 0;
    margin-top: 0.16rem;
}
.class_schedule .class_schedule_top span {
    color: #fff;
    font-size: 0.24rem;
    height: 0.62rem;
    line-height: 0.62rem;
}

.look_detail_bg {
    position: absolute;
    width: 6.64rem;
    height: 2.1rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%,rgba(255, 255, 255, 0.89) 39%, #FFFFFF 100%);
    border-radius: 0px 0px 0.12rem 0.12rem;
    bottom: -0.01rem;
}
.look_detail_bg .look_detail {
    width: 2.46rem;
    height: 0.64rem;
    background: #F86440;
    box-shadow: 0px 0.05rem 0.08rem 0px rgba(255,72,72,0.27);
    border-radius: 0.32rem;
    margin: auto;
    margin-top: 1.09rem;
}
.look_detail_bg .look_detail span {
    color: #fff;
    font-size: 0.25rem;
    font-weight: bold;
    height: 0.64rem;
    line-height: 0.64rem;
    text-align: center;
}
.look_detail_bg .look_detail img {
    width: 0.14rem;
    height: 0.23rem;
    margin-left: 0.1rem;
}
.right_selected {
    display: none;
}
.right_selected.choose {
    display: block;
}

.part06_box {
    width: 100%;
    height: 9.6rem;
    padding-top:0.31rem;
    box-sizing: border-box;
    background: linear-gradient(180deg, #F4F4F4 0%, #FFFFFF 100%);
}
.part06_box .part06_title {
    width: 3.32rem;
    height: 0.88rem;
    margin: 0 auto;
    background: url(../img/family/title_6@2x.png)center/cover;
}

.part06_box .swiper-container {
    display: flex;
    width: 100%;
    height: 8.2rem;
    margin-top: 0.38rem;
}
.part06_box .part06_item {
    width: 7.06rem;
    height: 7.15rem;
    background: #fff;
    box-shadow: 0px 0.06rem 0.18rem 0px #EAEBEF;
    border-radius: 0.12rem;
    padding: 0.2rem 0.11rem 0.2rem 0.2rem;
    box-sizing: border-box;
    margin: 0 auto;
}
.part06_item .professor_item {
    width: 100%;
    height: 2.16rem;
    margin: auto;
    border-bottom: 0.02rem solid #EFEFEF;
    margin-bottom: 0.2rem;
}
.part06_item .professor_item:last-child {
    border-bottom: 0.02rem solid #fff;
}
.part06_item .professor_item img {
    float: left;
    width: 1.54rem;
    height: 1.98rem;
}
.part06_item .professor_item span {
    display: flex;
    color: #222;
    font-size: 0.22rem;
    line-height: 0.36rem;
    margin-left: 1.75rem;
}
.part06_item .professor_item .professor_name {
    color: #222;
    font-weight: bold;
    font-size: 0.28rem;
    line-height: 0.5rem;
    margin-left: 1.9rem;
    position: relative;
}

.part06_item .professor_item .professor_name::before {
    content: '';
    position: absolute;
    width: 0.04rem;
    height: 0.2rem;
    background: linear-gradient(180deg, #FF5F38 0%, #FFBFB0 100%);
    border-radius: 0.02rem;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
    left: -0.1rem;
}
.part06_box .swiper-pagination {
    bottom: 0.5rem;
    cursor: pointer;
}
.part06_box .swiper-pagination .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    margin-left: 0.03rem;
    margin-right: 0.03rem;
    border-radius: 0.05rem;
    opacity: 10;
    background: #EBEAEA;  
}

.part06_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.23rem;
    height: 0.1rem;
    border-radius: 0.05rem;
    background: #CBCBCB
}



.part07_box {
    width: 100%;
    height: 10.36rem;
    background: url(../img/family/bj_02@2x.png)center/cover;
    padding-top: 0.4rem;
    box-sizing: border-box;
}
.part07_box .part07_title {
    width: 3.32rem;
    height: 0.88rem;
    background: url(../img/family/title_7@2x.png)center/cover;
    margin: auto;
}
.part07_box .part07_eq {
    width: 5.72rem;
    height: 0.6rem;
    margin: auto;
    margin-top: 0.23rem;
}
.part07_box .part07_eq span {
    display: flex;
    color: #39261F;
    font-size: 0.22rem;
    text-align: center;
    line-height: 0.3rem;
}
.part07_box .part07_content {
    background: url(../img/family/zsbj@2x.png)center/cover;
    width: 6.82rem;
    height: 5.9rem;
    margin: auto;
    margin-top: 1.92rem;
    padding: 2.05rem 0.33rem 0.4rem 0.33rem;
    box-sizing: border-box;
    position: relative;
}
.part07_box .part07_content span {
    display: flex;
    color: #fff;
    font-size: 0.24rem;
    line-height: 0.34rem;
    margin-top: 0.2rem;
}
.part07_box .part07_cer {
    display: flex;
    position: absolute;
    width: 4.84rem;
    height: 3.37rem;
    background: url(../img/family/zs@2x.png)center/cover;
    top:-1.5rem;
    left: 50%;
    transform: translateX(-50%);
}

.part08_box {
    width: 100%;
    height: 11.24rem;
    background: url(../img/family/bj_03@2x.png) center/cover;
    padding-top: 0.39rem;
    box-sizing: border-box;
    overflow: hidden;
  }
  
.part08_box .part08_title {
    width: 3.39rem;
    height: 0.88rem;
    margin: 0 auto;
    background: url(../img/family/title_8@2x.png)center/cover;
}
.part08_box .part08_btns {
    width: 3.6rem;
    height: 0.66rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}
.part08_box .part08_btn01 {
    float: left;
    width: 1.8rem;
    height: 0.66rem;
    background: #ffffff;
    border-radius: 1rem 0px 0px 1rem;
    color: #24313E;
    font-size: 0.26rem;
    text-align: center;
    line-height: 0.66rem;
}
.part08_box .part08_btn02 {
    float: right;
    width: 1.8rem;
    height: 0.66rem;
    background: #ffffff;
    border-radius: 0px 1rem 1rem 0px;
    color: #24313E;
    font-size: 0.26rem;
    text-align: center;
    line-height: 0.66rem;
}
.part08_box .part08_btns .active {
    background: #FF5F38;
    color: #fff;
    font-weight: bold;
 }
 .part08_box .part08_content {
    display: none;
    width: 100%;
    height: 8.9rem;
}
.part08_box .part08_content.selected {
    display: block;
}
.part08_box .swiper-container {
    display: flex;
    width: 100%;
    height: auto;
}
.part08_box .part08_item {
    width: 100%;
    padding: 0.3rem;
    box-sizing: border-box;
}

.part08_box .user_item {
    display: flex;
    width: 6.9rem;
    height: auto;
    background: #fff;
    border-radius: 0.12rem;
    padding: 0.25rem 0.2rem 0.2rem 0.25rem;
    box-sizing: border-box;
    margin: auto;
    margin-bottom: 0.2rem;
  }
.user_item img {
    float: left;
    width: 0.78rem;
    height: 0.78rem;

}
.part08_box .part08_span {
    float: right;
    width: 5.4rem;
    height: auto;
}
.part08_box .part08_p1 {
    color: #666;
    font-size: 0.26rem;
    filter: blur(6px);
    -webkit-filter: blur(2px); /* chrome, opera */
    -ms-filter: blur(2px);
    -moz-filter: blur(2px);
    line-height: 0.4rem;
  }
.part08_box .part08_p2 {
    color: #24313E;
    font-size: 0.24rem;
    line-height: 0.36rem;
}
.under_line {
    border-bottom: 2.5px solid #ed1c1c;
}

.part08_box .swiper-pagination {
    cursor: pointer;
}
.part08_box .swiper-pagination .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    margin-left: 0.03rem;
    margin-right: 0.03rem;
    border-radius: 0.05rem;
    opacity: 10;
    background: rgba(255,255,255,0.7);  
}

.part08_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.23rem;
    height: 0.1rem;
    border-radius: 0.05rem;
    background: #fff
}

.about_box {
    width: 100%;
    height: 1.25rem;
    background: #27334E;
    padding-top: 0.25rem;
    box-sizing: border-box;
}
.about_box span {
    color: #fff;
    font-size: 0.18rem;
}
.about_box span:nth-child(1){
    position: relative;
}
.about_box span:nth-child(1)::after {
    content: '';
    position: absolute;
    background: #fff;
    width: 0.01rem;
    height: 0.15rem;
    opacity: 1;
    right: -0.15rem;
    top: 50%;
    transform: translateY(-50%);
}
.about_box .about_me {
    width: 100%;
    text-align: center;
}
.about_box .about_me span {
   margin-right: 0.1rem;
   margin-left: 0.1rem;
}
.about_phone {
    display: block;
    width: 100%;
    text-align: center;  
    margin-top: 0.1rem;
}

/* common */
.modular {
    width: 6.64rem;
    margin: 0 auto;
    margin-bottom: 0.03rem;
}
.modular span {
    display: block;
    color: #000;
    font-size: 0.22rem;
    font-weight: 600;
    padding: 0.1rem;
    box-sizing: border-box;
}
table {
    border-collapse:collapse;
}
.table_width01 {
    width: 1.61rem;
    text-align: center;
}
.table_width02 {
    width: 5rem;
    text-align: left;
}
.table_width02  span {
    padding: 0.19rem;
    box-sizing: border-box;
}

.commonBordR {
    border-right: 0.03rem solid #fff;
}
.commonBordB {
    border-bottom: 0.03rem solid #fff; 
}


/* 弹窗 */
.ProjectOutline_box {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    bottom: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
}

.ProjectOutline_bg {
    display: flex;
    flex-direction: column;
    width: 7.08rem;
    height: 90%;
    background: #fff;
    border-radius: 0.12rem;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 2%;
  
}
.table_top {
    display: flex;
    width: 100%;
    height: 0.8rem;
    background: #FB6D3E;
    padding-left: 0.5rem;
    box-sizing: border-box;
}
.table_top span {
    color: #fff;
    font-size: 0.3rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-weight: bold;
    position: relative;
    margin: auto;
}
.table_top span::before {
    position: absolute;
    content: '';
    width: 0.33rem;
    height: 0.04rem;
    background: linear-gradient(90deg, rgba(255,255,255,0)  0%, #fff 100%);
    border-radius: 0.02rem;
    left: -0.4rem;
    top: 50%;
    transform: translateY(-50%);
}
.table_top span::after {
    position: absolute;
    content: '';
    width: 0.33rem;
    height: 0.04rem;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
    border-radius: 0.02rem;
    right: -0.4rem;
    top: 50%;
    transform: translateY(-50%);  
}

.table_top .close_btn {
    display: flex;
    width: 0.6rem;
    height: 0.6rem;
    padding: 0.1rem;
    box-sizing: border-box;
    margin-top: 0.1rem;
}
.table_top .close_btn img {
    width: 0.26rem;
    height: 0.26rem;
}
.table_title {
    display: flex;
    width: 100%;
    background: #FFFFFF;
    height: 0.68rem;
    line-height: 0.68rem;
    box-shadow: 0px 0.06rem 0.1rem 0px rgba(0,0,0,0.08);
    text-align: center;
}
.table_title span {
    color: #000;
    font-size: 0.22rem;
    font-weight: bold;
}
.table_title span:nth-child(1) {
    border-right: 1px solid #DBDBDB;
}
.table_title span:nth-child(2) {
    border-right: 1px solid #DBDBDB;
}
.table_content {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 0.2rem;
    box-sizing: border-box;
    border-radius: 0rem 0rem 0.12rem 0.12rem;
}
.table_content .optional_title {
    width: 6.16rem;
    margin-top: 0.2rem;
    margin-left: 0.4rem;
}
.table_content .optional_title span {
    color: #000;
    font-size: 0.22rem;
    font-weight: bold;
    position: relative;
}
.table_content .optional_title span::before {
    content: '';
    position: absolute;
    width: 0.04rem;
    height: 0.19rem;
    background: linear-gradient(180deg, #F64B20 0%, #FF905E 100%);
    border-radius: 0.02rem;
    opacity: 1;
    top: 0.05rem;
    left: -0.15rem;
}

.table_content .content_top {
    width: 6.64rem;
    height: 0.89rem;
    border-radius: 0.12rem 0.12rem 0px 0px;
    padding-top: 0.15rem;
    box-sizing: border-box;
    margin-left: 0.22rem;
    margin-top: 0.22rem;
    border-bottom: 0.03rem solid #fff;
}
.table_content .content_top2 {
    width: 6.64rem;
    height: 0.7rem;
    border-radius: 0.12rem 0.12rem 0px 0px;
    padding-top: 0.2rem;
    box-sizing: border-box;
    margin: auto;
    margin-top: 0.22rem;
    border-bottom: 0.03rem solid #fff;
}
.content_top span {
    display: block;
    font-size: 0.24rem;
    font-weight: bold;
    text-align: center;
}
.content_top2 span {
    display: block;
    font-size: 0.24rem;
    font-weight: bold;
    text-align: center;
}
.content_bottom {
    width: 6.64rem;
    padding: 0.16rem 0.2rem;
    box-sizing: border-box;
    border-radius: 0 0 0.12rem 0.12rem;
    margin: auto;
}
.content_bottom span {
    display: block;
    font-size: 0.23rem;
    text-align: left; 
    line-height: 0.3rem;
    font-weight: bold;
}

.lqstk_backgrand_box{
    width: 100%;
    height: 6.05rem;
    background: url(../img/family/Background_image_6@2x.png);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.lqstk_backgrand_box .lqstk_title{
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
}
.lqstk_backgrand_box .lqstk_title .lqstk_titleimg{
    width: 4.14rem;
    height: 0.94rem;
    margin-top: 0.62rem;
}
.lqstk_backgrand_box .lqstk_name_backgrand{
    width: 6.4rem;
    height: 0.9rem;
    margin-top: 0.53rem;
    background: rgba(0,0,0,0.16);
    border-radius: 0.45rem;
    border: 0.02rem solid rgba(255,255,255,0.4);
    display: flex;
    flex-direction: row;
    align-items: center;
}
.inputimg{
    width: 0.24rem;
    height: 0.31rem;
    margin-left: 0.47rem;
}
.inputtext{
    width: 5.4rem;
    height: 0.78rem;
    margin-left: 0.25rem;
    background: transparent;
    font-size: 0.26rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 0.37rem;
    outline: none;
    border: none;
}
.lqstk_backgrand_box .lqstk_but_backgrand{
    width: 6.4rem;
    height: 0.78rem;
    margin-top: 0.33rem;
    flex-direction: row;
    justify-content: space-between;
    display: flex;
}
.lqstk_backgrand_box .lqstk_but_backgrand .zxgdbox{
    width: 2.96rem;
    height: 0.78rem;
    justify-content: center;
    align-items: center;
    display: flex;
}
.zxtext{
    font-size: 0.30rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.42rem;
}