/* 轻松营销 */

body {
  font-family: "Microsoft YaHei" !important;
}

.marketing .banner {
  padding: 0.466667rem 0 0.283333rem 0;
  background: url("../images/m01.png") no-repeat;
  background-size: cover;
}

.marketing .bt01 {
  margin-top: 0.466667rem;
  font-weight: bold;
  font-size: 0.516667rem;
  letter-spacing: -1px;
  color: #fff;
}

.marketing .line {
  width: 1.366667rem;
  height: 2px;
  background: #fff;
  margin: 0.266667rem 0 0.308333rem 0;
}

.marketing .bt02 {
  font-size: 0.216667rem;
  line-height: 2;
  color: #fff;
  font-weight: lighter;
}

.marketing .bFlex {
  display: flex;
  margin: 0.266667rem 0 0.466667rem 0;
}

.marketing .bFlex > div {
  flex: 1;
  text-align: center;
  font-size: 0.15rem;
  color: #fff;
}

.marketing .mb11 {
  margin-bottom: 0.091667rem;
}

.marketing .bFlex > div i {
  font-size: 0.358333rem;
}

.marketing .mw100 {
  max-width: 100%;
}

.marketing a.more {
  display: inline-block;
  text-decoration: none;
  color: #377dff;
  padding: 0 0.216667rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  background-image: linear-gradient(0deg, #cbebfe 0%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  box-shadow: 0 0 0.075rem 0 rgba(2, 74, 199, 0.57);
  border-radius: 0.25rem;
  font-size: 0.183333rem;
}

.marketing a.more span {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background: #377dff;
  border-radius: 50%;
  color: #fff;
  vertical-align: inherit;
  margin-left: 0.141667rem;
}

.marketing .bImg {
  width: 100%;
}

.marketing .what {
  padding: 0.883333rem 0;
}

.marketing .wt {
  font-size:2em;
  font-weight: bold;
  color: #333;
}

.marketing .wt > span:last-child {
  color: #3982ff;
}

.marketing .wLine {
  display: inline-block;
  width: 0.708333rem;
  height: 1px;
  background: #3982ff;
  margin: 0.475rem 0;
}

.marketing .wText {
  font-size: 16px;
  color: #818181;
  text-indent: 2em;
  line-height: 2;
}

.marketing .varied {
  padding: 0.808333rem 0 0.733333rem 0;
  background: #f3f7fe;
}

.marketing .w01 {
  background: #fff;
  border-radius: 0.333333rem;
  text-align: center;
  padding: 0.475rem 0 0.466667rem 0;
  margin-bottom: 0.166667rem;
  min-height: 3rem;
}

.marketing .w01 i {
  font-size: 0.583333rem;
  color: #3982ff;
}

.marketing .wt01 {
  font-size: 1.4em;
  color: #333;
  margin: 0 0 0.175rem 0;
}

.marketing .wLine01 {
  display: inline-block;
  width: 0.333333rem;
  height: 1px;
  background: #d2d2d2;
  margin-bottom: 0.216667rem;
}

.marketing .f1681 {
  font-size: 1.1em;
  color: #818181;
  line-height: 2;
}

.marketing .w02 {
  background: #3982ff;
  text-align: center;
  border-radius: 0.333333rem;
  color: #fff;
  padding: 0.308333rem 0.375rem 0.316667rem 0.375rem;
  display: none;
  margin-bottom: 0.166667rem;
  min-height: 3rem;
}

.marketing .wt02 {
  font-size: 0.2rem;
}

.marketing .wLine02 {
  display: inline-block;
  width: 0.333333rem;
  height: 1px;
  background: #fff;
  margin: 0.191667rem 0 0.15rem 0;
}

.marketing .wt03 {
  font-size: 0.133333rem;
  margin-top: 0.141667rem;
}

.marketing a.wMore {
  display: inline-block;
  text-decoration: none;
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #3982ff;
  font-size: 0.15rem;
  color: #3982ff;
  padding: 0 0.333333rem;
  margin-top: 0.2rem;
}

.marketing .fit {
  padding: 0.816667rem 0 1.175rem 0;
}

.marketing .fd {
  display: inline-block;
  font-size: 0.15rem;
  color: #333;
  width: auto;
  height: auto; overflow:hidden;
  padding: 0.233333rem 0;
}

.marketing .fd i {
  font-size: 1rem;
  color: #3982ff;
}

.marketing .fd:hover {
  color: #fff;
  background: #3982ff;
  box-shadow: 0 0 0.208333rem 0 rgba(37, 117, 255, 0.31);
}

.marketing .fd:hover i {
  color: #fff;
}

.marketing .sd {
  background: #fff;
  border-radius: 0.333333rem;
  text-align: center;
  padding: 0.383333rem 0.208333rem 0.358333rem 0.208333rem;
  margin-bottom: 0.166667rem;
  min-height: 3rem;
}

.marketing .sd i {
  font-size: 0.525rem;
  color: #3982ff;
}

.marketing .sd:hover {
  background-color: #3982ff;
  box-shadow: 0 0 0.208333rem 0 rgba(37, 117, 255, 0.31);
}

.marketing .sd:hover i,
.marketing .sd:hover .wt01,
.marketing .sd:hover .f1681 {
  color: #fff;
}

.marketing .sd:hover .wLine01 {
  background: #fff;
}

.marketing .system {
  padding-top: 0.958333rem;
  background: url("../img/m03.png") no-repeat center center;
  background-size: cover;
}

.marketing .st {
  font-size: 0.35rem;
  font-weight: bold;
  color: #fff;
  margin: 0.333333rem 0 0.675rem 0.325rem;
}

.marketing .interface {
  display: inline-block;
  text-align: center;
  font-size: 0.133333rem;
  color: #fff;
  margin-bottom: 0.291667rem;
  cursor: pointer;
}

.marketing .si {
  display: inline-block;
  width: 0.733333rem;
  height: 0.733333rem;
  line-height: 0.733333rem;
  background: #fff;
  color: #3982ff;
  border-radius: 50%;
  margin-bottom: 0.15rem;
}

.marketing .si > i {
  font-size: 0.333333rem;
}

.marketing .inter {
  color: #3982ff;
}

.marketing .inter .si {
  color: #fff;
  background: #3982ff;
}

.marketing a.sMore {
  background: #fff;
  border: none;
  margin: 0 0 0.166667rem 0.325rem;
}

.marketing .simple {
  background: url("../images/m07.png") no-repeat center bottom #3982ff;
  padding: 0.716667rem 0 0.6rem 0;
}

.marketing .sTitle {
  font-size: 0.35rem;
  font-weight: bold;
  color: #fff;
}

.marketing .sLine {
  display: inline-block;
  width: 0.75rem;
  height: 1px;
  background: #fff;
  margin: 0.366667rem 0 0.316667rem 0;
}

.marketing .sText {
  font-size: 0.166667rem;
  color: #fff;
  margin-bottom: 0.35rem;
}

.marketing .sDiv {
  display: inline-block;
  font-size: 0.166667rem;
  color: #333;
  background-image: linear-gradient(0deg, #cbebfe 0%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  box-shadow: 0 0 0.075rem 0 rgba(2, 74, 199, 0.57);
  margin: 0 -15px;
  border-radius: 50%;
  width: 1.625rem;
  height: 1.625rem;
}

.marketing .sDiv i {
  font-size: 0.641667rem;
  color: #3982ff;
}

.marketing .sjt {
  height: 1.625rem;
  line-height: 1.625rem;
  color: #fff;
  font-size: 0.325rem;
}

.marketing .djt {
  display: none;
}

.marketing a.rightNow {
  margin-top: 0.583333rem;
  background: #fff;
  border: none;
}

.marketing .displayNone {
  display: none;
}

@media (max-width: 767px) {
  .marketing .mwCenter {
    text-align: center;
    margin: 0.166667rem 0;
  }

  .marketing .djt {
    display: inline-block;
  }

  .marketing .rjt {
    display: none;
  }

  .marketing .st,
  .marketing .textCenter {
    text-align: center;
  }

  .marketing .sDiv {
    width: 3rem;
    height: 3rem;
    padding-top: 0.78125rem;
  }
}