@charset "UTF-8";
input, textarea, select {
  overflow: hidden;
  border: 1px solid #ccc;
  font-family: inherit;
  font-size: inherit;
  *font-size: 100%;
  font-weight: inherit;
  outline: none;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px; }

body {
  padding-right: 0 !important;
  min-width: 1024px;
  min-height: 768px;
  margin: 0;
  -ms-overflow-style: none;
  overflow: auto; }
  body #userPage {
    /*
     * 产品介绍
     */
    /*
     * 律师介绍
     */
    /*
     * 产品指导
     */ }
    body #userPage .top {
      position: fixed;
      right: 105px;
      bottom: 98px;
      cursor: pointer;
      display: none;
      width: 35px;
      height: 35px;
      background-color: #4285F4;
      color: white;
      border-radius: 9px;
      padding: 6px; }
      body #userPage .top i {
        margin-left: 8px; }
      body #userPage .top span {
        margin-left: 2px; }
    body #userPage .user-operating {
      max-width: 2000px;
      margin: 0 auto;
      background-size: cover; }
      body #userPage .user-operating .user-data {
        width: 336px;
        float: right;
        margin-top: -40%;
        margin-right: 10%;
        /* 登录*/
        /*
         *  注册
         *  忘记密码
         */
        /* 微信扫码*/ }
        body #userPage .user-operating .user-data .user-login {
          width: 100%;
          height: 350px;
          text-align: center;
          background: #fff;
          border-radius: 2px;
          border: 1px solid #E1E1E1;
          box-shadow: 0px 2px 8px 0px rgba(71, 71, 71, 0.2); }
          body #userPage .user-operating .user-data .user-login h3 {
            margin-top: 33px;
            margin-bottom: 15px;
            margin-left: 33px;
            display: block;
            text-align: left; }
          body #userPage .user-operating .user-data .user-login .el-form-item {
            margin: 22px auto; }
          body #userPage .user-operating .user-data .user-login .el-input {
            width: 270px;
            height: 40px;
            line-height: 40px; }
            body #userPage .user-operating .user-data .user-login .el-input .el-input__inner {
              height: 100%; }
          body #userPage .user-operating .user-data .user-login button {
            width: 250px;
            height: 40px;
            background: #4285F4;
            border-radius: 2px;
            color: #FFFFFF;
            margin-bottom: 20px;
            margin-top: 15px;
            cursor: pointer;
            border: none; }
          body #userPage .user-operating .user-data .user-login a {
            text-decoration: none;
            margin: 10px 0px; }
          body #userPage .user-operating .user-data .user-login .forgetPwd {
            display: block;
            color: #999999;
            font-size: 12px;
            width: 50px;
            margin-left: 75%;
            cursor: pointer; }
          body #userPage .user-operating .user-data .user-login .speedRegister {
            display: block;
            width: 67px;
            margin: 0 auto;
            font-size: 16px;
            color: #333333;
            cursor: pointer; }
          body #userPage .user-operating .user-data .user-login img {
            float: right;
            margin-top: -20px;
            cursor: pointer; }
        body #userPage .user-operating .user-data .user-register, body #userPage .user-operating .user-data .user-forget {
          position: relative;
          width: 336px;
          margin: 0 auto;
          height: auto;
          text-align: center;
          background: #fff;
          padding: 10px 20px;
          border-radius: 2px;
          border: 1px solid #E1E1E1;
          box-shadow: 0px 2px 8px 0px rgba(71, 71, 71, 0.2); }
          body #userPage .user-operating .user-data .user-register h3, body #userPage .user-operating .user-data .user-forget h3 {
            margin: 20px 33px;
            display: block;
            text-align: left; }
          body #userPage .user-operating .user-data .user-register .el-input, body #userPage .user-operating .user-data .user-forget .el-input {
            width: 270px !important; }
          body #userPage .user-operating .user-data .user-register .el-form-item, body #userPage .user-operating .user-data .user-forget .el-form-item {
            margin: 22px auto; }
          body #userPage .user-operating .user-data .user-register button, body #userPage .user-operating .user-data .user-forget button {
            width: 250px;
            height: 40px;
            background: #4285F4;
            border-radius: 2px;
            color: #FFFFFF;
            margin-bottom: 20px;
            cursor: pointer;
            border: none; }
          body #userPage .user-operating .user-data .user-register .code, body #userPage .user-operating .user-data .user-forget .code {
            margin-top: 58px !important;
            margin-left: -7px; }
          body #userPage .user-operating .user-data .user-register .pwd, body #userPage .user-operating .user-data .user-forget .pwd {
            margin-top: 10px !important; }
          body #userPage .user-operating .user-data .user-register .codeitem, body #userPage .user-operating .user-data .user-forget .codeitem {
            margin-left: 7px; }
            body #userPage .user-operating .user-data .user-register .codeitem .getMessage, body #userPage .user-operating .user-data .user-forget .codeitem .getMessage {
              width: 100px !important;
              height: 30px !important;
              background: #2284FD !important;
              line-height: 0px !important;
              cursor: pointer;
              border: none;
              position: relative;
              top: -41px;
              left: 75px;
              color: #fff; }
            body #userPage .user-operating .user-data .user-register .codeitem .el-form-item__content, body #userPage .user-operating .user-data .user-forget .codeitem .el-form-item__content {
              height: 100px; }
          body #userPage .user-operating .user-data .user-register input[type="button"], body #userPage .user-operating .user-data .user-forget input[type="button"] {
            height: 40px;
            background: #4285F4;
            border-radius: 2px;
            color: #FFFFFF;
            cursor: pointer; }
          body #userPage .user-operating .user-data .user-register .tip, body #userPage .user-operating .user-data .user-forget .tip {
            font-size: 12px;
            color: #858585;
            margin: -7px; }
            body #userPage .user-operating .user-data .user-register .tip label, body #userPage .user-operating .user-data .user-forget .tip label {
              color: #B3B3B3; }
          body #userPage .user-operating .user-data .user-register a, body #userPage .user-operating .user-data .user-forget a {
            width: 400px;
            display: block;
            color: #646464;
            height: 60px;
            font-size: 16px;
            color: #333333;
            line-height: 60px;
            text-decoration: none;
            cursor: pointer;
            margin-left: -20px; }
          body #userPage .user-operating .user-data .user-register #verify, body #userPage .user-operating .user-data .user-register #verify1, body #userPage .user-operating .user-data .user-forget #verify, body #userPage .user-operating .user-data .user-forget #verify1 {
            position: absolute !important;
            padding: 0px 40px; }
            body #userPage .user-operating .user-data .user-register #verify .verify-img-out, body #userPage .user-operating .user-data .user-register #verify .verify-sub-block, body #userPage .user-operating .user-data .user-register #verify1 .verify-img-out, body #userPage .user-operating .user-data .user-register #verify1 .verify-sub-block, body #userPage .user-operating .user-data .user-forget #verify .verify-img-out, body #userPage .user-operating .user-data .user-forget #verify .verify-sub-block, body #userPage .user-operating .user-data .user-forget #verify1 .verify-img-out, body #userPage .user-operating .user-data .user-forget #verify1 .verify-sub-block {
              display: none; }
          body #userPage .user-operating .user-data .user-register .agree, body #userPage .user-operating .user-data .user-forget .agree {
            width: 289px;
            margin-bottom: 40px;
            margin-right: 15px; }
            body #userPage .user-operating .user-data .user-register .agree .el-form-item__content, body #userPage .user-operating .user-data .user-forget .agree .el-form-item__content {
              line-height: 10px; }
            body #userPage .user-operating .user-data .user-register .agree a, body #userPage .user-operating .user-data .user-forget .agree a {
              width: auto;
              font-size: 12px;
              display: inline-block;
              height: 16px;
              line-height: 16px; }
        body #userPage .user-operating .user-data .user-wechat {
          width: 336px;
          margin: 0 auto;
          height: 500px;
          text-align: center;
          background: #fff;
          padding: 10px 0px;
          box-sizing: border-box;
          border-radius: 2px;
          border: 1px solid #E1E1E1;
          box-shadow: 0px 2px 8px 0px rgba(71, 71, 71, 0.2); }
          body #userPage .user-operating .user-data .user-wechat h3 {
            margin: 33px;
            display: block;
            text-align: left; }
          body #userPage .user-operating .user-data .user-wechat img {
            float: right;
            margin-right: 0px;
            margin-top: -46px;
            cursor: pointer; }
    body #userPage #wechat {
      width: 300px;
      height: 410px;
      margin-left: -5px;
      margin-top: -20px; }
    body #userPage .product-introduction {
      margin: 0px 0px 80px;
      /* 产品项目，奇数*/
      /* 产品项目，偶数数*/ }
      body #userPage .product-introduction div .product-title {
        width: 100%;
        line-height: 100px;
        text-align: center;
        font-size: 32px;
        color: #333333; }
      body #userPage .product-introduction div .product-item {
        width: 33%;
        height: 300px;
        box-sizing: border-box;
        display: inline-block;
        text-align: center; }
        body #userPage .product-introduction div .product-item img {
          margin: 50px auto 30px;
          width: 136px;
          height: 90px; }
        body #userPage .product-introduction div .product-item h4 {
          font-size: 16px;
          color: #333333;
          height: 30px;
          line-height: 22px;
          font-weight: bold; }
        body #userPage .product-introduction div .product-item p {
          padding: 0 12%;
          font-size: 14px;
          color: #333333;
          line-height: 22px; }
      body #userPage .product-introduction .product-demo {
        width: 1200px;
        height: 600px;
        margin: 10px auto 30px;
        background: #fafafa;
        border-radius: 4px;
        padding: 0px 80px;
        box-sizing: border-box; }
        body #userPage .product-introduction .product-demo .product-left, body #userPage .product-introduction .product-demo .product-right {
          display: inline-block; }
      body #userPage .product-introduction .product-demo:nth-child(even) .product-left {
        position: relative;
        top: -45%;
        width: 40%;
        left: -25px;
        text-align: left; }
        body #userPage .product-introduction .product-demo:nth-child(even) .product-left h4 {
          height: 40px;
          line-height: 22px;
          font-size: 28px;
          margin-left: 35px;
          color: #333333; }
        body #userPage .product-introduction .product-demo:nth-child(even) .product-left p {
          padding: 0 9%;
          font-size: 14px;
          color: #333333;
          line-height: 24px; }
      body #userPage .product-introduction .product-demo:nth-child(even) .product-right {
        width: 59%;
        height: 640px; }
        body #userPage .product-introduction .product-demo:nth-child(even) .product-right .product-img {
          width: 630px;
          height: 400px;
          background: #F2F2F2;
          margin: 15% auto; }
      body #userPage .product-introduction .product-demo:nth-child(odd) .product-left {
        width: 69%;
        height: 640px; }
        body #userPage .product-introduction .product-demo:nth-child(odd) .product-left .product-img {
          width: 90%;
          height: 400px;
          background: #F2F2F2;
          margin: 15% auto; }
      body #userPage .product-introduction .product-demo:nth-child(odd) .product-right {
        position: relative;
        top: -45%;
        width: 30%;
        left: -25px;
        text-align: left; }
        body #userPage .product-introduction .product-demo:nth-child(odd) .product-right h4 {
          height: 40px;
          line-height: 22px;
          margin-left: 35px;
          font-size: 28px;
          color: #333333; }
        body #userPage .product-introduction .product-demo:nth-child(odd) .product-right p {
          padding: 0 9%;
          font-size: 14px;
          color: #333333;
          line-height: 24px; }
    body #userPage .laywer-introduction .laywer-box {
      background: url(../images/userPage/laywer-back.png) no-repeat;
      background-size: cover;
      width: 100%;
      height: 400px;
      padding: 0px 170px;
      box-sizing: border-box; }
      body #userPage .laywer-introduction .laywer-box .laywer-title {
        /*position: absolute;
        top: 10px;
        z-index: 10;*/
        width: 100%;
        height: 150px;
        line-height: 48px;
        text-align: center;
        padding-top: 40px;
        font-size: 32px;
        color: white; }
      body #userPage .laywer-introduction .laywer-box .laywer-item {
        width: 33%;
        margin-top: -40px;
        height: 300px;
        box-sizing: border-box;
        display: inline-block;
        text-align: center; }
        body #userPage .laywer-introduction .laywer-box .laywer-item img {
          margin: 30px auto;
          width: 58px;
          height: 58px; }
        body #userPage .laywer-introduction .laywer-box .laywer-item h4 {
          font-size: 20px;
          color: #fff;
          height: 30px;
          line-height: 20px; }
        body #userPage .laywer-introduction .laywer-box .laywer-item p {
          padding: 0 25%;
          font-size: 14px;
          margin-top: 20px;
          color: white;
          line-height: 22px; }
    body #userPage .laywer-introduction .laywer-language {
      margin: 0px 100px;
      border-bottom: 1px solid #EDEDED; }
      body #userPage .laywer-introduction .laywer-language .laywer-language-title {
        width: 100%;
        text-align: center;
        height: 100px;
        line-height: 100px;
        margin-top: 50px;
        font-size: 32px;
        color: #333333; }
      body #userPage .laywer-introduction .laywer-language .laywer-avatar {
        width: 100%;
        display: inline-block;
        text-align: center; }
        body #userPage .laywer-introduction .laywer-language .laywer-avatar div {
          background: #FAFAFA;
          opacity: 0.3;
          width: 52px;
          height: 52px;
          display: inline-block;
          border-radius: 50%;
          margin: 0px 5px;
          z-index: 10;
          cursor: pointer; }
          body #userPage .laywer-introduction .laywer-language .laywer-avatar div img {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            z-index: 1; }
      body #userPage .laywer-introduction .laywer-language .laywer-avatar-content {
        width: 100%;
        text-align: center;
        padding: 40px 0px;
        font-size: 20px;
        color: #333333; }
        body #userPage .laywer-introduction .laywer-language .laywer-avatar-content div {
          padding: 0px 25% 50px;
          line-height: 40px; }
        body #userPage .laywer-introduction .laywer-language .laywer-avatar-content p {
          font-size: 16px;
          color: #333333;
          line-height: 16px;
          padding-bottom: 80px; }
    body #userPage .laywer-introduction .laywer-use {
      width: 100%;
      text-align: center;
      padding-bottom: 80px; }
      body #userPage .laywer-introduction .laywer-use .laywer-use-title {
        height: 60px;
        margin-top: 80px;
        font-size: 32px;
        color: #333333;
        line-height: 32px; }
      body #userPage .laywer-introduction .laywer-use .laywer-num {
        font-size: 16px;
        color: #333333;
        line-height: 16px;
        padding-bottom: 80px; }
        body #userPage .laywer-introduction .laywer-use .laywer-num label {
          color: #EB5564 !important; }
      body #userPage .laywer-introduction .laywer-use button {
        width: 160px;
        height: 50px;
        background: #4285F4;
        border-radius: 4px;
        font-size: 18px;
        color: white;
        line-height: 18px;
        border: none;
        cursor: pointer; }
    body #userPage .product-guide {
      position: fixed;
      bottom: 0px;
      width: 100%;
      height: 40px;
      background: #202037;
      line-height: 40px; }
      body #userPage .product-guide .product-ICP {
        width: 100%;
        display: inline-block;
        font-size: 12px;
        text-align: center;
        box-sizing: border-box;
        color: white; }
      body #userPage .product-guide .product-link {
        width: 30%;
        display: inline-block; }
        body #userPage .product-guide .product-link a {
          text-decoration: none;
          font-size: 12px;
          margin: 0px 20px;
          color: white; }

body::-webkit-scrollbar,
#userPage::-webkit-scrollbar {
  display: none; }

.active {
  background: transparent !important;
  opacity: 1 !important; }

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