.flexbox {
  display: -webkit-box;
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
}
.flexbox-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flexbox-middle {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.flexbox-between {
  justify-content: space-between;
}
.flexchild {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  flex: 1;
  word-wrap: break-word;
}
.borderbox {
  box-sizing: border-box;
}
.pro-head {
  height: 5.56rem;
  position: relative;
  z-index: 1;
  margin-top: 0.9rem;
  padding: 0.42rem 0.32rem 0 0.43rem;
}
.pro-head .banner-info {
  position: relative;
  z-index: 1;
}
.pro-head .banner-info .banner-title {
  width: 3.73rem;
  height: 0.52rem;
  line-height: 0.52rem;
  padding-left: 0.2rem;
  background: linear-gradient(98deg, rgba(225, 58, 43, 0.99) 1%, rgba(225, 58, 43, 0) 100%);
  font-size: 0.24rem;
  color: #ffffff;
}
.pro-head .banner-info .banner-name {
  font-size: 0.4rem;
  font-weight: 400;
  color: #ffffff;
  margin-top: 0.17rem;
  margin-bottom: 0.19rem;
}
.pro-head .banner-info .banner-content {
  font-size: 0.24rem;
  color: #ffffff;
  line-height: 0.36rem;
}
.pro-head .btn-box {
  position: relative;
  z-index: 1;
  margin-top: 0.4rem;
}
.pro-head .btn-box .product-go {
  display: block;
  width: 6.44rem;
  height: 1.86rem;
  overflow: hidden;
  background: url("../images/intro/m_poser.png") no-repeat;
  background-size: contain;
  box-sizing: border-box;
  padding: 0.51rem 0 0 0.3rem;
  font-size: 0.14rem;
}
.pro-head .btn-box .product-go .go-title {
  font-size: 0.36rem;
  font-weight: 700;
  color: #ffffff;
  margin-right: 0.15rem;
}
.pro-head .btn-box .product-go .go-logo {
  width: 1.06rem;
  height: 0.37rem;
  line-height: 0.33rem;
  text-align: center;
  background: #ff8500;
  border-radius: 0.08rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #ffffff;
}
.pro-head .btn-box .product-go .go-tips {
  margin-top: 0.18rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #ffffff;
}
.pro-head img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  display: block;
}
#header {
  position: fixed;
  width: 100%;
  z-index: 1020;
}
.brief-wrap {
  padding: 0 0.3rem;
  margin-top: -0.32rem;
  position: relative;
  z-index: 100;
}
.brief-wrap .inner {
  display: flex;
  background-color: #fff;
  box-shadow: 0.02rem 0.01rem 0.08rem rgba(146, 146, 146, 0.15);
  padding: 0.27rem 0 0.22rem 0rem;
}
.brief-wrap .inner .brief-item {
  flex: 1;
}
.brief-wrap .inner .brief-item .brief-icon {
  display: block;
  width: 0.66rem;
  height: 0.68rem;
  margin: 0 auto;
}
.brief-wrap .inner .brief-item .brief-title {
  font-size: 0.24rem;
  font-weight: 700;
  color: #444444;
  margin-top: 0.22rem;
  text-align: center;
}
.brief-wrap .inner .brief-btn {
  width: 1.5rem;
  height: 0.52rem;
  line-height: 0.52rem;
  text-align: center;
  background: #009d93;
  font-size: 0.24rem;
  color: #ffffff;
  margin-right: 0.38rem;
}
.common-title {
  font-size: 0.36rem;
  text-align: center;
  color: #444444;
}
.product-wrap {
  padding-top: 0.5rem;
  padding: 0.5rem 0.3rem 0 0.3rem;
}
.product-wrap .product-list {
  margin-top: 0.4rem;
}
.product-wrap .product-list .product-list-title {
  height: 0.7rem;
}
.product-wrap .product-list .product-list-title .item {
  flex: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.15rem;
  overflow: hidden;
}
.product-wrap .product-list .product-list-title .item .txt {
  width: 100%;
  display: block;
  height: 0.7rem;
  text-align: center;
  line-height: 0.7rem;
  color: #444;
  font-size: 0.26rem;
}
.product-wrap .product-list .product-list-title .active .txt {
  color: #119f93;
  border-bottom: 0.04rem solid #119F93;
}
.product-wrap .product-show {
  margin-top: 0.23rem;
}
.product-wrap .product-show .product-banner {
  height: 2.64rem;
  position: relative;
  z-index: 1;
}
.product-wrap .product-show .product-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  display: block;
}
.product-wrap .product-show .product-banner .product-info {
  position: relative;
  z-index: 1;
  padding: 0.7rem 0 0 0.57rem;
}
.product-wrap .product-show .product-banner .product-info .info-title {
  font-size: 0.4rem;
  color: #ffffff;
  margin-right: 0.22rem;
}
.product-wrap .product-show .product-banner .product-info i {
  display: block;
  margin-top: 0.01rem;
  width: 0.4rem;
  height: 0.4rem;
  background: url("../images/intro/lt.png") no-repeat;
  background-size: contain;
}
.product-wrap .product-show .product-banner .product-info .product-content {
  font-size: 0.3rem;
  font-weight: 400;
  color: #ffffff;
  margin-top: 0.2rem;
}
.product-wrap .product-show .product-intro {
  padding: 0 0.15rem;
}
.product-wrap .product-show .product-intro .intro-contain {
  padding: 0.29rem 0.17rem 0.64rem 0.33rem;
  margin-top: -0.32rem;
  position: relative;
  z-index: 100;
  background: #ffffff;
  box-shadow: 1.58px 1.23px 8px 0px rgba(146, 146, 146, 0.14);
}
.product-wrap .product-show .product-intro .intro-contain .lt-title {
  width: 1.9rem;
  font-size: 0.3rem;
  font-weight: 700;
  text-align: justifyLeft;
  color: #444444;
}
.product-wrap .product-show .product-intro .intro-contain .rt-btn {
  width: 2.08rem;
  height: 0.52rem;
  line-height: 0.52rem;
  text-align: center;
  border: 0.01rem solid #ff8500;
  font-size: 0.24rem;
  color: #ff8500;
}
.product-wrap .product-show .product-intro .intro-contain .intro-con {
  margin-top: 0.26rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #444444;
  line-height: 0.33rem;
}
.product-wrap .product-show .product-intro .intro-contain .intro-count {
  margin-top: 0.52rem;
}
.product-wrap .product-show .product-intro .intro-contain .intro-count .count-item {
  padding-left: 0.1rem;
  position: relative;
}
.product-wrap .product-show .product-intro .intro-contain .intro-count .count-item .count-num {
  font-size: 0.4rem;
  font-weight: 700;
  color: #00a193;
  margin-bottom: 0.3rem;
}
.product-wrap .product-show .product-intro .intro-contain .intro-count .count-item .count-title {
  font-size: 0.28rem;
  font-weight: 700;
  color: #444444;
  margin-bottom: 0.14rem;
}
.product-wrap .product-show .product-intro .intro-contain .intro-count .count-item .count-txt {
  height: 0.6rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #69807e;
  line-height: 0.3rem;
}
.product-wrap .product-show .product-intro .intro-contain .intro-count .count-item .count-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 1.5rem;
  height: 0.52rem;
  line-height: 0.52rem;
  text-align: center;
  background: #00a193;
  font-size: 0.24rem;
  color: #ffffff;
}
.product-wrap .product-show .product-intro .intro-contain .intro-count .count-item:nth-child(2) {
  padding-left: 0.6rem;
}
.proxy-wrap {
  padding: 0.57rem 0.31rem 0 0.31rem;
}
.proxy-wrap .proxy-list {
  padding-top: 0.34rem;
}
.proxy-wrap .proxy-list .proxy-item {
  padding: 0.18rem 0.37rem 0.35rem 0.27rem;
  background: #ffffff;
  border-radius: 0.08rem;
  box-shadow: 1.58px 1.23px 8px 0px rgba(146, 146, 146, 0.14);
  margin-bottom: 0.2rem;
}
.proxy-wrap .proxy-list .proxy-item .proxy-head i {
  display: block;
  margin-right: 0.12rem;
  width: 0.4rem;
  height: 0.4rem;
  background: url("../images/intro/icon_all.png") no-repeat;
  background-size: 240px 40px;
}
.proxy-wrap .proxy-list .proxy-item .proxy-head p {
  font-size: 0.28rem;
  font-weight: 700;
  color: #444444;
}
.proxy-wrap .proxy-list .proxy-item .proxy-txt {
  margin-top: 0.25rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #6d7f7e;
  line-height: 0.34rem;
}
.proxy-wrap .proxy-list1 .proxy-item:nth-child(1) .proxy-head i {
  background-position-x: 0px;
  background-position-y: 0px;
}
.proxy-wrap .proxy-list1 .proxy-item:nth-child(2) .proxy-head i {
  background-position-x: -20px;
  background-position-y: 0px;
}
.proxy-wrap .proxy-list1 .proxy-item:nth-child(3) .proxy-head i {
  background-position-x: -180px;
  background-position-y: 1px;
}
.proxy-wrap .proxy-list1 .proxy-item:nth-child(4) {
  margin-bottom: 0rem;
}
.proxy-wrap .proxy-list1 .proxy-item:nth-child(4) .proxy-head i {
  background-position-x: -59px;
  background-position-y: 0px;
}
.proxy-wrap .proxy-list2 {
  padding-top: 0.2rem;
}
.proxy-wrap .proxy-list2 .proxy-item:nth-child(1) .proxy-head i {
  background-position-x: -60px;
  background-position-y: -20px;
}
.proxy-wrap .proxy-list2 .proxy-item:nth-child(2) .proxy-head i {
  background-position-x: -100px;
  background-position-y: 0px;
}
.proxy-wrap .proxy-list2 .proxy-item:nth-child(3) .proxy-head i {
  background-position-x: -80px;
  background-position-y: -20px;
}
.proxy-wrap .proxy-list2 .proxy-item:nth-child(4) {
  margin-bottom: 0rem;
}
.proxy-wrap .proxy-list2 .proxy-item:nth-child(4) .proxy-head i {
  background-position-x: -100px;
  background-position-y: -20px;
}
.scan-wrap {
  padding: 0.59rem 0.3rem;
}
.scan-wrap .scan-con {
  margin-top: 0.62rem;
}
.scan-wrap .scan-con .scan-item {
  margin-bottom: 0.63rem;
}
.scan-wrap .scan-con .scan-item .scan-title {
  margin-bottom: 0.2rem;
}
.scan-wrap .scan-con .scan-item .scan-title i {
  width: 0.36rem;
  height: 0.3rem;
  margin-right: 0.13rem;
  background: url("../images/intro/dagou.png") no-repeat;
  background-size: contain;
}
.scan-wrap .scan-con .scan-item .scan-title p {
  font-size: 0.28rem;
  font-weight: 700;
  text-align: left;
  color: #444444;
}
.scan-wrap .scan-con .scan-item .scan-txt {
  font-size: 0.24rem;
  font-weight: 400;
  color: #69807e;
  line-height: 0.3rem;
}
.scan-wrap .scan-con .scan-item .scan-show {
  margin-top: 0.52rem;
}
.scan-wrap .scan-con .scan-item .scan-show img {
  display: block;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;
}
.scan-wrap .scan-con .scan-item:nth-child(1) .scan-show img {
  width: 6.27rem;
}
.scan-wrap .scan-con .scan-item:nth-child(2) .scan-show img {
  width: 6.12rem;
}
.scan-wrap .scan-con .scan-item:nth-child(3) .scan-show img {
  width: 6.31rem;
}
.scan-wrap .scan-con .scan-item:nth-child(4) {
  margin-bottom: 0rem;
}
.scan-wrap .scan-con .scan-item:nth-child(4) .scan-show img {
  width: 6.2rem;
}
.vip-try {
  margin-top: 0.6rem;
  width: 100%;
  height: 2.84rem;
  background: url("../images/intro/vipbg.png") no-repeat;
  background-size: contain;
  padding: 0.6rem 0.3rem;
}
.vip-try .vip-title {
  font-size: 0.36rem;
  font-weight: 700;
  color: #444444;
  margin-bottom: 0.23rem;
}
.vip-try .vip-txt {
  font-size: 0.24rem;
  font-weight: 400;
  text-align: left;
  color: #444444;
  margin-bottom: 0.2rem;
}
.vip-try .vip-btn {
  display: block;
  width: 1.6rem;
  height: 0.52rem;
  background: #009d93;
  line-height: 0.52rem;
  text-align: center;
  font-size: 0.24rem;
  color: #ffffff;
}
.mt-72 {
  margin-top: 0.72rem !important;
}