* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th {
  text-align: left;
  font-weight: normal;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}
[hidefocus],
summary {
  outline: 0;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-size: 100%;
}
sup,
sub {
  font-size: 83%;
}
pre,
code,
kbd,
samp {
  font-family: inherit;
}
q:before,
q:after {
  content: none;
}
textarea {
  overflow: auto;
  resize: none;
}
label,
summary {
  cursor: default;
}
a,
button {
  cursor: pointer;
}
a:active,
button:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  font-weight: bold;
}
del,
ins,
u,
a,
a:hover {
  text-decoration: none;
}
html,
body {
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #273c57;
  font-family: Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, SimSun, sans-serif;
}
* {
  -webkit-overflow-scrolling: touch;

}
img{

}
/*常用功能样式*/
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
/*清除浮动*/
.hide {
  display: none;
}
/*隐藏*/
.show {
  display: block;
}
/*显示*/
.fl {
  float: left;
}
/*左浮动*/
.fr {
  float: right;
}
/*右浮动*/
.pr {
  position: relative;
}
/*相对定位*/
.pa {
  position: absolute;
}
/*绝对定位*/
.pf {
  position: fixed;
}
/*固定定位*/
.fwn {
  font-weight: normal;
}
/*文字-标准*/
.fwb {
  font-weight: bold;
}
/*文字-变粗*/
.scrollView {
  text-align: left;
}
/*文字居左*/
.tac {
  text-align: center;
}
/*文字居中*/
.tar {
  text-align: right;
}
/*文字居右*/
.vam {
  vertical-align: middle;
}
/*垂直居中*/
.vat {
  vertical-align: top;
}
/*垂直居上*/
.vab {
  vertical-align: bottom;
}
/*垂直居下*/
.csp {
  cursor: pointer;
}
/*光标-手*/
.csd {
  cursor: default;
}
/*光标-箭头*/
.csh {
  cursor: help;
}
/*光标-问号*/
.csm {
  cursor: move;
}
/*光标-四个箭头*/
.onetxt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/*文字只显示一行*/
.moretxt {
  text-overflow: clip;
  white-space: normal;
  overflow: hidden;
}
.img-block {
  display: block;
  width: 100%;
}
.color-deep {
  color: #141c30;
}
.color-shallow {
  color: #878d9c;
}
.color-light-blue {
  color: #5c677e;
}
.color-white {
  color: #fff;
}
.color-red {
  color: #ff5055;
}
.color-blue {
  color: #3a76e7;
}
.color-gray {
  color: #666666;
}
.color-gray-dark {
  color: #999;
}
.bg-white {
  background-color: #fff !important;
}
.fs-16 {
  font-size: 0.4rem;
}
.fs-20 {
  font-size: 0.5rem;
}
.fs-24 {
  font-size: 0.6rem;
}
.fs-26 {
  font-size: 0.65rem;
}
.fs-30 {
  font-size: 0.75rem;
}
.fs-34 {
  font-size: 0.85rem;
}
.p-all-24 {
  padding: 0.6rem;
}
.m-t-10 {
  margin-top: 0.25rem;
}
.m-t-18 {
  margin-top: 0.45rem;
}
.m-t-30 {
  margin-top: 0.75rem;
}
.m-b-16 {
  margin-bottom: 0.4rem;
}
.lh-22 {
  line-height: 0.55rem;
}
.lh-30 {
  line-height: 0.75rem;
}
.lh-36 {
  line-height: 0.9rem;
}
.lh-40 {
  line-height: 1rem;
}
.lh-45 {
  line-height: 1.125rem;
}
.lh-50 {
  line-height: 1.25rem;
}
.lh-55 {
  line-height: 1.375rem;
}
.lh-62 {
  line-height: 1.55rem;
}
.balk-20 {
  height: 0.5rem;
}
.balk-36 {
  height: 0.9rem;
}
.balk-50 {
  height: 1.25rem;
}
.balk-60 {
  height: 1.5rem;
}
.bor-r-5 {
  border-radius: 0.125rem;
}
.btn {
  display: inline-block;
  font-size: 0.65rem;
}
.btn-p-34 {
  padding: 0 0.85rem;
}
.btn-border {
  border: solid 0.025rem transparent;
}
.btn-border-white {
  border: solid 0.025rem #fff;
  color: #fff;
}
.btn-border-blue {
  border: solid 0.025rem #4084fc;
  color: #4084fc;
}
.btn-border-r {
  border-radius: 0.75rem;
}
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.fade {
  animation: fade-in 0.5s;
}
.open #sitecontent {
  display: block;
  transform: translate3d(-11.25rem, 0, 0);
  -webkit-transform: translate3d(-11.25rem, 0, 0);
}
.open .in {
  display: none;
}
.open .top {
  transform: translateZ(0px) rotate(45deg) !important;
  transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s !important;
  -webkit-transform: translateZ(0px) rotate(45deg) !important;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s !important;
}
.open .bottom {
  transform: translateZ(0px) rotate(-45deg) !important;
  transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s !important;
  -webkit-transform: translateZ(0px) rotate(-45deg) !important;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s !important;
}
#sitecontent {
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  background: #f5f5f5;
  z-index: 99;
  position: absolute;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#rightcontrol {
  width: 11.25rem;
  height: 100%;
  background: #1a1b1c;
  position: absolute;
  top: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fafafa;
  z-index: 1;
}
.scrollView {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - 4.125rem);
  height: -webkit-calc(100% - 4.125rem);
}
.scrollView-top {
  height: calc(100% - 5.925rem);
  height: -webkit-calc(100% - 5.925rem);
}
.nav {
  text-align: left;
  padding-top: 3rem;
}
.nav .item {
  font-size: 0.6rem;
}
.nav .item.active .item-a {
  background-color: #3a76e7;
  color: #fff;
}
.nav .item.active .item-a::after {
  border: solid 0.05rem #fff;
}
.nav .item.active.item-arrow .item-a {
  background: url(../../../images/site/wfmobile02/nav-right-icon.png) no-repeat center right 0.65rem #3a76e7;
  background-size: 0.425rem 0.225rem;
}
.nav .item.item-arrow .item-a {
  background: url(../../../images/site/wfmobile02/nav-right-icon.png) no-repeat center right 0.65rem;
  background-size: 0.425rem 0.225rem;
}
.nav .item .item-a {
  display: block;
  color: #5c677e;
  line-height: 2.15rem;
  padding-left: 3.375rem;
  border-bottom: solid 0.025rem #f0f0f0;
  position: relative;
}
.nav .item .item-a::after {
  position: absolute;
  content: '';
  border-radius: 50%;
  width: 0.4rem;
  height: 0.4rem;
  border: solid 0.05rem #8f95a3;
  left: 2.15rem;
  top: 50%;
  margin-top: -0.225rem;
}
.bottom-btn {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9999;
}
.bottom-btn a {
  display: block;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  color: #fff;
  font-size: 0.75rem;
  background-color: #4084fc;
}
.header {
  width: 16rem;
  height: 2.125rem;
  background-color: #fff;
  z-index: 9999;
}
.header .h-logo {
  margin-top: 0.35rem;
  margin-left: 0.6rem;
  width: 7.75rem;
  height: auto;
  float: left;
}
.header #openlc {
  float: right;
  padding-top: 0.75rem;
  padding-right: 0.6rem;
}
.header #openlc .lcbody {
  width: 1.1rem;
  height: 0.65rem;
  position: relative;
  transform: translateZ(0px) rotate(0deg);
  transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.header #openlc .lcbody .lcitem {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateZ(0px) rotate(0deg);
  transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
  -webkit-transform: translateZ(0px) rotate(0deg);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
  width: 1.1rem;
  height: 0.65rem;
}
.header #openlc .lcbody .lcitem .rect {
  width: 1.1rem;
  height: 0.1rem;
  background: #141c30;
  position: absolute;
  left: 0;
  top: 0.275rem;
  transition: transform 0.2s ease 0.2s;
  -webkit-transition: -webkit-transform 0.2s ease 0.2s;
}
.header #openlc .lcbody .lcitem .rect.top {
  transform: translate3d(0px, -0.275rem, 0px);
  -webkit-transform: translate3d(0px, -0.275rem, 0px);
}
.header #openlc .lcbody .lcitem .rect.bottom {
  transform: translate3d(0px, 0.275rem, 0px);
  -webkit-transform: translate3d(0px, 0.275rem, 0px);
}
.swiper-banner #sw1 .swiper-wrapper {
  height: 10.6rem;
}
.swiper-banner #sw1 .swiper-wrapper .swiper-slide {
  width: 100%;
  height: auto;
}
.swiper-banner #sw1 .swiper-wrapper .swiper-slide .inner img {
  width: 100%;
  height: auto;
  display: block;
}
.swiper-banner #sw1 .pagination-box {
  position: absolute;
  z-index: 20;
  bottom: 0.45rem;
  width: 100%;
  text-align: center;
  font-size: 0;
}
.swiper-banner #sw1 .pagination {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5rem;
  padding: 0 0.15rem;
  box-sizing: border-box;
}
.swiper-banner #sw1 .swiper-pagination-bullet {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  background: #fff;
  margin: 0.2rem 0.15rem;
  opacity: 0.8;
}
.swiper-banner #sw1 .swiper-pagination-bullet-active {
  background-color: transparent;
  border: solid 0.05rem #fff;
}
.s-home-box1 {
  padding: 1rem 0.65rem;
  background-color: #fff;
}
.s-home-box1 .row {
  *zoom: 1;
}
.s-home-box1 .row:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-home-box1 .row .col {
  float: left;
  width: 33.33333333%;
}
.s-home-box1 .row .col h1 {
  font-size: 0.85rem;
  color: #3a76e7;
  line-height: 0.85rem;
}
.s-home-box1 .row .col p {
  margin-top: 0.3rem;
  margin-bottom: 0.5rem;
  font-size: 0.6rem;
  color: #878d9c;
  line-height: 0.6rem;
}
.s-home-box1 .swiper-notice {
  line-height: 1.8rem;
  border-bottom: solid 0.025rem #e6e6e6;
  margin-bottom: 0.6rem;
  *zoom: 1;
}
.s-home-box1 .swiper-notice:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-home-box1 .swiper-notice h1 {
  float: left;
  text-align: left;
  font-size: 0.6rem;
  color: #141c30;
  width: 3.15rem;
  background: url(../../../images/site/wfmobile02/swiper-notice-icon.png) no-repeat center right;
  background-size: 0.575rem 0.525rem;
}
.s-home-box1 .swiper-notice #sw2 {
  text-align: left;
  float: left;
  width: 11.55rem;
  height: 1.8rem;
}
.s-home-box1 .swiper-notice #sw2 .swiper-wrapper .swiper-slide {
  *zoom: 1;
  width: 100%;
}
.s-home-box1 .swiper-notice #sw2 .swiper-wrapper .swiper-slide:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-home-box1 .swiper-notice #sw2 .swiper-wrapper .swiper-slide .swiper-slide-title {
  float: left;
  color: #ef8d41;
  font-size: 0.525rem;
  border: solid 0.025rem #ef8d41;
  height: 0.7rem;
  line-height: 0.65rem;
  width: 2.25rem;
  text-align: center;
  border-radius: 0.075rem;
  margin: 0.55rem 0.4rem 0 0.4rem;
}
.s-home-box1 .swiper-notice #sw2 .swiper-wrapper .swiper-slide .swiper-slide-p {
  float: left;
  font-size: 0.5rem;
  color: #5c677e;
  width: 8.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.s-home-box1 .hold-list {
  background-color: #f7f8fb;
  border: solid 0.025rem #e8e8e9;
  margin-top: 0.65rem;
}
.s-home-box1 .hold-list li {
  *zoom: 1;
  text-align: left;
}
.s-home-box1 .hold-list li:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-home-box1 .hold-list li p {
  line-height: 1.9rem;
  float: left;
  width: 50%;
  font-size: 0.5rem;
  color: #5c677e;
  padding-left: 1.15rem;
  background: url(../../../images/site/wfmobile02/home-hold-icon.png) no-repeat center left 0.45rem;
  background-size: 0.6rem;
  border-bottom: solid 0.025rem #e8e8e9;
  border-right: solid 0.025rem #e8e8e9;
}
.s-home-box1 .hold-list li p:last-child {
  border-right: solid 0.025rem transparent;
}
.s-home-box1 .hold-list li:last-child p {
  border-bottom: solid 0.025rem transparent;
}
.s-home-box2 {
  background-color: #fff;
}
.s-home-box2 .swiper-fase #sw3 {
  height: 17.5rem;
}
.s-home-box2 .swiper-fase #sw3 .swiper-wrapper .swiper-slide .inner img {
  display: block;
  width: 100%;
}
.s-home-box2 .swiper-fase #sw3 .pagination-box {
  position: absolute;
  z-index: 20;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
}
.s-home-box2 .swiper-fase #sw3 .pagination {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5rem;
  padding: 0 0.15rem;
  box-sizing: border-box;
}
.s-home-box2 .swiper-fase #sw3 .swiper-pagination-bullet {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  background: #fff;
  margin: 0.2rem 0.15rem;
  opacity: 0.8;
}
.s-home-box2 .swiper-fase #sw3 .swiper-pagination-bullet-active {
  background-color: transparent;
  border: solid 0.05rem #fff;
}
.s-home-box3 {
  background: url(../../../images/site/wfmobile02/h-fase-bg.png) no-repeat center;
  background-size: cover;
  padding: 0.9rem 0.6rem 0.6rem;
}
.s-home-box3 .fase-a {
  margin: 0.7rem auto 0;
  display: block;
  font-size: 0.65rem;
  color: #fff;
  width: 4.25rem;
  height: 1.5rem;
  line-height: 1.45rem;
  border: solid 0.025rem #fff;
  text-align: center;
  border-radius: 0.75rem;
}
.fase-list {
  *zoom: 1;
}
.fase-list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.fase-list li {
  margin-right: 0.3rem;
  float: left;
  width: 7.25rem;
  height: 7.8rem;
  background-color: #fff;
  border-radius: 0.125rem;
  text-align: center;
  padding: 0.55rem 0.6rem 0;
  margin-top: 0.3rem;
}
.fase-list li:nth-child(2n) {
  margin-right: 0;
}
.fase-list li img {
  width: 2.1rem;
}
.fase-list li h1 {
  font-size: 0.75rem;
  line-height: 1.6rem;
  color: #141c30;
}
.fase-list li p {
  font-size: 0.5rem;
  line-height: 0.775rem;
  color: #5c677e;
}
.s-home-box4 {
  background-color: #fff;
  padding-top: 0.9rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.s-home-box4 .oem-list {
  float: left;
  *zoom: 1;
  margin-right: 0.375rem;
  width: 12.65rem;
}
.s-home-box4 .oem-list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-home-box4 .oem-list ul {
  float: left;
}
.s-home-box4 .oem-list ul li {
  padding-right: 0.65rem;
  padding-left: 1.25rem;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  line-height: 0.7rem;
  border: solid 0.025rem #d1dce8;
  font-size: 0.5rem;
  margin-top: -0.025rem;
  *zoom: 1;
}
.s-home-box4 .oem-list ul li:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-home-box4 .oem-list ul li:first-child {
  padding-left: 0.45rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  color: #f4f9fe;
  font-size: 0.75rem;
  line-height: 2.1rem;
  height: 2.15rem;
  font-weight: bold;
}
.s-home-box4 .oem-list ul li span {
  display: block;
  padding-left: 0.8rem;
}
.s-home-box4 .oem-list ul.blue li:first-child {
  background-color: #479cf6;
}
.s-home-box4 .oem-list ul.blue li:nth-child(2n) {
  background-color: #f4f9fe;
}
.s-home-box4 .oem-list ul.blue li span {
  background: url(../../../images/site/wfmobile02/home-hold-icon.png) no-repeat top 0.05rem left;
  background-size: 0.6rem;
}
.s-home-box4 .oem-list ul.red li:first-child {
  background-color: #ff5055;
}
.s-home-box4 .oem-list ul.red li:nth-child(2n) {
  background-color: #fff8f8;
}
.s-home-box4 .oem-list ul.red li span {
  background: url(../../../images/site/wfmobile02/home-hold-icon.png) no-repeat top 0.05rem left;
  background-size: 0.6rem;
}
.s-home-box4 .oem-list ul.green li:first-child {
  background-color: #00b050;
}
.s-home-box4 .oem-list ul.green li:nth-child(2n) {
  background-color: #f2fcf8;
}
.s-home-box4 .oem-list ul.green li span {
  background: url(../../../images/site/wfmobile02/h-oem-icon-green.png) no-repeat top 0.05rem left;
  background-size: 0.6rem;
}
.s-home-box5 {
  padding-top: 0.9rem;
  padding-left: 0.65rem;
  height: 14.175rem;
  background: url(../../../images/site/wfmobile02/h-3-bg.png) no-repeat center;
  background-size: cover;
}
.s-home-box5 .section-flow {
  *zoom: 1;
}
.s-home-box5 .section-flow:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-home-box5 .section-flow li {
  float: left;
}
.s-home-box5 .section-flow li img {
  width: 3.85rem;
  height: auto;
}
.s-home-box5 .section-flow li:nth-child(1) {
  margin-right: 1.85rem;
}
.s-home-box5 .section-flow li:nth-child(2) {
  margin-right: 1.85rem;
}
.s-home-box5 .section-flow li:nth-child(4) {
  margin-left: 1.85rem;
  margin-right: 3rem;
}
.s-home-box6 {
  background-color: #fff;
}
.s-home-box6 #sw4 .swiper-wrapper {
  width: 5.1rem;
}
.s-home-box6 #sw4 .swiper-wrapper .swiper-slide {
  width: 5.1rem;
  border-radius: 5px;
  overflow: hidden;
}
.s-home-box6 #sw4 .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}
.s-home-box6 .joint-list {
  display: inline-block;
}
.s-home-box6 .joint-list li {
  margin-left: -0.025rem;
  width: 3.65rem;
  height: 2.15rem;
  border: solid 1px #eeeeee;
  float: left;
  background-color: #fbfbfb;
}
.s-home-box6 .joint-list li img {
  height: 0.65rem;
  width: auto;
  display: block;
  margin: 0.75rem auto 0;
}
.s-home-box6 .joint-list li:last-child img {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.s-p-banner img {
  display: block;
  width: 100%;
  height: 100%;

}
#sw-par {
  padding-bottom: 1rem;
}
#sw-par .swiper-wrapper .swiper-slide {
  width: 3.95rem;
  height: 5.55rem;
}
#sw-par .swiper-wrapper .swiper-slide img {
  width: 100%;
  display: block;
}
.s-p-wandd {
  padding-top: 0.25rem;
}
.s-p-wandd .ask {
  padding-top: 0.75rem;
  *zoom: 1;
}
.s-p-wandd .ask:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-p-wandd .ask .fl {
  width: 0.85rem;
  height: 0.85rem;
  line-height: 0.85rem;
  text-align: center;
  background-color: #e84c3d;
  font-size: 0.6rem;
  color: #fff;
  border-radius: 0.075rem;
}
.s-p-wandd .ask .fr {
  line-height: 0.85rem;
  color: #44af35;
  font-weight: bold;
  font-size: 0.75rem;
  width: 13.5rem;
}
.s-p-wandd .ans {
  padding-top: 0.5rem;
  *zoom: 1;
}
.s-p-wandd .ans:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-p-wandd .ans .fl {
  width: 0.85rem;
  height: 0.85rem;
  line-height: 0.85rem;
  text-align: center;
  background-color: #3389ff;
  font-size: 0.6rem;
  color: #fff;
  border-radius: 0.075rem;
}
.s-p-wandd .ans .fr {
  line-height: 0.75rem;
  color: #5c677e;
  font-size: 0.6rem;
  width: 13.5rem;
  background-size: cover;
}
.product-nav {
  background-color: #fff;
  position: relative;
}
.product-nav .product-list {
  width: 100%;
  height: 1.8rem;
  line-height: 1.8rem;
}
.product-nav ul {
  width: 100%;
  position: relative;
  height: 1.8rem;
  overflow-x: auto;
  list-style: none;
  white-space: nowrap;
  width: auto;
  padding-right: 1.5rem;
}
.product-nav ul li {
  display: inline-block;
  width: 3.75rem;
  text-align: center;
  height: 1.8rem;
  line-height: 1.8rem;
}
.product-nav ul li.active a {
  font-weight: bold;
  color: #3a76e7;
}
.product-nav ul li a {
  color: #878d9c;
  font-size: 0.65rem;
}
.product-nav .product-img {
  overflow: hidden;
  top: 0;
  right: 0;
  position: absolute;
  height: 1.8rem;
  width: 1.5rem;
  text-align: center;
  padding-top: 0.6rem;
  background-color: #fff;
}
.product-nav .product-img img {
  width: 0.65rem;
}
.product-nav .product-show {
  display: none;
  position: absolute;
  top: 1.8rem;
  left: 0;
  z-index: 99999;
  width: 100%;
  background-color: #fff;
  padding: 0.5rem;
}
.product-nav .product-show a {
  color: #878d9c;
  font-size: 0.65rem;
  float: left;
  margin: 0.5rem;
}
.product-nav .product-show a.active {
  font-weight: bold;
  color: #3a76e7;
}
.s-p_f-good {
  padding: 0 0.65rem;
  *zoom: 1;
}
.s-p_f-good:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-p_f-good li {
  height: 9rem;
  float: left;
  width: 7.05rem;
  margin-right: 0.6rem;
}
.s-p_f-good li:nth-child(2n) {
  margin-right: 0;
}
.s-p_f-good li img {
  width: 100%;
  display: block;
}
.s-p_f-good li h1 {
  color: #108ee9;
  font-size: 0.58rem;
  line-height: 0.6rem;
  margin: 0.4rem 0 0.5rem;
}
.s-p_f-good li p {
  font-size: 0.5rem;
  color: #5c677e;
  line-height: 0.75rem;
}
.s-p_f-swiper .tabs {
  margin: 0.35rem auto;
  line-height: 1.45rem;
  display: inline-block;
  border-radius: 3px;
  font-size: 0;
  overflow: hidden;
}
.s-p_f-swiper .tabs a {
  color: #35383e;
  font-size: 0.5rem;
  padding: 0 0.45rem;
  border: solid #070b13 0.05rem;
  display: inline-block;
}
.s-p_f-swiper .tabs .active {
  color: #fff;
  background-color: #35383e;
}
.s-p_f-swiper #tabs-container {
  -webkit-overflow-scrolling: touch;
  height: auto;
  width: 100%;
  position: relative;
}
.s-p_f-swiper .swiper-wrapper {
  width: 100%;
  height: auto;
}
.s-p_f-swiper .swiper-slide img {
  width: 16rem;
  height: auto;
}
.s-p_f-swiper #btn1 {
  z-index: 9999;
  position: absolute;
  top: 50%;
  margin-top: -1.5rem;
  left: 1px;
  width: 2rem;
  height: 3rem;
  background: url(../../../images/site/wfmobile02/jiantou.png) no-repeat center rgba(0, 0, 0, 0.6);
  background-size: 0.58rem 1rem;
}
.s-p_f-swiper #btn2 {
  z-index: 9999;
  position: absolute;
  top: 50%;
  margin-top: -1.5rem;
  right: 1px;
  width: 2rem;
  height: 3rem;
  background: url(../../../images/site/wfmobile02/jiantou-right.png) no-repeat center rgba(0, 0, 0, 0.6);
  background-size: 0.58rem 1rem;
}
.s-p_f-info ul {
  padding-top: 0.6rem;
}
.s-p_f-info ul li {
  margin-bottom: 1rem;
  position: relative;
  padding-left: 3.6rem;
  padding-right: 0.75rem;
}
.s-p_f-info ul li img {
  position: absolute;
  top: 0rem;
  left: 0.6rem;
  width: 2.15rem;
}
.s-p_f-info ul li h1 {
  color: #108ee9;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.s-p_f-info ul li p {
  margin-top: 0.375rem;
  font-size: 0.6rem;
  color: #5c677e;
}
.s-p_f-cp {
  padding: 0 0.6rem;
  *zoom: 1;
}
.s-p_f-cp:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-p_f-cp li {
  float: left;
  margin-right: 0.3rem;
  padding-bottom: 0.375rem;
  line-height: 1.375rem;
  color: #141c30;
  font-size: 0.6rem;
}
.s-p_f-cp li:nth-child(2n) {
  margin-right: 0;
}
.s-p_f-cp li .img {
  background-color: #fff;
  border-radius: 0.125rem;
  width: 7.25rem;
  height: 7.25rem;
  text-align: center;
  overflow: hidden;
}
.s-p_f-cp li .img img {
  width: 100%;
}
.s-oem-list {
  padding: 0 0.6rem;
  *zoom: 1;
}
.s-oem-list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-oem-list li {
  margin-right: 0.3rem;
  float: left;
  width: 7.25rem;
  height: 8.65rem;
  background-color: #fff;
  border-radius: 0.125rem;
  text-align: center;
  padding: 0.55rem 0.6rem 0;
  margin-top: 0.3rem;
}
.s-oem-list li:nth-child(2n) {
  margin-right: 0;
}
.s-oem-list li .number-yuan {
  width: 2.1rem;
  height: 2.1rem;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  line-height: 2.1rem;
  background-color: #3a76e7;
  border-radius: 100%;
}
.s-oem-list li h1 {
  font-size: 0.75rem;
  line-height: 1.6rem;
  color: #141c30;
}
.s-oem-list li p {
  font-size: 0.5rem;
  line-height: 0.775rem;
  color: #5c677e;
}
.s-oem-ul li {
  margin-top: 0.65rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  padding-left: 3.4rem;
  background-color: #fff;
  border: solid 0.05rem #eee;
  position: relative;
  padding-right: 0.5rem;
}
.s-oem-ul li img {
  width: 2.1rem;
  position: absolute;
  top: 0.65rem;
  left: 0.65rem;
}
.s-oem-ul li h1 {
  line-height: 1.55rem;
  font-size: 0.75rem;
  color: #404040;
}
.s-oem-ul li p {
  color: #5c677e;
  font-size: 0.5rem;
  line-height: 0.75rem;
}
#container {
  width: 100%;
  height: 5.75rem;
}
.s-a-table {
  padding-top: 0.4rem;
  margin-bottom: 0.75rem;
}
.s-a-table table {
  width: 100%;
}
.s-a-table table.blue thead tr {
  background-color: #479cf6;
}
.s-a-table table.blue tbody tr td:first-child {
  color: #479cf6;
}
.s-a-table table.green thead tr {
  background-color: #00b050;
}
.s-a-table table.green tbody tr td:first-child {
  color: #00b050;
}
.s-a-table table thead tr {
  font-size: 0.6rem;
  color: #fff;
}
.s-a-table table thead tr th {
  padding-left: 0.4rem;
  border: solid 1px #e9eef3;
  width: 33.33333333%;
}
.s-a-table table tbody tr {
  font-size: 0.5rem;
}
.s-a-table table tr {
  line-height: 1.25rem;
}
.s-a-table table tr td {
  border: solid 1px #e9eef3;
  padding-left: 0.4rem;
}
.s-c-list {
  *zoom: 1;
}
.s-c-list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-c-list li {
  width: 7rem;
  height: 7.25rem;
  margin-bottom: 0.9rem;
  margin-right: 0.5rem;
  float: left;
}
.s-c-list li:nth-child(2n) {
  margin-right: 0;
}
.s-c-list li .img {
  width: 7rem;
  height: 4.55rem;
  overflow: hidden;
}
.s-c-list li .img img {
  width: 7rem;
}
.s-c-list li h1 {
  margin: 0.4rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 0.75rem;
  color: #141c30;
  font-size: 0.6rem;
}
.s-c-list li span,
.s-c-list li em {
  font-size: 0.4rem;
  color: #878d9c;
  float: left;
}
.s-c-list li span {
  width: 3.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.s-c-list li p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.5rem;
}
.s-news-t {
  *zoom: 1;
  line-height: 2rem;
  border-bottom: solid 1px #d9d9d9;
  text-align: center;
}
.s-news-t:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-news-t li {
  width: 25%;
  float: left;
  font-size: 0.6rem;
  position: relative;
}
.s-news-t li.active {
  border-bottom: 0.075rem #3a76e7 solid;
}
.s-news-t li.active a {
  color: #3a76e7;
}
.s-news-t li a {
  color: #878d9c;
}
.hot-icon {
  position: absolute;
  width: 1.1rem;
  height: 0.65rem;
  background: url(../../../images/site/wfmobile02/HOT.png) no-repeat;
  background-size: cover;
  right: 0.15rem;
  top: -0.05rem;
}
.s-news-list li {
  border-bottom: solid 1px #d9d9d9;
  height: 5.1rem;
  position: relative;
  padding-top: 0.75rem;
}
.s-news-list li .img {
  top: 0.65rem;
  right: 0rem;
  position: absolute;
  width: 3.875rem;
  height: 3.875rem;
}
.s-news-list li .img img {
  width: 3.875rem;
}
.s-news-list li h1 {
  line-height: 0.75rem;
  width: 10.25rem;
  color: #141c30;
  font-size: 0.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 1.35rem;
}
.s-news-list li span,
.s-news-list li em {
  font-size: 0.4rem;
  color: #878d9c;
  float: left;
}
.s-news-list li span {
  width: 3.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.p-fees-list {
  background: url(../../../images/site/wfmobile02/p-fees-bg.png) no-repeat center;
  background-size: cover;
  height: 29.625rem;
}
.p-fees-list .s-oem-list li {
  height: 11.55rem;
}
.p-fees-list .s-oem-list li img {
  width: 1.9rem;
}
.p-fees-list .s-oem-list li h1 {
  font-size: 0.6rem;
}
.p-fees-list .s-oem-list li p {
  color: #5c677e;
  font-size: 0.5rem;
  line-height: 0.75rem;
  font-weight: bold;
  text-align: left;
}
.p-next-list {
  text-align: center;
  *zoom: 1;
}
.p-next-list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.p-next-list li {
  float: left;
  height: 6.25rem;
  width: 33.33333333%;
  margin-top: 0.85rem;
  padding: 0 0.25rem;
}
.p-next-list img {
  width: 2.3rem;
  margin:0 auto;
}
.p-next-list h1 {
  margin: 0.25rem 0 0.5rem;
  line-height: 0.55rem;
  font-size: 0.6rem;
  color: #141c30;
}
.p-next-list p {
  line-height: 0.7rem;
  font-size: 0.4rem;
  color: #5c677e;
}
.p-next-dl {
  text-align: center;
  *zoom: 1;
}
.p-next-dl:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.p-next-dl li {
  margin-top: 1rem;
  float: left;
  width: 25%;
}
.p-next-dl li img {
  width: 2.3rem;
  margin: auto;
}
.p-next-dl li h1 {
  font-size: 0.5rem;
  color: #141c30;
  line-height: 1.55rem;
}
.p-pay-ys {
  *zoom: 1;
}
.p-pay-ys:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.p-pay-ys li {
  margin-top: 0.875rem;
  float: left;
  height: 8.5rem;
  width: 7.05rem;
  margin-right: 0.7rem;
}
.p-pay-ys li:nth-child(2n) {
  margin-right: 0;
}
.p-pay-ys li img {
  display: block;
  width: 100%;
}
.p-pay-ys li h1 {
  font-size: 0.6rem;
  line-height: 1.25rem;
}
.p-pay-ys li p {
  font-size: 0.5rem;
  line-height: 0.7rem;
}
.p-pay-gx {
  *zoom: 1;
}
.p-pay-gx:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.p-pay-gx li {
  float: left;
  height: 7.05rem;
  width: 50%;
  background-color: #fff;
  padding: 0 0.6rem;
  border-left: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
  position: relative;
}
.p-pay-gx li h1 {
  line-height: 3.45rem;
  color: #3a76e7;
  font-size: 0.75rem;
}
.p-pay-gx li p {
  color: #141c30;
  font-size: 0.6rem;
  line-height: 0.6rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.p-pay-gx li span {
  color: #5c677e;
  font-size: 0.5rem;
}
.p-pay-gx li.jt::after {
  content: '';
  position: absolute;
  width: 0.45rem;
  height: 1.65rem;
  background: url(../../../images/site/wfmobile02/p-pay-icon.png) no-repeat #fff center;
  background-size: 0.45rem;
  right: -0.225rem;
  top: 50%;
  margin-top: -0.825rem;
  z-index: 99;
}
.p-pay-hy {
  *zoom: 1;
  margin-top: 1rem;
}
.p-pay-hy:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.p-pay-hy li {
  width: 7.25rem;
  height: 3.85rem;
  border: solid 1px #eee;
  text-align: center;
  float: left;
  margin-bottom: 0.35rem;
  margin-right: 0.3rem;
}
.p-pay-hy li:nth-child(2n) {
  margin-right: 0;
}
.p-pay-hy li img {
  width: 0.7rem;
  margin: 1rem 0 0.25rem;
}
.p-pay-hy li p {
  font-size: 0.5rem;
  color: #141c30;
}
.s-join {
  padding: 0 0.6rem;
  height: 100%;
  overflow: auto;
}
.s-join-box {
  padding: 0.5rem;
  text-align: center;
  border-bottom: solid 1px #eee;
}
.s-join-logo {
  width: 1.25rem;
}
.s-join .s-join-from .f-box-in {
  *zoom: 1;
}
.s-join .s-join-from .f-box-in:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-join .s-join-from .f-box-in .f-box {
  float: left;
}
.s-join .s-join-from .f-box {
  margin-top: 0.75rem;
  border-radius: 0.1rem;
  border: solid 1px hsla(0, 0%, 60%, 0.5);
  line-height: 1.5rem;
  height: 1.5rem;
  padding: 0 0.4rem;
  *zoom: 1;
}
.s-join .s-join-from .f-box:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-join .s-join-from .f-box .f-title {
  width: 30%;
  color: rgba(51, 51, 51, 0.5);
  float: left;
  font-size: 0.6rem;
}
.s-join .s-join-from .f-box .f-input {
  float: right;
  width: 70%;
  height: 100%;
}
.s-join .s-join-from .f-box .f-input input {
  display: block;
  border: none;
  text-align: right;
  width: 100%;
  font-size: 0.6rem;
  height: 100%;
  outline: none;
}
.s-join .s-join-sub {
  width: 100%;
  font-size: 0.75rem;
  text-align: center;
  background-color: #108ee9;
  color: #fff;
  line-height: 2rem;
  border-radius: 0.2rem;
  display: block;
  margin-top: 1rem;
}
.made {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.made .made-city {
  position: absolute;
  background-color: #fff;
  height: 60%;
  width: 100%;
  bottom: 0;
  left: 0;
}
.made .made-city .title {
  text-align: center;
  color: #666;
  font-size: 0.65rem;
  line-height: 2rem;
}
.made .made-city .list {
  *zoom: 1;
  border-bottom: solid 1px #eee;
}
.made .made-city .list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.made .made-city .list li {
  float: left;
}
.made .made-city .list li a {
  display: block;
  padding: 0 0.6rem;
  color: #000;
  line-height: 2rem;
}
.made .made-city .list li.active a {
  color: #108ee9;
  border-bottom: solid 1px #108ee9;
}
.made .made-city .box {
  width: 100%;
  height: calc(100% - 4rem);
  height: -webkit-calc(100% - 4rem);
  overflow: scroll;
}
.made .made-city .list-in li {
  padding-left: 0.6rem;
}
.made .made-city .list-in li a {
  color: #000;
  display: block;
  line-height: 2rem;
}
.made .made-xx {
  position: absolute;
  right: 0.6rem;
  top: 0.6rem;
}
.made .made-xx img {
  width: 0.6rem;
}
#vice img {
  display: block;
  margin: 0.5rem 0;
  width: 100%;
}
#vice table {
  width: 100%;
  border: 1px solid #000;
  border-top: 0;
  border-right: 0;
  margin: 0.5rem 0;
}
#vice table th {
  font-weight: bold;
  border: 1px solid #000;
  color: #000;
}
#vice table td {
  border: 1px solid #000;
  color: #333;
}
.learn-list {
  padding: 0 0.4rem;
  *zoom: 1;
}
.learn-list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.learn-list .item {
  width: 7.5rem;
  height: 9.125rem;
  border: solid 0.025rem #e3e3e3;
  border-radius: 0.15rem;
  margin: 0 0.2rem 0.2rem 0;
  float: left;
}
.learn-list .item:nth-child(2n) {
  margin-right: 0;
}
.learn-list .item .pic {
  height: 7.45rem;
  background-color: #e9eaec;
  position: relative;
  overflow: hidden;
}
.learn-list .item .pic img {
  position: absolute;
  bottom: -1.5rem;
  width: 6.2rem;
  left: 50%;
  transform: translateX(-50%);
}
.learn-list .item .title {
  font-size: 0.48rem;
  color: #262626;
  font-weight: bold;
  line-height: 1.65rem;
  padding-left: 0.4rem;
}
.learn_swiper {
  height: 100%;
  width: 100%;
  background-color: #000;
}
.learn_swiper .swiper-container {
  width: 100%;
  height: 100%;
}
.learn_swiper .swiper-container .swiper-wrapper {
  height: 100%;
  width: 100%;
}
.learn_swiper .swiper-container .swiper-wrapper .swiper-slide {
  height: 100%;
  width: 100%;
  padding-top: 10%;
}
.learn_swiper .swiper-container .swiper-wrapper .swiper-slide img {
  display: block;
  margin: 0 auto;
  height: 80%;
}
.s-vendor--list2 {
  padding-left: 0.75rem;
  overflow: hidden;
  background-color: #fff;
}
.s-vendor--list2 li {
  width: 7.05rem;
  float: left;
  margin-right: 0.375rem;
  margin-bottom: 0.375rem;
}
.s-vendor--list2 li:nth-child(2n) {
  margin-right: 0;
}
.s-vendor--list2 li .img {
  padding-top: 1.25rem;
  height: 7.9rem;
  background-color: #f4f4f4;
}
.s-vendor--list2 li .img img {
  height: 5rem;
  display: block;
  margin: 0 auto;
}
.s-vendor--list2 li h1 {
  line-height: 1.9rem;
  background-color: #e43432;
  font-size: 0.55rem;
  color: #fff;
  text-align: center;
}
.s-vendor--list {
  padding-left: 0.65rem;
  *zoom: 1;
}
.s-vendor--list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-vendor--list li {
  padding-top: 0.65rem;
  text-align: center;
  border-radius: 0.25rem;
  float: left;
  width: 7.25rem;
  height: 7.85rem;
  box-shadow: #000 0px 0px 15px -14px;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.s-vendor--list li:nth-child(2n) {
  margin-right: 0;
}
.s-vendor--list img {
  width: 1.7rem;
  height: 1.7rem;
}
.s-vendor--list h1 {
  color: #404040;
  font-size: 0.75rem;
  line-height: 2rem;
}
.s-vendor--list p {
  padding: 0 1.1rem;
  color: #5c677e;
  font-size: 0.5rem;
  line-height: 0.75rem;
}
.vendor-from {
  padding-bottom: 1rem;
}
.vendor-from input {
  line-height: 1.75rem;
  display: block;
  width: 14.8rem;
  border: solid 0.025rem #b3bbd1;
  border-radius: 0.1rem;
  font-size: 0.65rem;
  padding-left: 0.4rem;
  margin-bottom: 0.8rem;
}
.vendor-from select {
  margin-right: 0.2rem;
  display: inline-block;
  height: 1.75rem;
  width: 4.75rem;
  line-height: 1.75rem;
  border: solid 0.025rem #b3bbd1;
  border-radius: 0.1rem;
  font-size: 0.65rem;
  padding-left: 0.4rem;
}
.vendor-from .btn {
  margin-top: 1rem;
  color: #ffffff;
  line-height: 1.75rem;
  background-color: #e41618;
  text-align: center;
  width: 14.8rem;
}
.s-alipay--list {
  *zoom: 1;
  padding: 1rem 0;
  background-color: #fff;
}
.s-alipay--list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.s-alipay--list li {
  margin-bottom: 1rem;
  width: 25%;
  float: left;
  height: 4.25rem;
}
.s-alipay--list li img {
  display: block;
  width: 2.5rem;
  margin: 0 auto;
}
.s-alipay--list li p {
  margin-top: 0.4rem;
  text-align: center;
  font-size: 0.5rem;
  color: #4c4c4c;
  padding: 0 0.5rem;
}

