@charset "UTF-8";

h1, h2, h3, h4, h5, h6 {

  font-weight: normal;

  margin: 0;

  padding: 0; }



ul, ul li {

  font-weight: normal;

  list-style: none;

  margin: 0;

  padding: 0; }



html {

  overflow-x: hidden; }



body {

  margin: 0;

  padding: 0;

  position: relative;

  overflow-x: hidden; }



.mainStyle {

  width: 1200px; }



#boxscroll {

  height: 100%;

  width: 100%;

  overflow: auto; }



  .leapCloud-header{

    position: fixed;

    background-color: rgba(0, 0, 0, 0.4);

  }

  .useemploy-right {

   overflow: scroll;

   height: 800px;

   overflow-x: hidden;

   overflow-y: auto;

  }



@media screen and (min-width: 770px) and (max-width: 1440px) {

  .leapCloud-header {

    width: 100%;

    height: 80px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    position: fixed;

    background-color: rgba(0, 0, 0, 0.4);

    top: 0;

    left: 0;

    z-index: 111; }

    .leapCloud-header .header-content-pc {

      margin: 0 1%;

      height: 80px; }

    .leapCloud-header .leapCloud-header-logo {

      display: inline-block;

      width: 133px;

      height: 80px;

      line-height: 70px;

      margin-right: 4%; }

      .leapCloud-header .leapCloud-header-logo img {

        width: 130px;

        height: 32px;

        vertical-align: middle; }

    .leapCloud-header ul, .leapCloud-header ul li, .leapCloud-header ul li > a {

      display: inline-block;

      color: #fff;

      font-size: 14px; }

    .leapCloud-header ul li {

      margin-right: 2%;

      display: inline-block;

      height: 80px;

      line-height: 80px; }

      .leapCloud-header ul li:hover {

        border-bottom: 4px solid #00cc33; }

      .leapCloud-header ul li:last-child {

        margin-right: 0; }

    .leapCloud-header .active {

      border-bottom: 4px solid #00cc33;

      font-weight: bold;

      color: #00cc33; }

    .leapCloud-header .navbar-left {

      width: 59%;

      text-align: left;

      vertical-align: middle; }

    .leapCloud-header .navbar-right {

      float: right;

      width: 18%;

      text-align: center;

      vertical-align: middle;

      border-left: 1px solid rgba(255, 255, 255, 0.1); }

      .leapCloud-header .navbar-right li {

        margin-right: 1%; }

        .leapCloud-header .navbar-right li:hover {

          border-bottom: none !important; }

          .leapCloud-header .navbar-right li:hover > a {

            color: #00cc33 !important; }

      .leapCloud-header .navbar-right .divider {

        border-right: 1px solid #ddd; }

    .leapCloud-header .navli-divider:hover {

      border: none !important; }

    .leapCloud-header .navli-divider a {

      height: 15px; }

    .leapCloud-header .noMarginRight {

      margin-right: 0; }

  .leapCloud-header-mobile {

    display: none; }

  #login {

    position: relative;

    height: 80px;

    line-height: 80px; }

    #login .dropdown-arrow {

      display: block;

      border-bottom: 10px solid #fff;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      width: 0;

      height: 0;

      position: absolute;

      top: 70px;

      left: 7px; }

    #login .login-dropdown {

      width: 180px;

      height: 140px;

      position: absolute;

      top: 80px;

      left: -70px;

      background-color: #fff;

      -webkit-border-radius: 2px;

         -moz-border-radius: 2px;

              border-radius: 2px;

      line-height: 60px;

      text-align: center; }

      #login .login-dropdown li:nth-of-type(1) {

        border-bottom: 1px dotted #ddd; }

      #login .login-dropdown li:nth-of-type(2) a {

        border-bottom: 0px !important; }

      #login .login-dropdown li {

        width: 140px;

        height: 70px !important;

        line-height: 70px !important; }

        #login .login-dropdown li a {

          color: #777;

          font-size: 14px;

          display: inline-block;

          width: 140px;

          height: 70px !important;

          line-height: 70px !important; }

          #login .login-dropdown li a:hover {

            color: #00cc33;

            border-bottom: 1px dotted #ddd; }

        #login .login-dropdown li a:nth-of-type(2) {

          border-bottom: 0 !important; }

    #login .dropdown-container {

      display: none; }

  #solution-menu {

    position: relative; }

    #solution-menu:hover {

      border-bottom: none !important; }

      #solution-menu:hover .solution-dropDown {

        display: block; }

  .solution-dropDown {

    position: absolute;

    top: 80px;

    left: -165px;

    width: 785px;

    height: 280px;

    background-color: #fff;

    -webkit-border-radius: 3px;

       -moz-border-radius: 3px;

            border-radius: 3px;

    padding: 50px;

    display: none; }

    .solution-dropDown .dropDown-arrow {

      display: block;

      border-bottom: 10px solid #fff;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      width: 0;

      height: 0;

      position: absolute;

      top: -10px;

      left: 190px; }

    .solution-dropDown .dropDown-container .menus_list {

      display: inline-block;

      margin-right: 20px;

      height: 180px;

      vertical-align: top;

      line-height: 30px; }

      .solution-dropDown .dropDown-container .menus_list:last-child {

        margin-right: 0; }

      .solution-dropDown .dropDown-container .menus_list:hover {

        border-bottom: none; }

      .solution-dropDown .dropDown-container .menus_list > ul > li {

        display: block;

        height: 30px;

        line-height: 30px;

        color: #777;

        cursor: pointer;

        margin-right: 20px; }

        .solution-dropDown .dropDown-container .menus_list > ul > li a {

          color: #777; }

        .solution-dropDown .dropDown-container .menus_list > ul > li:hover {

          border-bottom: none; }

          .solution-dropDown .dropDown-container .menus_list > ul > li:hover a {

            color: #00cc33; }

      .solution-dropDown .dropDown-container .menus_list h3 {

        margin: 0;

        padding: 0;

        font-size: 16px;

        color: #333;

        height: 35px;

        font-weight: bold; }

  .product-menu {

    position: relative; }

    .product-menu:hover {

      border-bottom: none !important; }

      .product-menu:hover .dropDown-arrow {

        display: block; }

      .product-menu:hover .product-dropdown {

        display: block; }

    .product-menu .dropDown-arrow {

      display: block;

      border-bottom: 10px solid #fff;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      width: 0;

      height: 0;

      position: absolute;

      top: 87%;

      left: 25%;

      display: none; }

    .product-menu .product-dropdown {

      display: none;

      position: absolute;

      width: 100px;

      top: 100%;

      left: -110%;

      background-color: #fff;

      -webkit-border-radius: 3px;

         -moz-border-radius: 3px;

              border-radius: 3px; }

      .product-menu .product-dropdown .dropdown-lists {

        width: 100%;

        text-align: center;

        padding: 20px 0; }

        .product-menu .product-dropdown .dropdown-lists li {

          text-align: center;

          width: 100%;

          margin-right: 0;

          display: block;

          height: 40px;

          line-height: 40px; }

          .product-menu .product-dropdown .dropdown-lists li:hover {

            border-bottom: none !important; }

          .product-menu .product-dropdown .dropdown-lists li a {

            color: #777; }

            .product-menu .product-dropdown .dropdown-lists li a:hover {

              color: #00cc33; } }



@media screen and (min-width: 1440px) {

  .leapCloud-header {

    width: 100%;

    height: 80px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 111; }

    .leapCloud-header .header-content-pc {

      margin: 0 30px;

      height: 80px; }

    .leapCloud-header .leapCloud-header-logo {

      display: inline-block;

      width: 133px;

      height: 80px;

      line-height: 70px;

      margin-right: 70px; }

      .leapCloud-header .leapCloud-header-logo img {

        width: 130px;

        height: 32px;

        vertical-align: middle; }

    .leapCloud-header ul, .leapCloud-header ul li, .leapCloud-header ul li > a {

      display: inline-block;

      color: #fff;

      font-size: 14px; }

    .leapCloud-header ul li {

      margin-right: 50px;

      height: 80px;

      line-height: 80px; }

      .leapCloud-header ul li:hover {

        border-bottom: 4px solid #00cc33; }

    .leapCloud-header .active {

      border-bottom: 4px solid #00cc33;

      font-weight: bold;

      color: #00cc33; }

    .leapCloud-header .navbar-left {

      text-align: left;

      vertical-align: middle; }

    .leapCloud-header .navbar-right {

      float: right;

      width: 154px;

      width: 180px;

      text-align: center;

      vertical-align: middle;

      border-left: 1px solid rgba(255, 255, 255, 0.1); }

      .leapCloud-header .navbar-right li {

        margin-right: 10px; }

        .leapCloud-header .navbar-right li:hover {

          border-bottom: none !important; }

          .leapCloud-header .navbar-right li:hover > a {

            color: #00cc33 !important; }

      .leapCloud-header .navbar-right .divider {

        border-right: 1px solid #ddd; }

    .leapCloud-header .navli-divider:hover {

      border: none !important; }

    .leapCloud-header .navli-divider a {

      height: 15px; }

    .leapCloud-header .noMarginRight {

      margin-right: 0; }

  .leapCloud-header-mobile {

    display: none; }

  #login {

    position: relative;

    height: 80px;

    line-height: 80px; }

    #login .dropdown-arrow {

      display: block;

      border-bottom: 10px solid #fff;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      width: 0;

      height: 0;

      position: absolute;

      top: 70px;

      left: 7px; }

    #login .login-dropdown {

      width: 180px;

      height: 140px;

      position: absolute;

      top: 80px;

      left: -70px;

      background-color: #fff;

      -webkit-border-radius: 2px;

         -moz-border-radius: 2px;

              border-radius: 2px;

      line-height: 60px;

      text-align: center; }

      #login .login-dropdown li:nth-of-type(1) {

        border-bottom: 1px dotted #ddd; }

      #login .login-dropdown li:nth-of-type(2) a {

        border-bottom: 0px !important; }

      #login .login-dropdown li {

        width: 140px;

        height: 70px !important;

        line-height: 70px !important; }

        #login .login-dropdown li a {

          color: #777;

          font-size: 14px;

          display: inline-block;

          width: 140px;

          height: 70px !important;

          line-height: 70px !important; }

          #login .login-dropdown li a:hover {

            color: #00cc33;

            border-bottom: 1px dotted #ddd; }

        #login .login-dropdown li a:nth-of-type(2) {

          border-bottom: 0 !important; }

    #login .dropdown-container {

      display: none; }

  #solution-menu {

    position: relative; }

    #solution-menu:hover {

      border-bottom: none !important; }

      #solution-menu:hover .solution-dropDown {

        display: block; }

  .solution-dropDown {

    position: absolute;

    top: 80px;

    left: -165px;

    width: 785px;

    height: 280px;

    background-color: #fff;

    -webkit-border-radius: 3px;

       -moz-border-radius: 3px;

            border-radius: 3px;

    padding: 50px;

    display: none; }

    .solution-dropDown .dropDown-arrow {

      display: block;

      border-bottom: 10px solid #fff;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      width: 0;

      height: 0;

      position: absolute;

      top: -10px;

      left: 190px; }

    .solution-dropDown .dropDown-container .menus_list {

      display: inline-block;

      margin-right: 20px;

      height: 180px;

      vertical-align: top;

      line-height: 30px; }

      .solution-dropDown .dropDown-container .menus_list:last-child {

        margin-right: 0; }

      .solution-dropDown .dropDown-container .menus_list:hover {

        border-bottom: none; }

      .solution-dropDown .dropDown-container .menus_list > ul > li {

        display: block;

        height: 30px;

        line-height: 30px;

        color: #777;

        cursor: pointer; }

        .solution-dropDown .dropDown-container .menus_list > ul > li a {

          color: #777; }

        .solution-dropDown .dropDown-container .menus_list > ul > li:hover {

          border-bottom: none; }

          .solution-dropDown .dropDown-container .menus_list > ul > li:hover a {

            color: #00cc33; }

      .solution-dropDown .dropDown-container .menus_list h3 {

        margin: 0;

        padding: 0;

        font-size: 16px;

        color: #333;

        height: 35px;

        font-weight: bold; }

  .product-menu {

    position: relative; }

    .product-menu:hover {

      border-bottom: none !important; }

      .product-menu:hover .dropDown-arrow {

        display: block; }

      .product-menu:hover .product-dropdown {

        display: block; }

    .product-menu .dropDown-arrow {

      display: block;

      border-bottom: 10px solid #fff;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      width: 0;

      height: 0;

      position: absolute;

      top: 87%;

      left: 25%;

      display: none; }

    .product-menu .product-dropdown {

      display: none;

      position: absolute;

      width: 100px;

      top: 100%;

      left: -110%;

      background-color: #fff;

      -webkit-border-radius: 3px;

         -moz-border-radius: 3px;

              border-radius: 3px; }

      .product-menu .product-dropdown .dropdown-lists {

        width: 100%;

        text-align: center;

        padding: 20px 0; }

        .product-menu .product-dropdown .dropdown-lists li {

          text-align: center;

          width: 100%;

          margin-right: 0;

          display: block;

          height: 40px;

          line-height: 40px; }

          .product-menu .product-dropdown .dropdown-lists li:hover {

            border-bottom: none !important; }

          .product-menu .product-dropdown .dropdown-lists li a {

            color: #777; }

            .product-menu .product-dropdown .dropdown-lists li a:hover {

              color: #00cc33; } }



@media screen and (max-width: 769px) {

  .leapCloud-header {

    display: none; }

  .leapCloud-header-mobile {

    width: 100%;

    height: 1.2rem;

    background: none;

    position: relative;

    z-index: 999;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

    .leapCloud-header-mobile .leapCloud-header-logo-mobile {

      display: inline-block;

      text-align: left;

      margin-left: 4%;

      width: 40%;

      height: 1.2rem;

      overflow: hidden;

      position: relative; }

      .leapCloud-header-mobile .leapCloud-header-logo-mobile img {

        width: 1.98rem;

        height: 0.5rem;

        border: none;

        position: absolute;

        top: 0.35rem; }

    .leapCloud-header-mobile #mobile-nav-control {

      display: inline-block;

      width: 0.24rem;

      height: 1.2rem;

      position: absolute;

      right: 8%;

      top: 0; }

      .leapCloud-header-mobile #mobile-nav-control .clearmid {

        height: 100%;

        width: 0px;

        display: inline-block;

        vertical-align: middle; }

      .leapCloud-header-mobile #mobile-nav-control i {

        display: inline-block;

        width: 24px;

        height: 24px;

        background-image: url(../images/nav-control.png);

        background-position: -25px 5px;

        -moz-background-size: 48px;

          -o-background-size: 48px;

             background-size: 48px;

        background-repeat: no-repeat;

        position: absolute;

        top: 35%; }

      .leapCloud-header-mobile #mobile-nav-control.hide i {

        background-image: url(../images/nav-control.png);

        background-position: -25px 5px; }

      .leapCloud-header-mobile #mobile-nav-control.show i {

        background-image: url(../images/nav-control.png);

        background-position: 0px 5px; }

    .leapCloud-header-mobile #mobile-navbar {

      max-height: 20rem;

      overflow-y: auto;

      padding: 0.01rem 0rem 1rem 0rem;

      background-color: rgba(0, 0, 0, 0.95);

      position: absolute;

      top: 100%;

      width: 100%;

      z-index: 999;

      display: none; }

      .leapCloud-header-mobile #mobile-navbar li {

        position: relative;

        width: 90%;

        text-align: left;

        margin: 0 auto;

        -o-transition: 0.2s;

        -moz-transition: 0.2s;

        transition: 0.2s;

        -webkit-transition: 0.2s;

        border-bottom: 1px solid;

        border-bottom-color: rgba(255, 255, 255, 0.3);

        opacity: 1;

        left: 0%;

        height: 1rem;

        line-height: 1rem; }

        .leapCloud-header-mobile #mobile-navbar li a {

          width: 100%;

          height: 100%;

          opacity: 1;

          font-size: 0.24rem;

          color: #fff;

          display: inline-block;

          padding: 0rem 0.01rem; }

      .leapCloud-header-mobile #mobile-navbar .solution-mobile {

        height: auto;

        width: 100%;

        padding: 0; }

        .leapCloud-header-mobile #mobile-navbar .solution-mobile .show {

          display: block; }

        .leapCloud-header-mobile #mobile-navbar .solution-mobile .hide {

          display: none; }

        .leapCloud-header-mobile #mobile-navbar .solution-mobile .menu-click {

          width: 90%;

          margin-left: 5%; }

        .leapCloud-header-mobile #mobile-navbar .solution-mobile > a span {

          display: inline-block; }

        .leapCloud-header-mobile #mobile-navbar .solution-mobile > a .control {

          float: right;

          display: inline-block;

          padding-right: 4%;

          margin-top: 5%; }

          .leapCloud-header-mobile #mobile-navbar .solution-mobile > a .control img {

            width: 65%; }

        .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile {

          background-color: #2d2d2d; }

          .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list {

            display: block;

            width: 90%;

            height: 100%;

            color: #fff;

            border: none; }

            .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list .menu-title {

              color: #ccc;

              padding-left: 4%;

              padding-right: 4%;

              overflow: hidden;

              border-bottom: 1px solid;

              border-bottom-color: rgba(255, 255, 255, 0.1); }

            .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list .control {

              display: inline-block;

              float: right;

              margin-top: 5%; }

              .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list .control img {

                width: 65%; }

            .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list h3 {

              display: inline-block;

              float: left;

              font-size: 0.22rem; }

            .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list > ul {

              background-color: #2d2d2d;

              height: 100%; }

              .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list > ul li {

                display: block;

                width: 100%;

                height: 0.8rem;

                line-height: 0.8rem;

                border-bottom: 1px solid;

                border-bottom-color: rgba(255, 255, 255, 0.1);

                font-size: 0.2rem;

                padding-left: 8%;

                padding-right: 8%; }

                .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list > ul li a {

                  color: #ccc; }

                .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list > ul li .menu-text {

                  float: left; }

                .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list > ul li .navbar-control {

                  display: inline-block;

                  float: right; }

    .leapCloud-header-mobile #mobile-login-buttons {

      z-index: 9999;

      width: 100%;

      margin-top: 10%; }

      .leapCloud-header-mobile #mobile-login-buttons li {

        position: relative;

        width: 90%;

        height: 0.8rem;

        line-height: 0.8rem;

        text-align: center;

        -webkit-border-radius: 0.02rem;

           -moz-border-radius: 0.02rem;

                border-radius: 0.02rem;

        margin: 0rem auto 0.2rem auto;

        border: 1px solid;

        border-color: rgba(255, 255, 255, 0.3); }

        .leapCloud-header-mobile #mobile-login-buttons li a {

          width: 100%;

          height: 100%;

          display: inline-block;

          color: #fff;

          font-size: 0.24rem; }

        .leapCloud-header-mobile #mobile-login-buttons li:nth-child(3) {

          background-color: #43d060;

          border: none;

          margin-top: 0.6rem; }

  .product-menu-mobile {

    position: relative;

    height: auto !important;

    width: 100% !important;

    border-bottom: none !important; }

    .product-menu-mobile .hide {

      display: none; }

    .product-menu-mobile .show {

      display: block; }

    .product-menu-mobile .control {

      display: inline-block;

      float: right;

      margin-top: -0.8rem;

      margin-right: 9%;

      vertical-align: middle; }

      .product-menu-mobile .control img {

        width: 65%; }

    .product-menu-mobile > a {

      display: inline-block;

      width: 90% !important;

      margin-left: 5%;

      border-bottom: 1px solid;

      border-bottom-color: rgba(255, 255, 255, 0.3) !important; }

    .product-menu-mobile .product-dropdown {

      background-color: #2d2d2d;

      width: 100%;

      display: none; }

      .product-menu-mobile .product-dropdown .dropdown-lists {

        width: 90%;

        margin-left: 5%; } }



