body {
  width: auto;
  min-width: 320px;
  font-family: PingFangSC, "微软雅黑", Arial, Helvetica, sans-serif;
  background-color: #fff;
}

/* 通用 */
.main-content {
  max-width: 4.8rem;
  margin: 0 auto;
}

.display-content {
  margin: 0 .33rem;
}

/* 页面头部 */
.app-head {
  height: 5.41rem;
  background: url(../img-mobile/head-bg-back.png) center .5rem no-repeat;
  background-size: 100% 3.2735rem;
  overflow: auto;
}

.app-head-bg-color {
  background: url(../img-mobile/head-bg-color.png) center top no-repeat;
  background-size: 100% 3.04rem;
}

.app-head-bg-light {
  background: url(../img-mobile/head-bg-front.png) center top no-repeat;
  background-size: 100% 4.11rem;
}

.app-logo {
  display: flex;
  justify-content: space-between;
  height: .32rem;
  margin: 0 .2rem;
  padding-top: .12rem;
}

.app-logo-left {
  width: .2rem;
  background: url(../img-mobile/head-logo.png) center no-repeat;
  background-size: 100%;
}

.app-nav {
  display: none;
  width: .18rem;
  background: url(../img-mobile/head-nav.png) center no-repeat;
  background-size: 100%;
}

.app-logo-center {
  width: .4rem;
  height: .4rem;
  margin: .17rem auto 0;
  background: url(../img-mobile/head-logo-center.png) center no-repeat;
  background-size: 100% auto;
}

.app-head .app-name,
.app-head .app-desc {
  text-align: center;
  color: #FFFFFF;
}

.app-head .app-name {
  margin: .18rem 0 .06rem;
  font-size: .18rem;
  font-weight: 600;
  line-height: .25rem;
}

.app-head .app-desc {
  font-size: .14rem;
  line-height: .2rem;
}

.app-down-link a {
  display: block;
  margin: .16rem auto 0;
  font-size: .16rem;
  line-height: .22rem;
  text-align: center;
  color: #4EC43C;;
  background:  #FFFFFF;
  border-radius: .02rem;
  padding: .09rem;
  width: 1.2rem;
  box-shadow: 0 1px 15px 1px rgba(39,39,39,.1);
}

.demo-img {
  height: 2.1rem;
  margin: .43rem auto 0;
  background: url(../img-mobile/head-demo.png) center no-repeat;
  background-size: auto 100%;
}

/* 平台特点 */
.app-feature-info-bg {
  background: url(../img-mobile/feature-bg.svg) right top 1rem no-repeat;
  background-size: 67.67% 100%;
}

.app-feature-info-title {
  font-size: .18rem;
  font-weight: 600;
  text-align: center;
  line-height: .25rem;
  color: #1A202C;
}

.app-feature-item-head {
  margin-top: .35rem;
}

