@charset "utf-8";
/*
* 通用常量
*/
/*
* 通用函数
*/

p {
  font-family: "微软雅黑";
}
h1 {
  font-family: "微软雅黑";
}
h2 {
  font-family: "微软雅黑";
}
body {
  overflow-x: hidden;
}
.banner {
  height: 6.66666667rem;
  background: url(../img/banner.png) no-repeat;
  background-size: cover;
  position: relative;
}
.banner .banner_inner {
  width: 2.13333333rem;
  height: 0.6rem;
  line-height: 0;
  background-color: #ff3c81;
  border-radius: 0.13333333rem;
  position: absolute;
  left: 3.94666667rem;
  top: 5.25333333rem;
}
.banner .banner_inner a {
  color: #ffffff;
  line-height: 0.6rem;
  font-size: 20px;
  margin-left: 0.44rem;
}
.society .society_top h1 {
  text-align: center;
  font-size: 0.48rem;
  color: #ff3c81;
  font-weight: 600;
  margin-top: 0.8rem;
}
.society .society_middle {
  width: 9.48rem;
  height: auto;
  margin: 1.09333333rem auto;
}
.society .society_middle ul {
  width: 9.56rem;
  height: auto;
}
.society .society_middle ul li {
  width: 3.10666667rem;
  height: 3.10666667rem;
  border-radius: 50%;
  background-color: #fff2f7;
  float: left;
  margin-right: 0.08rem;
  position: relative;
}
.society .society_middle ul li img {
  width: 0.77333333rem;
  height: 0.77333333rem;
  position: absolute;
  left: 1.16rem;
  top: 0.54666667rem;
}
.society .society_middle ul li .img02 {
  width: 1.09333333rem;
  height: 0.90666667rem;
}
.society .society_middle ul li .img03 {
  width: 0.8rem;
  height: 0.97333333rem;
}
.society .society_middle ul li p {
  width: 2.52rem;
  line-height: 20px;
  /* height: 0.84rem; */
  position: absolute;
  left: 0.42666667rem;
  text-align:center;
  top: 1.6rem;
  font-size: 0.291333333rem;
  color: #333333;
}
.society .society_bottom ul {
  margin-left: 1.86666667rem;
}
.society .society_bottom ul li {
  width: 3.10666667rem;
  height: 3.10666667rem;
  border-radius: 50%;
  background-color: #fff2f7;
  float: left;
  margin-right: 0.08rem;
  position: relative;
}
.society .society_bottom ul li img {
  width: 0.77333333rem;
  height: 0.77333333rem;
  position: absolute;
  left: 1.16rem;
  top: 0.54666667rem;
}
.society .society_bottom ul li .img04 {
  width: 0.97333333rem;
  height: 0.96rem;
}
.society .society_bottom ul li .img05 {
  width: 1.01333333rem;
  height: 0.85333333rem;
  left: 1.06666667rem;
}
.society .society_bottom ul li p {
  width: 2.52rem;
  /* height: 0.84rem; */
  line-height: 20px;
  position: absolute;
  left: 0.26666667rem;
  top: 1.6rem;
  text-align: center;
  font-size: 0.291333333rem;
  color: #333333;
}
.win {
  height: 11.49333333rem;
}
.win .wind {
  margin-top: 1.02666667rem;
  height: 5.01333333rem;
  background: url(../img/windbg.png) no-repeat;
  background-size: cover;
}
.win .wind .wind_top h1 {
  padding-top: 0.84rem;
  text-align: center;
  font-size: 0.53333333rem;
  color: #ffffff;
}
.win .wind .wind_top p {
  width: 6.26666667rem;
  height: 0.8rem;
  margin: 0.50666667rem auto;
  font-size: 0.32rem;
  color: #ffffff;
}
.win .wind .wind_middle {
  width: 9.46666667rem;
  height: auto;
  margin: 0 auto;
}
.win .wind .wind_middle ul {
  width: 9.64rem;
  height: auto;
}
.win .wind .wind_middle ul li {
  width: 3.04rem;
  height: 4.93333333rem;
  background-color: #ffffff;
  box-shadow: 0px 6px 21px 0px rgba(255, 75, 73, 0.3);
  position: relative;
  float: left;
  margin-right: 0.17333333rem;
}
.win .wind .wind_middle ul li img {
  width: 1.36rem;
  height: 1.36rem;
  position: absolute;
  left: 0.77333333rem;
  top: 0.41333333rem;
}
.win .wind .wind_middle ul li h1 {
  position: absolute;
  left: 0.66666667rem;
  top: 2.14666667rem;
  font-size: 0.4rem;
  color: #ff3c81;
  font-weight: 600;
}
.win .wind .wind_middle ul li p {
  width: 2.64rem;
  line-height: 30px;
  /* height: 1.42666667rem; */
  font-size: 0.24rem;
  color: #666666;
  position: absolute;
  left: 0.2rem;
  top: 2.97333333rem;
}
.win .wind .wind_bottom {
  margin-top: 1rem;
  height: 2.3333333rem;
  background: url(../img/windbg02.png) no-repeat;
  background-size: cover;
  position: relative;
}
.win .wind .wind_bottom h1 {
  width: 7.66666667rem;
  height: 1.28rem;
  line-height: 0.4rem;
  position: absolute;
  left: 1.94666667rem;
  top: 0.46666667rem;
  font-size: 0.32rem;
  color: #333333;
}
.win .wind .wind_bottom h1 span {
  font-size: 0.32rem;
  color: #ffffff;
}
.share {
  margin-top: 0.4rem;
}
.share .share_top {
  margin-left: 0.26666667rem;
}
.share .share_top img {
  width: 2.49333333rem;
  height: 0.46666667rem;
}
.share .share_top .img007 {
  width: 2.49333333rem;
  height: 0.6rem;
}
.share .share_top h1 {
  margin-top: 0.4rem;
  font-size: 0.48rem;
  color: #444444;
}
.share .share_middle {
  width: 9.42666667rem;
  height: 5.41333333rem;
  margin: 0.94666667rem auto;
}
.share .share_middle ul {
  width: 11.09333333rem;
  height: 5.41333333rem;
}
.share .share_middle ul li {
  float: left;
  width: 3.86666667rem;
  height: 2.21333333rem;
  margin-right: 1.66666667rem;
  margin-bottom: 0.97333333rem;
}
.share .share_middle ul li img {
  width: 0.73333333rem;
  height: 0.69333333rem;
  float: left;
}
.share .share_middle ul li h1 {
  margin-left: 0.8rem;
  font-size: 0.45333333rem;
  color: #444444;
  font-weight: 600;
}
.share .share_middle ul li p {
  line-height: 25px;
  margin-top: 0.41333333rem;
  font-size: 20px;
  line-height: 36px;
  color: #444444;
}
.sale {
  height: 6.13333333rem;
  background-color: #f96f9d;
}
.sale .sale_top {
  margin-left: 0.50666667rem;
  padding-top: 0.49333333rem;
}
.sale .sale_top img {
  float: left;
  width: 0.69333333rem;
  height: 0.69333333rem;
}
.sale .sale_top h1 {
  margin-left: 1.02666667rem;
  font-size: 0.46666667rem;
  color: #ffffff;
  font-weight: 600;
}
.sale .sale_top h2 {
  margin-top: 0.54666667rem;
  font-size: 0.48rem;
  color: #ffffff;
}
.sale .sale_middle {
  width: 9.2rem;
  height: 2.89333333rem;
  margin: 0.13333333rem auto;
}
.sale .sale_middle ul {
  width: 9.6rem;
  height: 2.89333333rem;
}
.sale .sale_middle ul li {
  width: 2.8rem;
  height: 2.89333333rem;
  float: left;
  margin-right: 0.4rem;
}
.sale .sale_middle ul li img {
  width: 2.17333333rem;
  height: 0.08rem;
}
.sale .sale_middle ul li h1 {
  font-size: 0.4rem;
  color: #ffffff;
  margin-top: 0.26666667rem;
}
.sale .sale_middle ul li p {
  width: 2.8rem;
  line-height: 30px;
  /* height: 1.74666667rem; */
  font-size: 20px;
  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: #ff3c81;
  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/request07.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;
}