.icon {

  background-image: url("../images/sprite.png"); }



@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {

  .icon {

    background-image: url("../images/sprite@2x.png");

    -moz-background-size: 523px 505px;

      -o-background-size: 523px 505px;

         background-size: 523px 505px; } }



@media screen and (min-width: 770px) and (max-width: 1440px) {

  .video {

    display: none !important; }

  #footer {

    padding-top: 85px;

    width: 100%;

    background: #333438;

    position: relative; }

    #footer .mainStyle {

      width: 99%;

      margin: 0 auto;

      text-align: center; }

    #footer .footer-content ul, #footer .footer-content .address, #footer .footer-content .erweima {

      display: inline-block;

      margin-right: 9%;

      text-align: left; }

    #footer .footer-content .footer-logo {

      width: 15%;

      height: 100px;

      vertical-align: top;

      margin-right: 5%;

      margin-left: 1%;

      border-right: 1px solid rgba(255, 255, 255, 0.1); }

    #footer .footer-content .footer-nav {

      vertical-align: top;

      margin-right: 4%;

      text-align: left; }

      #footer .footer-content .footer-nav li {

        margin-bottom: 10px; }

        #footer .footer-content .footer-nav li a {

          color: #96989f;

          font-size: 14px; }

      #footer .footer-content .footer-nav .head {

        color: #fff;

        font-weight: bold;

        font-size: 14px;

        margin-bottom: 20px; }

    #footer .footer-content .address {

      vertical-align: top;

      display: inline-block;

      height: 225px;

      margin-right: 3%; }

      #footer .footer-content .address .telephone-h {

        color: #fff;

        font-size: 14px;

        font-weight: bold;

        margin-bottom: 25px; }

      #footer .footer-content .address .phone-number {

        color: #00cc33;

        font-family: Helvetica Neue;

        margin: 25px 0 15px 0;

        font-size: 26px; }

      #footer .footer-content .address .address-text, #footer .footer-content .address .maxwon-url {

        display: block;

        margin-bottom: 5px;

        font-size: 14px;

        color: #96989f; }

      #footer .footer-content .address .maxwon-url:hover {

        color: #00cc33; }

    #footer .footer-content .erweima {

      vertical-align: top;

      margin-right: 0;

      text-align: center;

      font-size: 14px;

      color: #fff; }

      #footer .footer-content .erweima .img_erweima {

        display: inline-block;

        width: 105px;

        height: 105px;

        margin-top: 20px; }

      #footer .footer-content .erweima p {

        margin-bottom: 0; }

      #footer .footer-content .erweima span {

        display: inline-block;

        vertical-align: middle;

        margin-top: 5px; }

    #footer .footer-content .dropdown-lists {

      margin-left: 10px;

      margin-top: 10px; }

  #righter {

    z-index: 10000;

    position: fixed;

    right: 0px;

    top: 60%;

    margin-top: -160px; }

    #righter .cube, #righter .goback {

      background: #3ad262;

      margin-bottom: 1px;

      color: #fff;

      text-align: center;

      width: 70px;

      height: 70px;

      cursor: pointer;

      display: block;

      font-size: 12px;

      font-weight: bold;

      position: relative; }

      #righter .cube > .sicon, #righter .goback > .sicon {

        background: url("../images/righter.png") no-repeat;

        height: 30px;

        width: 30px;

        display: inline-block;

        margin-top: 17%;

        /*margin: 0 auto;*/ }

      #righter .cube > p, #righter .goback > p {

        margin-top: -2px; }

      #righter .cube:hover, #righter .goback:hover {

        background: #009926; }

      #righter .cube .support, #righter .goback .support {

        background-position: 0px 0px; }

      #righter .cube .price, #righter .goback .price {

        background-position: 0px -32px; }

      #righter .cube .tel, #righter .goback .tel {

        background-position: 0px -102px; }

      #righter .cube .login, #righter .goback .login {

        background-position: 0px -68px; }

      #righter .cube .join, #righter .goback .join {

        background-position: 0px -134px; }

      #righter .cube .right-alert, #righter .goback .right-alert {

        background: #3ad262;

        line-height: 70px;

        width: 120px;

        position: absolute;

        left: 0px;

        top: 0px;

        z-index: -1;

        font-size: 14px;

        font-weight: bold;

        cursor: auto;

        display: none;

        white-space: nowrap; }

    #righter .video {

      display: none; }

  .copyRightIndex {

    text-align: center;

    padding: 18px 0px;

    font-size: 14px;

    color: #96989f;

    background: #2e2f34;

    width: 100%;

    position: relative !important;

    bottom: 0 !important; }

  #footer-mobile, #mobile-righter {

    display: none; }

  #MEIQIA-BTN-HOLDER, #MEIQIA-PANEL-HOLDER {

    right: 0 !important; } }



