@media screen and (min-width: 320px) and (max-width: 1024px) {
  .paging {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .paging a {
    width: 0.5rem;
    height: 0.5rem;
    border: 1px solid #dcdcdc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.12rem;
  }
  .paging a.active {
    background-color: #013f96;
    color: #fff;
    border-color: #013f96;
  }
  .paging a img {
    width: 0.1rem;
    display: block;
  }
  .paging a:not(:last-child) {
    margin-right: 0.15rem;
  }
  .paging2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6rem 0;
  }
  .paging2 a {
    width: 0.6rem;
    height: 0.6rem;
    border: 1px solid #d2d2d2;
    color: #666666;
    margin: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.28rem;
    border-radius: 50%;
  }
  .paging2 a.jiantou {
    background-color: unset !important;
    border: none !important;
    font-weight: bold;
  }
  .paging2 a:hover {
    color: #fff;
  }
  .paging2 a.active {
    color: #fff;
  }
  .login-floor {
    padding: 0.7rem 0 1.35rem;
  }
  .login-floor .wrap {
    display: flex;
    justify-content: center;
  }
  .login-floor .wrap .login-box {
    width: 80%;
  }
  .login-floor .wrap .login-box .title {
    font-size: 0.45rem;
    margin-bottom: 0.35rem;
  }
  .login-floor .wrap .login-box .label-item {
    margin-bottom: 0.24rem;
  }
  .login-floor .wrap .login-box .label-item .label-name {
    font-size: 0.28rem;
    margin-bottom: 0.1rem;
  }
  .login-floor .wrap .login-box .label-item .label-name span {
    color: #e71316;
  }
  .login-floor .wrap .login-box .label-item .input-box {
    position: relative;
  }
  .login-floor .wrap .login-box .label-item .input-box input {
    padding-right: 1.7rem;
  }
  .login-floor .wrap .login-box .label-item .input-box .yzm-btn {
    position: absolute;
    right: 0;
    top: 0;
  }
  .login-floor .wrap .login-box .label-item .input-box .yzm-btn a {
    height: 0.8rem;
    width: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
    color: #014095;
    border-left: 1px solid #d2d2d2;
  }
  .login-floor .wrap .login-box .label-item .input-box .yzm-btn a:hover {
    opacity: 0.8;
  }
  .login-floor .wrap .login-box .label-item.last-label {
    margin-bottom: 0;
  }
  .login-floor .wrap .login-box .label-item input {
    width: 100%;
    height: 0.8rem;
    border: 1px solid #d2d2d2;
    font-size: 0.16rem;
    padding-left: 0.1rem;
  }
  .login-floor .wrap .login-box .label-item input:focus {
    border-color: #000;
  }
  .login-floor .wrap .login-box .forget {
    display: flex;
    justify-content: flex-end;
    padding: 0.3rem 0;
  }
  .login-floor .wrap .login-box .forget a {
    font-size: 0.28rem;
  }
  .login-floor .wrap .login-box .forget a:hover {
    color: #e71316;
  }
  .login-floor .wrap .login-box .login-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.8rem;
    width: 100%;
    background-color: #014095;
    font-size: 0.28rem;
    color: #fff;
    margin-bottom: 0.35rem;
  }
  .login-floor .wrap .login-box .login-btn a:hover {
    opacity: 0.8;
  }
  .login-floor .wrap .login-box .zhuce {
    font-size: 0.32rem;
  }
  .login-floor .wrap .login-box .zhuce a {
    color: #014095;
    border-bottom: 1px solid #014095;
  }
  .login-floor2 {
    padding: 0.7rem 0 1.35rem;
  }
  .login-floor2 .wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .login-floor2 .wrap .login-box {
    width: 80%;
    margin-bottom: 0.4rem;
  }
  .login-floor2 .wrap .login-box .title {
    min-height: 0.4rem;
    font-size: 0.45rem;
    margin-bottom: 0.35rem;
  }
  .login-floor2 .wrap .login-box .smltitle {
    font-size: 0.28rem;
    font-weight: bold;
    margin-bottom: 0.35rem;
    min-height: 0.4rem;
    display: flex;
    align-items: flex-end;
  }
  .login-floor2 .wrap .login-box .label-item {
    margin-bottom: 0.24rem;
  }
  .login-floor2 .wrap .login-box .label-item.diqu {
    display: flex;
    justify-content: space-between;
  }
  .login-floor2 .wrap .login-box .label-item.diqu .diqu-item {
    width: 32%;
  }
  .login-floor2 .wrap .login-box .label-item.diqu .diqu-item select {
    border: 1px solid #d2d2d2;
    width: 100%;
    height: 0.8rem;
  }
  .login-floor2 .wrap .login-box .label-item .label-name {
    font-size: 0.28rem;
    margin-bottom: 0.1rem;
  }
  .login-floor2 .wrap .login-box .label-item .label-name span {
    color: #e71316;
  }
  .login-floor2 .wrap .login-box .label-item.last-label {
    margin-bottom: 0;
  }
  .login-floor2 .wrap .login-box .label-item input {
    width: 100%;
    height: 0.8rem;
    border: 1px solid #d2d2d2;
    font-size: 0.16rem;
    padding-left: 0.1rem;
  }
  .login-floor2 .wrap .login-box .label-item input:focus {
    border-color: #000;
  }
  .login-floor2 .wrap .login-box .forget {
    display: flex;
    justify-content: flex-end;
    padding: 0.15rem 0;
  }
  .login-floor2 .wrap .login-box .forget a {
    font-size: 0.14rem;
  }
  .login-floor2 .wrap .login-box .forget a:hover {
    color: #e71316;
  }
  .login-floor2 .wrap .login-box .login-btn {
    padding-top: 0.28rem;
  }
  .login-floor2 .wrap .login-box .login-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.8rem;
    width: 100%;
    background-color: #014095;
    font-size: 0.28rem;
    color: #fff;
    margin-bottom: 0.35rem;
  }
  .login-floor2 .wrap .login-box .login-btn a:hover {
    opacity: 0.8;
  }
  .login-floor2 .wrap .login-box .zhuce {
    text-align: center;
    font-size: 0.32rem;
  }
  .login-floor2 .wrap .login-box .zhuce a {
    color: #014095;
    border-bottom: 1px solid #014095;
  }
  .user-floor {
    padding: 0.3rem 0 1rem;
  }
  .user-floor .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .user-floor .wrap .user-left {
    order: 1;
    width: 100%;
  }
  .user-floor .wrap .user-left .user-title {
    font-size: 0.36rem;
    margin-bottom: 0.2rem;
    font-weight: bold;
  }
  .user-floor .wrap .user-left .navs-change {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.4rem;
  }
  .user-floor .wrap .user-left .navs-change li {
    width: 33.3%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .user-floor .wrap .user-left .navs-change li:hover a {
    color: #f7af47;
  }
  .user-floor .wrap .user-left .navs-change li.active a {
    color: #f7af47;
  }
  .user-floor .wrap .user-left .navs-change li a {
    font-size: 0.28rem;
    color: #666666;
    line-height: 2em;
  }
  .user-floor .wrap .user-center {
    order: 2;
    width: 100%;
    min-height: unset;
  }
  .user-floor .wrap .user-center .user-content {
    display: none;
  }
  .user-floor .wrap .user-center .user-content.active {
    display: block;
  }
  .user-floor .wrap .user-center .user-content .container-title {
    font-size: 0.32rem;
    font-weight: bold;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 0.4rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .container-title.container-title2 {
    border: none;
    padding: 0;
    padding-left: 0.15rem;
  }
  .user-floor .wrap .user-center .user-content .login-box {
    width: 100%;
  }
  .user-floor .wrap .user-center .user-content .login-box .title {
    font-size: 0.3rem;
    margin-bottom: 0.35rem;
    min-height: 0.4rem;
  }
  .user-floor .wrap .user-center .user-content .login-box .smltitle {
    font-size: 0.18rem;
    font-weight: bold;
    margin-bottom: 0.35rem;
    min-height: 0.4rem;
    display: flex;
    align-items: flex-end;
  }
  .user-floor .wrap .user-center .user-content .login-box .label-item {
    margin-bottom: 0.4rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .login-box
    .label-item
    .input-box {
    position: relative;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .login-box
    .label-item
    .input-box
    input {
    padding-right: 1.7rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .login-box
    .label-item
    .input-box
    .yzm-btn {
    position: absolute;
    right: 0;
    top: 0;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .login-box
    .label-item
    .input-box
    .yzm-btn
    a {
    height: 0.8rem;
    width: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
    color: #014095;
    border-left: 1px solid #d2d2d2;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .login-box
    .label-item
    .input-box
    .yzm-btn
    a:hover {
    opacity: 0.8;
  }
  .user-floor .wrap .user-center .user-content .login-box .label-item.diqu {
    display: flex;
    justify-content: space-between;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .login-box
    .label-item.diqu
    .diqu-item {
    width: 30%;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .login-box
    .label-item.diqu
    .diqu-item
    select {
    border: 1px solid #d2d2d2;
    width: 100%;
    font-size: 0.28rem;
    height: 0.8rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .login-box
    .label-item
    .label-name {
    font-size: 0.28rem;
    margin-bottom: 0.1rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .login-box
    .label-item
    .label-name
    span {
    color: #e71316;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .login-box
    .label-item.last-label {
    margin-bottom: 0;
  }
  .user-floor .wrap .user-center .user-content .login-box .label-item input {
    width: 100%;
    height: 0.8rem;
    border: 1px solid #d2d2d2;
    font-size: 0.28rem;
    padding-left: 0.1rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .login-box
    .label-item
    input:focus {
    border-color: #000;
  }
  .user-floor .wrap .user-center .user-content .login-box .forget {
    display: flex;
    justify-content: flex-end;
    padding: 0.15rem 0;
  }
  .user-floor .wrap .user-center .user-content .login-box .forget a {
    font-size: 0.14rem;
  }
  .user-floor .wrap .user-center .user-content .login-box .forget a:hover {
    color: #e71316;
  }
  .user-floor .wrap .user-center .user-content .login-box .login-btn {
    padding-top: 0.4rem;
  }
  .user-floor .wrap .user-center .user-content .login-box .login-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.8rem;
    width: 100%;
    background-color: #014095;
    font-size: 0.28rem;
    color: #fff;
    margin-bottom: 0.35rem;
  }
  .user-floor .wrap .user-center .user-content .login-box .login-btn a:hover {
    opacity: 0.8;
  }
  .user-floor .wrap .user-center .user-content .login-box .zhuce {
    text-align: left;
    font-size: 0.28rem;
  }
  .user-floor .wrap .user-center .user-content .login-box .zhuce a {
    color: #014095;
    border-bottom: 1px solid #014095;
  }
  .user-floor .wrap .user-center .user-content .dingdan-change ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    padding: 0 0.4rem;
    padding: 0.4rem 0;
  }
  .user-floor .wrap .user-center .user-content .dingdan-change ul li {
    width: 33.3%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-change
    ul
    li:hover
    a
    span {
    color: #013f96;
    position: relative;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-change
    ul
    li:hover
    a
    span::after {
    position: absolute;
    content: "";
    height: 0.02rem;
    width: 0.5rem;
    background-color: #013f96;
    bottom: -0.05rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-change
    ul
    li.active
    a
    span {
    color: #013f96;
    position: relative;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-change
    ul
    li.active
    a
    span::after {
    position: absolute;
    content: "";
    height: 0.04rem;
    width: 0.7rem;
    background-color: #013f96;
    bottom: -0.1rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .user-floor .wrap .user-center .user-content .dingdan-change ul li a {
    display: flex;
    align-items: center;
  }
  .user-floor .wrap .user-center .user-content .dingdan-change ul li a img {
    width: 0.4rem;
    display: block;
    margin-right: 0.15rem;
  }
  .user-floor .wrap .user-center .user-content .dingdan-change ul li a span {
    display: block;
    font-size: 0.28rem;
    color: #333;
  }
  .user-floor .wrap .user-center .user-content .dingdan-title {
    height: 0.6rem;
    background-color: #eeeeee;
    font-size: 0.24rem;
    display: flex;
    align-items: center;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 0.1rem;
  }
  .user-floor .wrap .user-center .user-content .dingdan-title div {
    flex: 1;
    text-align: center;
  }
  .user-floor .wrap .user-center .user-content .dingdan-title div.shangpin {
    flex: 4;
    padding-left: 0.15rem;
  }
  .user-floor .wrap .user-center .user-content .pingjia-title {
    padding: 0 0.15rem;
    padding-right: 0;
  }
  .user-floor .wrap .user-center .user-content .pingjia-title .shangpi,
  .user-floor .wrap .user-center .user-content .pingjia-title .pinglun {
    flex: 2;
  }
  .user-floor .wrap .user-center .user-content .pingjia-title .jiage,
  .user-floor .wrap .user-center .user-content .pingjia-title .caozuo {
    flex: 1;
  }
  .user-floor .wrap .user-center .user-content .pingjia-title .manyi {
    flex: 1.5;
  }
  .user-floor .wrap .user-center .user-content .dingdan-title2 div {
    flex: 1;
    text-align: center;
  }
  .user-floor .wrap .user-center .user-content .dingdan-title2 div.shangpin {
    flex: 2;
    padding-left: 0.15rem;
  }
  .user-floor .wrap .user-center .user-content .dingdan-box .dingdan-list {
    display: none;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-list.active {
    display: block;
  }
  .user-floor .wrap .user-center .user-content .dingdan-box .dingdan-item {
    border: 1px solid #e5e5e5;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item:not(:last-child) {
    margin-bottom: 0.1rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-top {
    height: 1.2rem;
    background-color: #eeeeee;
    font-size: 0.12rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 0.15rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-top
    p {
    margin-right: 0.25rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content {
    padding: 0.15rem;
    padding-right: 0;
    display: flex;
    font-size: 0.12rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div.caozuo
    a:hover {
    color: #fd9611;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div.zhuangtai1 {
    color: #fd9611;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div.zhuangtai2 {
    color: #1170fd;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div.zhuangtai3 {
    color: #8b11fd;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div.zhuangtai4 {
    color: #4ccc8b;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div.zhuangtai5 {
    color: #999999;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div.shangpin-list {
    display: block;
    flex: 4;
    height: 1rem;
    overflow-y: auto;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div.shangpin-list::-webkit-scrollbar {
    width: 2px;
    height: 10px;
    background-color: #d2d2d2;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div.shangpin-list::-webkit-scrollbar-track {
    background-color: #d2d2d2;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div.shangpin-list::-webkit-scrollbar-thumb {
    background-color: #013f96;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div.shangpin-list
    ul {
    padding-right: 0.2rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div.shangpin-list
    ul
    li {
    display: flex;
    justify-content: space-between;
    color: #999;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdan-box
    .dingdan-item
    .item-content
    > div.shangpin-list
    ul
    li
    .shangpin-name {
    color: #000;
    width: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .pingjia-box
    .dingdan-list
    .dingdan-item
    .item-content
    .shangpin-list,
  .user-floor
    .wrap
    .user-center
    .user-content
    .pingjia-box
    .dingdan-list
    .dingdan-item
    .item-content
    .pinglun {
    flex: 2;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .pingjia-box
    .dingdan-list
    .dingdan-item
    .item-content
    .price,
  .user-floor
    .wrap
    .user-center
    .user-content
    .pingjia-box
    .dingdan-list
    .dingdan-item
    .item-content
    .caozuo {
    flex: 1;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .pingjia-box
    .dingdan-list
    .dingdan-item
    .item-content
    .manyi {
    flex: 1.5;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .pingjia-box
    .dingdan-list
    .dingdan-item
    .item-content
    .manyi
    .manyidu {
    display: flex;
    align-items: center;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .pingjia-box
    .dingdan-list
    .dingdan-item
    .item-content
    .manyi
    .manyidu
    li {
    margin: 0 0.01rem;
    cursor: pointer;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .pingjia-box
    .dingdan-list
    .dingdan-item
    .item-content
    .manyi
    .manyidu
    li.active
    span {
    color: #ff9c00;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .pingjia-box
    .dingdan-list
    .dingdan-item
    .item-content
    .manyi
    .manyidu
    li
    span {
    color: #999;
    font-size: 0.2rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .pingjia-box
    .dingdan-list
    .dingdan-item
    .item-content
    .pinglun {
    color: #999;
    line-height: 0.24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .user-floor .wrap .user-center .user-content .sc-list {
    margin-bottom: 0.2rem;
  }
  .user-floor .wrap .user-center .user-content .sc-list .sc-item {
    border: 1px solid #eeeeee;
    padding: 0.2rem 0;
    display: flex;
    align-items: center;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .sc-list
    .sc-item:not(:last-child) {
    margin-bottom: 0.1rem;
  }
  .user-floor .wrap .user-center .user-content .sc-list .sc-item > div {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .sc-list
    .sc-item
    > div.shangpin {
    flex: 2;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .sc-list
    .sc-item
    > div.shangpin
    .yaopin-info {
    display: flex;
    align-items: center;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .sc-list
    .sc-item
    > div.shangpin
    .yaopin-info
    .img-box {
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .sc-list
    .sc-item
    > div.shangpin
    .yaopin-info
    .img-box
    img {
    width: 60%;
    height: 60%;
    object-fit: contain;
    display: block;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .sc-list
    .sc-item
    > div.shangpin
    .yaopin-info
    .text-box {
    font-size: 0.14rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .sc-list
    .sc-item
    > div.shangpin
    .yaopin-info
    .text-box
    .yp-name {
    color: #014095;
    line-height: 0.24rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .sc-list
    .sc-item
    > div.shangpin
    .yaopin-info
    .text-box
    p {
    line-height: 0.24rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .sc-list
    .sc-item
    > div.shangpin
    .yaopin-info
    .text-box
    p
    span {
    color: #999;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .sc-list
    .sc-item
    > div.shangpin
    .kucun {
    color: #f7ae45;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .sc-list
    .sc-item
    > div.caozuo
    a:hover {
    color: #f7ae45;
  }
  .user-floor .wrap .user-center .user-content .sh-title {
    padding: 0.2rem 0.2rem;
    background-color: #ebecf0;
    font-size: 0.24rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.1rem;
    line-height: 2em;
  }
  .user-floor .wrap .user-center .user-content .dizhi-box {
    padding-top: 0.2rem;
    padding-left: 0;
  }
  .user-floor .wrap .user-center .user-content .dizhi-box .dizhi-form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dizhi-box
    .dizhi-form
    .label-item {
    width: 100%;
    margin-bottom: 0.4rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dizhi-box
    .dizhi-form
    .label-item.address {
    width: 100%;
    margin-bottom: 0;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dizhi-box
    .dizhi-form
    .label-item.diqu {
    display: flex;
    justify-content: space-between;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dizhi-box
    .dizhi-form
    .label-item.diqu
    .diqu-item {
    width: 30%;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dizhi-box
    .dizhi-form
    .label-item.diqu
    .diqu-item
    select {
    border: 1px solid #d2d2d2;
    width: 100%;
    height: 0.8rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dizhi-box
    .dizhi-form
    .label-item
    .label {
    font-size: 0.28rem;
    margin-bottom: 0.1rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dizhi-box
    .dizhi-form
    .label-item
    .label
    span {
    color: #e71316;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dizhi-box
    .dizhi-form
    .label-item
    input {
    width: 100%;
    height: 0.8rem;
    border: 1px solid #d2d2d2;
    font-size: 0.28rem;
    padding-left: 0.1rem;
  }
  .user-floor .wrap .user-center .user-content .dizhi-box .check-moren {
    font-size: 0.28rem;
    color: #666666;
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
  }
  .user-floor .wrap .user-center .user-content .dizhi-box .check-moren input {
    width: 0.5rem;
    height: 0.5rem;
    border: 1px solid #d2d2d2;
    margin-right: 0.15rem;
  }
  .user-floor .wrap .user-center .user-content .dizhi-box .login-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.8rem;
    width: 100%;
    background-color: #014095;
    font-size: 0.14rem;
    color: #fff;
    margin-bottom: 0.35rem;
  }
  .user-floor .wrap .user-center .user-content .dizhi-box .login-btn a:hover {
    opacity: 0.8;
  }
  .user-floor .wrap .user-center .user-content .shdz-box {
    display: block;
    align-items: center;
    justify-content: space-between;
    padding: 0.3rem;
    border: 1px solid #7d7d7d;
    width: 100%;
  }
  .user-floor .wrap .user-center .user-content .shdz-box:not(:last-child) {
    margin-bottom: 0.2rem;
  }
  .user-floor .wrap .user-center .user-content .shdz-box .shdz-info {
    margin-bottom: 0.2rem;
  }
  .user-floor .wrap .user-center .user-content .shdz-box .shdz-info p {
    font-size: 0.28rem;
    color: #333;
    line-height: 2em;
  }
  .user-floor .wrap .user-center .user-content .shdz-box .caozuo {
    padding-left: 0;
    border-left: none;
  }
  .user-floor .wrap .user-center .user-content .shdz-box .caozuo a {
    display: block;
    font-size: 0.32rem;
    color: #014095;
    line-height: 2em;
  }
  .user-floor .wrap .user-center .user-content .shdz-box .caozuo a.dizhi-del {
    color: #ff4a4a;
  }
  .user-floor .wrap .user-center .user-content .fp-content {
    padding-top: 0.3rem;
    margin-bottom: 0.55rem;
  }
  .user-floor .wrap .user-center .user-content .fp-content .fp-item {
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
  }
  .user-floor .wrap .user-center .user-content .fp-content .fp-item .label {
    width: 2rem;
    font-size: 0.28rem;
    text-align: right;
    margin-right: 0.25rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .fp-content
    .fp-item
    .label
    span {
    color: #e71316;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .fp-content
    .fp-item
    .choose-list
    ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .fp-content
    .fp-item
    .choose-list
    ul
    li {
    padding: 0.1rem 0;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .fp-content
    .fp-item
    .choose-list
    ul
    li:not(:last-child) {
    margin-right: 0.1rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .fp-content
    .fp-item
    .choose-list
    ul
    li.active
    a {
    border-color: #e0e9f6;
    background-color: #e0e9f6;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .fp-content
    .fp-item
    .choose-list
    ul
    li
    a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.28rem;
    color: #333;
    border-radius: 0.05rem;
    border: 1px solid #e5e5e5;
    padding: 0.2rem;
  }
  .user-floor .wrap .user-center .user-content .fp-content .fp-item input {
    flex: 1;
    height: 0.8rem;
    padding-left: 0.1rem;
    font-size: 0.28rem;
    border: 1px solid #d2d2d2;
  }
  .user-floor .wrap .user-center .user-content .login-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.8rem;
    width: 100%;
    background-color: #014095;
    font-size: 0.28rem;
    color: #fff;
    margin-bottom: 0.35rem;
    border-radius: 0.1rem;
  }
  .user-floor .wrap .user-center .user-content .login-btn a:hover {
    opacity: 0.8;
  }
  .user-floor .wrap .user-center .user-content .notice-list ul {
    margin-bottom: 0.25rem;
    border-top: 1px solid #eeeeee;
  }
  .user-floor .wrap .user-center .user-content .notice-list ul li {
    border-bottom: 1px solid #eeeeee;
  }
  .user-floor .wrap .user-center .user-content .notice-list ul li:hover a p {
    color: #fd9611;
  }
  .user-floor .wrap .user-center .user-content .notice-list ul li a {
    padding: 0.4rem 0;
    padding-left: 0.15rem;
    font-size: 0.28rem;
    display: block;
  }
  .user-floor .wrap .user-center .user-content .notice-list ul li a .date {
    color: #999;
    margin-bottom: 0.1rem;
  }
  .user-floor .wrap .user-center .user-content .dingdanxq-box .dingdanhao {
    height: 1.2rem;
    background-color: #eeeeee;
    font-size: 0.12rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 0.15rem;
  }
  .user-floor .wrap .user-center .user-content .dingdanxq-box .dingdanhao p {
    margin-right: 0.25rem;
  }
  .user-floor .wrap .user-center .user-content .dingdanxq-box .smltitle {
    font-size: 0.18rem;
    color: #333;
    margin-bottom: 0.2rem;
  }
  .user-floor .wrap .user-center .user-content .dingdanxq-box .shdz-box {
    margin-bottom: 0.2rem;
  }
  .user-floor .wrap .user-center .user-content .dingdanxq-box .dialog-item {
    color: #333;
    margin-bottom: 0.2rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .top-title {
    font-size: 0.18rem;
    font-weight: bold;
    margin-bottom: 0.2rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi
    ul {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    border-bottom: 1px solid #d2d2d2;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi
    ul
    .shangpin {
    flex: 3;
    text-align: left;
    padding-left: 0.4rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi
    ul
    li {
    flex: 1;
    text-align: center;
    padding: 0.1rem 0;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi-box
    .mingxi-list {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    color: #333;
    padding: 0.2rem 0;
    border-bottom: 1px solid #d2d2d2;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin {
    flex: 3;
    text-align: left;
    padding-left: 0.4rem;
    display: flex;
    align-items: center;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .img-box {
    width: 0.8rem;
    height: 0.8rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .img-box
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box {
    padding-left: 0.15rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box
    .yp-name {
    color: #014095;
    line-height: 0.24rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box
    p {
    line-height: 0.24rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box
    p
    span {
    color: #999999;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi-box
    .mingxi-list
    .kucun.active {
    color: #f7ae45;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi-box
    .mingxi-list
    .jifen
    p {
    text-align: center;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi-box
    .mingxi-list
    .jifen
    p
    span {
    font-weight: bold;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .dialog-item
    .mingxi-box
    .mingxi-list
    li {
    flex: 1;
    text-align: center;
    padding: 0.1rem 0;
  }
  .user-floor .wrap .user-center .user-content .dingdanxq-box .total-price {
    font-size: 0.28rem;
    color: #333;
    margin-bottom: 0.44rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .total-price
    span {
    font-weight: bold;
    margin-right: 0.3rem;
  }
  .user-floor .wrap .user-center .user-content .dingdanxq-box .ddxq-btn1 {
    margin-bottom: 0.15rem;
  }
  .user-floor .wrap .user-center .user-content .dingdanxq-box .ddxq-btn1 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 0.8rem;
    background-color: #014095;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 0.28rem;
  }
  .user-floor .wrap .user-center .user-content .dingdanxq-box .ddxq-btn2 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 0.8rem;
    border: 1px solid #014095;
    border-radius: 0.1rem;
    color: #014095;
    font-size: 0.28rem;
  }
  .user-floor .wrap .user-center .user-content .dingdanxq-box .photo-list {
    padding-left: 0.2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .user-floor .wrap .user-center .user-content .dingdanxq-box .photo-list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .photo-list
    ul
    li {
    width: 2rem;
    height: 2rem;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.1rem;
    margin-bottom: 0.3rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .photo-list
    ul
    li
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .photo-list
    .sc-btn {
    width: 2rem;
    height: 2rem;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 0.3rem;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .photo-list
    .sc-btn
    input {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
  }
  .user-floor
    .wrap
    .user-center
    .user-content
    .dingdanxq-box
    .photo-list
    .sc-btn
    img {
    width: 0.6rem;
    display: block;
  }
  .user-floor .wrap .user-center .user-content .dingdanxq-box .ytkuan {
    font-size: 0.38rem;
    color: #999999;
  }
  .user-floor .wrap .user-right {
    order: 0;
    width: 100%;
    height: max-content;
    border: 1px solid #e5e5e5;
    padding: 0.6rem 0.4rem;
    margin-bottom: 0.4rem;
  }
  .user-floor .wrap .user-right .right-top {
    display: flex;
    justify-content: unset;
    align-items: center;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #d2d2d2;
  }
  .user-floor .wrap .user-right .right-top .avatar-box {
    width: 1rem;
    height: 1rem;
    background-color: #d2d2d2;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.4rem;
  }
  .user-floor .wrap .user-right .right-top .avatar-box img {
    width: 100%;
    display: block;
  }
  .user-floor .wrap .user-right .right-top .info-box .info-top {
    display: flex;
    align-items: center;
    margin-bottom: 0.1rem;
  }
  .user-floor .wrap .user-right .right-top .info-box .info-top .tel {
    font-size: 0.32rem;
    color: #333;
  }
  .user-floor .wrap .user-right .right-top .info-box .info-top .line {
    width: 0.01rem;
    height: 0.32rem;
    background-color: #d2d2d2;
    margin: 0 0.15rem;
  }
  .user-floor .wrap .user-right .right-top .info-box .info-top a {
    font-size: 0.28rem;
    color: #999999;
  }
  .user-floor .wrap .user-right .right-top .info-box .info-top a:hover {
    color: #f7af47;
  }
  .user-floor .wrap .user-right .right-top .info-box .info-bottom {
    display: flex;
    align-items: center;
    font-size: 0.24rem;
    color: #fd9714;
  }
  .user-floor .wrap .user-right .right-top .info-box .info-bottom img {
    width: 0.4rem;
    display: block;
    margin-right: 0.05rem;
  }
  .user-floor .wrap .user-right .right-bottom {
    padding-top: 0.4rem;
    display: flex;
    justify-content: space-between;
  }
  .user-floor .wrap .user-right .right-bottom a {
    width: 46%;
    height: 0.88rem;
    border-radius: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.28rem;
  }
  .user-floor .wrap .user-right .right-bottom a:hover {
    opacity: 0.8;
  }
  .user-floor .wrap .user-right .right-bottom a.cart {
    border: 1px solid #f6c072;
    color: #f6c072;
  }
  .user-floor .wrap .user-right .right-bottom a.shopping {
    border: 1px solid #20cf76;
    color: #20cf76;
  }
  .user-floor .wrap .user-right .right-bottom a img {
    width: 0.52rem;
    display: block;
    margin-right: 0.2rem;
  }
  .banner {
    width: 100%;
    height: 5.2rem;
    background: url(../img/banner.png) no-repeat;
    background-size: cover;
  }
  .banner .wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  .banner .wrap h1 {
    font-size: 0.5rem;
    font-weight: normal;
    margin-bottom: 0.2rem;
    font-weight: bold;
  }
  .banner .wrap .leixing {
    font-size: 0.3rem;
    position: relative;
    color: #f7ae47;
    margin-bottom: 0.4rem;
    width: max-content;
  }
  .banner .wrap .leixing::after {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 0.03rem;
    border-radius: 0.015rem;
    background-color: #f7ae47;
    bottom: -0.15rem;
  }
  .banner .wrap p {
    font-size: 0.24rem;
    margin-bottom: 0.3rem;
  }
  .banner .wrap .liaojie-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.24rem;
    color: #014095;
    width: 1.6rem;
    height: 0.5rem;
    border: 1px solid #014095;
    border-radius: 0.1rem;
    transition: all 0.3s;
  }
  .banner .wrap .liaojie-btn a:hover {
    background-color: #014095;
    color: #fff;
  }
  .search-floor {
    margin-top: 0rem;
    margin-bottom: 0.44rem;
  }
  .search-floor .wrap {
    width: 100%;
  }
  .search-floor .wrap .search-box {
    background-color: #fff;
    border-radius: 0rem;
    padding: 0.2rem;
    padding-bottom: 0;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  }
  .search-floor .wrap .search-box .search-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .search-floor .wrap .search-box .search-top .input-box {
    width: 80%;
    border-radius: 0.1rem;
    overflow: hidden;
    position: relative;
    display: flex;
  }
  .search-floor .wrap .search-box .search-top .input-box select {
    position: absolute;
    left: 0;
    width: 1.6rem;
    height: 0.8rem;
    background-color: #eeeeee;
    margin: 0;
    padding: 0;
    outline: none;
    border: 1px solid #e5e5e5;
    text-align: center;
    font-size: 0.14rem;
    color: #999;
  }
  .search-floor .wrap .search-box .search-top .input-box input {
    border: 1px solid #d2d2d2;
    width: 100%;
    height: 0.8rem;
    padding-left: 1.8rem;
    font-size: 0.14rem;
    padding-right: 1.3rem;
  }
  .search-floor .wrap .search-box .search-top .input-box .search-btn {
    position: absolute;
    right: 0;
  }
  .search-floor .wrap .search-box .search-top .input-box .search-btn a {
    width: 1.28rem;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.18rem;
    background-color: #014095;
  }
  .search-floor .wrap .search-box .search-top .xiezhu-btn a {
    width: 1.28rem;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.18rem;
    background-color: #f7ad44;
    border-radius: 0.1rem;
  }
  .search-floor .wrap .search-box .hotwords {
    display: flex;
    align-items: center;
    font-size: 0.24rem;
    padding: 0.24rem 0;
    padding-left: 0.2rem;
  }
  .search-floor .wrap .search-box .hotwords p {
    font-weight: bold;
    font-style: italic;
    margin-right: 0.24rem;
  }
  .search-floor .wrap .search-box .hotwords ul {
    display: flex;
    align-items: center;
  }
  .search-floor .wrap .search-box .hotwords ul li {
    margin-right: 0.24rem;
  }
  .search-floor .wrap .search-box .hotwords ul li a {
    font-size: 0.12rem;
    color: #333;
  }
  .search-floor .wrap .search-box .hotwords ul li a:hover {
    color: #f7ad44;
  }
  .floor {
    padding-bottom: 0.6rem;
  }
  .floor .wrap .title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 0.4rem;
  }
  .floor .wrap .title-box .title {
    font-size: 0.32rem;
    font-weight: bold;
    padding-left: 0.2rem;
    border-left: 3px solid #014095;
  }
  .floor .wrap .title-box .more {
    font-size: 0.28rem;
    color: #999;
    transition: 0.3s;
  }
  .floor .wrap .title-box .more:hover {
    color: #f7ad44;
  }
  .floor .wrap .title-box .more:hover span {
    transform: translateX(0.05rem);
  }
  .floor .wrap .title-box .more span {
    display: inline-block;
    transition: 0.3s;
  }
  .floor .wrap .rmsp-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .floor .wrap .rmsp-list li {
    border: 1px solid #eeeeee;
    padding: 0 0.15rem;
    transition: 0.3s;
  }
  .floor .wrap .rmsp-list li:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  .floor .wrap .rmsp-list li .img-box {
    width: 100%;
    height: 3rem;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
  }
  .floor .wrap .rmsp-list li .img-box:hover img {
    transform: scale(1.1);
  }
  .floor .wrap .rmsp-list li .img-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .floor .wrap .rmsp-list li .img-box a img {
    width: 50%;
    display: block;
    transition: 0.3s;
  }
  .floor .wrap .rmsp-list li .yp-introduce {
    padding: 0.3rem 0;
  }
  .floor .wrap .rmsp-list li .yp-introduce .bianhao-cishu {
    font-size: 0.24rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333;
    line-height: 2em;
  }
  .floor .wrap .rmsp-list li .yp-introduce .yp-name {
    font-size: 0.28rem;
    color: #014095;
    font-weight: bold;
    line-height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .floor .wrap .rmsp-list li .yp-introduce .cuxiaoma {
    font-size: 0.24rem;
    color: #333;
    line-height: 2em;
    margin-bottom: 0.1rem;
  }
  .floor .wrap .rmsp-list li .yp-introduce .price-add {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .floor .wrap .rmsp-list li .yp-introduce .price-add .price {
    font-size: 0.28rem;
    color: #f7ad44;
    font-weight: bold;
  }
  .floor .wrap .rmsp-list li .yp-introduce .price-add .add-cart {
    padding: 0.1rem 0.2rem;
    background-color: #f7ad44;
    font-size: 0.24rem;
    color: #fff;
    font-weight: bold;
  }
  .floor .wrap .rmsp-list li .yp-introduce .price-add .add-cart:hover {
    opacity: 0.8;
  }
  .remai-floor .wrap .rmsp-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .remai-floor .wrap .rmsp-list li {
    border: 1px solid #eeeeee;
    padding: 0 0.15rem;
    transition: 0.3s;
  }
  .remai-floor .wrap .rmsp-list li:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  .remai-floor .wrap .rmsp-list li .img-box {
    width: 100%;
    height: 3rem;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
  }
  .remai-floor .wrap .rmsp-list li .img-box:hover img {
    transform: scale(1.1);
  }
  .remai-floor .wrap .rmsp-list li .img-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .remai-floor .wrap .rmsp-list li .img-box a img {
    width: 50%;
    display: block;
    transition: 0.3s;
  }
  .remai-floor .wrap .rmsp-list li .yp-introduce {
    padding: 0.3rem 0;
  }
  .remai-floor .wrap .rmsp-list li .yp-introduce .bianhao-cishu {
    font-size: 0.24rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333;
    line-height: 2em;
  }
  .remai-floor .wrap .rmsp-list li .yp-introduce .yp-name {
    font-size: 0.28rem;
    color: #014095;
    font-weight: bold;
    line-height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .remai-floor .wrap .rmsp-list li .yp-introduce .cuxiaoma {
    font-size: 0.24rem;
    color: #333;
    line-height: 2em;
    margin-bottom: 0.1rem;
  }
  .remai-floor .wrap .rmsp-list li .yp-introduce .price-add {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .remai-floor .wrap .rmsp-list li .yp-introduce .price-add .price {
    font-size: 0.28rem;
    color: #f7ad44;
    font-weight: bold;
  }
  .remai-floor .wrap .rmsp-list li .yp-introduce .price-add .add-cart {
    padding: 0.1rem 0.2rem;
    background-color: #f7ad44;
    font-size: 0.24rem;
    color: #fff;
    font-weight: bold;
  }
  .remai-floor .wrap .rmsp-list li .yp-introduce .price-add .add-cart:hover {
    opacity: 0.8;
  }
  .floor3 {
    padding-bottom: 0.9rem;
  }
  .floor3 .wrap {
    display: block;
    justify-content: space-between;
  }
  .floor3 .wrap > div {
    width: 100%;
  }
  .floor3 .wrap .floor3-left {
    margin-bottom: 0.4rem;
  }
  .floor3 .wrap .floor3-left .big-news {
    color: #333;
    margin-bottom: 0.3rem;
  }
  .floor3 .wrap .floor3-left .big-news:hover img {
    transform: scale(1.1);
  }
  .floor3 .wrap .floor3-left .big-news:hover .text-box .news-title {
    color: #f7ad44;
  }
  .floor3 .wrap .floor3-left .big-news a {
    display: flex;
    align-items: center;
    color: #333;
  }
  .floor3 .wrap .floor3-left .big-news a .img-box {
    width: 3.4rem;
    height: 2.2rem;
    border-radius: 0.1rem;
    overflow: hidden;
    margin-right: 0.15rem;
  }
  .floor3 .wrap .floor3-left .big-news a .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
  }
  .floor3 .wrap .floor3-left .big-news a .text-box {
    flex: 1;
  }
  .floor3 .wrap .floor3-left .big-news a .text-box .news-title {
    font-size: 0.32rem;
    line-height: 0.48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.1rem;
    transition: 0.3s;
  }
  .floor3 .wrap .floor3-left .big-news a .text-box p {
    font-size: 0.28rem;
    line-height: 0.4rem;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .floor3 .wrap .floor3-left .news-list li:not(:last-child) {
    margin-bottom: 0.4rem;
  }
  .floor3 .wrap .floor3-left .news-list li:hover a p {
    color: #f7ad44;
  }
  .floor3 .wrap .floor3-left .news-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.28rem;
    color: #333;
  }
  .floor3 .wrap .floor3-left .news-list li a p {
    width: 80%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: 0.3s;
  }
  .floor3 .wrap .floor3-right .img-box {
    height: 3.4rem;
    border-radius: 0.2rem;
    overflow: hidden;
    margin-bottom: 0.25rem;
  }
  .floor3 .wrap .floor3-right .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .floor3 .wrap .floor3-right p {
    font-size: 0.32rem;
    text-indent: 2em;
    line-height: 1.8em;
    font-weight: bold;
  }
  .banner2 {
    height: 5rem;
    position: relative;
  }
  .banner2 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: -1;
  }
  .banner2 .wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .banner2 .wrap h1 {
    font-size: 0.5rem;
    color: #fff;
  }
  .banner2 .wrap .line {
    width: 0.52rem;
    height: 0.03rem;
    background-color: #f7ae47;
    margin: 0.24rem 0;
  }
  .banner2 .wrap p {
    font-size: 0.32rem;
    color: #fff;
  }
  .breadcrumb-nav.breadcrumb-nav2 {
    margin-top: 0;
  }
  .breadcrumb-nav .wrap {
    padding: 0.3rem 0;
    padding-left: 0.1rem;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
  }
  .breadcrumb-nav .wrap .weizhi {
    font-size: 0.28rem;
    color: #333;
    display: flex;
    align-items: center;
  }
  .breadcrumb-nav .wrap .weizhi img {
    width: 0.3rem;
    display: block;
    margin-right: 0.16rem;
  }
  .breadcrumb-nav .wrap ul {
    display: flex;
    align-items: center;
  }
  .breadcrumb-nav .wrap ul li {
    font-size: 0.28rem;
    color: #333;
  }
  .breadcrumb-nav .wrap ul li:hover a {
    color: #014095;
  }
  .breadcrumb-nav .wrap ul li a {
    font-size: 0.28rem;
    color: #333;
  }
  .breadcrumb-nav .wrap ul li.jiantou {
    margin: 0 0.08rem;
  }
  .floor4 {
    padding-top: 0.25rem;
  }
  .floor4 .wrap {
    display: block;
    justify-content: space-between;
    align-items: flex-start;
  }
  .floor4 .wrap .product-changes {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 0.1rem;
    background-color: #f7f7f7;
    padding: 0.16rem;
    margin-right: 0rem;
    margin-bottom: 0.3rem;
  }
  .floor4 .wrap .product-changes ul li {
    border-radius: 0.06rem;
  }
  .floor4 .wrap .product-changes ul li:not(:last-child) {
    margin-bottom: 0.2rem;
  }
  .floor4 .wrap .product-changes ul li.active > a {
    background-color: #eeeeee;
  }
  .floor4 .wrap .product-changes ul li.active > a img {
    transform: rotateZ(90deg);
  }
  .floor4 .wrap .product-changes ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.2rem 0.16rem;
    font-size: 0.32rem;
    color: #333;
    transition: 0.3s;
  }
  .floor4 .wrap .product-changes ul li a img {
    width: 0.16rem;
    display: block;
    transition: 0.3s;
  }
  .floor4 .wrap .product-changes ul li .second {
    background-color: #eeeeee;
    display: none;
  }
  .floor4 .wrap .product-changes ul li .second .ss > a {
    font-size: 0.28rem;
    padding: 0.16rem;
  }
  .floor4 .wrap .product-changes ul li .second .ss > a.active {
    background-color: #d2d2d2;
  }
  .floor4 .wrap .product-content {
    flex: 1;
  }
  .floor4 .wrap .product-content .shaixuan-box {
    padding: 0.3rem 0.15rem;
    border: 1px solid #e5e5e5;
  }
  .floor4 .wrap .product-content .shaixuan-box .input-box {
    width: 100%;
    border-radius: 0.05rem;
    overflow: hidden;
    position: relative;
    display: flex;
    border: 2px solid #014095;
    margin-bottom: 0.2rem;
  }
  .floor4 .wrap .product-content .shaixuan-box .input-box select {
    position: absolute;
    left: 0;
    width: 1.6rem;
    height: 0.8rem;
    background-color: #fff;
    margin: 0;
    padding: 0;
    outline: none;
    border-right: 1px solid #e5e5e5;
    text-align: center;
    font-size: 0.14rem;
    color: #999;
  }
  .floor4 .wrap .product-content .shaixuan-box .input-box input {
    width: 100%;
    height: 0.8rem;
    padding-left: 1.8rem;
    font-size: 0.14rem;
    padding-right: 1.1rem;
  }
  .floor4 .wrap .product-content .shaixuan-box .input-box .search-btn {
    position: absolute;
    right: 0;
  }
  .floor4 .wrap .product-content .shaixuan-box .input-box .search-btn a {
    width: 1rem;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.18rem;
    background-color: #014095;
  }
  .floor4 .wrap .product-content .shaixuan-box .shaixuan-item {
    margin-bottom: 0.2rem;
    display: flex;
    font-size: 0.28rem;
  }
  .floor4 .wrap .product-content .shaixuan-box .shaixuan-item .item-name {
    color: #999999;
    margin-right: 0.3rem;
    line-height: 1.8em;
  }
  .floor4 .wrap .product-content .shaixuan-box .shaixuan-item .item-item {
    flex: 1;
  }
  .floor4 .wrap .product-content .shaixuan-box .shaixuan-item .item-item a {
    display: inline-block;
    margin-right: 0.25rem;
    color: #333;
    line-height: 1.8em;
    border-bottom: 1px solid transparent;
  }
  .floor4
    .wrap
    .product-content
    .shaixuan-box
    .shaixuan-item
    .item-item
    a.active {
    color: #014095;
    border-bottom: 1px solid #014095;
  }
  .floor4
    .wrap
    .product-content
    .shaixuan-box
    .shaixuan-item
    .item-item
    a:hover {
    color: #014095;
    border-bottom: 1px solid #014095;
  }
  .floor4 .wrap .product-content .shaixuan-box .tiaojian ul {
    display: flex;
    align-items: center;
  }
  .floor4 .wrap .product-content .shaixuan-box .tiaojian ul li {
    margin-right: 0.1rem;
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    color: #014095;
    padding: 0.03rem;
    padding-left: 0.15rem;
    border: 1px solid #014095;
  }
  .floor4 .wrap .product-content .shaixuan-box .tiaojian ul li p {
    margin-right: 0.14rem;
  }
  .floor4 .wrap .product-content .shaixuan-box .tiaojian ul li span {
    cursor: pointer;
  }
  .floor4 .wrap .product-content .yp-total {
    font-size: 0.28rem;
    color: #333;
    text-align: right;
    padding: 0.2rem 0;
  }
  .floor4 .wrap .product-content .rmsp-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .cp-erji-floor {
    padding-top: 0.3rem;
  }
  .cp-erji-floor .wrap .title-box {
    border: none;
    margin-bottom: 0.15rem;
  }
  .cp-erji-floor .wrap .search-box {
    width: 100%;
    position: relative;
    border-radius: 0.05rem;
    overflow: hidden;
    border: 1px solid #d2d2d2;
    margin-bottom: 0.3rem;
  }
  .cp-erji-floor .wrap .search-box input {
    width: 100%;
    height: 0.8rem;
    border: none;
    padding-right: 2.2rem;
    padding-left: 0.2rem;
    font-size: 0.28rem;
  }
  .cp-erji-floor .wrap .search-box .search-btn {
    position: absolute;
    right: 0;
    top: 0;
  }
  .cp-erji-floor .wrap .search-box .search-btn a {
    width: 2rem;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.32rem;
    background-color: #014095;
  }
  .cp-erji-floor .wrap .cp-erji-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.3rem;
  }
  .cp-erji-floor .wrap .cp-erji-list li {
    border: 0.02rem solid #e5e5e5;
    position: relative;
  }
  .cp-erji-floor .wrap .cp-erji-list li::after {
    content: "";
    position: absolute;
    top: -0.02rem;
    left: 0;
    height: 0.02rem;
    width: 0;
    background-color: #f7ae47;
    transition: 0.3s;
  }
  .cp-erji-floor .wrap .cp-erji-list li:hover::after {
    width: 100%;
  }
  .cp-erji-floor .wrap .cp-erji-list li:hover a .list-title {
    color: #f7ae47;
  }
  .cp-erji-floor .wrap .cp-erji-list li a {
    padding: 0.25rem 0.15rem;
    display: block;
  }
  .cp-erji-floor .wrap .cp-erji-list li a .list-title {
    font-size: 0.32rem;
    color: #014095;
    margin-bottom: 0.1rem;
    font-weight: bold;
    transition: 0.3s;
  }
  .cp-erji-floor .wrap .cp-erji-list li a p {
    font-size: 0.28rem;
    color: #999999;
    line-height: 1.8em;
  }
  .company-introduce {
    padding-top: 0.5rem;
  }
  .company-introduce .wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .company-introduce .wrap .text-box {
    order: 1;
    flex: 1;
  }
  .company-introduce .wrap .text-box .company-name {
    font-size: 0.4rem;
    color: #333;
    margin-bottom: 0.4rem;
    font-weight: bold;
  }
  .company-introduce .wrap .text-box .company-name span {
    font-size: 0.28rem;
  }
  .company-introduce .wrap .text-box p {
    font-size: 0.28rem;
    color: #333;
    line-height: 1.8em;
  }
  .company-introduce .wrap .img-box {
    order: 0;
    width: 100%;
    height: 8rem;
    margin-bottom: 0.2rem;
  }
  .company-introduce .wrap .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin-left: 0;
  }
  .pz-floor {
    padding: 0.8rem 0;
  }
  .pz-floor .wrap ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
  }
  .pz-floor .wrap ul li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .pz-floor .wrap ul li:not(:last-child)::after {
    display: none;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 1rem;
    background-color: #dcdcdc;
  }
  .pz-floor .wrap ul li:hover img {
    animation: upDown 2s infinite linear;
  }
  .pz-floor .wrap ul li img {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
    display: block;
    margin-bottom: 0.3rem;
  }
  .pz-floor .wrap ul li .pz-title {
    font-size: 0.28rem;
    color: #333;
    margin-bottom: 0.2rem;
  }
  .pz-floor .wrap ul li p {
    font-size: 0.28rem;
    color: rgba(51, 51, 51, 0.5);
  }
  .zp-floor {
    padding: 0.2rem 0;
  }
  .zp-floor .zp-item {
    margin-bottom: 0.2rem;
  }
  .zp-floor .zp-item.active {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .zp-floor .zp-item.active .top {
    background-color: #fff;
  }
  .zp-floor .zp-item:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .zp-floor .zp-item:hover .top {
    background-color: #fff;
  }
  .zp-floor .zp-item:hover .top .zhankai {
    background-color: #212d87;
    color: #fff;
    border: 1px solid #212d87;
  }
  .zp-floor .zp-item .top {
    background-color: #f7f7f7;
    padding: 0 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0.5rem 0.35rem;
  }
  .zp-floor .zp-item .top .zhiwei {
    width: 100%;
    font-size: 0.32rem;
    color: #333;
    text-align: center;
    margin-bottom: 0.2rem;
  }
  .zp-floor .zp-item .top .didian {
    width: 25%;
    text-align: center;
  }
  .zp-floor .zp-item .top .didian .small-title {
    font-size: 0.28rem;
    color: #999;
  }
  .zp-floor .zp-item .top .didian p {
    font-size: 0.32rem;
    color: #333;
    margin-bottom: 0.2rem;
  }
  .zp-floor .zp-item .top .zhankai {
    cursor: pointer;
    width: 2rem;
    height: 0.8rem;
    border-radius: 0.4rem;
    text-align: center;
    line-height: 0.8rem;
    font-size: 0.28rem;
    color: #999;
    border: 1px solid #999;
  }
  .zp-floor .zp-item .bottom {
    display: none;
    border-top: 1px solid #eeeeee;
    padding: 0.35rem;
  }
  .zp-floor .zp-item .bottom .title {
    padding-left: 0.1rem;
    border-left: 3px solid #212d87;
    font-size: 0.36rem;
    color: #333;
    margin-bottom: 0.4rem;
  }
  .zp-floor .zp-item .bottom ul {
    margin-bottom: 0.4rem;
  }
  .zp-floor .zp-item .bottom ul li {
    font-size: 0.28rem;
    color: #333;
    line-height: 1.8em;
  }
  .news-content {
    padding-top: 0.4rem;
  }
  .news-content .wrap .top-news {
    padding-bottom: 0.5rem;
  }
  .news-content .wrap .top-news ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.4rem;
  }
  .news-content .wrap .top-news ul li {
    transition: 0.3s;
  }
  .news-content .wrap .top-news ul li:hover {
    background-color: #014095;
  }
  .news-content .wrap .top-news ul li:hover * {
    color: #fff !important;
  }
  .news-content .wrap .top-news ul li:hover .date-box img {
    filter: brightness(0) invert(1);
  }
  .news-content .wrap .top-news ul li a .img-box {
    height: 4rem;
  }
  .news-content .wrap .top-news ul li a .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .news-content .wrap .top-news ul li a .text-box {
    padding: 0.2rem 0.1rem;
    border-bottom: 1px solid #999;
  }
  .news-content .wrap .top-news ul li a .text-box .news-title {
    font-size: 0.32rem;
    overflow: hidden;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.1rem;
    color: #333;
  }
  .news-content .wrap .top-news ul li a .text-box p {
    font-size: 0.28rem;
    line-height: 1.8em;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .news-content .wrap .top-news ul li a .date-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.3rem 0.1rem;
  }
  .news-content .wrap .top-news ul li a .date-box .date {
    display: flex;
    align-items: center;
    font-size: 0.28rem;
    color: #999;
  }
  .news-content .wrap .top-news ul li a .date-box .date img {
    width: 0.25rem;
    display: block;
    margin-right: 0.1rem;
  }
  .news-content .wrap .top-news ul li a .date-box .jiantou {
    width: 0.25rem;
  }
  .news-content .wrap .top-news ul li a .date-box .jiantou img {
    width: 100%;
    display: block;
  }
  .news-content .wrap .news-list {
    border-top: 1px solid #eee;
  }
  .news-content .wrap .news-list li {
    border-bottom: 1px solid #eee;
  }
  .news-content .wrap .news-list li:hover a .news-left .news-title {
    color: #014095;
  }
  .news-content .wrap .news-list li a {
    display: flex;
    justify-content: space-between;
    padding: 0.34rem 0.1rem;
  }
  .news-content .wrap .news-list li a .news-left {
    max-width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .news-content .wrap .news-list li a .news-left .news-title {
    font-size: 0.32rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 0.15rem;
    transition: 0.3s;
  }
  .news-content .wrap .news-list li a .news-left p {
    font-size: 0.28rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .news-content .wrap .news-list li a .news-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .news-content .wrap .news-list li a .news-right .date {
    display: flex;
    align-items: center;
    font-size: 0.28rem;
    color: #999;
  }
  .news-content .wrap .news-list li a .news-right .date img {
    width: 0.25rem;
    display: block;
    margin-right: 0.1rem;
  }
  .news-content .wrap .news-list li a .news-right .jiantou {
    width: 0.25rem;
  }
  .news-content .wrap .news-list li a .news-right .jiantou img {
    width: 100%;
    display: block;
  }
  .sp-floor {
    padding-top: 0.3rem;
  }
  .sp-floor .wrap .news-title {
    font-size: 0.32rem;
    margin-bottom: 0.1rem;
    font-weight: bold;
    transition: 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
  }
  .sp-floor .wrap p {
    font-size: 0.28rem;
    line-height: 1.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #999;
  }
  .sp-floor .wrap .title-box {
    border: none;
    padding-bottom: 0;
  }
  .sp-floor .wrap .video-top {
    background-color: #f3f5f9;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.3rem;
  }
  .sp-floor .wrap .video-top .video-box {
    width: 100%;
    height: 5rem;
  }
  .sp-floor .wrap .video-top .text-box {
    padding: 0 0.3rem;
  }
  .sp-floor .wrap .video-top .text-box ul li:not(:last-child) {
    border-bottom: 1px solid #999;
  }
  .sp-floor .wrap .video-top .text-box ul li:hover a .news-title {
    color: #014095;
  }
  .sp-floor .wrap .video-top .text-box ul li a {
    display: block;
    padding: 0.4rem 0;
  }
  .sp-floor .wrap .video-list ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.2rem;
  }
  .sp-floor .wrap .video-list ul li {
    background-color: #f3f5f9;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.1rem;
  }
  .sp-floor .wrap .video-list ul li .video-box {
    width: 100%;
    height: 5rem;
    border-radius: 0.1rem;
    overflow: hidden;
  }
  .sp-floor .wrap .video-list ul li .text-box {
    flex: 1;
    padding-left: 0;
    padding: 0.2rem 0.3rem;
  }
  .sp-floor .wrap .video-list ul li .text-box:hover .news-title {
    color: #014095;
  }
  .video-box {
    position: relative;
    cursor: pointer;
  }
  .video-box:hover .bofang {
    display: block;
  }
  .video-box .course {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .video-box .bofang {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
  }
  .video-box .bofang .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0.8rem;
    display: block;
  }
  .sp-mengceng {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 99999;
    display: none;
  }
  .sp-mengceng .video-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 4rem;
  }
  .sp-mengceng .video-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sp-mengceng .video-box .mc-close {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sp-mengceng .video-box .mc-close img {
    width: 40%;
    display: block;
  }
  .wt-content {
    padding-top: 0.3rem;
  }
  .wt-content .wrap h2 {
    font-size: 0.4rem;
    color: #014095;
    margin-bottom: 0.45rem;
    text-align: center;
  }
  .wt-content .wrap .title-box {
    padding-bottom: 0;
    border: none;
  }
  .wt-content .wrap .input-box {
    border-radius: 0.05rem;
    overflow: hidden;
    position: relative;
    display: flex;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0.45rem;
  }
  .wt-content .wrap .input-box input {
    border: 1px solid #d2d2d2;
    width: 100%;
    height: 0.8rem;
    padding-left: 0.2rem;
    font-size: 0.28rem;
    padding-right: 1.6rem;
  }
  .wt-content .wrap .input-box .search-btn {
    position: absolute;
    right: 0;
  }
  .wt-content .wrap .input-box .search-btn a {
    width: 1.5rem;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.28rem;
    background-color: #014095;
  }
  .wt-content .wrap .common-questions {
    background-color: #f3f5f9;
    border-radius: 0.2rem;
    padding: 0.4rem 0.24rem;
    margin-bottom: 0.35rem;
  }
  .wt-content .wrap .common-questions .cq-title {
    display: flex;
    align-items: center;
    margin-bottom: 0.15rem;
  }
  .wt-content .wrap .common-questions .cq-title p {
    font-size: 0.28rem;
    font-weight: bold;
    font-style: italic;
    margin-right: 0.36rem;
  }
  .wt-content .wrap .common-questions .cq-title a {
    display: flex;
    align-items: center;
    font-size: 0.28rem;
    color: #014095;
  }
  .wt-content .wrap .common-questions .cq-title a img {
    width: 0.14rem;
    display: block;
    margin-left: 0.1rem;
  }
  .wt-content .wrap .common-questions ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .wt-content .wrap .common-questions ul li a {
    font-size: 0.28rem;
    color: #333;
    line-height: 1.8em;
  }
  .wt-content .wrap .common-questions ul li a:hover {
    color: #014095;
  }
  .wt-content .wrap .news-list {
    border-top: 1px solid #eee;
  }
  .wt-content .wrap .news-list li {
    padding: 0.34rem 0.1rem;
    border-bottom: 1px solid #eee;
  }
  .wt-content .wrap .news-list li .list-top {
    display: flex;
    justify-content: space-between;
  }
  .wt-content .wrap .news-list li .list-top .news-left {
    max-width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .wt-content .wrap .news-list li .list-top .news-left .news-title {
    font-size: 0.18rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 0.15rem;
    transition: 0.3s;
  }
  .wt-content .wrap .news-list li .list-top .news-left p {
    font-size: 0.16rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .wt-content .wrap .news-list li .list-top .news-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }
  .wt-content .wrap .news-list li .list-top .news-right .date {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    color: #999;
  }
  .wt-content .wrap .news-list li .list-top .news-right .date img {
    width: 0.17rem;
    display: block;
    margin-right: 0.1rem;
  }
  .wt-content .wrap .news-list li .list-top .news-right .wt-zhankai {
    cursor: pointer;
    font-size: 0.14rem;
    text-align: right;
    border-bottom: 1px solid #999;
    color: #999;
  }
  .wt-content .wrap .news-list li .list-top .news-right .wt-zhankai.active {
    color: #014095;
    border-color: #014095;
  }
  .wt-content .wrap .news-list li .list-top .news-right .wt-zhankai:hover {
    color: #014095;
    border-color: #014095;
  }
  .wt-content .wrap .news-list li .list-bottom {
    padding-top: 0.34rem;
    font-size: 0.16rem;
    color: #999;
    line-height: 1.8em;
    display: none;
  }
  .ziliao-list li {
    border: 2px solid #e5e5e5;
  }
  .ziliao-list li:hover a {
    color: #014095;
  }
  .ziliao-list li:not(:last-child) {
    margin-bottom: 0.2rem;
  }
  .ziliao-list li a {
    font-size: 0.28rem;
    color: #333;
    display: flex;
    align-items: center;
    padding: 0.15rem;
  }
  .ziliao-list li a img {
    width: 0.25rem;
    display: block;
    margin-right: 0.15rem;
  }
  .ztbk-list li {
    background-color: #f3f5f9;
    transition: 0.3s;
  }
  .ztbk-list li:not(:last-child) {
    margin-bottom: 0.3rem;
  }
  .ztbk-list li:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }
  .ztbk-list li:hover a .text-box .jiantou {
    transform: translateX(0.2rem);
  }
  .ztbk-list li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .ztbk-list li a .img-box {
    width: 100%;
    height: 3.6rem;
    overflow: hidden;
  }
  .ztbk-list li a .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .ztbk-list li a .text-box {
    padding: 0.2rem;
    color: #333;
    flex: 1;
    padding-left: 0.2rem;
  }
  .ztbk-list li a .text-box .title {
    font-size: 0.4rem;
    margin-bottom: 0.25rem;
  }
  .ztbk-list li a .text-box p {
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
  }
  .ztbk-list li a .text-box .jiantou {
    width: 0.36rem;
    padding-top: 0.1rem;
    transition: 0.3s;
  }
  .ztbk-list li a .text-box .jiantou img {
    width: 100%;
    display: block;
  }
  .cpxq-content {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
  }
  .cpxq-content .wrap {
    display: block;
  }
  .cpxq-content .wrap .cpxq-left {
    width: 100%;
    margin-right: 0.2rem;
  }
  .cpxq-content .wrap .cpxq-left .first-floor {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.6rem;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-left {
    width: 100%;
    margin-bottom: 0.4rem;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-left .big-swiper {
    margin-bottom: 0.15rem;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-left .big-swiper .swiper {
    width: 5rem;
    border: 1px solid #ccc;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-left
    .big-swiper
    .swiper
    .swiper-slide {
    width: 5rem;
    height: 5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-left
    .big-swiper
    .swiper
    .swiper-slide
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-left .small-swiper {
    position: relative;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-left .small-swiper .btn {
    width: 0.28rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-left
    .small-swiper
    .btn.swiper-button-prev {
    left: 0;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-left
    .small-swiper
    .btn.swiper-button-next {
    right: 0;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-left .small-swiper .btn img {
    width: 100%;
    display: block;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-left
    .small-swiper
    .btn::after {
    display: none;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-left .small-swiper .swiper {
    width: 5.3rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-left
    .small-swiper
    .swiper
    .swiper-slide {
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-left
    .small-swiper
    .swiper
    .swiper-slide
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right {
    padding-left: 0rem;
    flex: 1;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .yp-name {
    font-size: 0.32rem;
    margin-bottom: 0.2rem;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .yp-huohao {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.15rem;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .yp-huohao .huohao {
    font-size: 0.28rem;
    color: #014095;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .yp-huohao a {
    display: flex;
    align-items: center;
    font-size: 0.28rem;
    color: #014095;
    font-weight: bold;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .yp-huohao a img {
    width: 0.24rem;
    display: block;
    margin-right: 0.1rem;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .price-jifen {
    background-color: #f5f6fa;
    padding: 0.4rem;
    padding-top: 0.3rem;
    margin-bottom: 0.15rem;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .price-jifen .price {
    font-size: 0.28rem;
    color: #666;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-right
    .price-jifen
    .price:not(:last-child) {
    margin-bottom: 0.1rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-right
    .price-jifen
    .price
    span {
    color: #f7ad44;
    font-size: 0.28rem;
    margin-left: 0.2rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-right
    .price-jifen
    .price
    span.cant {
    color: #333;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-right
    .price-jifen
    .price
    span
    i {
    font-size: 0.32rem;
    font-style: normal;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .choose {
    padding-left: 0.2rem;
    font-size: 0.28rem;
    color: #666;
    margin-bottom: 0.15rem;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .choose-list {
    margin-bottom: 0.2rem;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .choose-list ul li {
    border: 1px solid #7d7d7d;
    padding: 0.1rem 0.2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-right
    .choose-list
    ul
    li:not(:last-child) {
    margin-bottom: 0.1rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-right
    .choose-list
    ul
    li
    .item {
    display: flex;
    align-items: center;
    font-size: 0.28rem;
    color: #333;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-right
    .choose-list
    ul
    li
    .item
    span {
    color: #999;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-right
    .choose-list
    ul
    li
    .item
    input {
    width: 0.6rem;
    height: 0.48rem;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .sc-cart {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .sc-cart a {
    width: 2rem;
    height: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .sc-cart .shoucang {
    border: 1px solid #f7ad44;
    color: #f7ad44;
    font-size: 0.14rem;
    margin-right: 0.1rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-right
    .sc-cart
    .shoucang.active {
    background-color: #f7ad44;
    color: #fff;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .first-floor
    .ff-right
    .sc-cart
    .shoucang
    span {
    margin-right: 0.1rem;
  }
  .cpxq-content .wrap .cpxq-left .first-floor .ff-right .sc-cart .add-cart {
    background-color: #f7ad44;
    color: #fff;
    font-size: 0.12rem;
    font-weight: bold;
  }
  .cpxq-content .wrap .cpxq-left .second-floor {
    margin-bottom: 0.4rem;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .tab-change {
    border-bottom: 1px solid #7d7d7d;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .tab-change ul {
    display: flex;
    align-items: center;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .tab-change ul li {
    position: relative;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .tab-change ul li.active {
    border: 1px solid #7d7d7d;
    border-bottom: none;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .tab-change ul li.active a {
    color: #014095;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .tab-change ul li.active::after {
    content: "";
    position: absolute;
    background-color: #fff;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .tab-change ul li a {
    width: 1.4rem;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.28rem;
    color: #333333;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .xq-content {
    padding-top: 0.2rem;
    display: none;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .xq-content.active {
    display: block;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .xq-content p {
    font-size: 0.28rem;
    color: #333;
    line-height: 1.8em;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .xq-content p:not(:last-child) {
    margin-bottom: 0.3rem;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .xq-content .jsgg-box {
    padding-top: 0.3rem;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .xq-content .jsgg-box img {
    max-width: 100%;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    .paging2 {
    justify-content: flex-end;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .xq-content .pingjia-box ul li {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    align-items: flex-start;
    padding: 0.2rem 0;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    ul
    li
    .user-info {
    display: flex;
    align-items: center;
    font-size: 0.28rem;
    color: #666;
    margin-right: 0.57rem;
    margin-bottom: 0.2rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    ul
    li
    .user-info
    .img-box {
    width: 0.48rem;
    height: 0.48rem;
    background-color: #000;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.1rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    ul
    li
    .user-info
    .img-box
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    ul
    li
    .pinglun {
    flex: 3;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    ul
    li
    .pinglun
    .xingshu {
    display: flex;
    align-items: center;
    margin-bottom: 0.15rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    ul
    li
    .pinglun
    .xingshu
    span {
    color: #999999;
    font-size: 0.4rem;
    padding: 0 0.01rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    ul
    li
    .pinglun
    .xingshu
    span.active {
    color: #ff9c00;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    ul
    li
    .pinglun
    p {
    font-size: 0.28rem;
    color: #333;
    margin-bottom: 0.14rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    ul
    li
    .pinglun
    .img-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    ul
    li
    .pinglun
    .img-list
    .imgbox {
    width: 1rem;
    height: 1rem;
    border: 1px solid #d2d2d2;
    overflow: hidden;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    ul
    li
    .pinglun
    .img-list
    .imgbox:not(:last-child) {
    margin-right: 0.1rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    ul
    li
    .pinglun
    .img-list
    .imgbox
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .pingjia-box
    ul
    li
    .date {
    text-align: right;
    flex: 1;
    font-size: 0.12rem;
    color: #666;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .xq-content .wj-box ul li {
    margin-bottom: 0.2rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .wj-box
    ul
    li:hover
    a {
    color: #014095;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .xq-content .wj-box ul li a {
    display: flex;
    align-items: center;
    padding-left: 0.1rem;
    font-size: 0.28rem;
    color: #333;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .xq-content .wj-box ul li a img {
    width: 0.4rem;
    display: block;
    margin-right: 0.2rem;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .xq-content .cjwt-box ul li {
    padding: 0.25rem 0.18rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .cjwt-box
    ul
    li:not(:last-child) {
    border-bottom: 1px solid #d2d2d2;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .cjwt-box
    ul
    li
    .wt-title {
    font-size: 0.32rem;
    color: #333;
    margin-bottom: 0.1rem;
  }
  .cpxq-content
    .wrap
    .cpxq-left
    .second-floor
    .xq-content
    .cjwt-box
    ul
    li
    .question {
    font-size: 0.28rem;
    color: #999;
    margin-bottom: 0.2rem;
  }
  .cpxq-content .wrap .cpxq-left .second-floor .xq-content .cjwt-box ul li p {
    font-size: 0.28rem;
    color: #999;
    line-height: 1.8em;
  }
  .cpxq-content .wrap .cpxq-right {
    width: 100%;
    padding-top: 0.1rem;
    flex: 1;
  }
  .cpxq-content .wrap .cpxq-right .right-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.32rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
  }
  .cpxq-content .wrap .cpxq-right .right-title .line {
    width: 1.5rem;
    height: 0.01rem;
    background-color: #000;
  }
  .cpxq-content .wrap .cpxq-right .xiangguan-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3rem;
  }
  .cpxq-content .wrap .cpxq-right .xiangguan-list li {
    width: auto;
  }
  .cpxq-content .wrap .cpxq-right .xiangguan-list li:not(:last-child) {
    margin-bottom: 0.25rem;
  }
  .cpxq-content .wrap .cpxq-right .xiangguan-list li:hover a img {
    transform: scale(1.1);
  }
  .cpxq-content .wrap .cpxq-right .xiangguan-list li:hover a .yp-name {
    color: #f7ad44;
  }
  .cpxq-content .wrap .cpxq-right .xiangguan-list li a .img-box {
    width: 100%;
    height: 3rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eeeeee;
  }
  .cpxq-content .wrap .cpxq-right .xiangguan-list li a .img-box img {
    width: 60%;
    display: block;
    transition: 0.3s;
  }
  .cpxq-content .wrap .cpxq-right .xiangguan-list li a .yp-name {
    width: 100%;
    background-color: #eeeeee;
    font-size: 0.28rem;
    color: #333;
    padding: 0.1rem 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.2rem;
    transition: 0.3s;
  }
  .cpxq-content .wrap .cpxq-right .xiangguan-list li a .price {
    text-align: center;
    font-size: 0.28rem;
    color: #f7ad44;
  }
  .xq-content {
    padding-top: 0.4rem;
  }
  .xq-content .wrap .xq-title {
    font-weight: bold;
    font-size: 0.36rem;
    margin-bottom: 0.4rem;
  }
  .xq-content .wrap .date {
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    color: #999;
    margin-bottom: 0.5rem;
  }
  .xq-content .wrap .date img {
    width: 0.27rem;
    display: block;
    margin-right: 0.1rem;
  }
  .xq-content .wrap .news-content {
    padding: 0.4rem 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .xq-content .wrap .news-content p {
    font-size: 0.28rem;
    line-height: 1.8em;
  }
  .xq-content .wrap .news-content img {
    max-width: 100%;
  }
  .xq-content .wrap .prev-next {
    padding: 0.3rem 0;
  }
  .xq-content .wrap .prev-next a {
    display: block;
    width: auto;
    font-size: 0.28rem;
    color: #333;
    border-bottom: 1px solid transparent;
  }
  .xq-content .wrap .prev-next a:not(:last-child) {
    margin-bottom: 0.2rem;
  }
  .xq-content .wrap .prev-next a:hover {
    color: #014095;
    border-bottom: 1px solid #014095;
  }
  .banner3 {
    margin-top: 1.4rem;
    height: 5rem;
    position: relative;
  }
  .banner3 > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: -1;
  }
  .banner3 .wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .banner3 .wrap .user-info-box {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .banner3 .wrap .user-info-box .avatar-box {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 0.1rem;
  }
  .banner3 .wrap .user-info-box .avatar-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .banner3 .wrap .user-info-box .tel {
    font-size: 0.32rem;
    color: #333;
    margin-bottom: 0.05rem;
  }
  .banner3 .wrap .user-info-box .jifen {
    display: flex;
    align-items: center;
    font-size: 0.28rem;
    color: #fd9714;
  }
  .banner3 .wrap .user-info-box .jifen img {
    width: 0.4rem;
    display: block;
    margin-right: 0.1rem;
  }
  .jfsc-floor {
    margin-top: -1rem;
  }
  .jfsc-floor .wrap .jfsc-change {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 0.3rem;
    font-size: 0.28rem;
    color: #333;
  }
  .jfsc-floor .wrap .jfsc-change p {
    margin-right: 1rem;
  }
  .jfsc-floor .wrap .jfsc-change .price-change {
    display: block;
    flex-wrap: wrap;
    align-items: center;
  }
  .jfsc-floor .wrap .jfsc-change .price-change li.active a {
    color: #f7ad44;
  }
  .jfsc-floor .wrap .jfsc-change .price-change li:hover a {
    color: #f7ad44;
  }
  .jfsc-floor .wrap .jfsc-change .price-change li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
  .jfsc-floor .wrap .yp-total {
    font-size: 0.28rem;
    color: #333;
    text-align: right;
    padding: 0.2rem 0;
  }
  .gwc-content {
    padding-top: 0.35rem;
    margin-bottom: 0.9rem;
  }
  .gwc-content .wrap .gwc-title {
    display: flex;
    align-items: center;
    font-size: 0.36rem;
    margin-bottom: 0.3rem;
  }
  .gwc-content .wrap .gwc-title img {
    width: 0.4rem;
    margin-right: 0.2rem;
    vertical-align: middle;
  }
  .gwc-content .wrap .gwc-box {
    display: block;
  }
  .gwc-content .wrap .gwc-box .gwc-left {
    width: 100%;
    margin-right: 0;
  }
  .gwc-content .wrap .gwc-box .gwc-left .dialog-item {
    color: #333;
    margin-bottom: 0.2rem;
  }
  .gwc-content .wrap .gwc-box .gwc-left .dialog-item .top-title {
    font-size: 0.18rem;
    font-weight: bold;
    margin-bottom: 0.2rem;
  }
  .gwc-content .wrap .gwc-box .gwc-left .dialog-item .mingxi ul {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
  }
  .gwc-content .wrap .gwc-box .gwc-left .dialog-item .mingxi ul .shangpin {
    flex: 3;
    text-align: left;
    padding-left: 0.4rem;
  }
  .gwc-content .wrap .gwc-box .gwc-left .dialog-item .mingxi ul li {
    flex: 1;
    text-align: center;
    padding: 0.1rem 0;
  }
  .gwc-content .wrap .gwc-box .gwc-left .dialog-item .mingxi-box .mingxi-list {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    color: #333;
    padding: 0.2rem 0;
    border-bottom: 1px solid #d2d2d2;
  }
  .gwc-content
    .wrap
    .gwc-box
    .gwc-left
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin {
    flex: 3;
    text-align: left;
    padding-left: 0.4rem;
    display: flex;
    align-items: center;
  }
  .gwc-content
    .wrap
    .gwc-box
    .gwc-left
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .img-box {
    width: 0.8rem;
    height: 0.8rem;
  }
  .gwc-content
    .wrap
    .gwc-box
    .gwc-left
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .img-box
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .gwc-content
    .wrap
    .gwc-box
    .gwc-left
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box {
    padding-left: 0.15rem;
  }
  .gwc-content
    .wrap
    .gwc-box
    .gwc-left
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box
    .yp-name {
    color: #014095;
    line-height: 0.24rem;
  }
  .gwc-content
    .wrap
    .gwc-box
    .gwc-left
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box
    p {
    line-height: 0.24rem;
  }
  .gwc-content
    .wrap
    .gwc-box
    .gwc-left
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box
    p
    span {
    color: #999999;
  }
  .gwc-content
    .wrap
    .gwc-box
    .gwc-left
    .dialog-item
    .mingxi-box
    .mingxi-list
    .chuliang
    input {
    width: 0.36rem;
    height: 0.3rem;
    border: 1px solid #7d7d7d;
  }
  .gwc-content
    .wrap
    .gwc-box
    .gwc-left
    .dialog-item
    .mingxi-box
    .mingxi-list
    .kucun.active {
    color: #f7ae45;
  }
  .gwc-content
    .wrap
    .gwc-box
    .gwc-left
    .dialog-item
    .mingxi-box
    .mingxi-list
    .jifen
    p {
    text-align: center;
  }
  .gwc-content
    .wrap
    .gwc-box
    .gwc-left
    .dialog-item
    .mingxi-box
    .mingxi-list
    .jifen
    p
    span {
    font-weight: bold;
  }
  .gwc-content
    .wrap
    .gwc-box
    .gwc-left
    .dialog-item
    .mingxi-box
    .mingxi-list
    .caozuo
    a {
    color: #ff4a4a;
  }
  .gwc-content
    .wrap
    .gwc-box
    .gwc-left
    .dialog-item
    .mingxi-box
    .mingxi-list
    li {
    flex: 1;
    text-align: center;
    padding: 0.1rem 0;
  }
  .gwc-content .wrap .gwc-box .gwc-right {
    flex: 1;
    background-color: #f5f6fa;
    padding: 0.3rem;
    color: #333;
  }
  .gwc-content .wrap .gwc-box .gwc-right .right-title {
    font-size: 0.36rem;
    margin-bottom: 0.3rem;
  }
  .gwc-content .wrap .gwc-box .gwc-right p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
  }
  .gwc-content .wrap .gwc-box .gwc-right .xiaoji {
    font-weight: bold;
    margin-bottom: 0.35rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .gwc-content .wrap .gwc-box .gwc-right .zongji {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.32rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
  }
  .gwc-content .wrap .gwc-box .gwc-right .btn a {
    width: 100%;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.28rem;
    border-radius: 0.1rem;
  }
  .gwc-content .wrap .gwc-box .gwc-right .btn1 {
    margin-bottom: 0.14rem;
  }
  .gwc-content .wrap .gwc-box .gwc-right .btn1 a {
    background-color: #014095;
    color: #fff;
  }
  .gwc-content .wrap .gwc-box .gwc-right .btn2 a {
    border: 1px solid #014095;
    color: #014095;
  }
  .fk-floor {
    margin-top: 0rem;
    padding-top: 0.25rem;
    padding-bottom: 1.1rem;
  }
  .fk-floor .wrap .lc-list {
    margin-bottom: 0.4rem;
  }
  .fk-floor .wrap .lc-list ul {
    display: flex;
    align-items: center;
  }
  .fk-floor .wrap .lc-list ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .fk-floor .wrap .lc-list ul li.active .li-top .line {
    background-color: #f7af47;
  }
  .fk-floor .wrap .lc-list ul li.active .li-top .step {
    background-color: #f7af47;
  }
  .fk-floor .wrap .lc-list ul li.active p {
    color: #f7af47;
  }
  .fk-floor .wrap .lc-list ul li.alactive {
    opacity: 0.4;
  }
  .fk-floor .wrap .lc-list ul li.alactive .li-top .line {
    background-color: #f7af47;
  }
  .fk-floor .wrap .lc-list ul li.alactive .li-top .step {
    background-color: #f7af47;
  }
  .fk-floor .wrap .lc-list ul li.alactive p {
    color: #f7af47;
  }
  .fk-floor .wrap .lc-list ul li .li-top {
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
  }
  .fk-floor .wrap .lc-list ul li .li-top .line {
    width: 0.6rem;
    height: 0.1rem;
    background-color: #bfbfbf;
  }
  .fk-floor .wrap .lc-list ul li .li-top .step {
    width: 0.48rem;
    height: 0.48rem;
    background-color: #bfbfbf;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.28rem;
    font-weight: bold;
    color: #fff;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0 25%);
  }
  .fk-floor .wrap .lc-list ul li p {
    font-size: 0.14rem;
    color: #bfbfbf;
  }
  .fk-floor .wrap .dingdan-title {
    display: flex;
    align-items: center;
    font-size: 0.32rem;
    margin-bottom: 0.2rem;
  }
  .fk-floor .wrap .dingdan-title img {
    width: 0.4rem;
    margin-right: 0.2rem;
  }
  .fk-floor .wrap .dialog-item {
    background-color: #f5f6fa;
    padding: 0.4rem 0.2rem;
    color: #333;
    margin-bottom: 0.2rem;
  }
  .fk-floor .wrap .dialog-item .top-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
  }
  .fk-floor .wrap .dialog-item .top-title a {
    color: #014095;
    font-size: 0.28rem;
    font-weight: normal;
    border-bottom: 1px solid #014095;
  }
  .fk-floor .wrap .dialog-item .shxx {
    border: 1px solid #7d7d7d;
    padding: 0.15rem 0.15rem;
    font-size: 0.28rem;
  }
  .fk-floor .wrap .dialog-item .zhifu-list {
    padding-bottom: 0.15rem;
  }
  .fk-floor .wrap .dialog-item .zhifu-list ul {
    display: flex;
    align-items: center;
  }
  .fk-floor .wrap .dialog-item .zhifu-list ul li:not(:last-child) {
    margin-right: 0.1rem;
  }
  .fk-floor .wrap .dialog-item .zhifu-list ul li.active a {
    background-color: #e0e9f6;
  }
  .fk-floor .wrap .dialog-item .zhifu-list ul li:hover a {
    background-color: #e0e9f6;
  }
  .fk-floor .wrap .dialog-item .zhifu-list ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 0.28rem;
    width: 2rem;
    height: 0.5rem;
    border-radius: 0.05rem;
  }
  .fk-floor .wrap .dialog-item .zhifu-list ul li a img {
    width: 0.4rem;
    display: block;
    margin-right: 0.1rem;
  }
  .fk-floor .wrap .dialog-item .zffs-information-box .zffs-info {
    display: none;
  }
  .fk-floor .wrap .dialog-item .zffs-information-box .zffs-info.active {
    display: block;
  }
  .fk-floor .wrap .dialog-item .zffs-information-box .zffs-info.yinlian {
    border-top: 1px solid #7d7d7d;
    padding-top: 0.2rem;
    padding-left: 0.2rem;
  }
  .fk-floor .wrap .dialog-item .zffs-information-box .zffs-info.yinlian p {
    font-size: 0.28rem;
    line-height: 1.8em;
  }
  .fk-floor .wrap .dialog-item .zffs-information-box .zffs-info.yinlian p span {
    color: #014095;
  }
  .fk-floor .wrap .dialog-item .zffs-information-box .zffs-info.yinlian .grp {
    color: #999;
    font-size: 0.28rem;
  }
  .fk-floor .wrap .dialog-item .mingxi ul {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    border-bottom: 1px solid #d2d2d2;
  }
  .fk-floor .wrap .dialog-item .mingxi ul .shangpin {
    flex: 3;
    text-align: left;
    padding-left: 0.4rem;
  }
  .fk-floor .wrap .dialog-item .mingxi ul li {
    flex: 1;
    text-align: center;
    padding: 0.1rem 0;
  }
  .fk-floor .wrap .dialog-item .mingxi-box {
    margin-bottom: 0.2rem;
  }
  .fk-floor .wrap .dialog-item .mingxi-box .mingxi-list {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    color: #333;
    padding: 0.2rem 0;
    border-bottom: 1px solid #d2d2d2;
  }
  .fk-floor .wrap .dialog-item .mingxi-box .mingxi-list .shangpin {
    flex: 3;
    text-align: left;
    padding-left: 0.4rem;
    display: flex;
    align-items: center;
  }
  .fk-floor .wrap .dialog-item .mingxi-box .mingxi-list .shangpin .img-box {
    width: 0.8rem;
    height: 0.8rem;
  }
  .fk-floor .wrap .dialog-item .mingxi-box .mingxi-list .shangpin .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .fk-floor .wrap .dialog-item .mingxi-box .mingxi-list .shangpin .text-box {
    padding-left: 0.15rem;
  }
  .fk-floor
    .wrap
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box
    .yp-name {
    color: #014095;
    line-height: 0.24rem;
  }
  .fk-floor .wrap .dialog-item .mingxi-box .mingxi-list .shangpin .text-box p {
    line-height: 0.24rem;
  }
  .fk-floor
    .wrap
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box
    p
    span {
    color: #999999;
  }
  .fk-floor .wrap .dialog-item .mingxi-box .mingxi-list .kucun.active {
    color: #f7ae45;
  }
  .fk-floor .wrap .dialog-item .mingxi-box .mingxi-list .jifen p {
    text-align: center;
  }
  .fk-floor .wrap .dialog-item .mingxi-box .mingxi-list .jifen p span {
    font-weight: bold;
  }
  .fk-floor .wrap .dialog-item .mingxi-box .mingxi-list li {
    flex: 1;
    text-align: center;
    padding: 0.1rem 0;
  }
  .fk-floor .wrap .dialog-item .total-price {
    font-size: 0.14rem;
    padding-left: 0.4rem;
  }
  .fk-floor .wrap .dialog-item .total-price span {
    font-weight: bold;
    margin-right: 0.3rem;
  }
  .fk-floor .wrap .dialog-item .fp-list {
    padding-bottom: 0.15rem;
  }
  .fk-floor .wrap .dialog-item .fp-list ul {
    display: flex;
    align-items: center;
  }
  .fk-floor .wrap .dialog-item .fp-list ul li:not(:last-child) {
    margin-right: 0.1rem;
  }
  .fk-floor .wrap .dialog-item .fp-list ul li.active a,
  .fk-floor .wrap .dialog-item .fp-list ul li:hover a {
    background-color: #004097;
    color: #fff;
  }
  .fk-floor .wrap .dialog-item .fp-list ul li a {
    width: 2rem;
    height: 0.5rem;
    border: 1px solid #d1def1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.1rem;
    font-size: 0.28rem;
  }
  .fk-floor .wrap .dialog-item .fp-info {
    display: none;
  }
  .fk-floor .wrap .dialog-item .fp-info.active {
    display: block;
  }
  .fk-floor .wrap .dialog-item .fp-info.yinlian {
    border-top: 1px solid #7d7d7d;
    padding-top: 0.2rem;
    padding-left: 0.2rem;
  }
  .fk-floor .wrap .dialog-item .fp-info.yinlian p {
    font-size: 0.28rem;
    line-height: 1.8em;
  }
  .fk-floor .wrap .dialog-item .fp-info.yinlian p span {
    color: #014095;
  }
  .fk-floor .wrap .dialog-item .fp-info.yinlian .grp {
    color: #999;
    font-size: 0.28rem;
  }
  .fk-floor .wrap .tijiao-item {
    background-color: #f5f6fa;
    padding: 0.2rem;
    display: block;
    justify-content: flex-end;
  }
  .fk-floor .wrap .tijiao-item .zhifu-box {
    width: 100%;
    display: block;
    align-items: center;
    justify-content: space-between;
  }
  .fk-floor .wrap .tijiao-item .zhifu-box > div {
    width: 100%;
  }
  .fk-floor .wrap .tijiao-item .zhifu-box .left-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.28rem;
    color: #333;
    margin-bottom: 0.2rem;
  }
  .fk-floor .wrap .tijiao-item .zhifu-box .left-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.32rem;
    color: #333;
    font-weight: bold;
  }
  .fk-floor .wrap .tijiao-item .zhifu-box .submit-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #014095;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 0.28rem;
    height: 0.8rem;
  }
  .fk-floor .wrap > p {
    font-size: 0.28rem;
    color: #999;
    margin-bottom: 0.4rem;
  }
  .fk-floor .wrap .btn1 {
    margin-bottom: 0.24rem;
  }
  .fk-floor .wrap .btn1 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.7rem;
    height: 0.8rem;
    background-color: #014095;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 0.28rem;
  }
  .fk-floor .wrap .btn2 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.7rem;
    height: 0.8rem;
    border: 1px solid #014095;
    border-radius: 0.1rem;
    color: #014095;
    font-size: 0.28rem;
  }
  .gsjj-floor {
    background-color: #f7f8fa;
    padding: 1.1rem 0 0.8rem;
  }
  .gsjj-floor .wrap .jj-swiper {
    margin-bottom: 0.8rem;
  }
  .gsjj-floor .wrap .jj-swiper .swiper-slide {
    display: block;
  }
  .gsjj-floor .wrap .jj-swiper .swiper-slide .img-box {
    width: 100%;
    height: 5rem;
    margin-bottom: 0.2rem;
  }
  .gsjj-floor .wrap .jj-swiper .swiper-slide .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .gsjj-floor .wrap .jj-swiper .swiper-slide .text-box {
    height: 5rem;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    padding-left: 0;
  }
  .gsjj-floor .wrap .jj-swiper .swiper-slide .text-box::-webkit-scrollbar {
    width: 2px;
    background-color: #d2d2d2;
  }
  .gsjj-floor
    .wrap
    .jj-swiper
    .swiper-slide
    .text-box::-webkit-scrollbar-track {
    background-color: #d2d2d2;
  }
  .gsjj-floor
    .wrap
    .jj-swiper
    .swiper-slide
    .text-box::-webkit-scrollbar-thumb {
    background-color: #013f96;
  }
  .gsjj-floor .wrap .jj-swiper .swiper-slide .text-box .date {
    font-size: 1.8rem;
    color: #fff;
    line-height: 0.8em;
  }
  .gsjj-floor .wrap .jj-swiper .swiper-slide .text-box .information {
    margin-top: -0.8rem;
    color: #666;
  }
  .gsjj-floor
    .wrap
    .jj-swiper
    .swiper-slide
    .text-box
    .information
    .info-title {
    font-size: 0.36rem;
    color: #333;
    margin-bottom: 0.3rem;
  }
  .gsjj-floor .wrap .jj-swiper .swiper-slide .text-box .information .bigp {
    font-size: 0.32rem;
    line-height: 1.6em;
  }
  .gsjj-floor .wrap .jj-swiper .swiper-slide .text-box .information p {
    font-size: 0.28rem;
    line-height: 1.6em;
  }
  .gsjj-floor .wrap .date-swiper {
    position: relative;
    width: 4.2rem;
    margin: 0 auto;
  }
  .gsjj-floor .wrap .date-swiper .btn::after {
    color: #333;
    font-size: 0.4rem;
    font-weight: bold;
  }
  .gsjj-floor .wrap .date-swiper .btn.swiper-button-prev {
    left: -0.4rem;
  }
  .gsjj-floor .wrap .date-swiper .btn.swiper-button-next {
    right: -0.4rem;
  }
  .gsjj-floor .wrap .date-swiper .swiper {
    width: 4.2rem;
  }
  .gsjj-floor .wrap .date-swiper .swiper .swiper-slide {
    width: 1.4rem;
    text-align: center;
    font-size: 0.36rem;
    cursor: pointer;
    opacity: 0.4;
    transition: 0.3s;
  }
  .gsjj-floor
    .wrap
    .date-swiper
    .swiper
    .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
  }
  footer {
    background: url(../img/footerbg.png) no-repeat;
    background-size: cover;
  }
  footer .footer-container {
    padding: 0.4rem 0;
  }
  footer .footer-container .wrap {
    display: block;
    justify-content: space-between;
  }
  footer .footer-container .wrap .company-information {
    margin-bottom: 0.2rem;
    width: 100%;
  }
  footer .footer-container .wrap .company-information .footer-logo {
    margin-bottom: 0.3rem;
  }
  footer .footer-container .wrap .company-information p {
    font-size: 0.28rem;
    color: #cccccc;
    margin-bottom: 0.1rem;
  }
  footer .footer-container .wrap .footer-navs {
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  footer .footer-container .wrap .footer-navs .navs-item {
    color: #ccc;
    padding-top: 0.2rem;
  }
  footer .footer-container .wrap .footer-navs .navs-item:not(:last-child) {
    margin-right: 0;
  }
  footer .footer-container .wrap .footer-navs .navs-item .top-title {
    font-size: 0.32rem;
    font-weight: bold;
    padding-left: 0;
  }
  footer .footer-container .wrap .footer-navs .navs-item .line {
    width: 100%;
    height: 0.01rem;
    background-color: #d2d2d2;
    margin: 0.2rem 0;
  }
  footer .footer-container .wrap .footer-navs .navs-item a {
    display: block;
    color: #ccc;
    font-size: 0.28rem;
    padding-left: 0;
    margin-bottom: 0.1rem;
  }
  footer .footer-container .wrap .footer-navs .navs-code .line {
    width: 100%;
  }
  footer .footer-container .wrap .footer-navs .navs-code .code-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.1rem;
    margin-bottom: 0.24rem;
  }
  footer
    .footer-container
    .wrap
    .footer-navs
    .navs-code
    .code-list
    .code-item
    .img-box {
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.1rem;
  }
  footer
    .footer-container
    .wrap
    .footer-navs
    .navs-code
    .code-list
    .code-item
    .img-box
    img {
    width: 80%;
    display: block;
  }
  footer
    .footer-container
    .wrap
    .footer-navs
    .navs-code
    .code-list
    .code-item
    p {
    font-size: 0.28rem;
    text-align: center;
  }
  footer .footer-container .wrap .footer-navs .navs-code .icon-box {
    display: flex;
    align-items: center;
  }
  footer .footer-container .wrap .footer-navs .navs-code .icon-box a {
    display: block;
  }
  footer
    .footer-container
    .wrap
    .footer-navs
    .navs-code
    .icon-box
    a:not(:last-child) {
    margin-right: 0.2rem;
  }
  footer .footer-container .wrap .footer-navs .navs-code .icon-box a img {
    width: 0.6rem;
    display: block;
  }
  footer .support {
    background-color: rgba(0, 0, 0, 0.3);
    color: #999;
    font-size: 0.28rem;
    height: auto;
    padding: 0.15rem 0;
  }
  footer .support .wrap {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  footer .support .wrap a {
    color: #999;
    font-size: 0.28rem;
    margin: 0 0.2rem;
  }
  .aside {
    display: none;
    position: fixed;
    top: 5.5rem;
    right: 0.2rem;
  }
  .aside ul {
    width: 1rem;
    border-radius: 0.5rem;
    background-color: #fff;
    padding: 0 0.2rem;
    box-shadow: rgba(0, 0, 0, 0.1) -3px 3px 20px 0;
    margin-bottom: 0.2rem;
  }
  .aside ul li:not(:last-child) {
    border-bottom: 1px solid #eeeeee;
  }
  .aside ul li:hover a p {
    color: #f7af47;
  }
  .aside ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0;
  }
  .aside ul li a img {
    width: 0.34rem;
    display: block;
    margin-bottom: 0.1rem;
  }
  .aside ul li a p {
    font-size: 0.24rem;
    color: #333;
  }
  .aside .vip-img {
    width: 1rem;
  }
  .aside .vip-img a {
    width: 100%;
    display: block;
  }
  .aside .vip-img a img {
    display: block;
    width: 100%;
  }
  .xiugai-mengceng,
  .zx-mengceng,
  .del-mengceng {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 99999;
  }
  .xiugai-mengceng .dialog,
  .zx-mengceng .dialog,
  .del-mengceng .dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: 60%;
    height: 2.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
  }
  .xiugai-mengceng .dialog .title,
  .zx-mengceng .dialog .title,
  .del-mengceng .dialog .title {
    font-size: 0.32rem;
    color: #333;
    margin-bottom: 0.04rem;
  }
  .xiugai-mengceng .dialog p,
  .zx-mengceng .dialog p,
  .del-mengceng .dialog p {
    font-size: 0.28rem;
    color: #999999;
    margin-bottom: 0.4rem;
  }
  .xiugai-mengceng .dialog .btn-box,
  .zx-mengceng .dialog .btn-box,
  .del-mengceng .dialog .btn-box {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .xiugai-mengceng .dialog .btn-box a,
  .zx-mengceng .dialog .btn-box a,
  .del-mengceng .dialog .btn-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    color: #999999;
    font-size: 0.28rem;
  }
  .xiugai-mengceng .dialog .btn-box a.zx-confirm,
  .zx-mengceng .dialog .btn-box a.zx-confirm,
  .del-mengceng .dialog .btn-box a.zx-confirm {
    color: #fb9d07;
    border-right: 1px solid #d2d2d2;
  }
  .xiugai-mengceng .dialog > a,
  .zx-mengceng .dialog > a,
  .del-mengceng .dialog > a {
    display: block;
    font-size: 0.28rem;
    color: #fb9d07;
  }
  .dingdan-mengceng {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.2);
    display: block;
  }
  .dingdan-mengceng .dd-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background-color: #fff;
    padding: 0.2rem;
    padding-top: 0.3rem;
  }
  .dingdan-mengceng .dd-dialog .dialog-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.2rem;
  }
  .dingdan-mengceng .dd-dialog .dialog-name .title {
    font-size: 0.24rem;
  }
  .dingdan-mengceng .dd-dialog .dialog-name .title img {
    width: 0.26rem;
    margin-right: 0.1rem;
    vertical-align: middle;
  }
  .dingdan-mengceng .dd-dialog .dialog-name .close-btn {
    cursor: pointer;
    width: 0.22rem;
  }
  .dingdan-mengceng .dd-dialog .dialog-name .close-btn img {
    width: 100%;
    display: block;
  }
  .dingdan-mengceng .dd-dialog .dialog-item {
    background-color: #f5f6fa;
    padding: 0.2rem;
    color: #333;
    margin-bottom: 0.2rem;
  }
  .dingdan-mengceng .dd-dialog .dialog-item .top-title {
    font-size: 0.18rem;
    font-weight: bold;
    margin-bottom: 0.2rem;
  }
  .dingdan-mengceng .dd-dialog .dialog-item .shxx {
    border: 1px solid #7d7d7d;
    font-size: 0.14rem;
    padding: 0.05rem 0.15rem;
  }
  .dingdan-mengceng .dd-dialog .dialog-item .syjf {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
  }
  .dingdan-mengceng .dd-dialog .dialog-item .syjf img {
    width: 0.3rem;
    display: block;
    margin-right: 0.05rem;
  }
  .dingdan-mengceng .dd-dialog .dialog-item .mingxi ul {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    border-bottom: 1px solid #d2d2d2;
  }
  .dingdan-mengceng .dd-dialog .dialog-item .mingxi ul .shangpin {
    flex: 3;
    text-align: left;
    padding-left: 0.4rem;
  }
  .dingdan-mengceng .dd-dialog .dialog-item .mingxi ul li {
    flex: 1;
    text-align: center;
    padding: 0.1rem 0;
  }
  .dingdan-mengceng .dd-dialog .dialog-item .mingxi-box {
    height: 2.83rem;
    overflow-y: scroll;
  }
  .dingdan-mengceng .dd-dialog .dialog-item .mingxi-box::-webkit-scrollbar {
    width: 2px;
    background-color: #d2d2d2;
  }
  .dingdan-mengceng
    .dd-dialog
    .dialog-item
    .mingxi-box::-webkit-scrollbar-track {
    background-color: #d2d2d2;
  }
  .dingdan-mengceng
    .dd-dialog
    .dialog-item
    .mingxi-box::-webkit-scrollbar-thumb {
    background-color: #013f96;
  }
  .dingdan-mengceng .dd-dialog .dialog-item .mingxi-box .mingxi-list {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    color: #333;
    padding: 0.2rem 0;
    border-bottom: 1px solid #d2d2d2;
  }
  .dingdan-mengceng .dd-dialog .dialog-item .mingxi-box .mingxi-list .shangpin {
    flex: 3;
    text-align: left;
    padding-left: 0.4rem;
    display: flex;
    align-items: center;
  }
  .dingdan-mengceng
    .dd-dialog
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .img-box {
    width: 0.8rem;
    height: 0.8rem;
  }
  .dingdan-mengceng
    .dd-dialog
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .img-box
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .dingdan-mengceng
    .dd-dialog
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box {
    padding-left: 0.15rem;
  }
  .dingdan-mengceng
    .dd-dialog
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box
    .yp-name {
    color: #014095;
    line-height: 0.24rem;
  }
  .dingdan-mengceng
    .dd-dialog
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box
    p {
    line-height: 0.24rem;
  }
  .dingdan-mengceng
    .dd-dialog
    .dialog-item
    .mingxi-box
    .mingxi-list
    .shangpin
    .text-box
    p
    span {
    color: #999999;
  }
  .dingdan-mengceng
    .dd-dialog
    .dialog-item
    .mingxi-box
    .mingxi-list
    .kucun.active {
    color: #f7ae45;
  }
  .dingdan-mengceng .dd-dialog .dialog-item .mingxi-box .mingxi-list .jifen p {
    text-align: center;
  }
  .dingdan-mengceng
    .dd-dialog
    .dialog-item
    .mingxi-box
    .mingxi-list
    .jifen
    p
    span {
    font-weight: bold;
  }
  .dingdan-mengceng .dd-dialog .dialog-item .mingxi-box .mingxi-list li {
    flex: 1;
    text-align: center;
    padding: 0.1rem 0;
  }
  .dingdan-mengceng .dd-dialog .tijiao-item {
    background-color: #f5f6fa;
    padding: 0.2rem;
    display: flex;
    justify-content: flex-end;
  }
  .dingdan-mengceng .dd-dialog .tijiao-item .zhifu-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .dingdan-mengceng .dd-dialog .tijiao-item .zhifu-box > div {
    width: 48%;
  }
  .dingdan-mengceng .dd-dialog .tijiao-item .zhifu-box .left-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.14rem;
    color: #333;
    margin-bottom: 0.1rem;
  }
  .dingdan-mengceng .dd-dialog .tijiao-item .zhifu-box .left-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.18rem;
    color: #333;
    font-weight: bold;
  }
  .dingdan-mengceng .dd-dialog .tijiao-item .zhifu-box .submit-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #014095;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 0.28rem;
    height: 0.8rem;
  }
  .jfsuccess-mengceng {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
  }
  .jfsuccess-mengceng .jfsc-dialog {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 0.3rem;
  }
  .jfsuccess-mengceng .jfsc-dialog .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .jfsuccess-mengceng .jfsc-dialog .top .top-left {
    display: flex;
    align-items: center;
    font-size: 0.32rem;
  }
  .jfsuccess-mengceng .jfsc-dialog .top .top-left img {
    width: 0.5rem;
    display: block;
    margin-right: 0.05rem;
  }
  .jfsuccess-mengceng .jfsc-dialog .top .close-btn {
    cursor: pointer;
    width: 0.2rem;
  }
  .jfsuccess-mengceng .jfsc-dialog .top .close-btn img {
    width: 100%;
    display: block;
  }
  .jfsuccess-mengceng .jfsc-dialog p {
    font-size: 0.28rem;
    color: #999;
    margin: 0.28rem 0;
  }
  .jfsuccess-mengceng .jfsc-dialog .continue-btn a {
    width: 3.7rem;
    height: 0.8rem;
    border: 1px solid #014095;
    color: #014095;
    font-size: 0.28rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.1rem;
    transition: 0.3s;
  }
  .jfsuccess-mengceng .jfsc-dialog .continue-btn a:hover {
    background-color: #014095;
    color: #fff;
  }
  .cart-mengceng {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
  }
  .cart-mengceng .cart-dialog {
    width: 100%;
    background-color: #f5f6fa;
    padding-bottom: 0.24rem;
  }
  .cart-mengceng .cart-dialog .wrap .dialog-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.4rem 0;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 0.24rem;
  }
  .cart-mengceng .cart-dialog .wrap .dialog-name .title {
    font-size: 0.32rem;
  }
  .cart-mengceng .cart-dialog .wrap .dialog-name .title img {
    width: 0.4rem;
    vertical-align: middle;
    margin-right: 0.2rem;
  }
  .cart-mengceng .cart-dialog .wrap .dialog-name .close-btn {
    cursor: pointer;
    width: 0.3rem;
  }
  .cart-mengceng .cart-dialog .wrap .dialog-name .close-btn img {
    width: 100%;
    display: block;
  }
  .cart-mengceng .cart-dialog .wrap .cart-diacontent {
    display: block;
    align-items: center;
  }
  .cart-mengceng .cart-dialog .wrap .cart-diacontent .left-list {
    margin-bottom: 0.4rem;
    width: 100%;
    padding-right: 0.5rem;
    height: 3.68rem;
    overflow-y: scroll;
  }
  .cart-mengceng
    .cart-dialog
    .wrap
    .cart-diacontent
    .left-list::-webkit-scrollbar {
    width: 2px;
    background-color: #d2d2d2;
  }
  .cart-mengceng
    .cart-dialog
    .wrap
    .cart-diacontent
    .left-list::-webkit-scrollbar-track {
    background-color: #d2d2d2;
  }
  .cart-mengceng
    .cart-dialog
    .wrap
    .cart-diacontent
    .left-list::-webkit-scrollbar-thumb {
    background-color: #013f96;
  }
  .cart-mengceng .cart-dialog .wrap .cart-diacontent .left-list ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0.45rem;
    row-gap: 0.24rem;
  }
  .cart-mengceng .cart-dialog .wrap .cart-diacontent .left-list ul li {
    display: flex;
    align-items: center;
  }
  .cart-mengceng .cart-dialog .wrap .cart-diacontent .left-list ul li .img-box {
    width: 1.6rem;
    height: 1.6rem;
  }
  .cart-mengceng
    .cart-dialog
    .wrap
    .cart-diacontent
    .left-list
    ul
    li
    .img-box
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .cart-mengceng
    .cart-dialog
    .wrap
    .cart-diacontent
    .left-list
    ul
    li
    .text-box {
    padding-left: 0.28rem;
    flex: 1;
    line-height: 1.8em;
  }
  .cart-mengceng
    .cart-dialog
    .wrap
    .cart-diacontent
    .left-list
    ul
    li
    .text-box
    .yp-name {
    font-size: 0.28rem;
    color: #014095;
  }
  .cart-mengceng
    .cart-dialog
    .wrap
    .cart-diacontent
    .left-list
    ul
    li
    .text-box
    p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.28rem;
  }
  .cart-mengceng
    .cart-dialog
    .wrap
    .cart-diacontent
    .left-list
    ul
    li
    .text-box
    p
    span
    i {
    font-weight: bold;
    font-style: normal;
  }
  .cart-mengceng .cart-dialog .wrap .cart-diacontent .right-btn {
    flex: 1;
    padding-left: 0.35rem;
  }
  .cart-mengceng .cart-dialog .wrap .cart-diacontent .right-btn p {
    margin-bottom: 0.25rem;
  }
  .cart-mengceng .cart-dialog .wrap .cart-diacontent .right-btn p span {
    font-weight: bold;
  }
  .cart-mengceng .cart-dialog .wrap .cart-diacontent .right-btn .btn a {
    width: 100%;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.05rem;
    font-size: 0.28rem;
  }
  .cart-mengceng .cart-dialog .wrap .cart-diacontent .right-btn .btn1 {
    margin-bottom: 0.14rem;
  }
  .cart-mengceng .cart-dialog .wrap .cart-diacontent .right-btn .btn1 a {
    background-color: #014095;
    color: #fff;
  }
  .cart-mengceng .cart-dialog .wrap .cart-diacontent .right-btn .btn2 a {
    color: #014095;
    border: 1px solid #014095;
  }
  .liuyan-mengceng {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
  }
  .liuyan-mengceng .liuyan-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    padding: 0 0.4rem;
    padding-bottom: 0.2rem;
    background-color: #fff;
  }
  .liuyan-mengceng .liuyan-dialog .top-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem 0;
    margin-bottom: 0.24rem;
  }
  .liuyan-mengceng .liuyan-dialog .top-title .title {
    font-size: 0.36rem;
  }
  .liuyan-mengceng .liuyan-dialog .top-title .ly-close {
    cursor: pointer;
    width: 0.4rem;
  }
  .liuyan-mengceng .liuyan-dialog .top-title .ly-close img {
    width: 100%;
    display: block;
  }
  .liuyan-mengceng .liuyan-dialog textarea {
    width: 100%;
    resize: none;
    border: 1px solid #d2d2d2;
    background-color: #fafafc;
    outline: none;
    padding: 0.2rem;
    font-size: 0.16rem;
    height: 4rem;
    margin-bottom: 0.4rem;
  }
  .liuyan-mengceng .liuyan-dialog .submit-btn {
    display: flex;
    justify-content: center;
  }
  .liuyan-mengceng .liuyan-dialog .submit-btn a {
    width: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.8rem;
    background-color: #014095;
    font-size: 0.28rem;
    color: #fff;
    border-radius: 0.1rem;
  }
  .cx-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3rem;
  }
  .cx-list li {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
    border: 1px solid #dcdcdc;
    background-color: #fff;
    padding: 0.16rem;
  }
  .cx-list li .li-top {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    justify-content: space-between;
    margin-bottom: 0.2rem;
  }
  .cx-list li .li-top .li-left {
    width: 100%;
  }
  .cx-list li .li-top .li-left .hh {
    font-size: 0.14rem;
    margin-bottom: 0.04rem;
    color: #333;
  }
  .cx-list li .li-top .li-left .cp-name {
    font-size: 0.28rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.15rem;
  }
  .cx-list li .li-top .li-left .cp-name:hover a {
    color: #004097;
  }
  .cx-list li .li-top .li-left .del {
    text-decoration: line-through;
    margin-bottom: 0.04rem;
    font-size: 0.12rem;
    color: #70707a;
  }
  .cx-list li .li-top .li-left .rel {
    font-size: 0.28rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 0.04rem;
  }
  .cx-list li .li-top .li-left .jianshu {
    font-size: 0.12rem;
    white-space: unset;
    color: #70707a;
  }
  .cx-list li .li-top .li-left .jianshu span {
    color: #c40003;
  }
  .cx-list li .li-top .li-right {
    width: 100%;
    height: 2rem;
  }
  .cx-list li .li-top .li-right img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .cx-list li .li-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .cx-list li .li-bottom .add-cart {
    margin-top: 0.2rem;
    padding: 0.1rem 0.1rem;
    background-color: #f7ad44;
    font-size: 0.28rem;
    color: #fff;
    font-weight: bold;
  }
  .cx-list li .li-bottom .add-cart.yh {
    background-color: unset;
    color: #004097;
  }
  .cx-list li .li-bottom .jieri {
    margin-top: 0.2rem;
    margin-left: auto;
    border: 1px solid red;
    border-radius: 0.05rem;
    font-size: 0.24rem;
    padding: 0 0.2rem;
    color: red;
    height: 0.4rem;
  }
}