.app-feature-item .flag {
  width: .24rem;
  height: .24rem;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.app-feature-item .title {
  margin-left: .1rem;
  font-size: .16rem;
  line-height: .22rem;
  color: #000000;
}

.app-feature-item .desc {
  margin-top: .1rem;
  font-size: .14rem;
  font-weight: 400;
  line-height: .24rem;
  color: #5A6578;
}

/* 特点 ：图标 */
.app-feature-item-tygk .flag {
  background-image: url(../img-mobile/f-flag-tygk.png);
}

.app-feature-item-dlxyyjc .flag {
  background-image: url(../img-mobile/f-flag-dlxyyjc.png);
}

.app-feature-item-dzgnkssx .flag {
  background-image: url(../img-mobile/f-flag-dzgnkssx.png);
}

.app-feature-item-jzyyjc .flag {
  background-image: url(../img-mobile/f-flag-jzyyjc.png);
}

.app-feature-item-ywzjbcs .flag {
  background-image: url(../img-mobile/f-flag-ywzjbcs.png);
}

/* 应用场景 */
.app-scene-item-head {
  margin-top: .25rem;
}

.app-scene-item .flag {
  width: .3rem;
  height: .3rem;
  background-size: auto .28rem;
  background-position: center center;
  background-repeat: no-repeat;
}

.app-scene-item .title {
  margin-left: .1rem;
  font-weight: 500;
  font-size: .16rem;
  line-height: .25rem;
  color: #1A202C;
}

.app-scene-item .desc {
  display: block;
  font-size: .14rem;
  line-height: .26rem;
  font-weight: 400;
  color: #5A6578;
  padding-top: .09rem;
}

/* 场景：背景图 */
.app-scene-item-tygk {
  height: 3.8rem;
  background: url(../img-mobile/scene-bg-tygk-color.svg) right no-repeat;
  background-size: 95% 100%;
  margin-top: -.33rem;
}

.app-scene-item-tygk .bg-light {
  height: 100%;
  background: url(../img-mobile/scene-bg-tygk.svg) left bottom no-repeat;
  background-size: 55.4% auto;
}

.app-scene-item-dzyyrk {
  height: 5.21rem;
  background: url(../img-mobile/scene-bg-dzyyrk.svg) left top .6rem no-repeat;
  background-size: auto 3.17rem;
  margin-top: 10%;
}

.app-scene-item-jzgk {
  background: url(../img-mobile/scene-bg-jzgk.svg) right top no-repeat;
  background-size: auto 4.4rem;
  margin-top: -.9rem;
}

.app-scene-item-ksfb {
  background: url(../img-mobile/scene-bg-ksfb.svg) left top no-repeat;
  background-size: auto 3.49rem;
}

.app-scene-item-gndzh {
  height: 7rem;
  background: url(../img-mobile/scene-bg-gndzh.svg) center no-repeat;
  background-size: 100%;
}

.app-scene-item-yddhdfb {
  background: url(../img-mobile/scene-bg-yddhdfb.svg) left top no-repeat;
  background-size: auto 2.74rem;
  margin-top: -2.4rem;
}

/* 场景：图片 */
.app-scene-item-tygk .display-img {
  height: 100%;
  background: url(../img-mobile/scene-tygk.png) center no-repeat;
  background-size: 67.67% auto;
}

.app-scene-item-dzyyrk .display-img {
  width: 100%;
  height: 4rem;
  background: url(../img-mobile/scene-dzyyrk.png) center no-repeat;
  background-size: auto 2.68rem;
}

.app-scene-item-jzgk .display-img {
  width: 100%;
  height: 4rem;
  background: url(../img-mobile/scene-jzgk.png) center top 1.1rem no-repeat;
  background-size: auto 2.43rem;
}

.app-scene-item-jzgk .front-img {
  width: 3.47rem;
  height: 100%;
  background: url(../img-mobile/scene-jzgk-front.png) top 1.85rem right .3rem no-repeat;
  background-size: auto 50%;
  margin: 0 auto;
}

.app-scene-item-ksfb .display-img {
  width: 100%;
  height: 4rem;
  background: url(../img-mobile/scene-ksfb.png) center top .6rem no-repeat;
  background-size: auto 3.11rem;
}

.app-scene-item-ksfb .front-img {
  width: 3.47rem;
  height: 100%;
  background: url(../img-mobile/scene-ksfb-front.png) top 1.2rem right no-repeat;
  background-size: auto .47rem;
  margin: 0 auto;
}

.app-scene-item-gndzh .display-img {
  width: 100%;
  height: 2.74rem;
  background: url(../img-mobile/scene-gndzh.png) top right .36rem no-repeat;
  background-size: auto 100%;
}

.app-scene-item-yddhdfb .display-img {
  width: 100%;
  height: 3.4rem;
  background: url(../img-mobile/scene-yddhdfb.png) left 1.17rem center no-repeat;
  background-size: auto 2.74rem;
}

/* 场景：图标 */
.app-scene-item-tygk .flag {
  background-image: url(../img-mobile/s-flag-tygk.png);
}

.app-scene-item-dzyyrk .flag {
  background-image: url(../img-mobile/s-flag-dzyyrk.png);
}

.app-scene-item-jzgk .flag {
  background-image: url(../img-mobile/s-flag-jzgk.png);
}

.app-scene-item-ksfb .flag {
  background-image: url(../img-mobile/s-flag-ksfb.png);
}

.app-scene-item-gndzh .flag {
  background-image: url(../img-mobile/s-flag-gndzh.png);
}

.app-scene-item-yddhdfb .flag {
  background-image: url(../img-mobile/s-flag-yddhdfb.png);
}

/* 场景：自定义 */
.app-scene-item-tygk .app-scene-item-head {
  margin-top: -.2rem;
}

.app-scene-item-dzyyrk .app-scene-item-head {
  margin-top: -.4rem;
}

.app-scene-item-jzgk .app-scene-item-head {
  margin-top: -.2rem;
}

.app-scene-item-ksfb .app-scene-item-head {
  margin-top: -.64rem;
}

.app-scene-item-gndzh .app-scene-item-head {
  margin-top: -1.4rem;
}

.app-scene-item-yddhdfb .app-scene-item-head {
  margin-top: .1rem;
}

.app-scene-item-gndzh .desc {
  color: #FFFFFF;
  padding-top: .9rem;
}

/* 页面底部 */
.app-down .title {
  font-weight: 600;
  font-size: .18rem;
  line-height: .25rem;
  color: #1A202C;
  text-align: center;
  margin-top: .7rem;
}

.app-down a {
  background: #3CC036;
  color: #FFFFFF;
}

.app-footer {
  padding: .33rem 0;
}

.app-footer .copyright {
  font-size: .1rem;
  line-height: .14rem;
  text-align: center;
  color: #B9BFC6;
  margin-top: .06rem;
}