@media screen and (min-width: 1440px) {

  .video {

    display: none !important; }

  #footer {

    padding-top: 85px;

    width: 100%;

    background: #333438;

    position: relative; }

    #footer .footer-content ul, #footer .footer-content .address, #footer .footer-content .erweima {

      display: inline-block;

      margin-right: 9%; }

    #footer .footer-content .footer-logo {

      width: 180px;

      height: 100px;

      vertical-align: top;

      margin-right: 150px;

      border-right: 1px solid rgba(255, 255, 255, 0.1); }

    #footer .footer-content .footer-nav {

      vertical-align: top; }

      #footer .footer-content .footer-nav li {

        margin-bottom: 10px; }

        #footer .footer-content .footer-nav li a {

          color: #96989f;

          font-size: 14px; }

      #footer .footer-content .footer-nav .head {

        color: #fff;

        font-weight: bold;

        font-size: 14px;

        margin-bottom: 20px; }

    #footer .footer-content .address {

      vertical-align: top;

      display: inline-block;

      height: 225px; }

      #footer .footer-content .address .telephone-h {

        color: #fff;

        font-size: 14px;

        font-weight: bold;

        margin-bottom: 25px; }

      #footer .footer-content .address .phone-number {

        color: #00cc33;

        font-family: Helvetica Neue;

        margin: 25px 0 15px 0;

        font-size: 26px; }

      #footer .footer-content .address .address-text, #footer .footer-content .address .maxwon-url {

        display: block;

        margin-bottom: 5px;

        font-size: 14px;

        color: #96989f; }

      #footer .footer-content .address .maxwon-url:hover {

        color: #00cc33; }

    #footer .footer-content .erweima {

      vertical-align: top;

      margin-right: 0;

      text-align: center;

      font-size: 14px;

      color: #fff; }

      #footer .footer-content .erweima .img_erweima {

        display: inline-block;

        width: 105px;

        height: 105px;

        margin-top: 20px; }

      #footer .footer-content .erweima p {

        margin-bottom: 0; }

      #footer .footer-content .erweima span {

        display: inline-block;

        vertical-align: middle;

        margin-top: 5px; }

    #footer .footer-content .dropdown-lists {

      margin-left: 10px;

      margin-top: 10px; }

  #righter {

    z-index: 10000;

    position: fixed;

    right: 0px;

    top: 60%;

    margin-top: -160px; }

    #righter .cube, #righter .goback {

      background: #3ad262;

      margin-bottom: 1px;

      color: #fff;

      text-align: center;

      width: 70px;

      height: 70px;

      cursor: pointer;

      display: block;

      font-size: 12px;

      font-weight: bold;

      position: relative; }

      #righter .cube > .sicon, #righter .goback > .sicon {

        background: url("../images/righter.png") no-repeat;

        height: 30px;

        width: 30px;

        display: inline-block;

        margin-top: 17%;

        /*margin: 0 auto;*/ }

      #righter .cube > p, #righter .goback > p {

        margin-top: -2px; }

      #righter .cube:hover, #righter .goback:hover {

        background: #009926; }

      #righter .cube .support, #righter .goback .support {

        background-position: 0px 0px; }

      #righter .cube .price, #righter .goback .price {

        background-position: 0px -32px; }

      #righter .cube .tel, #righter .goback .tel {

        background-position: 0px -102px; }

      #righter .cube .login, #righter .goback .login {

        background-position: 0px -68px; }

      #righter .cube .join, #righter .goback .join {

        background-position: 0px -134px; }

      #righter .cube .video, #righter .goback .video {

        display: none; }

      #righter .cube .right-alert, #righter .goback .right-alert {

        background: #3ad262;

        line-height: 70px;

        width: 120px;

        position: absolute;

        left: 0px;

        top: 0px;

        z-index: -1;

        font-size: 14px;

        font-weight: bold;

        cursor: auto;

        display: none;

        white-space: nowrap; }

  .copyRightIndex {

    text-align: center;

    padding: 18px 0px;

    font-size: 14px;

    color: #96989f;

    background: #2e2f34;

    width: 100%;

    position: relative !important;

    bottom: 0 !important; }

  #footer-mobile, #mobile-righter {

    display: none; }

  #MEIQIA-BTN-HOLDER, #MEIQIA-PANEL-HOLDER {

    right: 0 !important; } }



