@charset "UTF-8";
.closeb {
  display: none; }

.content .main_model .m .fadein .item .gg .children .labels .changes {
  display: none; }
.content .header.on {
  top: 0; }
.content {
  width: 100%; }
  .content.on {
    overflow: hidden;
    height: 100vh; }
  .content .nullbox {
    width: 100%;
    height: 96px;
    transition: all .3s;
    display: none;
    transform: scale(0); }
    .content .nullbox.on {
      transform: scale(1);
      display: block; }
  .content.black {
    background: #0D1019; }
    .content.black .zl-scrollBarBox {
      background: #2B2F3B; }
      .content.black .zl-scrollBarBox .zl-scrollBar {
        background: #7A8094; }
        .content.black .zl-scrollBarBox .zl-scrollBar:hover {
          background: #7A8094; }
    .content.black .closeb {
      background-image: url(../images/closebf.png); }
    .content.black .main_table .m .box table tr th {
      border-left: 1px solid #2D313D; }
    .content.black .main_table .m .box table tr td {
      border-left: 1px solid #2D313D; }
    .content.black .main_table .m .box table {
      border-right: 1px solid #2D313D; }
    .content.black .main_table .m .box table tr th span {
      color: #9BA0AC; }
    .content.black .main_table .m .box table tr th:first-child::after {
      border-color: transparent  transparent  transparent #0D1019; }
    .content.black .main_table .m .box::-webkit-scrollbar {
      height: 5px;
      border-radius: 5px;
      background: #2B2F3B; }
    .content.black .main_table .m .box::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #7A8094; }
    .content.black .footer .m .btn_grow div.on.active {
      background: #FF5E00; }
    .content.black .main_problem {
      background: #000; }
      .content.black .main_problem .m .heads p {
        color: #fff; }
      .content.black .main_problem .m .heads .back {
        background: #191C25; }
        .content.black .main_problem .m .heads .back a i {
          background-image: url(../images/probs.png); }
        .content.black .main_problem .m .heads .back a span {
          color: #BDC3D4; }
      .content.black .main_problem .m .box .item .label {
        background: #191C25; }
        .content.black .main_problem .m .box .item .label .title {
          background: #191C25; }
          .content.black .main_problem .m .box .item .label .title:hover {
            background: #222631; }
          .content.black .main_problem .m .box .item .label .title div {
            color: #fff; }
          .content.black .main_problem .m .box .item .label .title i {
            background-image: url(../images/prob1s.png); }
        .content.black .main_problem .m .box .item .label .slide {
          border-top: 1px solid #303443; }
          .content.black .main_problem .m .box .item .label .slide span {
            color: #A8AFBF; }
          .content.black .main_problem .m .box .item .label .slide .more div {
            background: #3D4047;
            color: #fff; }
            .content.black .main_problem .m .box .item .label .slide .more div i {
              background-image: url(../images/prob2s.png); }
    .content.black .footer {
      background: #191C25; }
      .content.black .footer .m .fl .t .price {
        color: #FF6F00; }
      .content.black .footer .m .fl .desc {
        color: #8B92A5; }
      .content.black .footer .m .btn_grow div {
        border: 1px solid #FFF3EC;
        background: #FFF3EC; }
        .content.black .footer .m .btn_grow div.on {
          background: #5E301A;
          border: 1px solid #5E301A;
          color: #fff; }
        .content.black .footer .m .btn_grow div i {
          background-image: url(../images/carts.png); }
        .content.black .footer .m .btn_grow div span {
          color: #FF5E00; }
    .content.black .main_model .m ul li.on::after {
      background-image: url(../images/sj_031.jpg); }
    .content.black .footer .m .fl .t .d {
      color: #BDC3D4; }
      .content.black .footer .m .fl .t .d em {
        color: #FF6F00; }
      .content.black .footer .m .fl .t .d i {
        color: #038FDF; }
    .content.black .footer .m .link {
      color: #fff; }
    .content.black .content.black .footer .m .btn_grow div.on.active {
      background: #FF5E00; }
    .content.black .footer .m .fl .t .mx i {
      background-image: url(../images/fss.png); }
    .content.black .footer .m .fl .t .btntype {
      background: #3D4047;
      border: 1px solid #3D4047; }
      .content.black .footer .m .fl .t .btntype.on {
        background: #222631;
        border: 1px solid #222631; }
        .content.black .footer .m .fl .t .btntype.on .check {
          background-image: url(../images/fs1s.png);
          border: none; }
      .content.black .footer .m .fl .t .btntype .check {
        border: 1px solid #81858E; }
      .content.black .footer .m .fl .t .btntype span {
        color: #FFFFFF; }
      .content.black .footer .m .fl .t .btntype i {
        background-image: url(../images/rs.png); }
    .content.black .main_model .m .fadein .item {
      background: #0D1019;
      border: 1px solid #3D4047; }
      .content.black .main_model .m .fadein .item .service {
        background: #11151E; }
        .content.black .main_model .m .fadein .item .service .icon i {
          background-image: url(../images/ggs1s.png); }
        .content.black .main_model .m .fadein .item .service .icon span {
          color: #fff; }
        .content.black .main_model .m .fadein .item .service .children .items .grow .t p {
          color: #fff; }
        .content.black .main_model .m .fadein .item .service .children .items:first-child {
          border-bottom: 1px solid #1A202E; }
        .content.black .main_model .m .fadein .item .service .children .items::after {
          background-image: url(../images/zs3.png); }
        .content.black .main_model .m .fadein .item .service .children .items .grow .t div {
          color: #FF6F00; }
        .content.black .main_model .m .fadein .item .service .children .items .grow em {
          color: #fff; }
          .content.black .main_model .m .fadein .item .service .children .items .grow em i {
            color: #FF6F00; }
        .content.black .main_model .m .fadein .item .service .children .items .grow > i {
          color: #A3AABB; }
        .content.black .main_model .m .fadein .item .service .children .items .icons.icon1 {
          background-image: url(../images/zs4.png); }
        .content.black .main_model .m .fadein .item .service .children .items .icons.icon2 {
          background-image: url(../images/zs.png); }
        .content.black .main_model .m .fadein .item .service .children .items .icons.icon3 {
          background-image: url(../images/zs1.png); }
        .content.black .main_model .m .fadein .item .service .children .items .icons.icon4 {
          background-image: url(../images/zs2.png); }
      .content.black .main_model .m .fadein .item .gg .icon i {
        background-image: url(../images/ggss.png); }
      .content.black .main_model .m .fadein .item .gg .icon span {
        color: #fff; }
      .content.black .main_model .m .fadein .item .gg .children .labels .change .ls div {
        background: #191C25;
        color: #C7CDDC; }
        .content.black .main_model .m .fadein .item .gg .children .labels .change .ls div.on {
          background: #3D4047;
          color: #fff; }
      .content.black .main_model .m .fadein .item .gg .children .labels .change .swi {
        border: 1px solid #303544; }
        .content.black .main_model .m .fadein .item .gg .children .labels .change .swi input {
          color: #fff !important; }
      .content.black .main_model .m .fadein .item .gg .children .labels .change em {
        color: #646B7E; }
      .content.black .main_model .m .fadein .item .gg .children .labels .change .swi div {
        background: #303544; }
      .content.black .main_model .m .fadein .item .gg .children .labels .change .swi div i {
        background-image: url(../images/ggs3s.png); }
      .content.black .main_model .m .fadein .item .gg .children .labels .change .swi div:last-child i {
        background-image: url(../images/ggs2s.png); }
      .content.black .main_model .m .fadein .item .gg .children .labels .font {
        color: #EBEDF1; }
    .content.black .main_model .m ul li {
      background: #191C25;
      border: 1px solid #191C25; }
      .content.black .main_model .m ul li p {
        color: #fff; }
      .content.black .main_model .m ul li span {
        color: #8B92A5; }
      .content.black .main_model .m ul li:hover {
        background: #282C37;
        border: 1px solid #4B505E; }
      .content.black .main_model .m ul li.on {
        background: #3D4047;
        border: 1px solid #3D4047; }
    .content.black .head p {
      color: #fff; }
    .content.black .head span {
      color: #646B7E; }
    .content.black .main_table .m .box table {
      border-top: 1px solid #2D313D;
      border-left: 1px solid #2D313D; }
      .content.black .main_table .m .box table tr:hover td {
        background: #303544;
        color: #EFF1F3; }
        .content.black .main_table .m .box table tr:hover td:first-child {
          color: #fff; }
      .content.black .main_table .m .box table tr.active td {
        background: #303544;
        color: #EFF1F3; }
        .content.black .main_table .m .box table tr.active td:first-child {
          color: #fff; }
      .content.black .main_table .m .box table tr th {
        background: #191C25;
        color: #A8AFBF;
        border-bottom: 1px solid #2D313D;
        border-right: 1px solid #2D313D; }
      .content.black .main_table .m .box table tr td {
        background: #0D1019;
        color: #8B92A5;
        border-bottom: 1px solid #2D313D;
        border-right: 1px solid #2D313D; }
        .content.black .main_table .m .box table tr td:first-child {
          color: #A3A9B9; }
    .content.black .header {
      background: #000000; }
      .content.black .header .m .logo {
        background-image: url(../images/logos.png); }
      .content.black .header .m .icon i.search {
        background-image: url(../images/searchs.png); }
      .content.black .header .m .icon i.color {
        background-image: url(../images/cs.png); }
      .content.black .header .m .icon i.user {
        background-image: url(../images/users.png); }
      .content.black .header .m .icon i:hover {
        background-color: #191C25; }
    .content.black .header .m .icon i span {
      background: #0D1019;
      border: 1px solid #646B7E;
      color: #fff; }
    .content.black .main_product {
      background: #191C25; }
      .content.black .main_product .m .item {
        background: #191C25;
        position: relative; }
        .content.black .main_product .m .item .picture div {
          border: none; }
          .content.black .main_product .m .item .picture div.z {
            background: #474E61;
            color: #FFFFFF; }
        .content.black .main_product .m .item:hover {
          background: #222631; }
        .content.black .main_product .m .item.active {
          background: #0D1019; }
          .content.black .main_product .m .item.active::after {
            background: #FF5E00; }
          .content.black .main_product .m .item.active p {
            color: #fff; }
          .content.black .main_product .m .item.active span {
            color: #9DA2B1; }
          .content.black .main_product .m .item.active .btn {
            border: 1px solid #222631;
            background: #222631; }
            .content.black .main_product .m .item.active .btn a {
              color: #D0D6E1; }
              .content.black .main_product .m .item.active .btn a i {
                background-image: url(../images/rs.png); }
        .content.black .main_product .m .item p {
          color: #fff; }
        .content.black .main_product .m .item span {
          color: #9DA2B1; }
        .content.black .main_product .m .item .btn {
          border: 1px solid #222631;
          background: #222631; }
          .content.black .main_product .m .item .btn:hover {
            background: #3D4047; }
          .content.black .main_product .m .item .btn a {
            color: #D0D6E1; }
            .content.black .main_product .m .item .btn a i {
              background-image: url(../images/rs.png); }
  .content .header {
    width: 100%;
    height: 65px;
    background: #fff;
    box-shadow: 0px 3px 6px 0px rgba(22, 24, 28, 0.06);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; }
    .content .header .m {
      width: 1200px;
      height: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content .header .m .logo {
        width: 120px;
        height: 40px;
        background-image: url(../images/logo.png);
        background-size: 100% 100%; }
      .content .header .m .icon {
        height: 100%;
        display: flex;
        align-items: center; }
        .content .header .m .icon i {
          width: 32px;
          height: 32px;
          border-radius: 4px;
          display: block;
          cursor: pointer;
          background-size: 24px;
          background-repeat: no-repeat;
          position: relative;
          background-position: center center;
          margin-left: 16px; }
          .content .header .m .icon i:hover span {
            visibility: inherit;
            opacity: 1;
            top: 130%; }
          .content .header .m .icon i span {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #1B1B1B;
            position: absolute;
            left: 50%;
            padding: 10px 25px;
            box-shadow: 0px 3px 6px 0px rgba(22, 24, 28, 0.06);
            white-space: nowrap;
            top: 140%;
            transition: all .3s;
            opacity: 0;
            visibility: hidden;
            background: #fff;
            border-radius: 4px;
            transform: translateX(-50%); }
          .content .header .m .icon i.search {
            background-image: url(../images/search.png); }
          .content .header .m .icon i.color {
            background-image: url(../images/c.png); }
          .content .header .m .icon i.user {
            background-image: url(../images/user.png); }
          .content .header .m .icon i:hover {
            background-color: #eff1f3; }
  .content .null {
    height: 65px; }
  .content .main_problem {
    overflow: hidden;
    background: #F5F6F8;
    min-height: calc(100vh - 65px);
    padding: 24px 0; }
    .content .main_problem .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_problem .m .heads {
        display: flex;
        align-items: center; }
        .content .main_problem .m .heads .back {
          height: 40px;
          background: #fff;
          border-radius: 4px; }
          .content .main_problem .m .heads .back a {
            height: 100%;
            display: flex;
            align-items: center;
            padding: 0 20px 0 8px; }
            .content .main_problem .m .heads .back a span {
              font-size: 14px;
              color: #343434;
              margin-left: 8px; }
            .content .main_problem .m .heads .back a i {
              width: 16px;
              height: 16px;
              background-image: url(../images/prob.png);
              background-size: 100% 100%; }
        .content .main_problem .m .heads p {
          font-size: 20px;
          color: #1B1B1B;
          margin-left: 24px;
          font-weight: bold; }
      .content .main_problem .m .box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 32px; }
        .content .main_problem .m .box .item {
          width: 32%;
          margin-right: 2%; }
          .content .main_problem .m .box .item:nth-child(3n) {
            margin-right: 0; }
          .content .main_problem .m .box .item .label {
            overflow: hidden;
            width: 100%;
            background: #fff;
            border-radius: 2px;
            margin-bottom: 24px; }
            .content .main_problem .m .box .item .label .title {
              width: 100%;
              height: 48px;
              display: flex;
              transition: all .1s;
              align-items: center;
              justify-content: space-between;
              cursor: pointer;
              padding: 0 16px 0 0; }
              .content .main_problem .m .box .item .label .title:hover {
                background: #E1E5EB; }
              .content .main_problem .m .box .item .label .title.on i {
                transform: rotate(180deg); }
              .content .main_problem .m .box .item .label .title div {
                font-size: 16px;
                color: #1B1B1B;
                font-weight: bold;
                padding-left: 16px;
                position: relative;
                width: 70%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
                .content .main_problem .m .box .item .label .title div::after {
                  content: '';
                  width: 4px;
                  height: 20px;
                  background: #FF5E00;
                  position: absolute;
                  left: 0;
                  top: 50%;
                  transform: translateY(-50%); }
              .content .main_problem .m .box .item .label .title i {
                width: 16px;
                height: 16px;
                background-size: 100% 100%;
                background-image: url(../images/prob1.png);
                transition: all .2s; }
            .content .main_problem .m .box .item .label .slide {
              width: calc(100% - 32px);
              margin: 0 auto;
              border-top: 1px solid #E7E7E7;
              padding: 15px 0 12px 0;
              display: none; }
              .content .main_problem .m .box .item .label .slide a {
                width: 100%;
                height: 100%;
                display: block; }
              .content .main_problem .m .box .item .label .slide span {
                display: block;
                font-size: 14px;
                color: #4E4E4E;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
                line-height: 1.71; }
              .content .main_problem .m .box .item .label .slide .more {
                display: flex;
                justify-content: flex-end;
                margin-top: 10px; }
                .content .main_problem .m .box .item .label .slide .more div {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-size: 14px;
                  color: #fff;
                  background: #0E0E0E;
                  border-radius: 4px;
                  width: 72px;
                  height: 36px;
                  transition: all .1s; }
                  .content .main_problem .m .box .item .label .slide .more div:hover {
                    opacity: .8; }
                  .content .main_problem .m .box .item .label .slide .more div i {
                    width: 16px;
                    height: 16px;
                    margin-left: 4px;
                    background-size: 100% 100%;
                    background-image: url(../images/prob2.png); }
  .content .main_product {
    width: 100%;
    position: sticky;
    left: 0;
    z-index: 991;
    top: 65px;
    background: #f5f7fc; }
    .content .main_product.on {
      box-shadow: 0px 3px 6px 0px rgba(22, 24, 28, 0.06); }
    .content .main_product.on .m .item span {
      display: none; }
    .content .main_product.on .m .item .picture {
      transform: scale(0);
      height: 0; }
    .content .main_product.on .m .item .btn {
      margin-top: 20px; }
    .content .main_product .m {
      width: 1200px;
      display: flex;
      margin: 0 auto; }
      .content .main_product .m .item {
        width: 25%;
        transition: all .15s;
        padding: 24px 12px 16px 12px;
        cursor: pointer;
        position: relative; }
        .content .main_product .m .item:hover {
          background: #EAEDF5; }
        .content .main_product .m .item.active {
          background: #fff; }
          .content .main_product .m .item.active::after {
            content: var(--main-dangqian);
            width: 48px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0 20px 20px 0;
            background: #212224;
            font-size: 14px;
            color: #fff;
            position: absolute;
            left: 0;
            top: 24px; }
          .content .main_product .m .item.active p {
            font-weight: bold; }
          .content .main_product .m .item.active .btn {
            background: #212224;
            border: 1px solid #212224; }
            .content .main_product .m .item.active .btn a {
              color: #fff; }
              .content .main_product .m .item.active .btn a i {
                background-image: url(../images/rw.png); }
        .content .main_product .m .item p {
          text-align: center;
          font-size: 18px;
          margin-bottom: 12px;
          color: #505257; }
        .content .main_product .m .item span {
          display: block;
          text-align: center;
          font-size: 12px;
          margin-top: 12px;
          color: #81858E; }
        .content .main_product .m .item .picture {
          width: 96px;
          height: 96px;
          margin: 0 auto;
          margin-top: 8px;
          position: relative;
          display: flex;
          transition: all .3s;
          align-items: center;
          justify-content: center; }
          .content .main_product .m .item .picture div {
            height: 24px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 40px;
            padding: 0 8px;
            font-size: 12px;
            border: 1px solid #fff;
            white-space: nowrap;
            color: #fff;
            position: absolute;
            left: 86%;
            top: 12px;
            background: #1074F8; }
            .content .main_product .m .item .picture div.hot {
              background: #FF1A39; }
            .content .main_product .m .item .picture div.z {
              background: #808080; }
          .content .main_product .m .item .picture img {
            max-width: 100%;
            max-height: 100%; }
        .content .main_product .m .item .btn {
          width: 80px;
          height: 32px;
          margin: 0 auto;
          position: relative;
          border: 1px solid #81858E;
          border-radius: 40px;
          margin-top: 8px;
          transition: all .1s; }
          .content .main_product .m .item .btn:hover {
            background: #212224; }
            .content .main_product .m .item .btn:hover a {
              color: #fff; }
              .content .main_product .m .item .btn:hover a i {
                background-image: url(../images/rw.png); }
          .content .main_product .m .item .btn a {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            font-size: 12px;
            color: #212224; }
            .content .main_product .m .item .btn a i {
              width: 16px;
              height: 16px;
              background-image: url(../images/r.png);
              background-repeat: no-repeat;
              background-size: 100% 100%; }
  .content .head {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .content .head p {
      font-size: 20px;
      color: #0E0E0E;
      font-weight: bold; }
      .content .head p em {
        font-weight: normal;
        font-size: 18px;
        color: #1B1B1B;
        margin-left: 6px; }
    .content .head span {
      display: block;
      font-size: 14px;
      color: #999999; }
  .content .zl-scrollBarBox {
    height: 100%;
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%);
    background: #f3f3f3; }
  .content .zl-scrollBar {
    position: absolute;
    left: 0;
    top: 0;
    background: #848484;
    transition: background 0.3s; }
  .content .zl-scrollBar.zl-verticalBar {
    min-height: 10px; }
  .content .zl-scrollBar.zl-horizontalBar {
    min-width: 10px; }
  .content .zl-scrollBar:hover {
    background: #000; }
  .content .zl-scrollContentDiv {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    top: 0;
    left: 0; }
  .content .main_table {
    overflow: hidden;
    width: 100%;
    padding: 48px 0 0 0; }
    .content .main_table .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_table .m .box {
        width: 100%;
        margin-top: 24px;
        font-size: 12px;
        position: relative;
        padding-bottom: 26px;
        overflow: hidden;
        overflow-x: auto;
          
      }
        .content .main_table .m .box::-webkit-scrollbar {
          height: 5px;
          border-radius: 5px;
          background: #F5F6F8; }
        .content .main_table .m .box::-webkit-scrollbar-thumb {
          border-radius: 5px;
          background: #343434; }
        .content .main_table .m .box table {
          width: 1800px;
          border-top: 1px solid #DAE0E7;
          border-right: 1px solid #DAE0E7; }
          .content .main_table .m .box table tbody {
            width: 100%; }
          .content .main_table .m .box table tr {
            width: 100%; }
            .content .main_table .m .box table tr.active td {
              background: #404246;
              color: #EFF1F3; }
              .content .main_table .m .box table tr.active td:first-child {
                color: #fff; }
            .content .main_table .m .box table tr th {
              font-size: 14px;
              color: #1B1B1B;
              text-align: left;
              background: #F5F7FC;
              padding: 6px 11px;
              line-height: 20px;
              border-bottom: 1px solid #DAE0E7;
              border-left: 1px solid #DAE0E7;
              position: relative; }
              .content .main_table .m .box table tr th span {
                font-size: 14px;
                color: #4E4E4E;
                position: absolute;
                padding: 0 13px;
                display: block;
                z-index: 9;
                box-sizing: border-box; }
                .content .main_table .m .box table tr th span.s {
                  left: 0;
                  bottom: 10px; }
                .content .main_table .m .box table tr th span.s1 {
                  right: 0;
                  top: 10px; }
              .content .main_table .m .box table tr th:first-child {
                width: 65px;
                position: sticky;
                left: 0;
                z-index: 1; }
                .content .main_table .m .box table tr th:first-child::after {
                  content: '';
                  position: absolute;
                  left: 0;
                  bottom: 0;
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 72px 0 0 90px;
                  border-color: transparent  transparent  transparent #fff; }
            .content .main_table .m .box table tr td {
              font-size: 14px;
              color: #4E4E4E;
              transition: all .08s;
              background: #fff;
              padding: 16px 11px;
              line-height: 20px;
              border-bottom: 1px solid #DAE0E7;
              border-left: 1px solid #DAE0E7;
              position: relative; }
              .content .main_table .m .box table tr td:first-child {
                text-align: center;
                font-weight: bold;
                color: #1B1B1B;
                position: sticky;
                left: 0;
                z-index: 1; }
  .content .main_model {
    width: 100%;
    overflow: hidden;
    padding: 48px 0 68px 0; }
    .content .main_model .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_model .m .fadein {
        width: 100%; }
        .content .main_model .m .fadein .item {
          width: 100%;
          margin-top: 24px;
          box-shadow: 0 6px 10px rgba(0, 0, 0, 0.02);
          border-radius: 4px;
          position: relative;
          background: #fff;
          border: 1px solid #81858E;
          display: flex; }
          .content .main_model .m .fadein .item .icon {
            display: flex;
            align-items: center; }
            .content .main_model .m .fadein .item .icon i {
              width: 24px;
              height: 24px;
              display: block;
              background-image: url(../images/ggs.png);
              background-size: 100% 100%;
              margin-right: 8px; }
            .content .main_model .m .fadein .item .icon span {
              font-size: 18px;
              color: #0E0E0E;
              font-weight: bold; }
          .content .main_model .m .fadein .item .service {
            width: 48%;
            padding: 19px 16px;
            background: #F9F9F9; }
            .content .main_model .m .fadein .item .service .icon i {
              background-image: url(../images/ggs1.png); }
            .content .main_model .m .fadein .item .service .children {
              width: 100%;
              margin-top: 20px; }
              .content .main_model .m .fadein .item .service .children .items {
                width: 100%;
                position: relative;
                padding: 24px 16px;
                display: flex;
                align-items: flex-start; }
                .content .main_model .m .fadein .item .service .children .items::after {
                  content: '';
                  width: 26px;
                  height: 26px;
                  background-image: url(../images/zs3s.png);
                  background-size: 100% 100%;
                  position: absolute;
                  right: 0;
                  top: 16px; }
                .content .main_model .m .fadein .item .service .children .items:first-child {
                  border-bottom: 1px solid #E1E1E1; }
                .content .main_model .m .fadein .item .service .children .items .icons {
                  width: 24px;
                  height: 24px;
                  background-size: 100%;
                  background-repeat: no-repeat;
                  background-position: center center;
                  display: block;
                  transform: translateY(-3px); }
                  .content .main_model .m .fadein .item .service .children .items .icons.icon1 {
                    background-image: url(../images/zs4s.png); }
                  .content .main_model .m .fadein .item .service .children .items .icons.icon2 {
                    background-image: url(../images/zss.png); }
                  .content .main_model .m .fadein .item .service .children .items .icons.icon3 {
                    background-image: url(../images/zs1s.png); }
                  .content .main_model .m .fadein .item .service .children .items .icons.icon4 {
                    background-image: url(../images/zs2s.png); }
                .content .main_model .m .fadein .item .service .children .items .grow {
                  flex: 1;
                  padding-left: 15px; }
                  .content .main_model .m .fadein .item .service .children .items .grow .t {
                    display: flex;
                    align-items: center; }
                    .content .main_model .m .fadein .item .service .children .items .grow .t p {
                      font-size: 14px;
                      color: #212224;
                      font-weight: bold; }
                    .content .main_model .m .fadein .item .service .children .items .grow .t div {
                      display: flex;
                      align-items: center;
                      font-size: 14px;
                      color: #FF6F00;
                      margin-left: 15px; }
                      .content .main_model .m .fadein .item .service .children .items .grow .t div img {
                        margin-right: 6px; }
                  .content .main_model .m .fadein .item .service .children .items .grow > i {
                    display: block;
                    font-size: 14px;
                    color: #81858E;
                    margin-top: 10px; }
                  .content .main_model .m .fadein .item .service .children .items .grow em {
                    display: block;
                    font-size: 14px;
                    font-weight: bold;
                    color: #000;
                    margin-top: 10px; }
                    .content .main_model .m .fadein .item .service .children .items .grow em i {
                      color: #FF6F00;
                      font-size: 14px;
                      margin-left: 5px; }
          .content .main_model .m .fadein .item .gg {
            width: 52%;
            padding: 19px 16px;
            padding-bottom: 40px; }
            .content .main_model .m .fadein .item .gg .children {
              width: 100%; }
              .content .main_model .m .fadein .item .gg .children .labels {
                width: 100%;
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                margin-top: 16px; }
                .content .main_model .m .fadein .item .gg .children .labels .font {
                  font-size: 16px;
                  line-height: 40px;
                  width: 152px;
                  padding-left: 32px;
                  color: #1B1B1B;
                  box-sizing: border-box;
                  padding-top: 16px; }
                .content .main_model .m .fadein .item .gg .children .labels .change {
                  overflow: hidden;
                  flex: 1;
                  display: flex;
                  align-items: center; }
                  .content .main_model .m .fadein .item .gg .children .labels .change em {
                    font-size: 14px;
                    color: #81858E;
                    margin-top: 16px;
                    margin-left: 23px; }
                  .content .main_model .m .fadein .item .gg .children .labels .change .swi {
                    width: 144px;
                    height: 40px;
                    margin-top: 16px;
                    display: flex;
                    justify-content: space-between;
                    border: 1px solid #EFF1F3; }
                    .content .main_model .m .fadein .item .gg .children .labels .change .swi div {
                      width: 40px;
                      height: 100%;
                      cursor: pointer;
                      background-color: #EFF1F3;
                      display: flex;
                      align-items: center;
                      justify-content: center; }
                      .content .main_model .m .fadein .item .gg .children .labels .change .swi div:last-child i {
                        background-image: url(../images/ggs2.png); }
                      .content .main_model .m .fadein .item .gg .children .labels .change .swi div i {
                        width: 18px;
                        height: 18px;
                        background-size: 100%;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-image: url(../images/ggs3.png);
                        display: block; }
                    .content .main_model .m .fadein .item .gg .children .labels .change .swi input {
                      width: calc(100% - 80px);
                      height: 100%;
                      text-align: center;
                      font-size: 16px;
                      color: #212224;
                      border: none;
                      font-weight: bold;
                      background: none; }
                  .content .main_model .m .fadein .item .gg .children .labels .change .ls {
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap; }
                    .content .main_model .m .fadein .item .gg .children .labels .change .ls div {
                      width: 120px;
                      height: 40px;
                      cursor: pointer;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      transition: all .08s;
                      font-size: 14px;
                      color: #212224;
                      background: #F5F7FC;
                      border-radius: 2px;
                      margin-right: 24px;
                      margin-top: 16px; }
                      .content .main_model .m .fadein .item .gg .children .labels .change .ls div.on {
                        background: #212224;
                        color: #fff; }
      .content .main_model .m ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap; }
        .content .main_model .m ul li {
          width: 23.5%;
          margin-right: 2%;
          margin-top: 24px;
          background: #F5F7FC;
          border: 1px solid #F5F7FC;
          border-radius: 4px;
          position: relative;
          padding: 16px 16px 12px 16px;
          z-index: 9;
          cursor: pointer;
          transition: all .1s; }
          .content .main_model .m ul li:nth-child(4n) {
            margin-right: 0; }
          .content .main_model .m ul li:hover {
            background: #fff;
            border: 1px solid #505257; }
          .content .main_model .m ul li.on {
            background: #212224;
            border: 1px solid #212224; }
            .content .main_model .m ul li.on::after {
              content: '';
              width: 24px;
              height: 12px;
              background-size: 100% 100%;
              background-image: url(../images/sj_03.jpg);
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              bottom: -26px; }
            .content .main_model .m ul li.on p {
              color: #fff; }
            .content .main_model .m ul li.on span {
              color: #BBC0CC; }
          .content .main_model .m ul li p {
            font-size: 16px;
            font-weight: bold;
            line-height: 1.3;
            color: #212224; }
          .content .main_model .m ul li span {
            display: block;
            font-size: 14px;
            color: #81858E;
            line-height: 1.71;
            margin-top: 12px; }
  .content .nulls {
    height: 104px; }
  .content .footer {
    width: 100%;
    height: 104px;
    background: #fff;
    box-shadow: 0px -3px 6px 0px rgba(14, 14, 14, 0.08);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99991; }
    .content .footer .m {
      width: 1200px;
      height: 100%;
      display: flex;
      margin: 0 auto;
      align-items: center;
      justify-content: space-between; }
      .content .footer .m .link {
        display: block;
        font-size: 16px;
        transition: all .1s;
        color: #0E0E0E;
        display: none;
        text-decoration: underline; }
        .content .footer .m .link:hover {
          color: #E7B352; }
      .content .footer .m .fl .t {
        display: flex;
        align-items: flex-end; }
        .content .footer .m .fl .t .price {
          display: block;
          font-size: 22px;
          font-weight: bold;
          color: #BB1723;
          line-height: 1; }
          .content .footer .m .fl .t .price span {
            font-size: 22px;
            font-weight: bold;
            margin-right: 8px; }
          .content .footer .m .fl .t .price em {
            font-size: 28px;
            font-weight: bold;
            display: inline-block;
            line-height: 1; }
        .content .footer .m .fl .t > .d {}
        .content .footer .m .fl .t .d {
          font-size: 14px;
          color: #1B1B1B;
          margin-left: 11px; }
          .content .footer .m .fl .t .d em {
            color: #BB1723; }
          .content .footer .m .fl .t .d i {
            color: #FF7003; }
        .content .footer .m .fl .t .btntype {
          display: flex;
          align-items: center;
          display: none;
          height: 32px;
          border-radius: 40px;
          padding: 0 8px;
          margin-left: 16px;
          cursor: pointer;
          background: #F5F7FC;
          border: 1px solid #E0E2E6; }
          .content .footer .m .fl .t .btntype.on {
            background: #fff; }
            .content .footer .m .fl .t .btntype.on .check {
              background-image: url(../images/fs1.png); }
          .content .footer .m .fl .t .btntype .check {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border: 1px solid #81858E;
            background-size: 100% 100%; }
          .content .footer .m .fl .t .btntype span {
            font-size: 14px;
            margin: 0 8px 0 6px;
            color: #212224; }
          .content .footer .m .fl .t .btntype i {
            width: 16px;
            height: 16px;
            background-image: url(../images/r.png);
            background-size: 100% 100%; }
        .content .footer .m .fl .t .mx {
          display: flex;
          align-items: center;
          display: none;
          cursor: pointer; }
          .content .footer .m .fl .t .mx.on i {
            transform: rotate(180deg); }
          .content .footer .m .fl .t .mx i {
            width: 24px;
            height: 24px;
            background-image: url(../images/fs.png);
            background-size: 100% 100%;
            transition: all .1s;
            margin-left: 7px; }
      .content .footer .m .fl .desc {
        display: block;
        font-size: 12px;
        margin-top: 10px;
        color: #81858E; }
      .content .footer .m .btn_grow {
        display: flex;
        align-items: center; }
        .content .footer .m .btn_grow div {
          width: 160px;
          height: 64px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          font-size: 16px;
          font-weight: bold;
          border-radius: 4px;
          margin-left: 32px;
          border: 1px solid #CCCCCC;
          transition: all .1s; }
          .content .footer .m .btn_grow div:hover {
            opacity: 0.8; }
          .content .footer .m .btn_grow div:first-child {
            margin-left: 0; }
          .content .footer .m .btn_grow div.on {
            background: #CECECE;
            color: #fff;
            border: 1px solid #CECECE; }
            .content .footer .m .btn_grow div.on.active {
              background: #0E0E0E;
              color: #fff; }
          .content .footer .m .btn_grow div i {
            width: 32px;
            height: 32px;
            background-image: url(../images/cart.png);
            background-size: 100% 100%;
            margin-right: 6px; }
          .content .footer .m .btn_grow div span {
            font-size: 16px;
            font-weight: bold;
            color: #0E0E0E; }
  .content .fadein_font {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(33, 34, 36, 0.4);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .content .fadein_font.black .box {
      background: #282B36; }
      .content .fadein_font.black .box .head {
        border-bottom: 1px solid #303443; }
        .content .fadein_font.black .box .head p {
          color: #fff; }
        .content .fadein_font.black .box .head i {
          background-image: url(../images/closes.png); }
      .content .fadein_font.black .box .children p {
        color: #fff; }
      .content .fadein_font.black .box .children div::-webkit-scrollbar {
        width: 5px;
        border-radius: 5px;
        background: #2B2F3B; }
      .content .fadein_font.black .box .children div::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #7A8094; }
      .content .fadein_font.black .box .children div span {
        color: #C7CDDC; }
      .content .fadein_font.black .box .button div {
        color: #FF5E00;
        background: #FFF3EC;
        border: 1px solid #FFF3EC; }
        .content .fadein_font.black .box .button div.on {
          background: #FF5E00;
          border: 1px solid #FF5E00;
          color: #fff; }
    .content .fadein_font .box {
      width: 800px;
      overflow: hidden;
      border-radius: 8px;
      box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
      background: #fff;
      padding: 0 30px;
      padding-bottom: 30px; }
      .content .fadein_font .box .head {
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #F3F5F6; }
        .content .fadein_font .box .head p {
          font-size: 18px;
          color: #0E0E0E;
          font-weight: bold; }
        .content .fadein_font .box .head i {
          width: 24px;
          height: 24px;
          background-size: 100% 100%;
          cursor: pointer;
          background-image: url(../images/close.png); }
      .content .fadein_font .box .children {
        overflow: hidden;
        padding: 19px 0 0 0; }
        .content .fadein_font .box .children p {
          text-align: center;
          font-size: 20px;
          font-weight: bold;
          color: #1B1B1B; }
        .content .fadein_font .box .children div {
          overflow: auto;
          width: 100%;
          max-height: 414px;
          padding-right: 20px; }
          .content .fadein_font .box .children div::-webkit-scrollbar {
            width: 5px;
            border-radius: 5px;
            background: #F5F6F8; }
          .content .fadein_font .box .children div::-webkit-scrollbar-thumb {
            border-radius: 5px;
            background: #343434; }
          .content .fadein_font .box .children div span {
            display: block;
            font-size: 14px;
            color: #343434;
            margin-top: 24px;
            line-height: 1.8;
            text-indent: 20px; }
      .content .fadein_font .box .button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 32px; }
        .content .fadein_font .box .button div {
          width: 96px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 4px;
          cursor: pointer;
          margin: 0 16px;
          font-size: 14px;
          color: #0E0E0E;
          border: 1px solid #CCCCCC; }
          .content .fadein_font .box .button div.on {
            background: #0E0E0E;
            border: 1px solid #0E0E0E;
            color: #fff; }
  .content .fadein_box {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(33, 34, 36, 0.4);
    z-index: 9999;
    padding-bottom: 104px;
    display: flex;
    align-items: flex-end; }
    .content .fadein_box.black .box {
      background: #222631; }
      .content .fadein_box.black .box .m .tit {
        color: #fff; }
      .content .fadein_box.black .box .m .info div p {
        color: #C7CDDC; }
      .content .fadein_box.black .box .m .info div span {
        color: #fff; }
        .content .fadein_box.black .box .m .info div span.x {
          color: #00A2FF; }
        .content .fadein_box.black .box .m .info div span.s {
          color: #FF6F00; }
      .content .fadein_box.black .box .m .info em {
        color: #C7CDDC; }
    .content .fadein_box .box {
      width: 100%;
      background: #F5F6F8;
      padding: 30px 0; }
      .content .fadein_box .box .m {
        width: 1200px;
        margin: 0 auto; }
        .content .fadein_box .box .m .tit {
          font-size: 20px;
          color: #1B1B1B;
          font-weight: bold; }
        .content .fadein_box .box .m .info {
          display: flex;
          margin-top: 16px;
          align-items: flex-end; }
          .content .fadein_box .box .m .info em {
            font-size: 22px;
            color: #1B1B1B;
            font-weight: bold;
            margin-right: 45px; }
          .content .fadein_box .box .m .info div {
            overflow: hidden;
            margin-right: 45px; }
            .content .fadein_box .box .m .info div p {
              font-size: 14px;
              color: #343434; }
            .content .fadein_box .box .m .info div span {
              display: block;
              font-size: 20px;
              color: #1B1B1B;
              font-weight: bold;
              margin-top: 12px; }
              .content .fadein_box .box .m .info div span.x {
                color: #FF5E00; }
              .content .fadein_box .box .m .info div span.s {
                color: #BB1723; }

@media (max-width: 1300px) {
  .m {
    width: 90% !important; } }
@media (max-width: 1000px) {
  .m {
    width: 100% !important; }

  .content .header {
    height: 1rem; }

  .content .null {
    height: 1rem; }

  .content .header .m {
    padding: 0 .24rem; }
    .content .header .m .logo {
      width: 1.68rem;
      height: .56rem; }
    .content .header .m .icon i {
      width: .48rem;
      height: .48rem;
      margin-left: .48rem;
      background-size: 100% 100%; }

  .content .main_table .m .box {
    overflow: hidden;
    overflow-x: auto; }
    .content .main_table .m .box table {
      width: 30rem;
      display: inline-block; }

  .content .main_product.on .m .item.active::after {
    top: .76rem; }

  .content .main_table {
    padding: .48rem .24rem 0 .24rem; }

  .content .main_table .m .box table tr th {
    font-size: .24rem;
    padding: .12rem .22rem; }

  .content .main_table .m .box table tr td {
    font-size: .24rem;
    padding: .28rem .22rem; }

  .content .head p {
    font-size: .32rem; }

  .content .main_model {
    padding: .48rem .24rem .47rem .24rem; }

  .content .head p em {
    font-size: .28rem; }

  .content .head span {
    font-size: .24rem;
    display: none; }

  .content .main_model .m ul {
    justify-content: space-between; }

  .content .main_model .m ul li {
    width: 3.38rem;
    border-radius: .08rem;
    padding: .2rem .24rem .18rem .24rem;
    margin-right: 0;
    margin-top: .24rem; }
    .content .main_model .m ul li p {
      font-size: .28rem; }
    .content .main_model .m ul li span {
      margin-top: .13rem;
      font-size: .24rem;
      word-break: break-all;
      line-height: 1.5; }

  .content .nulls {
    height: 1.13rem; }

  .content .footer {
    height: 1.13rem; }

  .content .footer .m {
    padding: 0 .24rem; }

  .content .footer .m .fl .t .price {
    font-size: .24rem; }

  .content .footer .m .fl .t .price em {
    font-size: .36rem; }

  .content .footer .m .fl .t .price span {
    font-size: .24rem; }

  .content .footer .m .fl .desc {
    font-size: .2rem;
    margin-top: .15rem; }

  .content .footer .m .btn_grow div {
    width: 1.92rem;
    margin-left: .24rem;
    font-size: .24rem;
    height: .8rem; }
    .content .footer .m .btn_grow div span {
      font-size: .24rem; }
    .content .footer .m .btn_grow div i {
      width: .4rem;
      height: .4rem;
      background-size: 100% 100%; }

  .content .footer .m .fl .t > .d {
    font-size: .2rem;
    display: none; }

  .content .main_model .m .fadein {
    width: 100%;
    position: fixed;
    left: 0;
    height: 100%;
    top: 0;
    background: rgba(33, 34, 36, 0.4);
    z-index: 999; }

  .content .main_model .m .fadein .item {
    max-height: 80vh;
    overflow: hidden;
    overflow-y: auto;
    border-radius: .24rem .24rem 0 0;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0; }

  .content .main_model .m .fadein .item .gg {
    width: 100%;
    padding: .21rem .24rem; }

  .content .main_model .m .fadein .item .icon i {
    width: .4rem;
    height: .4rem;
    margin-right: .08rem; }

  .content .main_model .m .fadein .item .icon span {
    font-size: .32rem; }

  .content .main_model .m .fadein .item .gg .children .labels {
    margin-top: .24rem; }

  .content .main_model .m .fadein .item .gg .children {
    margin-top: .24rem; }

  .content .main_model .m .fadein .item .gg .children .labels .font {
    font-size: .28rem;
    width: 1.75rem;
    padding: 0;
    line-height: .64rem;
    padding-top: .24rem; }

  .content .main_model .m .fadein .item .gg .children .labels .change .swi {
    width: 2.3rem;
    height: .64rem;
    margin-top: .24rem; }
    .content .main_model .m .fadein .item .gg .children .labels .change .swi div {
      height: .64rem;
      width: .64rem; }
      .content .main_model .m .fadein .item .gg .children .labels .change .swi div i {
        background-size: .29rem; }

  .content .main_model .m .fadein .item .gg .children .labels .change .swi input {
    width: calc(100% - 1.28rem);
    height: 100%;
    font-size: .28rem; }

  .content .main_model .m .fadein .item .gg .children .labels .change em {
    font-size: .24rem;
    margin-left: .25rem;
    margin-top: .12rem; }

  .content .main_model .m .fadein .item .service {
    width: 100%;
    padding: .21rem .24rem;
    margin-top: .2rem;
    padding-bottom: 2rem; }

  .closeb {
    height: .32rem;
    width: .32rem;
    position: absolute;
    right: .24rem;
    top: .24rem;
    display: block;
    background-image: url(../images/closeb.png);
    z-index: 9;
    background-size: 100% 100%; }

  .content .main_model .m .fadein .item .service .children .items {
    padding: .2rem .06rem; }

  .content .main_model .m .fadein .item .service .children .items .icons {
    width: .35rem;
    height: .35rem; }

  .content .main_model .m .fadein .item .service .children .items .grow {
    padding-left: .2rem; }

  .content .main_model .m .fadein .item .service .children .items .grow .t p {
    font-size: .26rem; }

  .content .main_model .m .fadein .item .service .children .items .grow .t div {
    font-size: .26rem; }

  .content .main_model .m .fadein .item .service .children .items .grow em {
    font-size: .26rem; }

  .content .main_model .m .fadein .item .service .children .items .grow em i {
    font-size: .24rem;
    margin-left: 0; }

  .content .main_model .m .fadein .item .service .children .items::after {
    width: .4rem;
    height: .4rem;
    top: .1rem; }

  .content .main_model .m .fadein .item .service .children .items .grow > i {
    font-size: .26rem; }

  .content .main_model .m .fadein .item .gg .children .labels .change .ls div {
    width: 1.58rem;
    height: .64rem;
    font-size: .27rem;
    margin-right: .24rem;
    margin-top: .24rem; }
    .content .main_model .m .fadein .item .gg .children .labels .change .ls div:nth-child(3n) {
      margin-right: 0; }

  .mobile_ls {
    display: flex;
    align-items: center;
    height: .7rem;
    position: fixed;
    left: 0;
    bottom: 1.13rem;
    background: rgba(33, 34, 36, 0.8);
    z-index: 999;
    width: 100%;
    padding: 0 .24rem;
    justify-content: space-between; }
    .mobile_ls.black .fl .btntype {
      background: #191C25;
      border: 1px solid #272A36; }
      .mobile_ls.black .fl .btntype .check {
        background: #0E0E0E;
        border: 1px solid #81858E; }
      .mobile_ls.black .fl .btntype span {
        color: #fff; }
      .mobile_ls.black .fl .btntype.on {
        background: #3D4047;
        border: 1px solid #3D4047; }
        .mobile_ls.black .fl .btntype.on .check {
          border: none;
          background-size: 100% 100%; }
    .mobile_ls .link {
      display: block;
      font-size: .28rem;
      color: #fff;
      text-decoration: underline; }
    .mobile_ls .fl {
      display: flex;
      align-items: center; }
      .mobile_ls .fl .btntype {
        display: flex;
        align-items: center;
        height: .48rem;
        border-radius: .4rem;
        padding: 0 .16rem;
        margin-right: .24rem;
        cursor: pointer;
        background: #4D5058;
        border: 1px solid #6E7585; }
        .mobile_ls .fl .btntype.on {
          background: #FF5E00;
          border: 1px solid #FF5E00; }
          .mobile_ls .fl .btntype.on .check {
            background-image: url(../images/bbs.png);
            border: none; }
        .mobile_ls .fl .btntype .check {
          width: .24rem;
          height: .24rem;
          border-radius: 50%;
          border: 1px solid #81858E;
          background: #2F3137;
          background-size: 100% 100%; }
        .mobile_ls .fl .btntype span {
          font-size: .2rem;
          margin: 0 .08rem 0 .06rem;
          color: #fff; }
        .mobile_ls .fl .btntype i {
          width: .24rem;
          height: .24rem;
          background-image: url(../images/rs.png);
          background-size: 100% 100%; }

  .content .footer .m .fl .t .price span {
    margin-right: .03rem; }

  .content .footer .m .fl .t .btntype {
    display: none; }

  .content .footer .m .link {
    display: none; }

  .content .footer .m .fl .t .mx {
    display: none; }
    .content .footer .m .fl .t .mx .d {
      font-size: .24rem; }

  .content .footer .m .fl .t .mx i {
    width: .24rem;
    height: .24rem; }

  .content .main_product.on .m .item .btn {
    margin-top: .24rem; }

  .content .main_table .m .box {
    margin-top: .3rem;
    padding-bottom: .3rem; }

  .content .main_product {
    top: 1rem; }
    .content .main_product .m {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      overflow-x: auto; }
      .content .main_product .m .item {
        display: inline-block;
        width: 2.96rem;
        padding: .24rem .1rem .16rem 0; }
        .content .main_product .m .item.active::after {
          height: .4rem;
          font-size: .2rem;
          left: 0;
          top: 1.18rem;
          width: .64rem; }
        .content .main_product .m .item p {
          font-size: .28rem;
          color: #505257;
          margin-bottom: .16rem; }
        .content .main_product .m .item span {
          font-size: .2rem; }
        .content .main_product .m .item .picture {
          width: 1.28rem;
          height: 1.28rem;
          margin-top: .12rem; }
          .content .main_product .m .item .picture div {
            height: .4rem;
            font-size: .2rem;
            top: .12rem;
            padding: 0 .12rem; }
        .content .main_product .m .item .btn {
          width: 1.2rem;
          height: .48rem;
          margin-top: .1rem; }
          .content .main_product .m .item .btn a {
            font-size: .2rem; }
          .content .main_product .m .item .btn i {
            width: .16rem;
            height: .16rem;
            margin-left: 0; }

  .content .main_model .m .fadein .item .gg .children .labels .changes {
    display: block;
    overflow: hidden;
    flex: 1;
    padding-top: .24rem; }
    .content .main_model .m .fadein .item .gg .children .labels .changes .l {
      width: 100%;
      padding: .13rem .12rem;
      font-size: .28rem;
      color: #fff;
      border-radius: .04rem;
      background: #212224;
      margin-bottom: .24rem; }
    .content .main_model .m .fadein .item .gg .children .labels .changes em {
      display: block;
      font-size: .2rem;
      padding: 0 .16rem;
      box-sizing: border-box;
      color: #81858E; }

  .content .fadein_font .box {
    width: 6.4rem;
    border-radius: .24rem;
    padding: 0 .24rem; }
    .content .fadein_font .box .head {
      height: .85rem; }
      .content .fadein_font .box .head p {
        font-size: .32rem; }
      .content .fadein_font .box .head i {
        width: .32rem;
        height: .32rem; }

  .content .fadein_font .box .children {
    padding-top: .27rem; }
    .content .fadein_font .box .children p {
      font-size: .28rem; }

  .content .fadein_font .box .children div {
    max-height: 5.7rem;
    margin-top: .24rem; }

  .content .fadein_font .box .button {
    margin-top: .34rem; }
    .content .fadein_font .box .button div {
      width: 1.6rem;
      height: .64rem;
      font-size: .24rem; }

  .content .fadein_font .box {
    padding-bottom: .32rem; }

  .content .fadein_font .box .children div span {
    margin-top: 0;
    font-size: .24rem;
    text-indent: .3rem;
    margin-bottom: .24rem; }

  .content .main_model {
    padding-bottom: 1.6rem; }

  .content .main_model .m .fadein .item .gg .children .labels .changes .l {
    background: #3D4047; }

  .content .main_model .m .fadein .item .gg .children .labels .changes em {
    color: #8B92A5; }

  .content .main_problem .m .heads {
    display: none; }

  .content .main_problem {
    min-height: calc(100vh - 1rem);
    padding: 0 .24rem; }
    .content .main_problem .m .box {
      width: 100%;
      margin: 0;
      padding-bottom: .3rem; }
      .content .main_problem .m .box .item {
        width: 100%;
        margin: 0; }
        .content .main_problem .m .box .item .label {
          margin-bottom: 0;
          margin-top: .24rem; }
          .content .main_problem .m .box .item .label .title {
            height: .88rem;
            padding: 0 .16rem 0 0; }
            .content .main_problem .m .box .item .label .title div {
              padding-left: .28rem;
              font-size: .28rem; }
              .content .main_problem .m .box .item .label .title div::after {
                content: '';
                width: .04rem;
                height: .4rem; }
            .content .main_problem .m .box .item .label .title i {
              width: .48rem;
              height: .48rem;
              background-image: url(../images/ddx.png); }
          .content .main_problem .m .box .item .label .slide {
            width: calc(100% - .16rem - .24rem);
            margin: 0 auto;
            padding: .24rem 0 .27rem 0; }
            .content .main_problem .m .box .item .label .slide span {
              font-size: .24rem; }
            .content .main_problem .m .box .item .label .slide .more {
              margin-top: .32rem; }
              .content .main_problem .m .box .item .label .slide .more a {
                width: 1.04rem;
                color: #fff;
                height: .56rem;
                font-size: 24rem; }
                .content .main_problem .m .box .item .label .slide .more a i {
                  width: .24rem;
                  height: .24rem; }

  .content .fadein_box .box {
    padding: .3rem .24rem; }

  .content .fadein_box .box .m .tit {
    font-size: .3rem; }

  .content .fadein_box {
    padding-bottom: 1.13rem; }

  .content .fadein_box .box .m .info {
    justify-content: space-between; }

  .content .fadein_box .box .m .info div {
    margin: 0; }

  .content .fadein_box .box .m .info em {
    margin: 0;
    font-size: .26rem; }

  .content .fadein_box .box .m .info div p {
    font-size: .26rem; }

  .content .fadein_box .box .m .info div span {
    font-size: .3rem; }

  .content .main_table .m .box table {
    width: 22rem; }

  .header .m .icon i span {
    display: none !important; } }

/*# sourceMappingURL=css.css.map */