@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

img {
  display: block;
  pointer-events: none;
  user-select: none;
}

video {
  display: block;
}

@font-face {
  font-family: "MyCustomFont";
  src: url("../font/FZLTHJW.TTF");
}
@font-face {
  font-family: "MySmallFont";
  src: url("../font/FZLTZCHJW.TTF");
}
@font-face {
  font-family: "MySelfStyle";
}
.fl {
  float: left;
}

.fr {
  float: right;
}

.can-click {
  pointer-events: auto !important;
  user-select: auto !important;
}

body {
  font-family: "MyCustomFont", sans-serif;
  color: #313131;
  overflow-x: hidden;
  background: #ffffff;
}

.inlineBlock {
  display: inline-block;
  vertical-align: top;
}

.highlight {
  font-family: "";
}

.noBorder {
  border: none !important;
}

.myHide {
  display: none !important;
}

.myHide2 {
  display: none;
}

.overflowYHidden {
  overflow-y: hidden;
}

.wWord {
  position: absolute;
}

.container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
}
.container .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1.5rem;
  line-height: 1.5rem;
  box-sizing: border-box;
  padding: 0 0.6rem;
  z-index: 100;
}
.container .header .navi {
  width: 0.6rem;
}
.container .header .Vector {
  width: 4.2rem;
}
.container .header .search {
  width: 0.6rem;
}
.container .cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #000000;
  transition: all 0.2s ease;
  opacity: 0;
  z-index: 200;
}
.container .aside {
  position: fixed;
  width: 8rem;
  height: 100vh;
  font-size: 0;
  z-index: 200;
}
.container .aside .aside-box {
  position: relative;
  transition: all 0.25s;
  transform: translateX(-10rem);
}
.container .aside .aside-box .content {
  background: #ffffff;
  width: 7.85rem;
  height: 100vh;
  position: relative;
  z-index: 10;
}
.container .aside .aside-box .content .leftBar {
  background: #CF152D;
  height: 9rem;
  position: absolute;
  width: 0.15rem;
  left: 0;
  top: 0;
}
.container .aside .aside-box .content .logo {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 0.5rem 0.7rem;
  border-left: 0.15rem solid #CF152D;
}
.container .aside .aside-box .content .logo .logoImg {
  width: 3rem;
}
.container .aside .aside-box .content .logo .close {
  width: 0.5rem;
}
.container .aside .aside-box .content .menu {
  font-size: 0.35rem;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 1.5rem);
  position: relative;
}
.container .aside .aside-box .content .menu .menuList {
  padding-top: 0.5rem;
  padding-bottom: 4.2rem;
  border-left: 0.15rem solid #CF152D;
  position: relative;
}
.container .aside .aside-box .content .menu .menuList .menuLevel3 {
  padding-left: 0.7rem;
  color: #a3a3a3;
  position: absolute;
  z-index: 50;
  width: 100%;
  box-sizing: border-box;
  top: 1.2rem;
}
.container .aside .aside-box .content .menu .menuList .menuLevel3 .back {
  font-size: 0;
}
.container .aside .aside-box .content .menu .menuList .menuLevel3 .back .arrow {
  border-top: 1px solid #a3a3a3;
  border-right: 1px solid #a3a3a3;
  border-right: 0.03rem solid #313131;
  transform: rotate(-135deg);
  vertical-align: middle;
}
.container .aside .aside-box .content .menu .menuList .menuLevel3 .back span {
  vertical-align: middle;
  font-size: 0.32rem;
  margin-left: 0.25rem;
}
.container .aside .aside-box .content .menu .menuList .menuLevel3 .level3List {
  line-height: 2.5;
  margin-top: 0.7rem;
}
.container .aside .aside-box .content .menu .menuList .menuLevel3 .level3List .level3ListItem {
  font-size: 0.36rem;
  color: #313131;
}
.container .aside .aside-box .content .menu .menuList .menuList-single {
  margin-bottom: 1.3rem;
  padding: 0 0.7rem;
}
.container .aside .aside-box .content .menu .menuList .menuList-single .title {
  color: #CF152D;
  font-size: 0;
  white-space: nowrap;
  border-top: 1px solid #CF152D;
  border-bottom: 1px solid #CF152D;
}
.container .aside .aside-box .content .menu .menuList .menuList-single .title .BrandDiscovery, .container .aside .aside-box .content .menu .menuList .menuList-single .title .SkincareSolutions {
  border-right: 1px solid #CF152D;
  line-height: 0.7rem;
  padding: 0 0.3rem 0 0;
  font-size: 0.32rem;
}
.container .aside .aside-box .content .menu .menuList .menuList-single .title .SkincareSolutions {
  padding-right: 10px;
}
.container .aside .aside-box .content .menu .menuList .menuList-single .title :nth-child(2) {
  line-height: 0.7rem;
  padding-left: 0.267rem;
  font-size: 0.36rem;
}
.container .aside .aside-box .content .menu .menuList .menuList-single .itemList {
  margin: 0.35rem auto 0;
  line-height: 2.8;
  width: 100%;
}
.container .aside .aside-box .content .menu .menuList .menuList-single .itemList .item {
  color: #313131;
  font-size: 0.36rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  position: relative;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.container .aside .aside-box .content .menu .menuList .menuList-single .itemList .item:hover {
  color: #CF152D;
}
.container .aside .aside-box .content .menu .menuList .menuList-single .itemList .item.item-current {
  color: #CF152D;
  font-weight: bold;
}
.container .aside .aside-box .content .menu .menuList .menuList-single .itemListLevel3 {
  width: 50%;
  position: relative;
  overflow: hidden;
  padding-left: 0;
}
.container .aside .aside-box .content .menu .menuList .menuList-single .itemListLevel3 .itemBox {
  border-left: 1px solid #dedede;
  padding-left: 20px;
  width: 100%;
}
.container .aside .aside-box .content .menu .menuList .colorBar {
  background: #ffffff;
  width: 8rem;
  height: 1rem;
  position: relative;
  left: -0.15rem;
  display: flex;
  align-items: center;
  border-left: 0.5rem solid #ffffff;
}
.container .aside .aside-box .content .menu .menuList .colorBar div {
  background: #CF152D;
  width: 100%;
  height: 0.2rem;
}
.container .aside .aside-box .content .menu .menuList .search {
  font-size: 0;
  margin-top: 0.7rem;
}
.container .aside .aside-box .content .menu .menuList .search .CnEn {
  font-size: 0.36rem;
  color: #313131;
  margin-left: 5%;
}
.container .aside .aside-box .content .menu .menuList .search .CnEn .arrow {
  width: 0.187rem;
  height: 0.187rem;
  border-top: 1px solid #313131;
  border-right: 1px solid #313131;
  transform: rotate(135deg);
  margin-top: 0.067rem;
  margin-left: 0.027rem;
}
.container .aside .aside-box .content .menu .menuList .search .search-input {
  font-size: 0;
  border-bottom: 1px solid #b3b3b3;
  margin-left: 10%;
  width: 66%;
  padding-bottom: 4px;
}
.container .aside .aside-box .content .menu .menuList .search .search-input input {
  border: none;
  outline: none;
  font-size: 0.32rem;
  padding-left: 0.133rem;
  width: 80%;
}
.container .body .color, .container .body .color2 {
  height: 1.5rem;
  width: 100%;
  background: #ffffff;
}
.container .body .color {
  height: 1rem;
}
.container .body .home {
  opacity: 0;
}
.container .body .home .banner1-box {
  position: relative;
  padding-top: 0.5rem;
  background: rgb(211, 213, 224);
  background: linear-gradient(7deg, rgb(211, 213, 224) 0%, rgb(210, 214, 221) 100%);
  width: 100%;
}
.container .body .home .banner1-box .wWord1 {
  font-size: 0.7rem;
  left: 0.7rem;
  top: 1.9rem;
  line-height: 1.3;
  letter-spacing: 0.04rem;
}
.container .body .home .banner1-box .more {
  color: #ffffff;
  background: #CF152D;
  text-align: center;
  line-height: 0.7rem;
  padding: 0 0.3rem;
  position: absolute;
  top: 14rem;
  right: 0.7rem;
  font-size: 0.3rem;
}
.container .body .home .banner1-box .banner1 {
  width: 100%;
}
.container .body .home .video1-box, .container .body .home .video2-box {
  position: relative;
}
.container .body .home .video1-box .wWord2, .container .body .home .video2-box .wWord2 {
  width: 100%;
  padding: 0 0.7rem;
  top: 14rem;
  font-size: 0.38rem;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
}
.container .body .home .video1-box .wWord2 .w1, .container .body .home .video2-box .wWord2 .w1 {
  line-height: 1.3;
}
.container .body .home .video1-box .wWord2 .w2, .container .body .home .video2-box .wWord2 .w2 {
  color: #ffffff;
  background: #CF152D;
  text-align: center;
  line-height: 0.7rem;
  padding: 0 0.3rem;
  font-size: 0.3rem;
}
.container .body .home .video1-box .video1, .container .body .home .video1-box .video2, .container .body .home .video2-box .video1, .container .body .home .video2-box .video2 {
  width: 100%;
}
.container .body .home .banner3-box, .container .body .home .banner4-box, .container .body .home .banner5-box {
  position: relative;
}
.container .body .home .banner3-box .wWord2, .container .body .home .banner4-box .wWord2, .container .body .home .banner5-box .wWord2 {
  width: 100%;
  padding: 0 0.7rem;
  top: 14rem;
  font-size: 0.38rem;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
}
.container .body .home .banner3-box .wWord2 .w1, .container .body .home .banner4-box .wWord2 .w1, .container .body .home .banner5-box .wWord2 .w1 {
  line-height: 1.3;
}
.container .body .home .banner3-box .wWord2 .w2, .container .body .home .banner4-box .wWord2 .w2, .container .body .home .banner5-box .wWord2 .w2 {
  color: #ffffff;
  background: #CF152D;
  text-align: center;
  line-height: 0.7rem;
  padding: 0 0.3rem;
  font-size: 0.3rem;
}
.container .body .home .banner3-box .wWord3, .container .body .home .banner4-box .wWord3, .container .body .home .banner5-box .wWord3 {
  font-size: 0.7rem;
  left: 0.7rem;
  top: 1.3rem;
  line-height: 1.3;
  letter-spacing: 0.04rem;
}
.container .body .home .banner3-box .more, .container .body .home .banner4-box .more, .container .body .home .banner5-box .more {
  color: #ffffff;
  background: #CF152D;
  text-align: center;
  line-height: 0.7rem;
  padding: 0 0.3rem;
  position: absolute;
  top: 14rem;
  right: 0.7rem;
  font-size: 0.3rem;
}
.container .body .home .banner3-box .banner3, .container .body .home .banner3-box .banner4, .container .body .home .banner3-box .banner5, .container .body .home .banner4-box .banner3, .container .body .home .banner4-box .banner4, .container .body .home .banner4-box .banner5, .container .body .home .banner5-box .banner3, .container .body .home .banner5-box .banner4, .container .body .home .banner5-box .banner5 {
  width: 100%;
}
.container .body .home .footer {
  padding: 1.2rem 0.7rem;
  border-bottom: 0.2rem solid #CF152D;
}
.container .body .home .footer .title {
  color: #CF152D;
  font-size: 0.4rem;
}
.container .body .home .footer .iconList {
  margin-top: 1rem;
  position: relative;
}
.container .body .home .footer .iconList img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.6rem;
}
.container .body .home .footer .iconList .qrcode {
  transform: scale(0.65);
  position: absolute;
  top: -5rem;
  right: 2.7rem;
  width: 4.8rem;
  box-shadow: 0 0 0.133rem gray;
  background: #ffffff;
  padding: 0.25rem 0;
}
.container .body .home .footer .iconList .qrcode .tips {
  width: 100%;
  font-size: 0.3rem;
  text-align: center;
  line-height: 1.45;
}
.container .body .home .footer .iconList .qrcode img {
  width: 90%;
  margin: 0.15rem auto 0;
  display: block;
}
.container .body .home .footer .iconList :nth-child(1) {
  width: 0.8rem;
}
.container .body .home .footer .iconList :nth-child(2) {
  width: 0.75rem;
}
.container .body .home .footer .iconList :nth-child(3) {
  width: 0.75rem;
}
.container .body .home .footer .iconList :nth-child(4) {
  width: 0.75rem;
}
.container .body .about {
  padding-bottom: 2rem;
  opacity: 0;
}
.container .body .about .about1 {
  background: #eaeaed;
  position: relative;
}
.container .body .about .about1 .wWord1 {
  font-size: 0.7rem;
  top: 1.3rem;
  line-height: 1.3;
  width: 100%;
  text-align: center;
}
.container .body .about .about1 .wWord1 .word1desc {
  font-size: 0.3rem;
  line-height: 1.5;
  margin-top: 0.2rem;
}
.container .body .about .about1 .wWord1 .iconList {
  padding: 0 0.5rem;
  display: flex;
  margin-top: 0.293rem;
}
.container .body .about .about1 .wWord1 .iconList .icon-single {
  text-align: center;
  flex: 1;
}
.container .body .about .about1 .wWord1 .iconList .icon-single img {
  margin: 0 auto;
  width: 0.7rem;
  height: auto !important;
}
.container .body .about .about1 .wWord1 .iconList .icon-single p {
  margin-top: 0.167rem;
  font-size: 0.25rem;
}
.container .body .about .about1 .wWord1 .iconList .line {
  background: linear-gradient(111deg, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 50%, rgb(255, 255, 255) 100%);
  width: 0.013rem;
  height: 1rem;
  margin-top: 0.067rem;
}
.container .body .about .about1 img {
  width: 100%;
}
.container .body .about .about2, .container .body .about .about3, .container .body .about .about4, .container .body .about .about5 {
  position: relative;
}
.container .body .about .about2 .wWord3, .container .body .about .about3 .wWord3, .container .body .about .about4 .wWord3, .container .body .about .about5 .wWord3 {
  display: flex;
  justify-content: space-between;
  bottom: 0.7rem;
  padding: 0 0.7rem;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
}
.container .body .about .about2 .wWord3 .left .l1, .container .body .about .about3 .wWord3 .left .l1, .container .body .about .about4 .wWord3 .left .l1, .container .body .about .about5 .wWord3 .left .l1 {
  font-size: 0.3rem;
}
.container .body .about .about2 .wWord3 .left .l2, .container .body .about .about3 .wWord3 .left .l2, .container .body .about .about4 .wWord3 .left .l2, .container .body .about .about5 .wWord3 .left .l2 {
  margin-top: 0.05rem;
  font-size: 0.45rem;
}
.container .body .about .about2 .wWord3 .right, .container .body .about .about3 .wWord3 .right, .container .body .about .about4 .wWord3 .right, .container .body .about .about5 .wWord3 .right {
  border-bottom: 0.053rem solid #CF152D;
  padding-top: 0.2rem;
  flex-shrink: 0;
}
.container .body .about .about2 .wWord3 .right .more, .container .body .about .about3 .wWord3 .right .more, .container .body .about .about4 .wWord3 .right .more, .container .body .about .about5 .wWord3 .right .more {
  vertical-align: middle;
  font-size: 0.32rem;
}
.container .body .about .about2 .wWord3 .right .arrow, .container .body .about .about3 .wWord3 .right .arrow, .container .body .about .about4 .wWord3 .right .arrow, .container .body .about .about5 .wWord3 .right .arrow {
  vertical-align: middle;
  border-top: 0.03rem solid #313131;
  border-right: 0.03rem solid #313131;
}
.container .body .about .about2 .wWord4, .container .body .about .about3 .wWord4, .container .body .about .about4 .wWord4, .container .body .about .about5 .wWord4 {
  font-size: 0.6rem;
  top: 1.5rem;
  margin: 0 0.7rem;
  box-sizing: border-box;
  padding-left: 0.3rem;
  letter-spacing: 0.04rem;
}
.container .body .about .about2 .wWord4 .cross, .container .body .about .about3 .wWord4 .cross, .container .body .about .about4 .wWord4 .cross, .container .body .about .about5 .wWord4 .cross {
  background: #CF152D;
  height: 0.013rem;
  width: 102%;
  position: absolute;
  left: -0.3rem;
  top: 2.3rem;
}
.container .body .about .about2 .wWord4 .desc, .container .body .about .about3 .wWord4 .desc, .container .body .about .about4 .wWord4 .desc, .container .body .about .about5 .wWord4 .desc {
  margin-top: 1.5rem;
  line-height: 1.6;
  font-size: 0.34rem;
  letter-spacing: 0;
}
.container .body .about .about2 img, .container .body .about .about3 img, .container .body .about .about4 img, .container .body .about .about5 img {
  width: 100%;
}
.container .body .about .about6 {
  position: relative;
  padding-top: 1rem;
}
.container .body .about .about6 img {
  width: 87%;
  margin: 0 auto;
}
.container .body .about .about6 .ryList {
  width: 87%;
  margin: 1rem auto 0;
  padding-right: 0.2rem;
}
.container .body .about .about6 .ryList .single {
  white-space: nowrap;
  margin-bottom: 1.1rem;
}
.container .body .about .about6 .ryList .single .title {
  vertical-align: top;
  width: 34%;
  line-height: 1.6;
}
.container .body .about .about6 .ryList .single .title :nth-child(1) {
  font-size: 0.32rem;
}
.container .body .about .about6 .ryList .single .title :nth-child(2) {
  font-weight: bold;
  font-size: 0.38rem;
  font-family: "MySelfStyle", sans-serif;
}
.container .body .about .about6 .ryList .single .text {
  width: 62%;
  vertical-align: top;
  font-size: 0.32rem;
  white-space: normal;
}
.container .body .about .about6 .ryList .single .text .textSingle {
  line-height: 1.6;
  margin-bottom: 0.5rem;
}
.container .body .about .about6 .ryList .single .text .textSingle .subTitle {
  font-weight: bold;
  font-family: "MySelfStyle", sans-serif;
}
.container .body .about .about6 .ryList .single .text .textSingle .subText {
  font-size: 0.3rem;
}
.container .body .process {
  padding-bottom: 2rem;
  padding-top: 1.2rem;
  opacity: 0;
}
.container .body .process .timeline {
  width: 85%;
  margin: 0 auto;
}
.container .body .process .timeline-title {
  width: 3.5rem;
  position: absolute;
  left: 0.9rem;
  top: 1.2rem;
}
.container .body .skin {
  opacity: 0;
}
.container .body .skin .skin-box {
  position: relative;
}
.container .body .skin .skin-box .wWord5 {
  top: 4rem;
  margin: 0 0.7rem;
  box-sizing: border-box;
}
.container .body .skin .skin-box .wWord5 .title {
  font-size: 0.6rem;
  letter-spacing: 0.04rem;
}
.container .body .skin .skin-box .wWord5 .desc {
  font-size: 0.34rem;
  line-height: 1.6;
  margin-top: 0.7rem;
}
.container .body .skin .skin-box img {
  width: 100%;
}
.container .body .skin .skin-box .skin-1 {
  width: 100%;
}
.container .body .plant {
  opacity: 0;
}
.container .body .plant .plant-box {
  position: relative;
  background: url("https://cdn-opimage.qiumeiapp.com/gwm/home/sucai-bg.png") no-repeat left top;
  background-size: 100% 100%;
}
.container .body .plant .plant-box .wWord5 {
  top: 4rem;
  margin: 0 0.7rem;
  box-sizing: border-box;
}
.container .body .plant .plant-box .wWord5 .title {
  font-size: 0.6rem;
  letter-spacing: 0.04rem;
}
.container .body .plant .plant-box .wWord5 .desc {
  font-size: 0.34rem;
  line-height: 1.6;
  margin-top: 0.7rem;
}
.container .body .plant .plant-box img {
  width: 100%;
}
.container .body .plant .plant-box .plant-1 {
  width: 100%;
}
.container .body .plant .plant-box .sucaiBg {
  position: absolute;
  left: 0;
  top: 0;
}
.container .body .plant .wWord3 {
  display: flex;
  justify-content: space-between;
  bottom: 0.7rem;
  padding: 0 0.7rem;
  width: 100%;
  box-sizing: border-box;
}
.container .body .plant .wWord3 .left .l1 {
  font-size: 0.45rem;
}
.container .body .plant .wWord3 .left .l2 {
  font-size: 0.3rem;
  margin-top: 0.05rem;
}
.container .body .plant .wWord3 .right {
  border-bottom: 0.053rem solid #CF152D;
  padding-top: 0.3rem;
  margin-bottom: 0.1rem;
}
.container .body .plant .wWord3 .right .more {
  vertical-align: middle;
  font-size: 0.32rem;
}
.container .body .plant .wWord3 .right .arrow {
  vertical-align: middle;
  border-top: 0.03rem solid #313131;
  border-right: 0.03rem solid #313131;
}
.container .body .plant .plant-data {
  padding: 1rem 0.6rem 4.5rem;
  box-sizing: border-box;
  position: relative;
  overflow-x: hidden;
}
.container .body .plant .plant-data .data-title {
  font-size: 0.6rem;
  letter-spacing: 0.04rem;
}
.container .body .plant .plant-data .data-list {
  margin-top: 0.5rem;
}
.container .body .plant .plant-data .data-list .data-item {
  margin-bottom: 0.5rem;
}
.container .body .plant .plant-data .data-list .data-item .sucai {
  display: inline-block;
  position: relative;
}
.container .body .plant .plant-data .data-list .data-item .sucai .headImg {
  width: 100%;
  position: relative;
  pointer-events: auto;
}
.container .body .plant .plant-data .data-list .data-item .sucai .headImg .sucai-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  color: #ffffff;
  align-items: center;
  transition: all 0.25s;
  display: flex;
}
.container .body .plant .plant-data .data-list .data-item .sucai .headImg .sucai-cover p {
  text-align: center;
  width: 80%;
  margin: 0 auto;
  line-height: 1.5;
  font-size: 0.275rem;
}
.container .body .plant .plant-data .data-list .data-item .sucai .headImg img {
  width: 100%;
}
.container .body .plant .plant-data .data-list .data-item .sucai .sucaiName {
  text-align: center;
  font-size: 0.36rem;
  margin-top: 0.3rem;
}
.container .body .materials {
  opacity: 0;
}
.container .body .materials .materialsContent {
  padding: 0 0.7rem 1rem;
  box-sizing: border-box;
  position: relative;
}
.container .body .materials .materialsContent .list {
  position: relative;
  background: #ffffff;
  z-index: 30;
}
.container .body .materials .materialsContent .list .list-single .materialsName {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #313131;
  line-height: 1.2rem;
  position: relative;
  overflow: hidden;
  color: #313131;
  font-size: 0.4rem;
}
.container .body .materials .materialsContent .list .list-single .materialsName .zd-arrow {
  width: 10px;
  height: 10px;
  border-right: 1px solid #313131;
  border-top: 1px solid #313131;
  transform: rotate(-45deg);
  transition: all 0.15s;
  position: absolute;
  right: 5px;
  top: 49%;
  transform-origin: 50% 40%;
}
.container .body .materials .materialsContent .list .list-single .desc {
  white-space: normal;
  font-size: 0.3rem;
  padding: 0.3rem 0;
  border-bottom: 1px solid #313131;
  line-height: 1.5;
}
.container .body .materials .materialsContent .list .list-single .desc img {
  width: 100%;
  height: 7.5rem;
  object-fit: cover;
  margin-top: 0.2rem;
}
.container .body .materials .materialsContent .tipss {
  white-space: normal;
  color: #c9caca;
  font-size: 0.24rem;
  line-height: 1.5;
  margin-top: 0.3rem;
}
.container .body .materials .materialsSelectStyleBorder {
  border-bottom: 1px solid #CF152D !important;
  color: #CF152D !important;
}
.container .body .materials .zd-arrowSelectStyle {
  border-right: 1px solid #CF152D !important;
  border-top: 1px solid #CF152D !important;
  transform: rotate(135deg) !important;
  top: 43% !important;
}
.container .body .yj {
  opacity: 0;
}
.container .body .yj .yj-box {
  position: relative;
}
.container .body .yj .yj-box .wWord5 {
  top: 4rem;
  margin: 0 0.7rem;
  box-sizing: border-box;
}
.container .body .yj .yj-box .wWord5 .title {
  font-size: 0.6rem;
  letter-spacing: 0.04rem;
}
.container .body .yj .yj-box .wWord5 .desc {
  font-size: 0.34rem;
  line-height: 1.6;
  margin-top: 0.7rem;
}
.container .body .yj .yj-box img {
  width: 100%;
}
.container .body .yj .yj-box .yj-1 {
  width: 100%;
}
.container .body .yj .yj-box .yj-2-word {
  position: absolute;
  top: 1.5rem;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
.container .body .yj .yj-box .yj-2-word .title {
  font-size: 0.6rem;
  letter-spacing: 0.04rem;
  text-align: left;
  padding-left: 0.7rem;
}
.container .body .yj .yj-box .yj-2-word .subTitle {
  font-size: 0.42rem;
  text-align: left;
  margin-top: 0.107rem;
  padding-left: 0.7rem;
}
.container .body .yj .yj-box .yj-2-word .iconList {
  margin-top: 1.5rem;
}
.container .body .yj .yj-box .yj-2-word .iconList .icon-single {
  text-align: center;
  padding: 0 0.16rem;
  width: 20%;
}
.container .body .yj .yj-box .yj-2-word .iconList .icon-single .num {
  font-size: 0.4rem;
  color: #cd152e;
  font-weight: bold;
}
.container .body .yj .yj-box .yj-2-word .iconList .icon-single .desc {
  margin-top: 0.3rem;
  font-size: 0.26rem;
  line-height: 1.5;
}
.container .body .yj .yj-box .yj-2-word .iconList .line-border {
  border-left: 1px solid #313131;
}
.container .body .yj .mgxpfyj-box {
  position: relative;
  padding: 1rem 0.1rem 0;
}
.container .body .yj .mgxpfyj-box .mgxpfyj-title {
  font-size: 0.6rem;
  padding-left: 0.4rem;
  letter-spacing: 0.04rem;
}
.container .body .yj .mgxpfyj-box {
  /*.mgxpfyj-list {
    padding: 0 0.3rem;
    margin-top: 1.6rem;

    .item {
      display: inline-block;
      width: 48%;
      //flex: 1;
      background: #f4f4f5;
      //margin: 0 0.2rem;
      box-sizing: border-box;
      padding: 0.2rem;
      position: relative;
      margin-bottom: 1rem;


      .tx {
        background: url("https://cdn-opimage.qiumeiapp.com/gwm/home/tx.png") no-repeat left top;
        background-size: 100% 100%;
        position: absolute;
        top: -0.5rem;
        padding: 0 0.5rem;
        height: 0.5rem;
        line-height: 0.5rem;
        left: 0.2rem;
        text-align: center;
        font-size: 0.24rem;
      }

      .itemHead {
        border-top: 1px solid #313131;
        border-bottom: 1px solid #313131;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 0.9rem;

        .title {
          flex: 1.2;
          font-size: 0.34rem;
        }

        .subTitle {
          flex: 0.2;
          text-align: right;

          img {
            width: 0.2rem;
            display: inline-block;
          }

          .subName {
            font-size: 0.22rem;
            white-space: nowrap;
          }
        }
      }

      .itemBody {
        img {
          width: 100%;
        }
      }
    }
  }*/
}
.container .body .yj .mgxpfyj-box .mgxpfyj-list {
  padding: 0 0.3rem;
  margin-top: 1.6rem;
}
.container .body .yj .mgxpfyj-box .mgxpfyj-list .item {
  background: #f4f4f5;
  padding: 0.4rem;
  position: relative;
  margin-bottom: 1.3rem;
}
.container .body .yj .mgxpfyj-box .mgxpfyj-list .item .tx {
  width: 3rem;
  height: 0.8rem;
  line-height: 0.8rem;
  background: url("https://cdn-opimage.qiumeiapp.com/gw/home/tx.png") no-repeat left top;
  background-size: 100% 100%;
  position: absolute;
  top: -0.65rem;
  text-align: center;
  font-size: 0.3rem;
}
.container .body .yj .mgxpfyj-box .mgxpfyj-list .item .circle-arrow {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  width: 0.3rem;
}
.container .body .yj .mgxpfyj-box .mgxpfyj-list .item .itemHead {
  display: flex;
  justify-content: space-between;
  line-height: 0.9rem;
  border-top: 1px solid #313131;
  border-bottom: 1px solid #313131;
  margin-top: 0.25rem;
}
.container .body .yj .mgxpfyj-box .mgxpfyj-list .item .itemHead .title {
  font-size: 0.38rem;
}
.container .body .yj .mgxpfyj-box .mgxpfyj-list .item .itemHead .subName {
  font-size: 0.3rem;
}
.container .body .yj .mgxpfyj-box .mgxpfyj-list .item .itemBody {
  margin-top: 0.3rem;
}
.container .body .yj .mgxpfyj-box .mgxpfyj-list .item .itemBody img {
  width: 100%;
}
.container .body .solve {
  opacity: 0;
}
.container .body .solve .solve-box {
  position: relative;
}
.container .body .solve .solve-box .wWord5 {
  top: 4rem;
  margin: 0 0.7rem;
  box-sizing: border-box;
}
.container .body .solve .solve-box .wWord5 .title {
  font-size: 0.6rem;
  letter-spacing: 0.04rem;
}
.container .body .solve .solve-box .wWord5 .desc {
  font-size: 0.34rem;
  line-height: 1.6;
  margin-top: 0.7rem;
}
.container .body .solve .solve-box .wWord3 {
  display: flex;
  justify-content: space-between;
  bottom: 0.7rem;
  padding: 0 0.7rem;
  width: 100%;
  box-sizing: border-box;
  align-items: end;
  color: #ffffff;
}
.container .body .solve .solve-box .wWord3 .left .l1 {
  font-size: 0.45rem;
}
.container .body .solve .solve-box .wWord3 .left .l2 {
  margin-top: 0.15rem;
  font-size: 0.45rem;
}
.container .body .solve .solve-box .wWord3 .right {
  border-bottom: 0.053rem solid #CF152D;
}
.container .body .solve .solve-box .wWord3 .right .more {
  vertical-align: middle;
  font-size: 0.32rem;
}
.container .body .solve .solve-box .wWord3 .right .arrow {
  vertical-align: middle;
  border-top: 0.03rem solid #ffffff;
  border-right: 0.03rem solid #ffffff;
}
.container .body .solve .solve-box img {
  width: 100%;
}
.container .body .expert {
  opacity: 0;
}
.container .body .expert .expert-box {
  position: relative;
}
.container .body .expert .expert-box .wWord5 {
  top: 1rem;
  margin: 0 0.7rem;
  box-sizing: border-box;
}
.container .body .expert .expert-box .wWord5 .title {
  font-size: 0.6rem;
  letter-spacing: 0.04rem;
}
.container .body .expert .expert-box .wWord5 .title .xhs-icon {
  width: 1.3rem;
}
.container .body .expert .expert-box .wWord5 .title .inlineBlock {
  vertical-align: middle;
}
.container .body .expert .expert-box .wWord5 .desc {
  font-size: 0.34rem;
  line-height: 1.6;
  margin-top: 0.7rem;
}
.container .body .expert .expert-box img {
  width: 100%;
}
.container .body .expert .expert-box .expert-1 {
  width: 100%;
}
.container .body .expert .address {
  padding: 0 0.7rem;
  margin-top: 1.2rem;
  position: relative;
}
.container .body .expert .address .address-title {
  font-size: 0.6rem;
  line-height: 1.4;
  letter-spacing: 0.04rem;
}
.container .body .expert .address .select .selectItem {
  border: 1px solid #8b8b8b;
  border-radius: 0.05rem;
  line-height: 0.7rem;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.3rem;
  margin-top: 0.5rem;
}
.container .body .expert .address .select .selectItem .text {
  font-size: 0.32rem;
  height: 0.7rem;
  line-height: 0.7rem;
  width: 100%;
  background: none;
  outline: none;
  color: #313131 !important;
}
.container .body .expert .address .select .selectItem .arrow {
  border-top: 0.03rem solid #313131;
  border-right: 0.03rem solid #313131;
  transform: rotate(135deg);
  margin-top: 0.17rem;
}
.container .body .expert .address .addressInfo {
  margin-top: 0.7rem;
  max-height: 8rem;
  overflow-y: auto;
}
.container .body .expert .address .addressInfo .addSingle {
  margin-bottom: 5vh;
}
.container .body .expert .address .addressInfo .addSingle .addressName {
  font-weight: bold;
}
.container .body .expert .address .addressInfo .addSingle .addressDetail {
  margin-top: 10px;
}
.container .body .examine {
  opacity: 0;
  padding-top: 0.5rem;
}
.container .body .examine .examine-box {
  position: relative;
  padding-top: 0.5rem;
}
.container .body .examine .examine-box .wWord5 {
  top: 4rem;
  margin: 0 0.7rem;
  box-sizing: border-box;
}
.container .body .examine .examine-box .wWord5 .title {
  font-size: 0.6rem;
  letter-spacing: 0.04rem;
}
.container .body .examine .examine-box .wWord5 .desc {
  font-size: 0.34rem;
  line-height: 1.6;
  margin-top: 0.7rem;
}
.container .body .examine .examine-box img {
  width: 100%;
}
.container .body .examine .examine-box .examine-1 {
  width: 100%;
}
.container .body .examine .examine-box .examine-cover {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
}
.container .body .culture {
  opacity: 0;
}
.container .body .culture .culture-box {
  padding: 0 0.7rem;
  box-sizing: border-box;
  position: relative;
}
.container .body .culture .culture-box .culture-title {
  font-size: 0.42rem;
}
.container .body .culture .culture-box .wWord5 {
  top: 1rem;
  margin: 0 0.7rem;
  box-sizing: border-box;
}
.container .body .culture .culture-box .wWord5 .title {
  font-size: 0.6rem;
  letter-spacing: 0.04rem;
}
.container .body .culture .culture-box .wWord5 .desc {
  font-size: 0.34rem;
  line-height: 1.6;
  margin-top: 0.7rem;
  text-align: center;
}
.container .body .culture .culture-box {
  /*.culture-list {
    //margin-top: 0.7rem;
    padding-bottom: 1rem;

    .item {
      display: inline-block;
      width: 48%;
      box-sizing: border-box;
      position: relative;
      margin-bottom: 0.7rem;

      .itemHead {
        img {
          width: 100%;
        }
      }

      .itemBody {
        display: flex;
        justify-content: space-between;
        margin-top: 0.3rem;
        font-weight: bold;
        align-items: center;

        div {

        }

        img {
          width: 0.25rem;
          height: 0.25rem;
        }
      }
    }
  }*/
}
.container .body .culture .culture-box .culture-list .item {
  margin-bottom: 1rem;
}
.container .body .culture .culture-box .culture-list .item .itemHead img {
  width: 100%;
}
.container .body .culture .culture-box .culture-list .item .itemBody {
  display: flex;
  justify-content: space-between;
  align-items: end;
  font-size: 0.34rem;
}
.container .body .culture .culture-box .culture-list .item .itemBody .info {
  margin-top: 0.4rem;
  border-left: 0.1rem solid #CF152D;
  padding-left: 0.2rem;
}
.container .body .culture .culture-box .culture-list .item .itemBody .info .time {
  color: #a2a2a3;
}
.container .body .culture .culture-box .culture-list .item .itemBody .info .desc {
  margin-top: 0.1rem;
  font-family: "MySmallFont", sans-serif;
  font-size: 0.38rem;
}
.container .body .culture .culture-box .culture-list .item .itemBody img {
  width: 0.4rem;
  height: 0.4rem;
}
.container .body .culture .culture-box .culture-1 {
  width: 100%;
  margin-bottom: 0.7rem;
}
.container .body .culture .line {
  height: 0.027rem;
  background: #CF152D;
  margin: 1rem 0;
}
.container .body .brand {
  opacity: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.container .body .brand .brand-box {
  padding: 0 0.7rem;
  box-sizing: border-box;
}
.container .body .brand .brand-box .brand-title {
  font-size: 0.6rem;
}
.container .body .brand .brand-box {
  /* .brand-list {
     margin-top: 0.7rem;

     .item {
       display: inline-block;
       width: 48%;
       box-sizing: border-box;
       position: relative;
       margin-bottom: 0.7rem;

       .itemHead {
         img {
           width: 100%;
         }
       }

       .itemBody {
         display: flex;
         justify-content: space-between;
         margin-top: 0.3rem;
         align-items: end;

         .time {
           div {
             white-space: nowrap; !* 确保文本在一行内显示 *!
             overflow: hidden; !* 隐藏超出容器的文本 *!
             text-overflow: ellipsis; !* 使用省略号表示被截断的文本 *!
             width: 3.5rem;
           }


         }

         img {
           width: 0.25rem;
           height: 0.25rem;
         }
       }
     }


   }*/
}
.container .body .brand .brand-box .brand-list {
  margin-top: 0.7rem;
}
.container .body .brand .brand-box .brand-list .item {
  margin-bottom: 1rem;
}
.container .body .brand .brand-box .brand-list .item .itemHead img {
  width: 100%;
}
.container .body .brand .brand-box .brand-list .item .itemBody {
  display: flex;
  justify-content: space-between;
  align-items: end;
  font-size: 0.34rem;
}
.container .body .brand .brand-box .brand-list .item .itemBody .info {
  margin-top: 0.4rem;
}
.container .body .brand .brand-box .brand-list .item .itemBody .info .desc {
  margin-top: 0.1rem;
  font-family: "MySmallFont", sans-serif;
}
.container .body .brand .brand-box .brand-list .item .itemBody img {
  width: 0.4rem;
  height: 0.4rem;
}
.container .body .scheme {
  opacity: 0;
  margin-top: 0.6rem;
}
.container .body .scheme .scheme-box {
  position: relative;
}
.container .body .scheme .scheme-box .schemeContent {
  padding: 0 0.6rem;
}
.container .body .scheme .scheme-box .schemeContent .title {
  font-size: 0.3rem;
  line-height: 1.5;
}
.container .body .scheme .scheme-box .schemeContent .group {
  background: #f4f4f5;
  border-radius: 0.1rem;
  position: relative;
  padding-top: 1.2rem;
  padding-bottom: 0.6rem;
  margin-top: 1rem;
}
.container .body .scheme .scheme-box .schemeContent .group .handle {
  position: absolute;
  top: -0.3rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 4rem;
}
.container .body .scheme .scheme-box .schemeContent .group .tableList-title {
  text-align: center;
  width: 100%;
  font-size: 0.4rem;
  white-space: nowrap;
}
.container .body .scheme .scheme-box .schemeContent .group .tableList-title p {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.45rem;
}
.container .body .scheme .scheme-box .schemeContent .group .tableList-title span {
  display: inline-block;
  vertical-align: middle;
  height: 1px;
  width: 0.833rem;
}
.container .body .scheme .scheme-box .schemeContent .group .tableList-title .ss1 {
  background: linear-gradient(-90deg, black 0%, rgba(255, 255, 255, 0) 100%);
}
.container .body .scheme .scheme-box .schemeContent .group .tableList-title .ss2 {
  background: linear-gradient(90deg, black 0%, rgba(255, 255, 255, 0) 100%);
}
.container .body .scheme .scheme-box .schemeContent .group .content {
  margin-top: 0.3rem;
  padding: 0 0.5rem;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord1 {
  display: flex;
  color: #CF152D;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord1 div {
  font-size: 1.5rem;
  flex: 1;
  justify-content: space-between;
  text-align: center;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord2 {
  font-size: 0.32rem;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord2, .container .body .scheme .scheme-box .schemeContent .group .content .enWord3, .container .body .scheme .scheme-box .schemeContent .group .content .enWord4, .container .body .scheme .scheme-box .schemeContent .group .content .enWord5 {
  white-space: nowrap;
  display: flex;
  margin-top: 0.4rem;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord2 div, .container .body .scheme .scheme-box .schemeContent .group .content .enWord3 div, .container .body .scheme .scheme-box .schemeContent .group .content .enWord4 div, .container .body .scheme .scheme-box .schemeContent .group .content .enWord5 div {
  flex: 1;
  justify-content: space-between;
  text-align: center;
  line-height: 1.4;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord2 div .arrowDown, .container .body .scheme .scheme-box .schemeContent .group .content .enWord3 div .arrowDown, .container .body .scheme .scheme-box .schemeContent .group .content .enWord4 div .arrowDown, .container .body .scheme .scheme-box .schemeContent .group .content .enWord5 div .arrowDown {
  margin: 0 auto;
  width: 0.35rem;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord2 div .product, .container .body .scheme .scheme-box .schemeContent .group .content .enWord3 div .product, .container .body .scheme .scheme-box .schemeContent .group .content .enWord4 div .product, .container .body .scheme .scheme-box .schemeContent .group .content .enWord5 div .product {
  margin: 0 auto;
  width: 0.55rem;
  height: auto;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord2 .fixedDiv, .container .body .scheme .scheme-box .schemeContent .group .content .enWord3 .fixedDiv, .container .body .scheme .scheme-box .schemeContent .group .content .enWord4 .fixedDiv, .container .body .scheme .scheme-box .schemeContent .group .content .enWord5 .fixedDiv {
  height: auto;
  align-self: flex-end;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord2 .fixedDiv .p1, .container .body .scheme .scheme-box .schemeContent .group .content .enWord3 .fixedDiv .p1, .container .body .scheme .scheme-box .schemeContent .group .content .enWord4 .fixedDiv .p1, .container .body .scheme .scheme-box .schemeContent .group .content .enWord5 .fixedDiv .p1 {
  font-size: 0.25rem;
  margin-top: 0.25rem;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord3-2 {
  margin-top: 5vh;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord4-2 {
  margin-top: 8vh;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord5 {
  font-size: 12px;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord5 .pFixed {
  margin-left: -25px;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord5 .sFixed {
  margin-right: -15px;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord5 sup {
  font-size: 10px;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord5 .sss1 {
  margin-left: 23px;
}
.container .body .scheme .scheme-box .schemeContent .group .content .enWord5 .sss2 {
  margin-left: 28px;
}
.container .body .scheme .scheme-box .schemeContent .tableList {
  box-sizing: border-box;
  margin-top: 0.8rem;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single {
  margin-bottom: 0.533rem;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .tableList-colorBar {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .tableList-colorBar img {
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 10px;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .tableList-colorBar .titleWhole {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .tableList-colorBar .titleWhole .title1 p {
  padding-left: 0.3rem;
  font-size: 0;
  margin-top: 0.1rem;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .tableList-colorBar .titleWhole .title1 p .s1 {
  font-size: 0.75rem;
  display: inline-block;
  vertical-align: middle;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .tableList-colorBar .titleWhole .title1 p .s2 {
  font-size: 0.45rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.1rem;
  padding-top: 0.1rem;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .tableList-colorBar .titleWhole .title2 {
  width: 66%;
  position: absolute;
  font-size: 0.25rem;
  padding-top: 0.35rem;
  height: 35%;
  right: -0.15rem;
  top: 0;
  bottom: 0;
  margin: auto;
  white-space: nowrap;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .tableList-colorBar .titleWhole .title3 {
  right: -0.4rem;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .single-body {
  background: #f4f4f5;
  padding: 0.25rem 0.3rem;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  align-items: center;
  display: flex;
  position: relative;
  justify-content: space-between;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .single-body .single-body-left {
  font-size: 0.3rem;
  text-align: center;
  flex-shrink: 0; /* 防止缩小 */
  margin-right: 0.3rem;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .single-body .single-body-left div {
  background: #ffffff;
  border-radius: 100px;
  padding: 0.067rem 0.2rem;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .single-body .single-body-right {
  flex-grow: 1; /* 占据剩余空间 */
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .single-body .single-body-right .productList {
  text-align: center;
  border: 1px dashed #313131;
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 0.133rem 0.25rem;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .single-body .single-body-right .productList .productList-single {
  flex: 1;
  white-space: nowrap;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .single-body .single-body-right .productList .productList-single img {
  width: 0.267rem;
  display: inline-block;
  vertical-align: middle;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .single-body .single-body-right .productList .productList-single .img2 {
  width: 0.8rem !important;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .single-body .single-body-right .productList .productList-single .img3 {
  width: 0.2rem !important;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .single-body .single-body-right .productList .productList-single .img4 {
  width: 0.44rem !important;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .single-body .single-body-right .productList .productList-single .img5 {
  width: 0.333rem !important;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .single-body .single-body-right .productList .productList-single span {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.22rem;
  margin-left: 0.133rem;
}
.container .body .scheme .scheme-box .schemeContent .tableList .tableList-single .single-body .single-body-right .productList .cross {
  font-size: 0.6rem !important;
  color: #CF152D;
}
.container .body .scheme .scheme-box .schemeContent .pageTips {
  color: #9e9ea0;
  font-size: 0.25rem;
  margin-top: 0.8rem;
  line-height: 1.4;
  padding-bottom: 1.5rem;
}

.level3 {
  height: 1rem;
  position: fixed;
  top: 1.5rem;
  left: 0;
  width: 100%;
  display: flex;
  font-size: 0.32rem;
  box-sizing: border-box;
  background: #ffffff;
  z-index: 50;
}
.level3 .listItem {
  flex: 1;
  text-align: center;
}
.level3 .listItem-checked {
  color: #CF152D;
  border-bottom: 1px solid #CF152D;
}

.dwPoint {
  position: absolute;
  top: -2.5rem;
}

.dwPoint1 {
  position: absolute;
  top: -5.5rem;
}

.arrow {
  width: 0.187rem;
  height: 0.187rem;
  border-top: 0.03rem solid #a3a3a3;
  border-right: 0.03rem solid #a3a3a3;
  transform: rotate(45deg);
}

.arrow2Fixed {
  position: absolute;
  width: 1rem;
  height: 0.5rem;
  top: 0.2rem;
  background: red;
  right: 0;
  opacity: 0;
}

@keyframes coverAni {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
.coverAni {
  animation-name: coverAni;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-direction: alternate;
}

@keyframes opacityShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.opacityShow {
  animation-name: opacityShow;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-direction: alternate;
}

video::-webkit-media-controls-panel {
  background-color: transparent;
}

video {
  outline: none;
  border: none;
}

/* 针对iOS设备 */
select::-webkit-tap-highlight-color,
select:focus {
  outline: none;
}

select {
  appearance: none;
  border: none;
  -moz-appearance: none; /*火狐*/
  -webkit-appearance: none; /*苹果和谷歌*/
}