@media screen and (max-width: 769px) {

  .video {

    display: none !important; }

  #footer {

    display: none; }

  .copyRightIndex {

    display: none; }

  #footer-mobile {

    width: 100%;

    background: #333438;

    position: relative; }

    #footer-mobile .footer-nav {

      width: 100%;

      height: 0.8rem;

      text-align: center; }

      #footer-mobile .footer-nav:nth-child(2) {

        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

      #footer-mobile .footer-nav li {

        display: inline-block;

        height: 0.8rem;

        margin-right: 0.5rem; }

        #footer-mobile .footer-nav li:nth-child(5) {

          margin-right: 0; }

        #footer-mobile .footer-nav li a {

          color: #96989f;

          display: inline-block;

          font-size: 0.24rem;

          height: 0.8rem;

          line-height: 0.8rem;

          text-align: center; }

    #footer-mobile .phoneInfo {

      width: 100%;

      height: 1.2rem;

      text-align: center;

      border-bottom: 1px solid rgba(255, 255, 255, 0.1);

      color: #fff;

      font-size: 0.3rem;

      line-height: 1.2rem; }

      #footer-mobile .phoneInfo > div {

        display: inline-block; }

    #footer-mobile .addressInfo {

      color: #96989f;

      font-size: 0.24rem;

      text-align: center;

      margin-top: 0.5rem;

      margin-bottom: 0.66rem; }

      #footer-mobile .addressInfo .maxwon-url {

        color: #96989f;

        font-size: 0.24rem; }

    #footer-mobile .erweima {

      text-align: center;

      color: #96989f;

      margin-bottom: 0.6rem; }

      #footer-mobile .erweima .img_erweima {

        display: inline-block;

        width: 30%;

        height: 30%;

        margin-bottom: 0.2rem; }

      #footer-mobile .erweima > p {

        font-size: 0.24rem; }

    #footer-mobile .copyRightIndex {

      display: block;

      width: 100%;

      height: 1rem;

      color: #96989f;

      text-align: center;

      font-size: 0.24rem;

      line-height: 1rem;

      color: #96989f;

      background: #2e2f34;

      position: relative; }

  #righter {

    display: none; }

  #mobile-righter {

    position: fixed;

    right: 2%;

    z-index: 10000;

    bottom: 105px; }

    #mobile-righter .cubes {

      -webkit-box-sizing: content-box;

         -moz-box-sizing: content-box;

              box-sizing: content-box;

      z-index: -1;

      position: absolute;

      bottom: 0px; }

      #mobile-righter .cubes .visiblecubes {

        font-size: 0px;

        padding: 0px;

        margin: 0px; }

      #mobile-righter .cubes .cube {

        -webkit-tap-highlight-color: initial;

        display: block;

        background: rgba(0, 0, 0, 0.8);

        color: #fff;

        text-align: center;

        width: 50px;

        cursor: pointer;

        padding: 15px 0px 0px 0px;

        position: relative; }

        #mobile-righter .cubes .cube p {

          display: none; }

        #mobile-righter .cubes .cube.head {

          padding: 0px;

          height: 25px;

          -webkit-border-radius: 50px 50px 0 0;

             -moz-border-radius: 50px 50px 0 0;

                  border-radius: 50px 50px 0 0; }

        #mobile-righter .cubes .cube.qq {

          height: 60px;

          padding: 0px; }

        #mobile-righter .cubes .cube.holder {

          height: 25px; }

        #mobile-righter .cubes .cube.foot {

          height: 25px;

          -webkit-border-radius: 0px 0px 50px 50px;

             -moz-border-radius: 0px 0px 50px 50px;

                  border-radius: 0px 0px 50px 50px; }

        #mobile-righter .cubes .cube > .sicon {

          margin-bottom: 5px;

          display: inline-block; }

        #mobile-righter .cubes .cube .support {

          background-position: -323px -305px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 33px;

          height: 32px;

          display: inline-block; }

        #mobile-righter .cubes .cube .price {

          background-position: -333px -394px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 35px;

          height: 34px;

          display: inline-block; }

        #mobile-righter .cubes .cube .tel {

          background-position: -368px -394px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 34px;

          height: 34px;

          display: inline-block; }

        #mobile-righter .cubes .cube .login {

          background-position: -323px -273px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 33px;

          height: 33px;

          display: inline-block; }

      #mobile-righter .cubes .join {

        display: inline-block;

        text-align: center;

        width: 50px;

        height: 50px;

        background-image: url("../images/join/daili@1x.png");

        background-repeat: no-repeat;

        background-position: 4px;

        -moz-background-size: 80%;

          -o-background-size: 80%;

             background-size: 80%;

        padding: 15px 15px 0px 15px; } }

      @media only screen and (max-width: 769px) and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 769px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 769px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 769px) and (min-device-pixel-ratio: 1.5) {

        #mobile-righter .cubes .join {

          background-image: url("../images/join/daili@2x.png"); } }



