@charset "utf-8";
/*
* 通用常量
*/
/*
* 通用函数
*/
h1 {
  font-family: "微软雅黑";
}
h2 {
  font-family: "微软雅黑";
}
p {
  font-family: "微软雅黑";
}
body {
  overflow-x: hidden;
}
.banner {
  height: 6.8rem;
  background: url(../img/banner.png) no-repeat;
  background-size: contain;
}
.newsale {
  height: 8.13333333rem;
}
.newsale .newsale_top {
  margin-top: 0.92rem;
}
.newsale .newsale_top h1 {
  text-align: center;
  font-size: 0.48rem;
  color: #0093dd;
  font-weight: 600;
}
.newsale .newsale_middle {
  padding-top: 0.66666667rem;
  margin: 0 0.13333333rem;
}
.newsale .newsale_middle ul {
  width: 10rem;
  height: 2.58666667rem;
}
.newsale .newsale_middle ul li {
  width: 2.53333333rem;
  height: 2.53333333rem;
  border: solid 4px #0093dd;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin: 0 0.2rem;
}
.newsale .newsale_middle ul li img {
  position: absolute;
  width: 0.77333333rem;
  height: 0.64rem;
  left: 0.90666667rem;
  top: 0.69333333rem;
}
.newsale .newsale_middle ul li .img02 {
  width: 0.73333333rem;
  height: 0.78666667rem;
  top: 0.61333333rem;
}
.newsale .newsale_middle ul li .img03 {
  width: 0.70666667rem;
  height: 0.6rem;
}
.newsale .newsale_middle ul li h1 {
  position: absolute;
  left: 0.71333333rem;
  top: 1.68rem;
  font-size: 0.36rem;
  color: #333333;
}
.newsale .newsale_bottom {
  height: 2.58666667rem;
  margin: 0 1.7rem;
}
.newsale .newsale_bottom ul li {
  width: 2.53333333rem;
  height: 2.53333333rem;
  border: solid 4px #0093dd;
  border-radius: 50%;
  position: relative;
  margin: 0 0.2rem;
  display: inline-block;
}
.newsale .newsale_bottom ul li img {
  position: absolute;
  width: 0.77333333rem;
  height: 0.64rem;
  left: 0.90666667rem;
  top: 0.69333333rem;
}
.newsale .newsale_bottom ul li .img04 {
  width: 0.66666667rem;
  height: 0.64rem;
  top: 0.61333333rem;
}
.newsale .newsale_bottom ul li .img05 {
  width: 0.84rem;
  height: 0.6rem;
}
.newsale .newsale_bottom ul li h1 {
  position: absolute;
  left: 0.26666667rem;
  top: 1.68rem;
  font-size: 0.36rem;
  color: #333333;
}
.newsale .newsale_bottom ul li .h105 {
  left: 0.54rem;
}
.age {
  margin-top: 0.93333333rem;
  height: 13.46666667rem;
  background: url(../img/agebg.png) no-repeat;
  background-size: contain;
}
.age .age_top {
  padding-top: 0.92rem;
}
.age .age_top h1 {
  text-align: center;
  font-weight: 600;
  font-size: 0.48rem;
  color: #333333;
}
.age .age_top p {
  margin-top: 0.37333333rem;
  text-align: center;
  font-size: 0.4rem;
  color: #0093dd;
  font-weight: 600;
}
.age .age_middle {
  padding-top: 0.81333333rem;
  width: 9.22666667rem;
  height: 10.26666667rem;
  margin: 0 auto;
}
.age .age_middle ul {
  width: 9.84rem;
  height: 10.26666667rem;
}
.age .age_middle ul li {
  width: 4.4rem;
  height: 2.6rem;
  float: left;
  margin-right: 0.46666667rem;
  margin-bottom: 0.93333333rem;
}
.age .age_middle ul li img {
  display: block;
  width: 1.08rem;
  height: 1.28rem;
  margin: 0 auto;
}
.age .age_middle ul li h1 {
  margin-top: 0.28rem;
  font-size: 0.4rem;
  color: #333333;
  margin-bottom:0.2rem;
  text-align: center;
}
.age .age_middle ul li h2 {
  font-size: 0.4rem;
  color: #333333;
  text-align: center;
}
.feature {
  margin-top: 1.73333333rem;
}
.feature .feature_top h1 {
  text-align: center;
  font-size: 0.48rem;
  color: #0093dd;
  font-weight: 600;
}
.feature .feature_middle {
  width: 9.33333333rem;
  /*height: 11.46666667rem;*/
  margin: 0.62666667rem auto;
}
.feature .feature_middle ul li {
  width: 9.33333333rem;
  height: 3.06666667rem;
  box-shadow: 0px 2px 21px 0px rgba(0, 147, 221, 0.35);
  position: relative;
  margin-bottom: 0.37333333rem;
}
.feature .feature_middle ul li img {
  position: absolute;
  left: 0.22666667rem;
  top: 0.44rem;
  width: 1.26666667rem;
  height: 1.26666667rem;
}
.feature .feature_middle ul li h1 {
  font-size: 0.4rem;
  color: #333333;
  position: absolute;
  left: 1.77333333rem;
  top: 0.4rem;
}
.feature .feature_middle ul li p {
  width: 7.29333333rem;
  height: 0.57333333rem;
  position: absolute;
  left: 1.74666667rem;
  top: 1.2rem;
  font-size: 0.34rem;
  line-height: 0.5rem;
  color: #666666;
}
.vs {
  margin-top: 1.17333333rem;
}
.vs .vs_top h1 {
  text-align: center;
  font-size: 0.48rem;
  color: #333333;
  font-weight: 600;
}
.vs .vs_top h1 span {
  font-family: impact;
  font-size: 0.64rem;
  color: #0093dd;
}
.vs .vs_middle {
  width: 9.46666667rem;
  height: 4.4rem;
  margin: 0 auto;
  background: url(../img/vsbg.png) no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.money {
  margin-top: 1.26666667rem;
  /*height: 3.6rem;*/
  background-image: linear-gradient(-90deg, #d64fea 0%, #48b0e4 100%);
}
.money .money_top {
  padding-top: 0.82666667rem;
  margin-left: 0.62666667rem;
  /*height: 2.04rem;*/
  font-weight: 600;
}
.money .money_top h1 {
  font-size: 0.53333333rem;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 0.46666667rem;
}
.money .money_top h1 span {
  font-size: 0.64rem;
  color: #6fcefd;
}
.money .money_top p {
  font-size: 24px;
  color: #e9e6e6;
  line-height: 40px;
  margin: 20px 0;
}
.mall .mall_inner {
  width: 7.09333333rem;
  height: 7.09333333rem;
  margin: 1.06666667rem auto;
  background: url(../img/mallbg.png) no-repeat;
  background-size: contain;
  position: relative;
}
.websale {
  height: 22.18666667rem;
  background-color: #f5f5f5;
}
.websale .websale_top {
  padding-top: 0.76rem;
}
.websale .websale_top h1 {
  text-align: center;
  font-size: 0.53333333rem;
  color: #333333;
  font-weight: 600;
}
.websale .websale_top h2 {
  text-align: center;
  font-size: 0.53333333rem;
  color: #333333;
  font-weight: 600;
}
.websale .websale_top h2 span {
  font-size: 0.64rem;
  color: #0093dd;
}
.websale .websale_middle {
  margin-top: 0.56rem;
}
.websale .websale_middle ul .lihehe {
  width: 8.61333333rem;
  height: 4.37333333rem;
  margin: 0.4rem auto;
}
.websale .websale_middle ul .lihehe img {
  width: 4.30666667rem;
  height: 4.37333333rem;
  float: left;
}
.websale .websale_middle ul .lihehe .li01 {
  width: 4.30666667rem;
  height: 4.37333333rem;
  float: right;
  background-image: linear-gradient(234deg, #12bde7 0%, #0093dd 100%);
}
.websale .websale_middle ul .lihehe .li01 h1 {
  text-align: center;
  margin-top: 1.13333333rem;
  font-size: 0.48rem;
  color: #ffffff;
  font-weight: 600;
}
.websale .websale_middle ul .lihehe .li01 p {
  width: 3.66666667rem;
  line-height: 0.5rem;
  height: 1.29333333rem;
  margin-left: 0.33333333rem;
  margin-top: 0.45333333rem;
  font-size: 0.32rem;
  color: #ffffff;
}
.websale .websale_middle ul .lihehe02 {
  width: 8.61333333rem;
  height: 4.37333333rem;
  margin: 0 auto;
}
.websale .websale_middle ul .lihehe02 img {
  width: 4.30666667rem;
  height: 4.37333333rem;
  float: right;
}
.websale .websale_middle ul .lihehe02 .li01 {
  width: 4.30666667rem;
  height: 4.37333333rem;
  float: left;
  background-image: linear-gradient(234deg, #12bde7 0%, #0093dd 100%);
}
.websale .websale_middle ul .lihehe02 .li01 h1 {
  text-align: center;
  margin-top: 1.13333333rem;
  font-size: 0.48rem;
  color: #ffffff;
  font-weight: 600;
}
.websale .websale_middle ul .lihehe02 .li01 p {
  width: 3.66666667rem;
  height: 1.29333333rem;
  line-height: 0.5rem;
  margin-left: 0.33333333rem;
  margin-top: 0.45333333rem;
  font-size: 0.32rem;
  color: #ffffff;
}
.request {
  height: 8.66666667rem;
  background-color: #eeeeee;
}
.request .request_top {
  padding-top: 0.78666667rem;
}
.request .request_top h1 {
  text-align: center;
  font-size: 0.53333333rem;
  color: #333333;
  font-weight: 600;
}
.request .request_top h2 {
  text-align: center;
  font-size: 0.64rem;
  color: #0093dd;
  font-weight: 600;
}
.request .request_middle {
  width: 9.17333333rem;
  height: 5.58666667rem;
  margin: 0.65333333rem auto;
}
.request .request_middle ul {
  width: 10.13333333rem;
  height: 5.58666667rem;
}
.request .request_middle ul li {
  width: 2.56rem;
  height: 2.56rem;
  background: url(../img/lastbg.png) no-repeat;
  background-size: contain;
  position: relative;
  float: left;
  margin-right: 0.81333333rem;
  margin-bottom: 0.46666667rem;
}
.request .request_middle ul li img {
  width: 0.66666667rem;
  height: 0.66666667rem;
  position: absolute;
  left: 0.94666667rem;
  top: 0.58666667rem;
}
.request .request_middle ul li h1 {
  text-align: center;
  font-size: 0.24rem;
  color: #ffffff;
  margin-top: 1.46666667rem;
  font-weight: 600;
}
