* {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
}

@font-face {
  font-family: 'siyuanl';
  src: "../font/siyuanl.ttf";
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  min-width: 1200px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

body {
  background: #ffffff;
  width: 16rem;
  margin: 0 auto;
  font-size: 0.11667rem;
  color: #333333;
  padding-top: 0.83333rem;
}

body header {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1.58333rem;
  height: 0.83333rem;
  background: #ffffff;
  display: -webkit-box;
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 111;
}

body header .header-left {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

body header .header-left>img {
  width: 1.5rem;
  height: 0.375rem;
  margin-right: 0.14167rem;
}

body header .header-left span {
  font-size: 0.11667rem;
  color: #3379EB;
  /*border: 1px solid #dedede;*/
  /*padding: 0.05833rem 0.125rem;*/
  border-radius: 0.05833rem;
  /*letter-spacing: 0.01667rem;*/
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  /*min-width: 110px;*/
}

body header .header-left span img {
  width: 1.25rem;
  vertical-align: bottom;
  margin-right: 0.08333rem;
}

body header .header-center {
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}

body header .header-center li {
  margin-right: 0.41667rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
}

body header .header-center li strong {
  color: #333333;
  font-size: 0.13333rem;
  font-weight: 600;
  line-height: 0.18333rem;
}

body header .header-center li span {
  margin-top: 0.04167rem;
  font-size: 0.11667rem;
  color: #c1c1c1;
  line-height: 0.16667rem;
}

body header .header-right {
  width: 1.66667rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-around;
}

body header .header-right button {
  width: 0.66667rem;
  height: 0.3rem;
  font-size: 0.11667rem;
  border-radius: 0.16667rem;
  outline: none;
  cursor: pointer;
  border: 1px solid transparent;
}

body header .header-right button.login-btn {
  border-color: #414bc5;
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #F0EDF6 100%);
  background: linear-gradient(180deg, #FFFFFF 0%, #F0EDF6 100%);
  color: #414BC5;
}

body header .header-right button.reg-btn {
  background: -webkit-linear-gradient(top, #FF8B50 0%, #EE2100 100%);
  background: linear-gradient(180deg, #FF8B50 0%, #EE2100 100%);
  color: #fff;
  width: 0.83333rem;
  border: none;
}

body main .banner {
  height: 4.16667rem;
  background-image: url("../img/home/banner.png");
  background-size: 100% 100%;
  position: relative;
}

body main .banner .banner-pretext {
  position: absolute;
  top: 1.83333rem;
  width: 6.41667rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

body main .banner .banner-pretext img {
  width: 2.75rem;
  height: 0.6rem;
  margin-right: 0.075rem;
}

body main .banner .banner-pretext strong {
  font-size: 0.3rem;
  color: #fff;
  font-weight: 500;
  margin: 0.33333rem 0 0.36667rem;
}

body main .banner .banner-pretext strong span {
  color: #f5d88a;
}

body main .banner .banner-pretext p {
  font-size: 0.16667rem;
  line-height: 0.29167rem;
  color: #ffffff;
  font-weight: 300;
}

body main .special {
  height: 0.83333rem;
  background: #f9f9fc;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

body main .special li:nth-of-type(1) {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 1.33333rem;
}

body main .special li:nth-of-type(1):last-of-type {
  margin-right: 0;
}

body main .special li:nth-of-type(1) .special-icon {
  width: 0.33333rem;
  height: 0.33333rem;
  margin-right: 0.16667rem;
  background: url(../img/home/icon-sprite.png) no-repeat;
  background-size: 700%;
  background-position: calc(0% + 0.02rem) 0.02rem;
}

body main .special li:nth-of-type(1) p {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

body main .special li:nth-of-type(1) p strong {
  font-size: 0.15rem;
  line-height: 0.18333rem;
}

body main .special li:nth-of-type(1) p span {
  color: #333333;
  font-size: 0.11667rem;
  font-weight: 400;
  margin-top: 0.04167rem;
}

body main .special li:nth-of-type(2) {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 1.33333rem;
}

body main .special li:nth-of-type(2):last-of-type {
  margin-right: 0;
}

body main .special li:nth-of-type(2) .special-icon {
  width: 0.33333rem;
  height: 0.33333rem;
  margin-right: 0.16667rem;
  background: url(../img/home/icon-sprite.png) no-repeat;
  background-size: 700%;
  background-position: calc(20.334% + 0.02rem) 0.02rem;
}

body main .special li:nth-of-type(2) p {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

body main .special li:nth-of-type(2) p strong {
  font-size: 0.15rem;
  line-height: 0.18333rem;
}

body main .special li:nth-of-type(2) p span {
  color: #333333;
  font-size: 0.11667rem;
  font-weight: 400;
  margin-top: 0.04167rem;
}

body main .special li:nth-of-type(3) {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 1.33333rem;
}

body main .special li:nth-of-type(3):last-of-type {
  margin-right: 0;
}

body main .special li:nth-of-type(3) .special-icon {
  width: 0.33333rem;
  height: 0.33333rem;
  margin-right: 0.16667rem;
  background: url(../img/home/icon-sprite.png) no-repeat;
  background-size: 700%;
  background-position: calc(40.668% + 0.02rem) 0.02rem;
}

body main .special li:nth-of-type(3) p {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

body main .special li:nth-of-type(3) p strong {
  font-size: 0.15rem;
  line-height: 0.18333rem;
}

body main .special li:nth-of-type(3) p span {
  color: #333333;
  font-size: 0.11667rem;
  font-weight: 400;
  margin-top: 0.04167rem;
}

body main .special li:nth-of-type(4) {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 1.33333rem;
}

body main .special li:nth-of-type(4):last-of-type {
  margin-right: 0;
}

body main .special li:nth-of-type(4) .special-icon {
  width: 0.33333rem;
  height: 0.33333rem;
  margin-right: 0.16667rem;
  background: url(../img/home/icon-sprite.png) no-repeat;
  background-size: 700%;
  background-position: calc(61.002% + 0.02rem) 0.02rem;
}

body main .special li:nth-of-type(4) p {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

body main .special li:nth-of-type(4) p strong {
  font-size: 0.15rem;
  line-height: 0.18333rem;
}

body main .special li:nth-of-type(4) p span {
  color: #333333;
  font-size: 0.11667rem;
  font-weight: 400;
  margin-top: 0.04167rem;
}

body main .problem {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 6.93333rem;
}

body main .problem>p.title {
  font-size: 0.3rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
  position: relative;
}

body main .problem .problem-list {
  background-image: url("../img/home/net_bg.png");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  padding-top: 0.41667rem;
}

body main .problem ul {
  display: -webkit-box;
  display: flex;
  margin: 0 auto;
  width: 12rem;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

body main .problem ul li {
  width: 23%;
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 0.41667rem;
}

body main .problem ul li:nth-of-type(1)>div {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../img/home/sprite-problem.png");
  background-position: 0 0rem;
  background-size: 100%;
}

body main .problem ul li:nth-of-type(1) p {
  font-weight: 500;
  font-size: 0.2rem;
  line-height: 0.41667rem;
}

body main .problem ul li:nth-of-type(1) span {
  text-align: center;
  color: #777777;
}

body main .problem ul li:nth-of-type(2)>div {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../img/home/sprite-problem.png");
  background-position: 0 0.5rem;
  background-size: 100%;
}

body main .problem ul li:nth-of-type(2) p {
  font-weight: 500;
  font-size: 0.2rem;
  line-height: 0.41667rem;
}

body main .problem ul li:nth-of-type(2) span {
  text-align: center;
  color: #777777;
}

body main .problem ul li:nth-of-type(3)>div {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../img/home/sprite-problem.png");
  background-position: 0 1rem;
  background-size: 100%;
}

body main .problem ul li:nth-of-type(3) p {
  font-weight: 500;
  font-size: 0.2rem;
  line-height: 0.41667rem;
}

body main .problem ul li:nth-of-type(3) span {
  text-align: center;
  color: #777777;
}

body main .problem ul li:nth-of-type(4)>div {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../img/home/sprite-problem.png");
  background-position: 0 1.5rem;
  background-size: 100%;
}

body main .problem ul li:nth-of-type(4) p {
  font-weight: 500;
  font-size: 0.2rem;
  line-height: 0.41667rem;
}

body main .problem ul li:nth-of-type(4) span {
  text-align: center;
  color: #777777;
}

body main .problem ul li:nth-of-type(5)>div {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../img/home/sprite-problem.png");
  background-position: 0 2rem;
  background-size: 100%;
}

body main .problem ul li:nth-of-type(5) p {
  font-weight: 500;
  font-size: 0.2rem;
  line-height: 0.41667rem;
}

body main .problem ul li:nth-of-type(5) span {
  text-align: center;
  color: #777777;
}

body main .problem ul li:nth-of-type(6)>div {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../img/home/sprite-problem.png");
  background-position: 0 2.5rem;
  background-size: 100%;
}

body main .problem ul li:nth-of-type(6) p {
  font-weight: 500;
  font-size: 0.2rem;
  line-height: 0.41667rem;
}

body main .problem ul li:nth-of-type(6) span {
  text-align: center;
  color: #777777;
}

body main .problem ul li:nth-of-type(7)>div {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../img/home/sprite-problem.png");
  background-position: 0 3rem;
  background-size: 100%;
}

body main .problem ul li:nth-of-type(7) p {
  font-weight: 500;
  font-size: 0.2rem;
  line-height: 0.41667rem;
}

body main .problem ul li:nth-of-type(7) span {
  text-align: center;
  color: #777777;
}

body main .problem ul li:nth-of-type(8)>div {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../img/home/sprite-problem.png");
  background-position: 0 3.5rem;
  background-size: 100%;
}

body main .problem ul li:nth-of-type(8) p {
  font-weight: 500;
  font-size: 0.2rem;
  line-height: 0.41667rem;
}

body main .problem ul li:nth-of-type(8) span {
  text-align: center;
  color: #777777;
}

body main .tool {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 0.41667rem 0;
}

body main .tool p.title {
  font-size: 0.3rem;
  position: relative;
  z-index: 1;
  background-size: 100% 50%;
  margin-bottom: 0.25rem;
}

body main .tool>span {
  font-size: 0.13333rem;
  margin-bottom: 0.5rem;
}

body main .tool ul {
  width: 9rem;
  height: 3.75rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.tool-box{
    width: 100%;
    padding: 0 0.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 2.2rem;
    align-items: flex-start;
}
.tool-box p{
    display: inline-block;
    width: 45%;
    /*text-align: center;*/
    margin-bottom: 0.1rem;
    height: 20px;
}
body main .tool ul li {
  background: #3967FB;
  color: #fff;
  width: 2.8rem;
  box-sizing: border-box;
  padding: 0.41667rem 0.25rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 0.025rem;
  position: relative;
  top: 0;
  cursor: pointer;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

body main .tool ul li:hover {
  /*background-image: url(../img/home/tool_bg.png);*/
  /*background-size: cover;*/
  top: -0.25rem;
}

/*body main .tool ul li:hover>* {*/
/*  color: #fff;*/
/*}*/

body main .tool ul li img{
    width: 1rem;
    height: 1rem;
}

body main .tool ul li strong {
  height: 0.5rem;
  font-family: PingFang SC-Bold, PingFang SC;
  font-size: 0.25rem;
  font-weight: 500;
  text-align: center;
  margin: 0.25rem 0;
}

body main .tool ul li p {
  -webkit-box-flex: 1;
  /*flex: 1;*/
  /*color: #777777;*/
}
body main .tool ul li p span{
  color: #FFFFFF;  
  display: inline-block;
}
body main .tool ul li p span.dot{
    width: 8px;
    height: 8px;
    background: #FA954B;
    opacity: 1;
    border-radius: 8px;
    margin-right: 8px;
    display: inline-block;
}

body main .tool ul li:nth-of-type(1)>div {
  background-position: 0 0rem;
}

body main .tool ul li:nth-of-type(2)>div {
  background-position: 0 -0.67rem;
}

body main .tool ul li:nth-of-type(3)>div {
  background-position: 0 -1.34rem;
}

body main .tool ul li:nth-of-type(4)>div {
  background-position: 0 -2.01rem;
}

body main .solution {
  height: 6.66667rem;
  background: #F9F9FC;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

body main .solution p.title {
  font-size: 0.25rem;
  position: relative;
  z-index: 1;
  background-size: 100% 50%;
  margin-bottom: 0.25rem;
}

body main .solution p.title::before {
  content: "";
  z-index: -1;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  background-color: #E0E0F9;
}

body main .solution>span {
  font-size: 0.13333rem;
  margin-bottom: 0.5rem;
}

body main .solution .flow {
  width: 9rem;
  height: 4.5rem;
  position: relative;
}

body main .solution .flow img.path {
  width: 7.3rem;
  height: 2.83333rem;
  position: absolute;
  top: 0.5rem;
  right: 0.60833rem;
}

body main .solution .flow .public,
body main .solution .flow .private,
body main .solution .flow .quancun,
body main .solution .flow .monitor,
body main .solution .flow .active,
body main .solution .flow .transform {
  position: absolute;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

body main .solution .flow .public .circle,
body main .solution .flow .private .circle,
body main .solution .flow .quancun .circle,
body main .solution .flow .monitor .circle,
body main .solution .flow .active .circle,
body main .solution .flow .transform .circle {
  width: 0.91667rem;
  height: 0.91667rem;
  background: url("../img/home/blue_circle_bg.png");
  background-size: 100% 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  font-size: 0.16667rem;
  color: #fff;
  margin: 0 auto 0.16667rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  cursor: pointer;
}

body main .solution .flow .public .circle span,
body main .solution .flow .private .circle span,
body main .solution .flow .quancun .circle span,
body main .solution .flow .monitor .circle span,
body main .solution .flow .active .circle span,
body main .solution .flow .transform .circle span {
  width: 0.43333rem;
  line-height: 0.25rem;
  text-align: center;
}

body main .solution .flow .public .circle:hover,
body main .solution .flow .private .circle:hover,
body main .solution .flow .quancun .circle:hover,
body main .solution .flow .monitor .circle:hover,
body main .solution .flow .active .circle:hover,
body main .solution .flow .transform .circle:hover {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

body main .solution .flow .public .text,
body main .solution .flow .private .text,
body main .solution .flow .quancun .text,
body main .solution .flow .monitor .text,
body main .solution .flow .active .text,
body main .solution .flow .transform .text {
  display: -webkit-box;
  display: flex;
}

body main .solution .flow .public .text small,
body main .solution .flow .private .text small,
body main .solution .flow .quancun .text small,
body main .solution .flow .monitor .text small,
body main .solution .flow .active .text small,
body main .solution .flow .transform .text small {
  font-size: 0.11667rem;
  -webkit-box-flex: 1;
  flex: 1;
  text-align: center;
}

body main .solution .flow .public {
  left: 0;
  top: 0;
  width: 1.5rem;
}

body main .solution .flow .private {
  width: auto;
  left: 0.25rem;
  bottom: 0.16667rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

body main .solution .flow .private .circle {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

body main .solution .flow .private .text {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

body main .solution .flow .private .text small {
  font-size: 0.11667rem;
  -webkit-box-flex: 1;
  flex: 1;
  text-align: center;
}

body main .solution .flow .private .text small:first-of-type {
  margin-right: 0.125rem;
}

body main .solution .flow .quancun {
  position: absolute;
  left: 2.675rem;
  top: 1.43333rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
  flex-direction: unset;
}

body main .solution .flow .quancun .circle {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  background-image: url("../img/home/purple_circle_bg.png");
}

body main .solution .flow .quancun .text {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  line-height: 0.11667rem;
}

body main .solution .flow .quancun .text small {
  line-height: 0.2rem;
  -webkit-box-flex: 0;
  flex: 0;
}

body main .solution .flow .quancun .text small:first-of-type {
  margin-right: 0;
}

body main .solution .flow .monitor {
  bottom: 0.15rem;
  left: 5.14167rem;
}

body main .solution .flow .monitor .circle {
  background-image: url("../img/home/purple_circle_bg.png");
  margin: 0 auto 0.16667rem;
}

body main .solution .flow .monitor .circle span {
  text-align: center;
  width: 0.5rem;
}

body main .solution .flow .monitor .text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

body main .solution .flow .active {
  left: 5.14167rem;
  top: 0.125rem;
}

body main .solution .flow .active .circle {
  background-image: url("../img/home/purple_circle_bg.png");
  margin: 0 auto 0.16667rem;
}

body main .solution .flow .active .text {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

body main .solution .flow .transform {
  right: 0.15833rem;
  top: 1.43333rem;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
  flex-direction: unset;
}

body main .solution .flow .transform .circle {
  background-image: url("../img/home/red_circle_bg.png");
}

body main .solution .flow .transform .text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}

body main .solution .flow .transform .text small {
  -webkit-box-flex: unset;
  flex: unset;
}

body main .solution2 {
  height: 6.66667rem;
  background: #F9F9FC;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

body main .solution2 p.title {
  font-size: 0.25rem;
  position: relative;
  z-index: 1;
  background-size: 100% 50%;
  margin-bottom: 0.25rem;
}

body main .solution2>span {
  font-size: 0.13333rem;
  margin-bottom: 0.5rem;
}

body main .solution2 img {
  width: 10rem;
}

body main .operating {
  height: 6.66667rem;
  background: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

body main .operating p.title {
  font-size: 0.25rem;
  position: relative;
  z-index: 1;
  background-size: 100% 50%;
  margin-bottom: 0.25rem;
}

body main .operating p.title::before {
  content: "";
  z-index: -1;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  background-color: #E0E0F9;
}

body main .operating>span {
  font-size: 0.13333rem;
  margin-bottom: 0.66667rem;
}

body main .operating .operating-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

body main .operating .operating-content .app-list {
  width: 4.58333rem;
  margin-right: 0.66667rem;
}

body main .operating .operating-content .app-list li {
  height: 0.83333rem;
  box-sizing: border-box;
  padding-left: 0.25rem;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}

body main .operating .operating-content .app-list li.app-active {
  background: #F5F5F9;
}

body main .operating .operating-content .app-list li strong {
  position: relative;
  margin-bottom: 0.125rem;
  font-size: 0.15rem;
}

body main .operating .operating-content .app-list li strong::before {
  position: absolute;
  display: inline-block;
  width: 0.05833rem;
  height: 0.05833rem;
  left: -0.11667rem;
  top: 0.08333rem;
  content: "";
  border-radius: 50%;
  background: #865CFD;
  margin-right: 0.05833rem;
}

body main .operating .operating-content .app-list li p {
  font-size: 0.11667rem;
  color: #777777;
}

body main .operating .operating-content .app-desc {
  width: 4rem;
  height: 2.83333rem;
}

body main .operating .operating-content .app-desc li {
  position: relative;
  display: none;
}

body main .operating .operating-content .app-desc li.active {
  display: block;
}

body main .operating .operating-content .app-desc li:first-of-type img.bg {
  position: absolute;
  left: -0.125rem;
  top: -0.36667rem;
  width: 3.025rem;
  height: 1.11667rem;
  z-index: -1;
}

body main .operating .operating-content .app-desc li:first-of-type img.phone {
  position: absolute;
  left: 0.20833rem;
  top: 0.05833rem;
  width: 3.36667rem;
  height: 3.13333rem;
}

body main .operating .operating-content .app-desc li:first-of-type img.duihua1 {
  position: absolute;
  top: 1.50833rem;
  left: 0.58333rem;
  width: 2.425rem;
  height: 1.35833rem;
}

body main .operating .operating-content .app-desc li:first-of-type img.card {
  width: 1.16667rem;
  height: 0.76667rem;
  position: absolute;
  left: 2.86667rem;
  top: 0.4rem;
}

body main .operating .operating-content .app-desc li:nth-of-type(2) img.card {
    width: 0.95rem;
    height: 0.76667rem;
    position: absolute;
    left: 2.86667rem;
    top: 0.3rem;
}
body main .operating .operating-content .app-desc li:nth-of-type(4) img.card {
    width: 0.95rem;
    height: 0.76667rem;
    position: absolute;
    left: 2.86667rem;
    top: 3.1rem;
}

body main .operating .operating-content .app-desc li:nth-of-type(2) img.bg {
  position: absolute;
  left: -0.125rem;
  top: -0.36667rem;
  width: 3.025rem;
  height: 1.11667rem;
  z-index: -1;
}

body main .operating .operating-content .app-desc li:nth-of-type(2) img.data {
  width: 3.6195rem;
  height: 2.6853rem;
}

body main .operating .operating-content .app-desc li:nth-of-type(2) img.wechat {
  position: absolute;
  left: 1.75rem;
  bottom: -0.13333rem;
  width: 0.40833rem;
  height: 0.58333rem;
}

body main .operating .operating-content .app-desc li:nth-of-type(2) img.webpage {
  width: 0.40833rem;
  height: 0.58333rem;
  position: absolute;
  left: 2.38333rem;
  bottom: -0.13333rem;
}

body main .operating .operating-content .app-desc li:nth-of-type(2) img.chuandan {
  width: 0.40833rem;
  height: 0.58333rem;
  position: absolute;
  left: 3.1rem;
  bottom: -0.13333rem;
}

body main .operating .operating-content .app-desc li:nth-of-type(2) img.wrap {
  position: absolute;
  left: 3.81667rem;
  bottom: -0.13333rem;
  width: 0.40833rem;
  height: 0.58333rem;
}

body main .operating .operating-content .app-desc li:nth-of-type(3) img.bg {
  width: 100%;
  height: 100%;
}

body main .operating .operating-content .app-desc li:nth-of-type(3) img.phone {
  position: absolute;
  left: 0.20833rem;
  top: 0.55833rem;
  width: 3.36667rem;
  height: 3.13333rem;
}

body main .operating .operating-content .app-desc li:nth-of-type(3) img.duihua1 {
  position: absolute;
  top: 1.50833rem;
  left: 2rem;
  width: 1.21667rem;
  height: 0.45rem;
}

body main .operating .operating-content .app-desc li:nth-of-type(3) img.duihua2 {
  position: absolute;
  top: 2rem;
  left: 0.58333rem;
  width: 2.43333rem;
  height: 1.525rem;
}

body main .operating .operating-content .app-desc li:nth-of-type(4) img.bg {
  width: 100%;
  height: 100%;
}

body main .operating .operating-content .app-desc li:nth-of-type(4) img.keyroom {
  position: absolute;
  left: 0.29215rem;
  top: -0.12030rem;
  width: 3.31686rem;
  height: 3.866809rem;
}

body main>.manage {
  height: 7.08333rem;
  background: #F9F9FC;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

body main>.manage p.title {
  font-size: 0.25rem;
  position: relative;
  z-index: 1;
  background-size: 100% 50%;
  margin-bottom: 0.25rem;
}

body main>.manage p.title::before {
  content: "";
  z-index: -1;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  background-color: #E0E0F9;
}

body main>.manage>span {
  font-size: 0.13333rem;
  margin-bottom: 0.66667rem;
}

body main>.manage .manage-content {
  display: -webkit-box;
  display: flex;
}

body main>.manage .manage-content .app-list {
  width: 4.58333rem;
  margin-left: 0.66667rem;
}

body main>.manage .manage-content .app-list li {
  height: 0.83333rem;
  box-sizing: border-box;
  padding-left: 0.25rem;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}

body main>.manage .manage-content .app-list li.app-active {
  background: #fff;
  box-shadow: 0px 3px 6px rgba(207, 193, 214, 0.16);
}

body main>.manage .manage-content .app-list li strong {
  position: relative;
  margin-bottom: 0.125rem;
  font-size: 0.15rem;
}

body main>.manage .manage-content .app-list li strong::before {
  position: absolute;
  display: inline-block;
  width: 0.05833rem;
  height: 0.05833rem;
  left: -0.11667rem;
  top: 0.08333rem;
  content: "";
  border-radius: 50%;
  background: #865CFD;
  margin-right: 0.05833rem;
}

body main>.manage .manage-content .app-list li p {
  font-size: 0.11667rem;
  color: #777777;
}

body main>.manage .manage-content .app-desc {
  width: 4rem;
}

body main>.manage .manage-content .app-desc li {
  width: 100%;
  height: 100%;
  position: relative;
  display: none;
  height: 4rem;
}

body main>.manage .manage-content .app-desc li img {
  position: absolute;
}

body main>.manage .manage-content .app-desc li.active {
  display: block;
}

body main>.manage .manage-content .app-desc li:first-of-type img.bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

body main>.manage .manage-content .app-desc li:first-of-type img.duihua1 {
    position: absolute;
    width: 2.55833rem;
    height: 1.10833rem;
    left: 0.55rem;
    top: 1.5rem;
}

body main>.manage .manage-content .app-desc li:first-of-type img.duihua2 {
    position: absolute;
    width: 2.55833rem;
    height: 1.33333rem;
    left: 0.55rem;
    top: 2.6rem;
}

body main>.manage .manage-content .app-desc li:first-of-type img.phone {
    width: 3.316863rem;
    height: 3.5rem;
    left: 0.2rem;
    top: 0.55rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(2) img.bg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

body main>.manage .manage-content .app-desc li:nth-of-type(2) img.phone {
  width: 3.36667rem;
  height: 3.13333rem;
  left: 0.20833rem;
  top: 0.90833rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(2) img.announce {
  width: 2.43333rem;
  height: 1.84167rem;
  left: 0.525rem;
  top: 1.95833rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(3) img.bg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

body main>.manage .manage-content .app-desc li:nth-of-type(3) img.progress {
  left: -0.30833rem;
  top: 0.60833rem;
  width: 3.73333rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(4) img.bg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

body main>.manage .manage-content .app-desc li:nth-of-type(4) img.duihua1 {
    width: 1.21667rem;
    height: 0.45rem;
    left: 1.97rem;
    top: 1.49167rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(4) img.duihua2 {
    width: 2.68333rem;
    height: 1.66667rem;
    left: 0.55833rem;
    top: 1.90833rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(4) img.phone {
    width: 3.316863rem;
    height: 3.5rem;
    left: 0.2rem;
    top: 0.55rem;
}

/*body main>.manage .manage-content .app-desc li:nth-of-type(5) {*/
/*  height: 5.01667rem;*/
/*}*/

body main>.manage .manage-content .app-desc li:nth-of-type(5) img.bg {
  width: 100%;
  object-fit: contain;
  left: 0;
  top: 0;
}

body main>.manage .manage-content .app-desc li:nth-of-type(5) img.phone {
    width: 3.316863rem;
    height: 3.076262rem;
    left: 0.292158rem;
    top: 0.97rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(5) img.laqun3 {
    width: 0.9rem;
    height: 0.45rem;
    left: 2.4rem;
    top: 1.9rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(5) img.laqun4 {
    width: 2.4rem;
    height: 0.7rem;
    left: 0.6rem;
    top: 2.3rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(5) img.laqun5 {
    width: 2.4rem;
    height: 0.9rem;
    left: 0.6rem;
    top: 2.95rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(5) img.scan {
  width: 2.00833rem;
  height: 0.66667rem;
  left: 0.91667rem;
  top: 0.91667rem;
  -webkit-animation: scan 2s linear 0.5s infinite alternate;
  animation: scan 2s linear 0.5s infinite alternate;
  opacity: 0;
}

body main>.manage .manage-content .app-desc li:nth-of-type(5) .flush,
body main>.manage .manage-content .app-desc li:nth-of-type(5) .blacklist,
body main>.manage .manage-content .app-desc li:nth-of-type(5) .ad,
body main>.manage .manage-content .app-desc li:nth-of-type(5) .warn,
body main>.manage .manage-content .app-desc li:nth-of-type(5) .del {
  width: 0.58333rem;
  width: 0.58333rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(5) img.flush {
  left: -0.33333rem;
  top: 1.15rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(5) img.blacklist {
  left: -0.33333rem;
  top: 4.43333rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(5) img.ad {
  top: 0.5rem;
  left: 3.475rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(5) img.warn {
  left: 2.93333rem;
  top: 2.51667rem;
}

body main>.manage .manage-content .app-desc li:nth-of-type(5) img.del {
  left: 3.05rem;
  top: 3.96667rem;
}

body main .application {
  background: #ffffff;
  display: -webkit-box;
  display: flex;
  padding: 1rem 0 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

body main .application p.title {
  font-size: 0.25rem;
  position: relative;
  z-index: 1;
  background-size: 100% 50%;
  margin-bottom: 0.25rem;
}

body main .application p.title::before {
  content: "";
  z-index: -1;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  background-color: #E0E0F9;
}

body main .application>span {
  font-size: 0.13333rem;
  margin-bottom: 0.66667rem;
}

body main .application .nav {
  width: 10rem;
  height: 0.41667rem;
  display: -webkit-box;
  display: flex;
  position: relative;
  padding-bottom: 0.16667rem;
  border-bottom: 1px solid #f5f5f8;
}

body main .application .nav li:nth-of-type(1) .app-icon {
  background-position: calc(0% + 0.02rem) calc(100% - 0.02rem);
}

body main .application .nav li:nth-of-type(2) .app-icon {
  background-position: calc(20.334% + 0.02rem) calc(100% - 0.02rem);
}

body main .application .nav li:nth-of-type(3) .app-icon {
  background-position: calc(40.668% + 0.02rem) calc(100% - 0.02rem);
}

body main .application .nav li:nth-of-type(4) .app-icon {
  background-position: calc(61.002% + 0.02rem) calc(100% - 0.02rem);
}

body main .application .nav li:not(:last-of-type) {
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  z-index: 3;
  cursor: pointer;
  font-size: 0.20833rem;
  color: #777777;
}

body main .application .nav li:not(:last-of-type) .app-icon {
  display: inline-block;
  width: 0.33333rem;
  height: 0.33333rem;
  margin-right: 0.08333rem;
  background-image: url("../img/home/icon-sprite.png");
  background-size: 700%;
  background-repeat: no-repeat;
}

body main .application .nav li.active {
  color: #3379eb;
}

body main .application .nav li.index {
  position: absolute;
  width: 25%;
  height: 0.01667rem;
  background: #3379eb;
  bottom: 0;
  left: 0;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

body main .application .step-content {
  width: 10rem;
  box-sizing: border-box;
  padding: 0.16667rem 0;
}

body main .application .step-content>li {
  display: none;
}

body main .application .step-content>li.active {
  display: block;
}

body main .application .step-content>li>p {
  font-size: 0.11667rem;
  margin-bottom: 0.16667rem;
}

body main .application .step-content>li>p span {
  color: #EC6575;
}

body main .application .step-content>li .step-pic {
  margin-bottom: 0.33333rem;
  width: 100%;
  display: -webkit-box;
  display: flex;
}

body main .application .step-content>li .step-pic li {
  -webkit-box-flex: 1;
  flex: 1;
  margin-right: 0.16667rem;
}

body main .application .step-content>li .step-pic li img {
  width: 100%;
}

body main .application .step-content>li .step-desc {
  display: -webkit-box;
  display: flex;
}

body main .application .step-content>li .step-desc li {
  -webkit-box-flex: 1;
  flex: 1;
  position: relative;
}

body main .application .step-content>li .step-desc li:first-of-type span:first-of-type {
  border-left-color: #5b68e7;
}

body main .application .step-content>li .step-desc li>span {
  display: inline-block;
}

body main .application .step-content>li .step-desc li>span:first-of-type {
  position: absolute;
  left: 0;
  top: 0;
  border-top: 0.29167rem solid #5B68E7;
  border-bottom: 0.29167rem solid #5B68E7;
  border-left: 0.20833rem solid #fff;
  border-right: 0rem solid #5B68E7;
}

body main .application .step-content>li .step-desc li>span:last-of-type {
  position: absolute;
  right: -0.25rem;
  top: 0;
  border-top: 0.29167rem solid #fff;
  border-bottom: 0.29167rem solid #fff;
  border-left: 0.25rem solid #5B68E7;
  border-right: 0.25rem solid #fff;
}

body main .application .step-content>li .step-desc li p {
  justify-content: center;
  background: #5B68E7;
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 0.58333rem;
  box-sizing: border-box;
  padding: 0.10833rem 0.33333rem;
}

body main .support {
  height: 6.66667rem;
  background: #ffffff;
  display: -webkit-box;
  display: flex;
  padding-top: 1.33333rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

body main .support p.title {
  font-size: 0.25rem;
  position: relative;
  z-index: 1;
  background-size: 100% 50%;
  margin-bottom: 0.66667rem;
}

body main .support p.title::before {
  content: "";
  z-index: -1;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  background-color: #E0E0F9;
}

body main .support .support-info {
  width: 10rem;
  display: -webkit-box;
  display: flex;
  margin-bottom: 0.5rem;
}

body main .support .support-info li {
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

body main .support .support-info li p {
  color: #414BC5;
}

body main .support .support-info li p b {
  font-size: 0.33333rem;
  line-height: 0.33333rem;
}

body main .support .support-info li p b::before {
  content: "";
  display: inline-block;
  width: 0.04167rem;
  height: 0.25rem;
  margin-right: 0.08333rem;
  background: #414bc5;
  vertical-align: baseline;
}

body main .support .support-info li p b span {
  font-size: 0.11667rem;
}

body main .support .support-info li small {
  color: #777777;
  text-indent: 0.125rem;
}

body main .support .support-info li:nth-of-type(2) {
  text-align: center;
}

body main .support .support-info li:last-of-type {
  text-align: right;
}

body main .support .support-list {
  width: 10rem;
}

body main .support .support-list li:nth-of-type(1) {
  width: 100%;
  height: 1.16667rem;
  margin-bottom: 0.5rem;
  background: #F2F2FB;
  display: -webkit-box;
  display: flex;
  box-sizing: border-box;
  padding: 0.25rem 0.5rem;
}

body main .support .support-list li:nth-of-type(1) .support-icon {
  width: 0.66667rem;
  height: 0.66667rem;
  display: inline-block;
  background: url(../img/home/icon-sprite.png) no-repeat;
  background-size: 700%;
  background-position: calc(0% + 0.02rem) calc(30% - 0.02rem);
}

body main .support .support-list li:nth-of-type(1) p {
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

body main .support .support-list li:nth-of-type(1) p b {
  font-size: 0.13333rem;
  color: #414BC5;
}

body main .support .support-list li:nth-of-type(1) p span {
  color: #777777;
  font-size: 0.13333rem;
}

body main .support .support-list li:nth-of-type(2) {
  width: 100%;
  height: 1.16667rem;
  margin-bottom: 0.5rem;
  background: #F2F2FB;
  display: -webkit-box;
  display: flex;
  box-sizing: border-box;
  padding: 0.25rem 0.5rem;
}

body main .support .support-list li:nth-of-type(2) .support-icon {
  width: 0.66667rem;
  height: 0.66667rem;
  display: inline-block;
  background: url(../img/home/icon-sprite.png) no-repeat;
  background-size: 700%;
  background-position: calc(20.334% + 0.02rem) calc(30% - 0.02rem);
}

body main .support .support-list li:nth-of-type(2) p {
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

body main .support .support-list li:nth-of-type(2) p b {
  font-size: 0.13333rem;
  color: #414BC5;
}

body main .support .support-list li:nth-of-type(2) p span {
  color: #777777;
  font-size: 0.13333rem;
}

body main .support .support-list li:nth-of-type(3) {
  width: 100%;
  height: 1.16667rem;
  margin-bottom: 0.5rem;
  background: #F2F2FB;
  display: -webkit-box;
  display: flex;
  box-sizing: border-box;
  padding: 0.25rem 0.5rem;
}

body main .support .support-list li:nth-of-type(3) .support-icon {
  width: 0.66667rem;
  height: 0.66667rem;
  display: inline-block;
  background: url(../img/home/icon-sprite.png) no-repeat;
  background-size: 700%;
  background-position: calc(40.668% + 0.02rem) calc(30% - 0.02rem);
}

body main .support .support-list li:nth-of-type(3) p {
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

body main .support .support-list li:nth-of-type(3) p b {
  font-size: 0.13333rem;
  color: #414BC5;
}

body main .support .support-list li:nth-of-type(3) p span {
  color: #777777;
  font-size: 0.13333rem;
}

body main #custom {
  margin-top: 1rem;
}

body main #custom .custom-top {
  height: 5rem;
  background-image: url("../img/home/banner-bg.png");
  background-size: 100% 100%;
}

body main #custom .custom-top .custom-top-wrap {
  width: 10rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 0.58333rem;
  color: #fff;
  text-align: center;
}

body main #custom .custom-top .custom-top-wrap h5 {
  font-size: 0.25rem;
  margin-bottom: 0.41667rem;
}

body main #custom .custom-top .custom-top-wrap ul {
  overflow: hidden;
}

body main #custom .custom-top .custom-top-wrap ul li {
  width: 25%;
  float: left;
  color: #FFF;
  overflow: hidden;
  position: relative;
  height: 0.75rem;
}

body main #custom .custom-top .custom-top-wrap ul li .data {
  position: absolute;
  -webkit-box-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: flex;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0.875rem;
}

body main #custom .custom-top .custom-top-wrap ul li .data>div:first-of-type {
  font-size: 0.4rem;
  float: left;
}

body main #custom .custom-top .custom-top-wrap ul li .data>div:nth-of-type(2) {
  font-size: 0.2rem;
  float: left;
  padding-top: 0.2rem;
  margin-left: 0.01667rem;
}

body main #custom .custom-top .custom-top-wrap ul li .data>div:last-of-type {
  color: #FFF;
  font-size: 0.2rem;
  float: left;
}

body main #custom .custom-top .custom-top-wrap ul li .desc {
  color: #FFF;
  margin-top: 0.53333rem;
  font-size: 0.13333rem;
  text-align: center;
}

body main #custom .custom-top .custom-top-wrap ol.category {
  display: -webkit-box;
  display: flex;
  margin-top: 0.56667rem;
  justify-content: space-around;
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(1) {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(1) .category-icon {
  width: 0.33333rem;
  height: 0.33333rem;
  margin-bottom: 0.19167rem;
  display: inline-block;
  background: url(../img/home/icon-sprite.png) no-repeat;
  background-size: 700%;
  background-position: calc(0% + 0.02rem) calc(65% - 0.02rem);
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(1) span {
  font-size: 0.16667rem;
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(2) {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(2) .category-icon {
  width: 0.33333rem;
  height: 0.33333rem;
  margin-bottom: 0.19167rem;
  display: inline-block;
  background: url(../img/home/icon-sprite.png) no-repeat;
  background-size: 700%;
  background-position: calc(20.334% + 0.02rem) calc(65% - 0.02rem);
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(2) span {
  font-size: 0.16667rem;
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(3) {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(3) .category-icon {
  width: 0.33333rem;
  height: 0.33333rem;
  margin-bottom: 0.19167rem;
  display: inline-block;
  background: url(../img/home/icon-sprite.png) no-repeat;
  background-size: 700%;
  background-position: calc(40.668% + 0.02rem) calc(65% - 0.02rem);
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(3) span {
  font-size: 0.16667rem;
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(4) {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(4) .category-icon {
  width: 0.33333rem;
  height: 0.33333rem;
  margin-bottom: 0.19167rem;
  display: inline-block;
  background: url(../img/home/icon-sprite.png) no-repeat;
  background-size: 700%;
  background-position: calc(61.002% + 0.02rem) calc(65% - 0.02rem);
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(4) span {
  font-size: 0.16667rem;
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(5) {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(5) .category-icon {
  width: 0.33333rem;
  height: 0.33333rem;
  margin-bottom: 0.19167rem;
  display: inline-block;
  background: url(../img/home/icon-sprite.png) no-repeat;
  background-size: 700%;
  background-position: calc(81.336% + 0.02rem) calc(65% - 0.02rem);
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(5) span {
  font-size: 0.16667rem;
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(6) {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(6) .category-icon {
  width: 0.33333rem;
  height: 0.33333rem;
  margin-bottom: 0.19167rem;
  display: inline-block;
  background: url(../img/home/icon-sprite.png) no-repeat;
  background-size: 700%;
  background-position: calc(101.67% + 0.02rem) calc(65% - 0.02rem);
}

body main #custom .custom-top .custom-top-wrap ol.category li:nth-of-type(6) span {
  font-size: 0.16667rem;
}

body main #custom .custom-bottom {
  height: 3.75rem;
  background-image: url("../img/home/bg1.png");
  background-size: 100% 100%;
}

body main #custom .custom-bottom .custom-list {
  width: 10rem;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  position: relative;
  top: -0.83333rem;
}

body main #custom .custom-bottom .custom-list li {
  width: 1.66667rem;
  height: 1.66667rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  box-sizing: border-box;
  background: url("../img/company-sprite.png") no-repeat;
  background-size: 600%;
}

body main #custom .custom-bottom .custom-list li:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  box-sizing: border-box;
}

body main #custom .custom-bottom .custom-list li:nth-of-type(1) {
  background-position: 0% 0;
}

body main #custom .custom-bottom .custom-list li:nth-of-type(2) {
  background-position: 20% 0;
}

body main #custom .custom-bottom .custom-list li:nth-of-type(3) {
  background-position: 40% 0;
}

body main #custom .custom-bottom .custom-list li:nth-of-type(4) {
  background-position: 60% 0;
}

body main #custom .custom-bottom .custom-list li:nth-of-type(5) {
  background-position: 80% 0;
}

body main #custom .custom-bottom .custom-list li:nth-of-type(6) {
  background-position: 100% 0;
}

body main #custom .custom-bottom .custom-list li:nth-of-type(7) {
  background-position: 0% 100%;
}

body main #custom .custom-bottom .custom-list li:nth-of-type(8) {
  background-position: 20% 100%;
}

body main #custom .custom-bottom .custom-list li:nth-of-type(9) {
  background-position: 40% 100%;
}

body main #custom .custom-bottom .custom-list li:nth-of-type(10) {
  background-position: 60% 100%;
}

body main #custom .custom-bottom .custom-list li:nth-of-type(11) {
  background-position: 80% 100%;
}

body main #custom .custom-bottom .custom-list li:nth-of-type(12) {
  background-position: 100% 100%;
}

body footer {
  background: #1D1133;
}

body footer .footer-wrap {
  width: 10rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0.5rem 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

body footer .footer-wrap .concat {
  color: #fff;
}

body footer .footer-wrap .concat dt {
  font-size: 0.16667rem;
  font-weight: 300;
  margin-bottom: 0.25rem;
}

body footer .footer-wrap .concat dd {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 0.25rem;
}

body footer .footer-wrap .concat dd img {
  width: 0.16667rem;
  height: 0.16667rem;
  margin-right: 0.08333rem;
}

body footer .footer-wrap .concat dd span {
  font-size: 0.11667rem;
}

body footer .footer-wrap .exp {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

body footer .footer-wrap .exp p {
  font-size: 0.16667rem;
  color: #fff;
  margin-bottom: 0.29167rem;
}

body footer .footer-wrap .exp .exp-btn {
  width: 1.66667rem;
  height: 0.41667rem;
  background: -webkit-linear-gradient(top, #FF9900 0%, #F25300 100%);
  background: linear-gradient(180deg, #FF9900 0%, #F25300 100%);
  line-height: 0.41667rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 0.20833rem 0.125rem 0 0.20833rem;
}

body footer .footer-wrap .exp span {
  color: #fff;
  margin-top: 0.125rem;
}

body footer .footer-wrap .qrcode {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

body footer .footer-wrap .qrcode img {
  width: 0.85rem;
  width: 0.85rem;
  margin-bottom: 0.08333rem;
}

body footer .footer-wrap .qrcode span {
  color: #fff;
}

body footer .copyright-box1 {
  text-align: center;
  color: #6d7388;
}

body footer .copyright-box1 p {
  padding: 0.20833rem 0;
}

body .kf {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  position: fixed;
  right: 0.08333rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("../img/kf2.png");
  background-size: 100% 100%;
  cursor: pointer;
}

body .kf:hover .kf-wrap {
  display: block;
  opacity: 1;
}

body .kf .kf-pic>span {
  position: relative;
  top: 0.58333rem;
  left: 0.04167rem;
  width: 0.66667rem;
  height: 0.2rem;
  line-height: 0.2rem;
  background: -webkit-linear-gradient(144deg, #6060FF 0%, #A523FB 100%);
  background: linear-gradient(306deg, #6060FF 0%, #A523FB 100%);
  border-radius: 0.04167rem;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-size: 0.11667rem;
  display: inline-block;
}

body .kf .kf-wrap {
  position: absolute;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  left: -2.5rem;
  top: -1.66667rem;
  width: 2.16667rem;
  height: 3.66667rem;
  box-shadow: 0px 0.08333rem 0.16667rem rgba(127, 111, 172, 0.1);
  border-radius: 0.08333rem;
  background: #fff;
  box-sizing: border-box;
  padding: 0.25rem;
  z-index: 99;
  text-align: center;
  opacity: 0;
  display: none;
}

body .kf .kf-wrap .kf-top {
  display: -webkit-box;
  display: flex;
  text-align: left;
}

body .kf .kf-wrap .kf-top img {
  width: 0.33333rem;
  height: 0.33333rem;
  margin-right: 0.16667rem;
}

body .kf .kf-wrap .kf-top p {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

body .kf .kf-wrap .kf-top p strong {
  font-size: 0.13333rem;
  color: #777777;
}

body .kf .kf-wrap .kf-top p span {
  font-size: 0.1rem;
  color: #c1c1c1;
}

body .kf .kf-wrap>img {
  width: 100%;
  margin: 0.3rem 0 0.225rem;
}

body .kf .kf-wrap>p {
  color: #333333;
}

body .kf .kf-wrap div.kf-phone {
  margin-top: 0.125rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 0.15rem;
}

body .kf .kf-wrap div.kf-phone img {
  width: 0.15rem;
  height: 0.15rem;
  margin-right: 0.08333rem;
}

body .kf-dialog {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  display: none;
}

body .kf-dialog .kf-dialog-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

body .kf-dialog .kf-dialog-content {
  width: 4.16667rem;
  height: 3.58333rem;
  background: #fff;
  position: absolute;
  border-radius: 0.05833rem;
  left: 50%;
  top: 50%;
  box-sizing: border-box;
  padding: 0.25rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

body .kf-dialog .kf-dialog-content .dialog-head {
  display: -webkit-box;
  display: flex;
}

body .kf-dialog .kf-dialog-content .dialog-head img {
  width: 0.41667rem;
  height: 0.41667rem;
  flex-shrink: 0;
  margin-right: 0.16667rem;
}

body .kf-dialog .kf-dialog-content .dialog-head p {
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  justify-content: space-around;
}

body .kf-dialog .kf-dialog-content .dialog-head p b {
  font-size: 0.15rem;
}

body .kf-dialog .kf-dialog-content .dialog-head p span {
  color: #aaa;
}

body .kf-dialog .kf-dialog-content .dialog-content {
  display: -webkit-box;
  display: flex;
  margin-top: 0.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

body .kf-dialog .kf-dialog-content .dialog-content>img {
  width: 1.66667rem;
  height: 1.66667rem;
  margin-bottom: 0.25rem;
}

body .kf-dialog .kf-dialog-content .dialog-content p span {
  color: #777;
}

body .kf-dialog .kf-dialog-content .dialog-content p span.blue {
  color: #3379EB;
}

body .kf-dialog .kf-dialog-content .dialog-content div.phone {
  margin-top: 0.125rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 0.13333rem;
}

body .kf-dialog .kf-dialog-content .dialog-content div.phone img {
  width: 0.15rem;
  height: 0.15rem;
  margin-right: 0.08333rem;
}

.content3 {
    padding: 60px 0 95px 0;
}

.content3-menu {
    padding: 0;
    margin-top: 36px;
    display: flex;
}

.content3-menu li {
    width: 282px;
    height: 420px;
    position: relative;
    overflow: hidden;
    transition: all .25s ease-in;
    transform: scale(0.9);
}

.content3-menu li.active {
    width: 588px;
}

.content3-menu li img {
    width: 588px;
    height: 420px;
}

.content3-menu-bottom {
    width: 100%;
    background: linear-gradient(132deg, #F0F1FF 0%, #E5ECFF 100%);
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 36px 24px;
}

.content3-menu-title {
    font-size: 24px;
    font-family: PingFang SC-Heavy, PingFang SC;
    color: #5B68E7;
    font-weight: 800;
}

.content3-menu-desc {
color: #949799;
    font-size: 16px;
    margin-top: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blue {
  color: #3379EB;
}

@-webkit-keyframes jump {
  0% {
    zoom: 1;
  }

  10% {
    zoom: 1.2;
    width: 1.66667rem;
  }

  15% {
    zoom: 1;
    width: 1.58333rem;
  }
}

@keyframes jump {
  0% {
    zoom: 1;
  }

  10% {
    zoom: 1.2;
    width: 1.66667rem;
  }

  15% {
    zoom: 1;
    width: 1.58333rem;
  }
}

@-webkit-keyframes jump1 {
  0% {
    zoom: 1;
  }

  10% {
    width: 3.5rem;
  }

  35% {
    zoom: 1;
    width: 2.9rem;
  }
}

@keyframes jump1 {
  0% {
    zoom: 1;
  }

  10% {
    width: 3.5rem;
  }

  35% {
    zoom: 1;
    width: 2.9rem;
  }
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  10% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  15% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  10% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  15% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes scan {
  0% {
    opacity: 1;
    top: 0.91667rem;
  }

  100% {
    opacity: 1;
    top: 4.16667rem;
  }
}

@keyframes scan {
  0% {
    opacity: 1;
    top: 0.91667rem;
  }

  100% {
    opacity: 1;
    top: 4.16667rem;
  }
}

@media screen and (min-width: 1440px) {
  body header .header-center li strong {
    font-size: 16px;
  }

  body header .header-center li span {
    font-size: 14px;
  }
}