@media screen and (max-width: 769px) {

      #mobile-righter .cubes .video {

        display: none; }

    #mobile-righter #righter-control {

      -webkit-border-radius: 50%;

         -moz-border-radius: 50%;

              border-radius: 50%;

      text-align: center;

      line-height: 60px;

      font-size: 0px;

      z-index: 2;

      background: transparent;

      width: 50px;

      height: 50px;

      border: 2px solid #fff;

      -o-transition: 1s;

      -moz-transition: 1s;

      transition: 1s;

      -webkit-transition: 1s;

      -webkit-user-select: none;

      -moz-user-select: none;

       -ms-user-select: none;

           user-select: none; }

      #mobile-righter #righter-control img {

        -o-transition: 0.2s;

        -moz-transition: 0.2s;

        transition: 0.2s;

        -webkit-transition: 0.2s;

        -moz-transform: rotate(135deg);

         -ms-transform: rotate(135deg);

          -o-transform: rotate(135deg);

             transform: rotate(135deg);

        -webkit-transform: rotate(135deg); }

      #mobile-righter #righter-control.animating {

        -o-transition: 0s;

        -moz-transition: 0s;

        transition: 0s;

        -webkit-transition: 0s;

        -webkit-border-radius: 50%;

           -moz-border-radius: 50%;

                border-radius: 50%;

        background: black !important; }

      #mobile-righter #righter-control.show img {

        -moz-transform: rotate(0deg);

         -ms-transform: rotate(0deg);

          -o-transform: rotate(0deg);

             transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        background: transparent; }

  .product-head {

    width: 100%;

    display: block;

    text-align: center;

    height: 0.8rem;

    line-height: 0.8rem;

    color: #96989f;

    font-weight: bold; }

  .product-nav {

    height: 0.8rem;

    line-height: 0.8rem; } }