.tal-list{
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;


}
.tal-list ul{

}
.tal-list ul li.tal-a{
  width:14.72rem;
  height:4.23rem;
  background-image: linear-gradient(#4a75ff, #567fff);
  border-radius: 6px;
  color:#fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 0.5rem

}

.tal-list ul li.tal-a.tal-b{
  background-image: linear-gradient(#fc6f56, #fc7a57);
}

.tal-list ul li.tal-a.tal-c{
  background-image: linear-gradient(#00b9cc, #00bfc9);
}

.tal-list ul li.tal-a .tal-left{
  padding: 0.5rem 0 0.5rem 0.5rem ;
}


.tal-list ul li.tal-a .tal-left p.a-title{
  font-size:0.75rem;
  margin-bottom: 0.30rem;

}
.tal-list ul li.tal-a .tal-left p.b-title{
  font-size:0.5rem;
  line-height: 0.80rem;
}


.tal-list ul li.tal-a .tal-right{

  width:3.59rem;
  height:3.10rem;
  margin-top: 1.2rem;
}
.tal-list ul li.tal-a .tal-right img{
  width:3.59rem;
  height:3.10rem;

}

/*智能缴费*/
.oem-list.pay-list{

  float: left;
  zoom: 1;
  margin-right: 0rem;
  width:14.65rem;
  margin-bottom: 1.00rem;
  border:1px #e9e9e9 solid;
  border-top-right-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
}

.s-home-box4.pay-float .oem-list ul{
  float:none;
}

.s-home-box4.pay-float .oem-list ul li:first-child{
  text-align: center;
  border-top-right-radius: 0.4rem;
  border-top-left-radius: 0.4rem;

}
.s-home-box4.pay-float .oem-list ul.blue li:first-child{
  background:-webkit-linear-gradient(top,#3F82EA,#549DF6);

}
.s-home-box4.pay-float .oem-list ul.red li:first-child{
  background:-webkit-linear-gradient(top,#FF9A23,#FFB213);
}
.s-home-box4.pay-float .oem-list ul.blue li:nth-child(2n){
  background:#f0f4fd;
}
.s-home-box4.pay-float .oem-list ul li{
  border:none;
}
.s-home-box4.pay-float .oem-list ul.blue li span{
  background: url(../../../images/site/wfmobile02/Smart-pat-img1.png) no-repeat top 0.05rem left;
  background-size: 0.6rem;
}

.s-oem-list li.padding-nei{
  padding:0rem;
  border-radius: 0.5rem;
  height: 12.00rem;
}

.s-oem-list li.height-a{
  padding:0rem;
  border-radius: 0.5rem;
  height: 8.00rem;
  margin-top: 0.5rem;
  width:6.9rem;
  margin-left:0.15rem;



}

.s-oem-list li.height-a h1{
  font-size: 0.65rem;
}

.s-oem-list li .bc-icon-yuan{

}

.s-oem-list li .bc-icon-yuan.icon-imagea{
  padding-top: 1.00rem;

}
.s-oem-list li .bc-icon-yuan.icon-imagea img{
  width: 4.5rem;
  height:4.5rem;
  margin: auto;
}
.s-oem-list li .bc-icon-yuan img{
  width: 100%;
}
.s-oem-list li.padding-nei p{
  padding:0 0.3rem;
}

.s-oem-list li.padding-nei h1{

  font-size: 0.65rem;
}

.No-queuing{
  margin-top: 1.00rem;
}
.No-queuing .queuing-img-a{}
.No-queuing .queuing-img-a img{
  width: 100%;
}
.No-queuing .queuing-img-b{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.No-queuing .queuing-img-b img{
  width: 100%;
}

.management-system{}
.management-system img{
  width: 90%;
  margin:0 auto;
  display: block;
}

/*直播*/
.live-broadcast-mian{
  margin-top: 0.6rem;
}
.live-broadcast-mian .boradcast-function{
  height:8.50rem;
  margin-top: 0.6rem;
  background:#fff;
  box-shadow: 9px 13px 24px -14px rgba(0, 0, 0, 0.1);
  border-radius: 0.3rem;
}
.live-broadcast-mian .boradcast-function .function-a{

}
.live-broadcast-mian .boradcast-function .function-a img{
  width: 100%;
}
.live-broadcast-mian .boradcast-function .function-b{
  padding:0.5rem;
  padding-bottom: 0.3rem;
  font-weight: bold;
  font-size: 0.65rem;
}
.live-broadcast-mian .boradcast-function .function-c{
  padding:0.5rem;
  padding-top: 0rem;
  font-size: 0.50rem;

}

.live-broadcast-list6{
  margin-top: 0.8rem;
}

.live-broadcast-list6 .list-b-mian{
  background:#F5F5F5;
  padding:0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: end;
  border-radius: 0.3rem;
  margin-top: 0.7rem;
  height:3.5rem;

}
.live-broadcast-list6 .list-b-mian .list6-img{

}
.live-broadcast-list6 .list-b-mian .list6-img img{
  width:1.50rem;
  height:1.50rem;
}

.live-broadcast-list6 .list-b-mian .list6-left{
  margin-left: 0.3rem;

}
.live-broadcast-list6 .list-b-mian .list6-left .live-list6-title{
  color:#404040;
  font-size: 0.65rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.live-broadcast-list6 .list-b-mian .list6-left .live-list6-main{
  color:#666;
  font-size: 0.56rem;
}

.list-bottom-img{
  margin-top: 0.8rem;
}
.list-bottom-img img{
  width: 70%;
  display: block;
  margin: auto;
}
.live-trend{
  padding:0.6rem;

}
.live-trend .trend-one{
  width:100%;
  height:7.5rem;
  border: 1px solid #838485;
  background-color: rgba(6, 6, 6, 0.18);
  margin-top: 0.8rem;

}
.live-trend .trend-one .scale-title{
  color: #fff;
  font-size: 0.73rem;
  text-align: center;
  margin-top: 0.8rem;

}
.live-trend .trend-one .sclale-main{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-top: 1.00rem;
}
.live-trend .trend-one .sclale-main .sclale-left{


}
.live-trend .trend-one .sclale-main .sclale-left .sclale-top-left{
  color:#00A1FF;
  font-size: 0.75rem;
  font-weight: bold;
}
.live-trend .trend-one .sclale-main .sclale-left .sclale-bottom-left{
  color:#fff;
  width:3.00rem;
  border: 1px solid #838485;
  background-color: rgba(6, 6, 6, 0.18);
  text-align: center;
  padding:0.1rem;
  margin-top: 0.5rem;
  font-size: 0.60rem;
}
.live-trend .trend-one .sclale-main .sclale-img{

}
.live-trend .trend-one .sclale-main .sclale-img img{
  width:1.50rem;
  height:1.00rem;
}

.real-time-interaction{}
.real-time-interaction-main{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-flow: wrap;
}
.real-time-interaction-main .real-time-list{
  margin-top: 0.5rem;
}
.real-time-interaction-main .real-time-list .real-time-top{
  margin-bottom: 0.5rem;
}
.real-time-interaction-main .real-time-list .real-time-top img{
  width:6.5rem;

}
.real-time-interaction-main .real-time-list .real-time-bottom{
  font-size: 0.65rem;
  font-weight: bold;
  text-align: center;

}

/*花呗分期*/
.Huabai-staging-one{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-flow: wrap;
  padding-bottom: 1.00rem;
}
.Huabai-staging-one .staging-list{
  background:#FFFCE9DC;
  display: inline-block;
  padding:0.6rem 0.9rem 0.6rem 0.9rem;
  margin-top:0.5rem;
  width: 7.00rem;


}
.Huabai-staging-one .staging-list.background-blue{
  background:#ecf8fc;
}

.Huabai-staging-one .staging-list.background-red{
  background:#fdf3fc;
}
.Huabai-staging-one .staging-list.background-yellow{
  background:#fcf3e1;
}

.Huabai-staging-one .staging-list .staging-title{
  font-size:0.63rem;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-top: 0.5rem;

}
.Huabai-staging-one .staging-list .staging-main{
  margin-top: 0.2rem;
  font-size: 0.50rem;
}
.Huabai-staging-one .staging-list .staging-img{
  margin-top: 0.5rem;
}
.Huabai-staging-one .staging-list .staging-img img{
  width:4.5rem;
}

.huabei-list-a{
  padding: 0 0.6rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
}
.huabei-list-a .huabei-a{
  background:#fff;
  width:7.1rem;
  border-radius: 0.3rem;
  margin-bottom: 0.6rem;


}
.huabei-list-a .huabei-a .huabei-a-icon{

}
.huabei-list-a .huabei-a .huabei-a-icon img{
  width:7.1rem;
}

.huabei-list-a .huabei-a.res-position{
  position: relative;
  margin-top: 0.9rem;
  height:6.0rem;
}

.huabei-list-a .huabei-a.res-position.qianruchao-bk{
  background-color:rgba(255, 255, 255, 0.22);
  border:1px dashed #fff;
  height:7.00rem;
}


.huabei-list-a .huabei-a .huabei-a-icon.res-imga{
  position: absolute;
  left: 35%;
  top:-20px;
  right: 0;
}
.huabei-list-a .huabei-a .huabei-a-icon.res-imga img{
  width:2.0rem;
  height:2.0rem;
}

.huabei-list-a .huabei-a .huabei-a-title{
  padding:0.4rem 0.3rem 0.3rem 0.4rem;
  font-size: 0.63rem;
  font-weight: bold;
  text-align: center;

}

.huabei-list-a .huabei-a .huabei-a-title.rest{
  padding:1.4rem 0.3rem 0.3rem 0.4rem;
}

.huabei-list-a .huabei-a .huabei-a-main{
  padding:0rem 0.4rem 0.8rem 0.4rem;
  font-size: 0.53rem;
  color:#666666;
}

.huabai-value{
  padding:0.8rem 0rem;

}
.huabai-value .value-list{
  background-image: -webkit-linear-gradient(top, #6e9ef8, #6193f8);
  border-radius: 0.3rem;
  padding:0.5rem;
  color:#fff;
  font-size: 0.56rem;
  line-height: 0.9rem;
  margin-bottom: 0.5rem;
  height:4.8rem;
}
.huabai-value .value-list.bc-ye{
  background-image: -webkit-linear-gradient(top, #f2a053, #f09140);
}

.value-img{
  text-align: center;
  display: block;
  margin-top: 0.8rem;
}
.value-img img{
  width: 80%;
  margin: auto;
}

.huabai-industry{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
  margin-top: 0.5rem;

}
.huabai-industry .industry{
  background: url(../../../images/site/wfmobile02/Huabai-img17.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.3rem;


}

.huabai-industry .industry.image1{
  background: url(../../../images/site/wfmobile02/Huabai-img18.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}

.huabai-industry .industry.image2{
  background: url(../../../images/site/wfmobile02/Huabai-img19.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.image3{
  background: url(../../../images/site/wfmobile02/Huabai-img20.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}

.huabai-industry .industry.image4{
  background: url(../../../images/site/wfmobile02/Huabai-img21.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.image5{
  background: url(../../../images/site/wfmobile02/Huabai-img22.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}

.huabai-industry .industry.image6{
  background: url(../../../images/site/wfmobile02/Huabai-img23.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.image7{
  background: url(../../../images/site/wfmobile02/Huabai-img23.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}


.huabai-industry .industry .industry-a{
  text-align: center;
  color:#fff;


}
.huabai-industry .industry .industry-b{
  border-bottom: 2px solid #fff;
  margin: 0 auto;
  width: 1.20rem;
  margin-top: 5px;
}


/*码点餐*//*智慧餐饮*/
.restairant-main-a{
  text-align: center;
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.restairant-main-a img{
  width: 80%;
  margin: auto;
}

.restairant-main-a2{
}
.restairant-a2-top{
  font-size: 0.65rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
}
.restairant-a2-center{
  font-size: 0.56rem;
  color:#878d9c;
  padding-bottom: 0.5rem;
}
.restairant-a2-bottom{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.0rem;
  padding-top: .5rem;
}
.restairant-a2-bottom .res-icon{
  text-align: center;

}
.restairant-a2-bottom .res-icon .res-a{

}
.restairant-a2-bottom .res-icon .res-a img{
  width:2.0rem;
  height:2.0rem;
  margin: auto;

}
.restairant-a2-bottom .res-icon .res-b{
  font-size: 0.56rem;
  color:#454545;
  margin-top: 0.3rem;

}

.restairant-a2-img{

  margin-top: 0.5rem;
  text-align: center;
}
.restairant-a2-img img{
  width:80%;
  margin: auto;
}

.res-img-b{
  text-align: center;
  margin-top: 0.8rem;

}
.res-img-b img{
  width: 90%;
  margin: auto;
}

/*钱如潮零售*/

.qianruchao-img1{
  margin-top: 0.8rem;
}
.qianruchao-img1 img{
  width: 100%;
}

.qianruchao-Function{
  padding-top: 0.8rem;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  flex-wrap:wrap;
  align-items: center;

}
.qianruchao-Function .qian-function-list{
  background:#fff;
  box-shadow:0px 0px 18px #b7dfea87;

  display: flex;
  flex-direction: row;
  justify-content:end;
  align-items: center;
  padding:0.3rem;
  width: 7.20rem;
  margin-bottom: 0.4rem;

}
.qianruchao-Function .qian-function-list .qian-right{
  padding-right:0.1rem;

}
.qianruchao-Function .qian-function-list .qian-right img{
  width:0.9rem;
  height:0.9rem;
}
.qianruchao-Function .qian-function-list .qian-left{
  font-size: 0.53rem;
}

.qian-function-img{
  margin-top: 0.8rem;
}
.qian-function-img img{
  width: 100%;
}

.Functional-support{}
.Functional-support .support-top{
  background:#4980e1;
  border-radius: 0.3rem;
  padding:0.4rem;
  color:#fff;
  font-size: 0.56rem;
  line-height: 0.90rem;
  margin-top: 0.8rem;
}
.Functional-support .support-bottom{
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.Functional-support .support-bottom img{
  width: 100%;
}


.Cashier-support{}
.Cashier-support .Cashier-icon{
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.Cashier-support .Cashier-icon img{
  width:100%;
  margin:auto;
}
.Cashier-support .Cashier-img{}
.Cashier-support .Cashier-img img{
  width: 100%;
}

.Solutions{}
.Solutions .Solutions-main{
  margin-top: 0.5rem;
}
.Solutions .Solutions-main .solu-title{
  color:#3069c9;
  font-size: 0.63rem;
  font-weight: bold;
}
.Solutions .Solutions-main .solu-center{
  color:#4c4c4c;
  font-size: 0.56rem;
  padding-top: 0.2rem;
  padding-bottom: 0.5rem;

}
.Solutions .Solutions-main .solu-img{}
.Solutions .Solutions-main .solu-img img{
  width: 100%;
}

.huabai-industry .industry.a1{
  background: url(../../../images/site/wfmobile02/qianruchao-img23.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.a2{
  background: url(../../../images/site/wfmobile02/qianruchao-img24.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.a3{
  background: url(../../../images/site/wfmobile02/qianruchao-img25.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.a4{
  background: url(../../../images/site/wfmobile02/qianruchao-img26.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.a5{
  background: url(../../../images/site/wfmobile02/qianruchao-img27.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.a6{
  background: url(../../../images/site/wfmobile02/qianruchao-img28.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.a7{
  background: url(../../../images/site/wfmobile02/qianruchao-img29.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.a8{
  background: url(../../../images/site/wfmobile02/qianruchao-img30.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}

/* 社区团购*/
.Group-purchase{
  text-align: center;

}
.Group-purchase img{
  width: 80%;
  margin: auto;
}

.Group-purchase-Reasons{
  margin-top: 0.5rem;
}
.Group-purchase-Reasons .Reasons-list{
  background:#fff;
  padding:0.5rem;
  margin-bottom: 0.5rem;
}
.Group-purchase-Reasons .Reasons-list .reasons-title{
  display: flex;
  flex-direction: row;
  justify-content:end;
  align-items: end;


}
.Group-purchase-Reasons .Reasons-list .reasons-title .res-left{
  color:#fd4146;
  font-size: 1.0rem;
  font-weight:bold ;
  font-style: italic;
}
.Group-purchase-Reasons .Reasons-list .reasons-title .res-right{
  margin-left:0.5rem;
}
.Group-purchase-Reasons .Reasons-list .reasons-title .res-right .res-one{
  color:#333333;
  font-size: 0.65rem;
  font-weight: bold;

}
.Group-purchase-Reasons .Reasons-list .reasons-title .res-right .res-two{
  color:#999999;
}

.Group-purchase-Reasons .Reasons-list .reasons-main{
  margin-top: 0.3rem;
  color:#666666;
  font-size: 0.56rem;
}

.System-highlights{
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
  flex-flow: wrap;
  margin-top: 0.8rem;
}
.System-highlights .system-list{
  background:#f5f5f5;
  border:1px solid #e6e7eb;
  padding:0.5rem;
  width: 7.18rem;
  text-align: center;
  margin-bottom: 0.5rem;
  height:7.2rem;
}
.System-highlights .system-list .system-a{

}
.System-highlights .system-list .system-a img{
  width:2.5rem;
  height:2.0rem;
  margin: auto;
}
.System-highlights .system-list .system-b{
  font-size: 0.60rem;
  color:#333333;
  font-weight: bold;
  padding-top: 0.3rem;
}
.System-highlights .system-list .system-c{
  font-size: 0.56rem;
  color:#666666;
  padding-top: 0.3rem;
}

.com-list-main{
  width: 4.6rem;
  height:6.0rem;
  padding:0.5rem;
  background:#fff;
  border-radius: 0.3rem;
  margin-top: 0.5rem;
}
.com-list{
  text-align: center;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;

}
.com-list img{
  width:1.8rem;
  height:1.5rem;
  margin: auto;
}
.com-font{
  color:#333333;
  font-weight: bold;
  text-align: center;
}

.con-btn{
  margin-top: 0.3rem;
  background-image: -webkit-linear-gradient(top, #FF7175, #FD4146);

}
.con-btn a{
  font-size: 0.53rem;
  text-align: center;
  display: block;
  padding:0.2rem;
  color:#fff;
}

.Marketing-scenario{
  margin-top: 1.5rem;
}
.purchase-list{
  position: relative;
  background:#fff;
  padding:0.5rem;
  text-align: center;
  padding-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.purchase-list .purchase-a{
  position: absolute;
  top:-7%;
  left:40%;
}
.purchase-list .purchase-a img{
  width:2.0rem;
  height:2.0rem;
}
.purchase-list .purchase-b{
  color:#333333;
  font-size: 0.65rem;
  font-weight: bold;
  margin-top: 0.3rem;
}
.purchase-list .purchase-c{
  background:#FD4146;
  padding:0.3rem;
  color:#fff;
  margin-top: 0.3rem;
}
.purchase-list .purchase-d{
  margin-top: 0.3rem;
  text-align: left;
  color:#666666;
}
.purchase-list .purchase-e{
  text-align: left;

  margin-top: 0.3rem;
}
.purchase-list .purchase-e a{
  color:#FD4146;
}
/*生鲜配送*/
.fressh-services{

}
.fressh-services .fr-services-list{
  background:#fff;
  padding:0.5rem;
  border-radius: 0.3rem;
  margin-bottom: 0.8rem;
  height:5.00rem;
}
.fressh-services .fr-services-list .fr-title{
  font-size: 0.65rem;
  font-weight: bold;
  color:#333333;
  padding-bottom: 0.3rem;
}
.fressh-services .fr-services-list .fr-title-two{
  padding-bottom: 0.3rem;
  color:#9797A1;
}
.fressh-services .fr-services-list .fr-main{
  color:#595961;
}

.Set-up-shop{
  margin-top: 0.8rem;
}
.Set-up-shop .Set-up-procedure{
  display: flex;
  flex-direction: row;
  justify-content:end;
  align-items: center;
}
.Set-up-shop .Set-up-procedure .procedure-left{}
.Set-up-shop .Set-up-procedure .procedure-left img{
  width:0.70rem;
}
.Set-up-shop .Set-up-procedure .procedure-right{
  margin-left:0.5rem;
}
.Set-up-shop .Set-up-procedure .procedure-right .procedure-list{
  background:#f5f5f5;
  padding:0.5rem;
  margin-bottom:0.8rem;
  border-radius: 0.2rem;
}
.Set-up-shop .procedure-img{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.Set-up-shop .procedure-img img{
  width: 100%;
}

.huabai-industry .industry.q1{
  background: url(../../../images/site/wfmobile02/Fresh-food-delivery-img6.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.q2{
  background: url(../../../images/site/wfmobile02/Fresh-food-delivery-img7.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.q3{
  background: url(../../../images/site/wfmobile02/Fresh-food-delivery-img8.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.q4{
  background: url(../../../images/site/wfmobile02/Fresh-food-delivery-img9.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.q5{
  background: url(../../../images/site/wfmobile02/Fresh-food-delivery-img10.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.q6{
  background: url(../../../images/site/wfmobile02/Fresh-food-delivery-img11.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.q7{
  background: url(../../../images/site/wfmobile02/Fresh-food-delivery-img12.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.q8{
  background: url(../../../images/site/wfmobile02/Fresh-food-delivery-img13.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}

/*智能扫码盒*/
.zhinengsaomahe{
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: center;
  flex-flow: wrap;
  margin-top: 0.8rem;

}
.zhinengsaomahe .zhinengsaomahe-list{
  width: 4.00rem;
  margin-bottom: 0.8rem;
  text-align: center;
  height:4.00rem;

}

.zhinengsaomahe .zhinengsaomahe-list .znsmh-a{}
.zhinengsaomahe .zhinengsaomahe-list .znsmh-a img{
  width:3.0rem;
  height:3.0rem;
  margin: auto;
}
.zhinengsaomahe .zhinengsaomahe-list .znsmh-b{
  color:#222;
  font-size: 0.56rem;
  margin-top: 0.3rem;
}

/*线上融合SDK*/
.Mobile-End{
  margin-top: 0.8rem;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
  flex-flow: wrap;
  margin-bottom: 0.8rem;

}
.Mobile-End .Mobile-End-list{
  background:#fff;
  height:7.5rem;
  border-radius:0.5rem;
  width: 7.2rem;
  margin-bottom: 0.5rem;
}
.Mobile-End .Mobile-End-list .mobile-bak{

}
.Mobile-End .Mobile-End-list .mobile-bak .mobile-span{
  color:#FFF;
  display: block;
  text-align: center;
  padding-top: 0.8rem;
  font-weight: bold;
  font-size: 0.65rem;
}


.Mobile-End .Mobile-End-list .mobile-ban{
  margin-top: 0.5rem;
  text-align: center;
  font-size: 0.56rem;
  color:#666;
}
.Mobile-End .Mobile-End-list .mobile-time{
  text-align: center;
  font-size: 0.56rem;
  color:#666;
}
.Mobile-End .Mobile-End-list .mobile-btn{
  text-align: center;
  background:#3388ff;
  padding: 0.2rem 0.6rem;
  border-radius: 0.8rem;
  margin: auto;
  width: 5.00rem;
  margin-top: 0.5rem;
}
.Mobile-End .Mobile-End-list .mobile-btn a{
  color:#fff;

}
.sdk-main{
  padding:0.5rem;
  margin-top: 0.8rem;
}
.sdk-main .sdk-a{
  text-align: center;
  margin-top: 0.8rem;
}
.sdk-main .sdk-a img{
  width: 70%;
  margin:auto;
}
.sdk-main .sdk-b{
  margin-bottom: 0.8rem;
}
.sdk-main .sdk-b .Ability-title{
  color:#333;
  font-size: 0.65rem;
  font-weight: bold;
}
.sdk-main .sdk-b .Ability-main{
  font-size: 0.56rem;
  margin-top: 0.3rem;
  color:#898989;
}
.sdk-main .sdk-c{}

.s-home-box4.back-padding{
  padding:0rem;
}

.s-home-box4.sdk-sv{
  height:8.0rem;
  position: relative;
}
.sdk-sv-mian{
  position: absolute;
  bottom:-1.5rem;
  left:0.5rem;
  background:#fff;
  border-radius: 0.2rem;
  padding:0.5rem;
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: center;
  height:3.5rem;
  width:15.00rem;

}
.sdk-sv-mian .sv-float{}
.sdk-sv-mian .sv-float .float-main{
  color:#353535;
  font-size: 0.65rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.sdk-sv-mian .sv-float .float-Information{
  color:#666666;
  font-size: 0.56rem;
}

.sdk-zhifu{
  margin-top: 0.5rem;
}
.sdk-zhifu img{
  width:100%;
}

/*智慧安防*/
.system-list.sec-img{
  border-radius: 0.3rem;
  border:none;
  height:9.50rem;

}
.system-list.sec-img .system-a{}
.system-list.sec-img .system-a img{
  width:2.00rem;
  height:2.00rem;
  margin: auto;
}

.security-a-mian{
  padding:0 0.6rem;
}
.security-a-mian .secu-img{}
.security-a-mian .secu-img img{
  width: 100%;
}
.security-a-mian .secu-title{
  font-size: 0.65rem;
  font-weight: bold;
  margin-top: 0.5rem;
  color:#fff;
  margin-bottom: 0.5rem;
}
.security-a-mian .secu-main{
  font-size: 0.56rem;
  color:#fff;
}

.security-b-main{

}

.secu-list{
  margin-top: 0.8rem;
}
.secu-list .secu-list-main{
  background:#f5f5f5;
  padding:0.5rem;
  border-radius: 0.3rem;
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: end;
  margin-bottom: 0.5rem;
  height:4.5rem;
}
.secu-list .secu-list-main.blue-bk{
  background:#3a76e7;
}
.secu-list .secu-list-main.blue-bk .secu-list-font .secu-list-left{
  color:#fff;
}
.secu-list .secu-list-main.blue-bk .secu-list-font .secu-list-right{
  color:#fff;
}

.secu-list .secu-list-main .secu-list-img{
  margin-right: 0.5rem;
}
.secu-list .secu-list-main .secu-list-img img{
  width:1.8rem;
  height:1.8rem;
}
.secu-list .secu-list-main .secu-list-font{}
.secu-list .secu-list-main .secu-list-font .secu-list-left{
  font-size: 0.60rem;
  color:#222222;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.secu-list .secu-list-main .secu-list-font .secu-list-right{
  color:#999;
  font-size: 0.56rem;
}

.security-c-main{
  margin-top: 0.8rem;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
}
.security-c-main .security-c-bak{
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}
.security-c-main .security-c-bak .c-bak-font{
  color:#fff;
  text-align: center;
  font-size: 0.60rem;
  font-weight: bold;
  margin-bottom: 0.2rem;

}
.security-c-main .security-c-bak .c-bak-border{
  border:1px solid #fff;
  width:1.00rem;
  text-align: center;
  display: block;
}

/*智慧景区*/
.huabei-a.scenic-bac{
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
  height:8.00rem;
}

.scenic-qubie{
  padding:0.5rem;

}
.scenic-qubie .qubie-bac{
  padding:0.5rem;
  margin-bottom: 0.8rem;
}
.scenic-qubie .qubie-bac .scen-title{
  display: flex;
  flex-direction: row;
  justify-content:end;
  align-items: center;
}

.scenic-qubie .qubie-bac .scen-title .scen-img{
  margin-right: 0.3rem;
}
.scenic-qubie .qubie-bac .scen-title .scen-img img{
  width:1.0rem;
  height:0.8rem;
}
.scenic-qubie .qubie-bac .scen-title .scen-font{
  color:#fff;
  font-size: 0.6rem;
  font-weight: bold;
}

.scenic-qubie .qubie-bac .scenic-b-main{
  color:#fff;
  font-size: 0.56rem;
  margin-top: 0.3rem;

}

.industry.scenic-img1{
  background: url(../../../images/site/wfmobile02/Scenic-spot-img10.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.industry.scenic-img2{
  background: url(../../../images/site/wfmobile02/Scenic-spot-img11.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}

.industry.scenic-img3{
  background: url(../../../images/site/wfmobile02/Scenic-spot-img12.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}

.industry.scenic-img4{
  background: url(../../../images/site/wfmobile02/Scenic-spot-img13.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}

.font1{
  color:#fff;
  font-size: 0.53rem;
  margin-top: 0.2rem;
}

.list-b-mian.back-height{
  height:5.00rem;
}

/*智慧酒店*/
.hotel-a-main{
  margin-top: 0.8rem;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
  flex-flow: wrap;
  padding-bottom: 0.8rem;
}
.hotel-a-main .h-list-q{
  display: flex;
  flex-direction: column;
  justify-content:end;
  align-items: center;

}
.hotel-a-main .h-list-q .jd-dian-img{
  text-align: center;
  margin-top: 1.00rem;

}
.hotel-a-main .h-list-q .jd-dian-img img{
  width: 1.8rem;
  height:1.8rem;
}
.hotel-a-main .h-list-q .jd-dian-title{
  color:#fff;
  font-size: 0.60rem;
  text-align: center;
  margin-top: 0.3rem;
  font-weight: bold;
}
.hotel-a-main .h-list-q .jd-dian-main{
  color:#fff;
  font-size: 0.56rem;
  margin-top: 0.3rem;
  padding:0 0.5rem;
  text-align: center;
}

.jd-b-bk{
  padding:0 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
  flex-flow: wrap;
}
.jd-b-bk .jd-b-icon{
  margin-top: 0.8rem;
  height:4.5rem;
  width: 7.00rem;
}
.jd-b-bk .jd-b-icon .b-icon-img{}
.jd-b-bk .jd-b-icon .b-icon-img img{
  width:1.5rem;
}
.jd-b-bk .jd-b-icon .b-icon-title{
  font-size: 0.65rem;
  color:#fff;
  font-weight: bold;
  margin-top: 0.2rem;
}
.jd-b-bk .jd-b-icon .b-icon-font{
  font-size: 0.53rem;
  color:#fff;
}

.jd-b-icon-img{
  text-align: center;
  margin-top:0.8rem;
}
.jd-b-icon-img img{
  width: 90%;
}

.security-c-main.jd-width{
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
  flex-flow: wrap;
}

.security-c-main.jd-width .security-c-bak{
  margin-bottom: 0.4rem;
}

.hotel-bc-jianbian{
  margin-top: 0.8rem;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
  flex-flow: wrap;

}
.hotel-bc-jianbian .jianbian-a{
  background-image: -webkit-linear-gradient(left, #eceff6, #fff);
  padding:0.5rem;
  border-radius: 0.3rem;
  width:7.3rem;
  margin-bottom: 0.5rem;
  height:3.2rem;
}
.hotel-bc-jianbian .jianbian-a .jianbian-a-title{
  color:#3A76E7;
  font-size: 0.60rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.hotel-bc-jianbian .jianbian-a .jianbian-a-main{
  color:#3A76E7;
  font-size: 0.53rem;

}

/*智慧平台*/
.smart-main{
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
  flex-flow: wrap;
  padding: 0.8rem  0 0.8rem 0 ;

}
.smart-main .smart-list{
  width: 3.00rem;
  margin-bottom: 1.0rem;
}
.smart-main .smart-list .smart-icon{
  text-align: center;
}
.smart-main .smart-list .smart-icon img{
  width:2.5rem;
  height:2.5rem;
}
.smart-main .smart-list .smart-font{
  text-align: center;
  color:#333333;
  font-size: 0.56rem;
  margin-top: 0.3rem;

}

/*智慧安防*/

.system-list.retail-bac{
  background:#fff;
  border:none;
  height:9.50rem;
}
.system-list.retail-bac .system-a{


}
.system-list.retail-bac .system-a img{
  width:2.0rem;
  margin: auto;
}

.retail-c-main{
  margin-top: 0.8rem;
}
.retail-c-main .retail-c-img{}
.retail-c-main .retail-c-img img{
  width: 100%;
}
.retail-c-main .retail-c-bottom{
  margin-top: 0.8rem;
  border-radius: 0.3rem;
  border:1px dashed #54c18d;
  padding:0.5rem;
}

.retail-c-main .retail-c-bottom .re-bottom-a{
  display: flex;
  flex-direction: row;
  justify-content:end;
  align-items: center;
  margin-bottom: 0.5rem;
}

.retail-c-main .retail-c-bottom .re-bottom-a .re-a-top{
  background:#54c18d;
  width:2.50rem;
  height:1.50rem;
  border-radius: 1.00rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content:center;
  align-items: center;
  color:#fff;
  font-size: 0.50rem;

}
.retail-c-main .retail-c-bottom .re-bottom-a .re-a-bottom{
  margin-left:0.5rem;
  font-size: 0.56rem;
  color:#666666;
}

/*智慧美业*/
.meiye-mian-a{
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: end;
  flex-flow: wrap;
  padding:0 0.5rem;
}
.meiye-mian-a .mei-a{
  margin-bottom: 1.00rem;
  width: 4.00rem;
}
.meiye-mian-a .mei-a .mei-a-img{

}
.meiye-mian-a .mei-a .mei-a-img img{
  width:3.00rem;
  margin: auto;
}
.meiye-mian-a .mei-a .mei-a-font{
  color: #fff;
  font-size: 0.53rem;
  text-align: center;
  margin-top: 0.3rem;
}

.meiye-mian-b{
  padding:0 0.5rem;
}
.meiye-mian-b .mei-b-list{
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: end;
  background-color: rgba(241, 241, 241, 0.24);
  padding:0.8rem 0.5rem;
  border-radius: 0.3rem;
  margin-bottom: 0.5rem;
}
.meiye-mian-b .mei-b-list .mei-img-right{
  margin-right: 0.5rem;
}
.meiye-mian-b .mei-b-list .mei-img-right img{
  width: 2.00rem;
}
.meiye-mian-b .mei-b-list .mei-img-left{}

.meiye-mian-b .mei-b-list .mei-img-left .mei-title{
  color:#fff;
  font-size: 0.60rem;
  font-weight: bold;
}
.meiye-mian-b .mei-b-list .mei-img-left .mei-main{
  color:#fff;
  font-size: 0.53rem;
}

.huabai-industry .industry.mei-1{
  background: url(../../../images/site/wfmobile02/Mei-Yip-img22.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.mei-2{
  background: url(../../../images/site/wfmobile02/Mei-Yip-img23.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.mei-3{
  background: url(../../../images/site/wfmobile02/Mei-Yip-img24.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.mei-4{
  background: url(../../../images/site/wfmobile02/Mei-Yip-img25.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.mei-5{
  background: url(../../../images/site/wfmobile02/Mei-Yip-img26.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.mei-6{
  background: url(../../../images/site/wfmobile02/Mei-Yip-img27.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.mei-7{
  background: url(../../../images/site/wfmobile02/Mei-Yip-img28.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.huabai-industry .industry.mei-8{
  background: url(../../../images/site/wfmobile02/Mei-Yip-img29.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}

/*智慧学校*/
.school-a-img{
  text-align: center;
  margin-top: 0.8rem;
}
.school-a-img img{
  width:70%;
}


.school-b-title{
  font-size: 0.60rem;
  font-weight: bold;
  color:#222222;
}
.school-b-main{
  font-size: 0.56rem;
  color:#898989;
  margin-top: 0.3rem;
  padding-bottom: 0.8rem;
}


/*智慧医院*/
.hospital{
  position: relative;
}

.hospital-mian-a{
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: center;
  background:#35bbdb;
  margin:0 0.5rem;
  height:6.50rem;
  position: absolute;
  top:5.5rem;
}
.hospital-mian-a .hospital-left-a{


}
.hospital-mian-a .hospital-left-a img{
  width: 100%;
}
.hospital-mian-a .hospital-right-b{
  margin-left: 0.5rem;
}
.hospital-mian-a .hospital-right-b img{
  width: 84%;
}

.hospital-qubie{
  margin-top: 0.8rem;

}
.hospital-qubie .hospital-qubie-list{
  padding-bottom: 0.8rem;

}
.hospital-qubie .hospital-qubie-list ul{}
.hospital-qubie .hospital-qubie-list ul li{
  border:1px solid #dcdcdc;
  padding:0.5rem;
  text-align: center;
}
.hospital-qubie .hospital-qubie-list ul li.qubie-title{
  background:#fafafa;
  border-radius: 0.3rem 0.3rem 0 0 ;
  color:#404040;
  font-size: 0.65rem;
  font-weight: bold;
}
.hospital-qubie .hospital-qubie-list ul li.qubie-main{
  color:#666666;
  font-size: 0.56rem;
}

.hospital-qubie-list ul li.qubie-title.qubie-blue{
  background:#37b0cd;
  color:#fff;

}

.mei-b-list.pak-with{
  background:#fff;
}
.meiye-mian-b .mei-b-list .mei-img-left .mei-title.par-title{
  color:#333;
}
.meiye-mian-b .mei-b-list .mei-img-left .mei-main.par-font{
  color:#666;
}

.parking-list-c{
  margin-top: 0.8rem;
}
.parking-list-c .pa-list-ca{
  margin-bottom: 0.8rem;
}
.parking-list-c .pa-list-ca ul{
  border:1px solid #cccccc;
  border-radius: 0.3rem;
}
.parking-list-c .pa-list-ca ul li{
  text-align: center;
  color:#404040;


}
.parking-list-c .pa-list-ca ul li.ca-top{}
.parking-list-c .pa-list-ca ul li.ca-top img{
  width: 100%;
}
.parking-list-c .pa-list-ca ul li.ca-main{
  padding:0.5rem;

}

.industry.par-1{
  background: url(../../../images/site/wfmobile02/Parking-Lot-img14.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.industry.par-2{
  background: url(../../../images/site/wfmobile02/Parking-Lot-img15.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.industry.par-3{
  background: url(../../../images/site/wfmobile02/Parking-Lot-img16.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.industry.par-4{
  background: url(../../../images/site/wfmobile02/Parking-Lot-img17.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.industry.par-5{
  background: url(../../../images/site/wfmobile02/Parking-Lot-img18.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.industry.par-6{
  background: url(../../../images/site/wfmobile02/Parking-Lot-img19.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.industry.par-7{
  background: url(../../../images/site/wfmobile02/Parking-Lot-img20.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}
.industry.par-8{
  background: url(../../../images/site/wfmobile02/Parking-Lot-img21.png) no-repeat;
  background-size: 100%;
  width: 7.2rem;
  height:4.00rem;
}

/*数字化经营*/
.shuzihua-main-a{
  padding: 0 0.5rem 0.5rem 0.5rem;
}
.shuzihua-list-a{
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content:center;
  align-items: center;
  padding:0.8rem;
}
.shuzihua-list-a .shuzihua-tmbk{
  display: flex;
  flex-direction: row;
  justify-content:center;
  align-items: center;
  background-color: rgba(241, 241, 241, 0.24);
  border:1px solid #e2e2e2;
  border-radius: 0.3rem;
  padding:0.5rem;
}
.shuzihua-list-a .shuzihua-tmbk .tmbk-img{}
.shuzihua-list-a .shuzihua-tmbk .tmbk-img img{
  width: 2.00rem;
}
.shuzihua-list-a .shuzihua-tmbk .tmbk-main{
  margin-left: 0.3rem;
}
.shuzihua-list-a .shuzihua-tmbk .tmbk-main .tmbk-tite{
  color:#fff;
  font-size: 0.65rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.shuzihua-list-a .shuzihua-tmbk .tmbk-main .tmbk-font{
  font-size: 0.56rem;
  color:#fff;
}

.shuzihua-mian-bottom{
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
  flex-flow: wrap;

}
.shuzihua-mian-bottom .shuzihua-a{
  color:#fff;
  width:8.00rem;
  text-align: center;
  margin-bottom: 0.8rem;
}
.shuzihua-mian-bottom .shuzihua-a .shuzihua-a-title{
  font-size: 2.00rem;
  font-weight: bold;
}
.shuzihua-mian-bottom .shuzihua-a .shuzihua-a-title .baifenbi{
  font-size: 0.80rem;
  font-weight: normal;

}
.shuzihua-mian-bottom .shuzihua-a .shuzihua-a-font{}


.shuzihuajingying-bottom{
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
  flex-flow: wrap;
  margin-top: 0.8rem;

}

.shuzihuajingying-bottom .shuzihua-bottom-a{
  margin-bottom: 0.8rem;
}
.shuzihuajingying-bottom .shuzihua-bottom-a .shuzihua-top{}
.shuzihuajingying-bottom .shuzihua-bottom-a .shuzihua-top img{
  width: 7.00rem;
}
.shuzihuajingying-bottom .shuzihua-bottom-a .shuzihua-bottom{
  text-align: center;
  font-size: 0.60rem;
  font-weight: bold;
  margin-top: 0.3rem;
}

/*小闪盒*/
.xiaoshanhe-main{
  margin-top: 0.8rem;
}
.xiaoshanhe-main .xiao-a-list{
  display: flex;
  flex-direction: row;
  justify-content:end;
  align-items: center;
  margin-bottom: 0.5rem;
}
.xiaoshanhe-main .xiao-a-list .xiaoshanhe-a-left{
  width:1.30rem;
  height: 1.30rem;
  display: block;
}
.xiaoshanhe-main .xiao-a-list .xiaoshanhe-a-left img{
  width:1.30rem;
  height: 1.30rem;
}
.xiaoshanhe-main .xiao-a-list .xiaoshanhe-a-right{
  font-size: 0.56rem;
  color:#666666;
  margin-left: 0.3rem;
}

.xiaoshanhe-b-main{

}
.xiaoshanhe-b{}
.xiaoshanhe-b .xiaoshanhe-nav-img{
  padding-top: 1.50rem;
  padding-left:0.6rem;
}

.xiaoshanhe-b .xiaoshanhe-list-nav{
  display: flex;
  flex-direction: row;
  justify-content:end;
  align-items: center;
  margin-bottom: 0.8rem;

}
.xiaoshanhe-b .xiaoshanhe-list-nav .list-nav-a{
  margin-right:0.3rem;
}
.xiaoshanhe-b .xiaoshanhe-list-nav .list-nav-a img{
  width: 1.5rem;
}
.xiaoshanhe-b .xiaoshanhe-list-nav .list-nav-font{
  font-size: 0.56rem;
  color:#fff;
}
.xiaoshanhe-b .xiaoshanhe-list-nav .list-nav-font .nav-font-a{}
.xiaoshanhe-b .xiaoshanhe-list-nav .list-nav-font .nav-font-b{}
.xiaoshanhe-b .xiaoshanhe-list-img{

}
.xiaoshanhe-b .xiaoshanhe-list-img img{
  width:100%;

}

.xiaoshanhe-d-main{

}