.clearfix {

  clear: both;

  display: block;

  height: 0; }



#qiao-icon-wrap {

  display: none !important; }



span[id*=cnzz_stat_icon] {

  display: none; }



body > a:not(#QIAO_ICON_CONTAINER) {

  display: none !important; }



.mask {

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  opacity: 0.8;

  filter: alpha(opacity=80);

  background: #000;

  z-index: 8888;

  position: fixed;

  display: none; }



.model {

  text-align: center;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  z-index: 8889;

  position: absolute;

  display: none; }



.clearmid {

  height: 100%;

  width: 0px;

  display: inline-block;

  vertical-align: middle; }



.clearbtm {

  height: 100%;

  width: 0px;

  display: inline-block;

  vertical-align: bottom; }



.cleartop {

  height: 100%;

  width: 0px;

  display: inline-block;

  vertical-align: top; }



.divider {

  width: 1px;

  height: 20px;

  display: inline-block;

  vertical-align: middle;

  margin: 0 10px; }

  .divider.gray {

    background: rgba(0, 0, 0, 0.1); }



.moreSlution {

  text-align: center;

  cursor: pointer;

  text-decoration: underline;

  color: #333333;

  font-size: 18px; }



.w430 {

  width: 430px; }



.w480 {

  width: 480px; }



.w490 {

  width: 490px; }



.w515 {

  width: 515px; }



.h5 {

  height: 5px;

  width: 100%; }



.h10 {

  height: 10px;

  width: 100%; }



.h20 {

  height: 20px;

  width: 100%; }



.h30 {

  height: 30px;

  width: 100%; }



.h40 {

  height: 40px;

  width: 100%; }



.mainStyle {

  width: 1200px;

  margin: 0 auto; }



@media screen and (max-width: 769px) {

  .mainStyle {

    width: 100%; } }



* {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  margin: 0;

  padding: 0;

  font-family: Hiragino Sans GB, Helvetica Neue, arial, 冬青黑体简体中文, 微软雅黑, 黑体; }



html {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -ms-touch-action: pan-y;

  background: #fff; }



body {

  margin: 0;

  font-family: Hiragino Sans GB, Helvetica Neue, arial, 冬青黑体简体中文, 微软雅黑, 黑体;

  word-break: break-word;

  color: #000;

  position: relative; }



h1, h2, h3, h4, h5, p {

  margin: 0; }



pre {

  padding: 24px 28px; }



a {

  cursor: pointer;

  text-decoration: none;

  color: #3399ff;

  outline: none !important;

  -webkit-tap-highlight-color: transparent; }



input, textarea {

  outline: none !important;

  -webkit-appearance: none;

  border: 1px solid #ddd;

  background: #fcfcfc;

  color: #777; }

  input:focus, textarea:focus {

    border-color: #cfcfcf;

    background: #fff;

    color: #444; }

  input[readonly], textarea[readonly] {

    border-color: #e0e0e0;

    background: red;

    color: #bbb; }



input {

  word-break: break-all; }



label {

  vertical-align: middle; }



textarea {

  resize: none; }



ul {

  list-style: none;

  margin: 0;

  padding: 0; }



hr {

  margin: 0 auto;

  border: none; }



img {

  border: none; }



.icon {

  background-image: url("../images/sprite.png"); }



@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {

  .icon {

    background-image: url("../images/sprite@2x.png");

    -moz-background-size: 523px 505px;

      -o-background-size: 523px 505px;

         background-size: 523px 505px; } }



body {

  background: #f5f7f9; }



.leapCloud-header {

  background-color: #fff;

  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);

     -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);

          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); }



.leapCloud-header ul li > a {

  color: #777; }

  .leapCloud-header ul li > a:hover {

    font-weight: bold; }



.icon {

  background-image: url("../images/icon_1x_build/sprite.png"); }



.useemploy-body {

  margin-top: 150px;

  background: #fff; 

  height: 800px;

  position: relative;

  margin-bottom: 80px;

}

  .useemploy-body .useemploy-content {

    margin-bottom: 100px; }

    .useemploy-body .useemploy-content .useemploy-left {

      display: inline-block;

      width: 18%;

      height: 100%;

      vertical-align: top;

      font-size: 16px;

    position: absolute;

    overflow: scroll;

    overflow-y: auto;

    overflow-x: hidden;

  top: 0 }

      .useemploy-body .useemploy-content .useemploy-left .useemploy-left-title .useemploy-left-head {

        font-size: 18px;

        color: #333;

        height: 70px;

        line-height: 70px;

        }

      .useemploy-body .useemploy-content .useemploy-left .useemploy-left-title li {

        height: 50px;

        line-height: 50px;

        padding-left: 30px; }

        .useemploy-body .useemploy-content .useemploy-left .useemploy-left-title li a {

          color: #919191; }

          .useemploy-body .useemploy-content .useemploy-left .useemploy-left-title li a:hover {

            color: #00cc33; }

    .useemploy-body .useemploy-content .useemploy-right {

      display: inline-block;

      width: 81%;

      text-align: center;

      padding: 65px 0;

      border-left: 1px solid #f0f0f0;

      margin-left: -5px;

      font-size: 16px; 

    

}

      .useemploy-body .useemploy-content .useemploy-right p {

        margin-bottom: 20px; }

      .useemploy-body .useemploy-content .useemploy-right .useemploy-right-intro {

        width: 90%;

        margin: 50px auto 50px auto; }

        .useemploy-body .useemploy-content .useemploy-right .useemploy-right-intro .useemploy-right-p {

          text-align: left;

          line-height: 35px;

          color: #919191; }

      .useemploy-body .useemploy-content .useemploy-right .useemploy-right-details {

        width: 90%;

        margin: 50px auto; }

        .useemploy-body .useemploy-content .useemploy-right .useemploy-right-details .useemploy-right-details-count {

          margin-bottom: 75px; }

          .useemploy-body .useemploy-content .useemploy-right .useemploy-right-details .useemploy-right-details-count h1 {

            text-align: left;

            color: #41a2ff;

            font-size: 18px;

            margin-bottom: 35px; }

          .useemploy-body .useemploy-content .useemploy-right .useemploy-right-details .useemploy-right-details-count p {

            text-align: left;

            color: #919191;

            line-height: 35px; }

  .useemploy-body .active {

    color: #00cc33 !important; }



@media screen and (min-width: 1201px) {

  body {

    background: #f5f7f9; }

  .leapCloud-header {

    background-color: #fff;

    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);

       -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);

            box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); }

  .leapCloud-header ul li > a {

    color: #777; }

    .leapCloud-header ul li > a:hover {

      font-weight: bold; }

  .icon {

    background-image: url("../images/icon_1x_build/sprite.png"); }

  .useemploy-body {

    margin-top: 150px;

    background: #fff; }

    .useemploy-body .useemploy-content {

      margin-bottom: 100px; }

      .useemploy-body .useemploy-content .useemploy-left {

        display: inline-block;

        width: 18%;

        height: 100%;

        vertical-align: top;

        font-size: 16px; }

        .useemploy-body .useemploy-content .useemploy-left .useemploy-left-title .useemploy-left-head {

          font-size: 18px;

          color: #333;

          height: 70px;

          line-height: 70px;

          }

        .useemploy-body .useemploy-content .useemploy-left .useemploy-left-title li {

          height: 50px;

          line-height: 50px;

          padding-left: 30px; }

          .useemploy-body .useemploy-content .useemploy-left .useemploy-left-title li a {

            color: #919191; }

            .useemploy-body .useemploy-content .useemploy-left .useemploy-left-title li a:hover {

              color: #00cc33; }

      .useemploy-body .useemploy-content .useemploy-right {

        margin-left: 18% !important;

        display: inline-block;

        width: 81%;

        text-align: center;

        padding: 65px 0;

        border-left: 1px solid #f0f0f0;

        margin-left: -5px;

        font-size: 16px; }

        .useemploy-body .useemploy-content .useemploy-right p {

          margin-bottom: 20px; }

        .useemploy-body .useemploy-content .useemploy-right .useemploy-right-intro {

          width: 90%;

          margin: 50px auto 50px auto; }

          .useemploy-body .useemploy-content .useemploy-right .useemploy-right-intro .useemploy-right-p {

            text-align: left;

            line-height: 35px;

            color: #919191; }

        .useemploy-body .useemploy-content .useemploy-right .useemploy-right-details {

          width: 90%;

          margin: 50px auto; }

          .useemploy-body .useemploy-content .useemploy-right .useemploy-right-details .useemploy-right-details-count {

            margin-bottom: 75px; }

            .useemploy-body .useemploy-content .useemploy-right .useemploy-right-details .useemploy-right-details-count h1 {

              text-align: left;

              color: #41a2ff;

              font-size: 18px;

              margin-bottom: 35px; }

            .useemploy-body .useemploy-content .useemploy-right .useemploy-right-details .useemploy-right-details-count p {

              text-align: left;

              color: #919191;

              line-height: 35px; }

    .useemploy-body .active {

      color: #00cc33 !important; } }



@media screen and (min-width: 770px) and (max-width: 1200px) {

  body {

    background: #f5f7f9; }

  .leapCloud-header {

    background-color: #fff;

    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);

       -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);

            box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); }

  .leapCloud-header ul li > a {

    color: #777; }

    .leapCloud-header ul li > a:hover {

      font-weight: bold; }

  .icon {

    background-image: url("../images/icon_1x_build/sprite.png"); }

  .useemploy-body {

    margin-top: 150px;

    background: #fff;

    width: 100%; }

    .useemploy-body .useemploy-content {

      margin-bottom: 100px; }

      .useemploy-body .useemploy-content .useemploy-left {

        display: inline-block;

        width: 19%;

        height: 100%;

        vertical-align: top;

        font-size: 16px; }

        .useemploy-body .useemploy-content .useemploy-left .useemploy-left-title .useemploy-left-head {

          font-size: 18px;

          color: #333;

          height: 70px;

          line-height: 70px;

          }

        .useemploy-body .useemploy-content .useemploy-left .useemploy-left-title li {

          height: 50px;

          line-height: 50px;

          padding-left: 30px; }

          .useemploy-body .useemploy-content .useemploy-left .useemploy-left-title li a {

            color: #919191; }

            .useemploy-body .useemploy-content .useemploy-left .useemploy-left-title li a:hover {

              color: #00cc33; }

      .useemploy-body .useemploy-content .useemploy-right {

        margin-left: 18% !important;

        display: inline-block;

        width: 72%;

        text-align: center;

        padding: 65px 0;

        border-left: 1px solid #f0f0f0;

        margin-left: -5px;

        font-size: 16px; }

        .useemploy-body .useemploy-content .useemploy-right p {

          margin-bottom: 20px; }

        .useemploy-body .useemploy-content .useemploy-right .useemploy-right-intro {

          width: 90%;

          margin: 50px auto 50px auto; }

          .useemploy-body .useemploy-content .useemploy-right .useemploy-right-intro .useemploy-right-p {

            text-align: left;

            line-height: 35px;

            color: #919191; }

        .useemploy-body .useemploy-content .useemploy-right .useemploy-right-details {

          width: 90%;

          margin: 50px auto; }

          .useemploy-body .useemploy-content .useemploy-right .useemploy-right-details .useemploy-right-details-count {

            margin-bottom: 75px; }

            .useemploy-body .useemploy-content .useemploy-right .useemploy-right-details .useemploy-right-details-count h1 {

              text-align: left;

              color: #41a2ff;

              font-size: 18px;

              margin-bottom: 35px; }

            .useemploy-body .useemploy-content .useemploy-right .useemploy-right-details .useemploy-right-details-count p {

              text-align: left;

              color: #919191;

              line-height: 35px; }

    .useemploy-body .active {

      color: #00cc33 !important; } }



/*******************************************************************************mobile**********************************************************/

@media screen and (max-width: 769px) {

  .useemploy-body {

    margin-top: 0; }

    .useemploy-body .useemploy-content .useemploy-left {

      display: none; }

    .useemploy-body .useemploy-content .useemploy-right {

      margin: 0 auto;

      width: 100%; }

  .leapCloud-header-mobile {

    background-color: #333;

    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);

       -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);

            box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); } }