section {
  width: 100%;
  height: auto;
  color: #333333;
  background-color: #f2f2f2;
  padding-bottom: 30px; }
  section .banner {
    width: 100%;
    height: 480px;
    position: relative; }
    section .banner .information {
      width: 410px;
      height: 260px;
      position: absolute;
      left: 400px;
      top: 58px; }
      section .banner .information .title {
        width: 530px;
        height: 34px; }
        section .banner .information .title span {
          float: left;
          font-size: 17px; }
        section .banner .information .title .span {
          float: left;
          font-size: 20px; }
        section .banner .information .title .span1 {
          width: 436px;
          color: #666666;
          overflow: hidden;
          font-size: 15px;
          float: left;
          margin-left: 20px;
          margin-top: 1px; }
        section .banner .information .title .to_collent {
          width: auto;
          float: right;
          margin-right: 10px;
          cursor: pointer; }
          section .banner .information .title .to_collent .to_love_icon {
            width: 16px;
            height: 16px;
            float: left;
            background: url("/Index/Insurance/image/heart1.png") no-repeat;
            background-size: 16px 16px; }
          section .banner .information .title .to_collent .to_cancel_icon {
            width: 16px;
            height: 16px;
            float: left;
            background: url("/Index/Insurance/image/heart2.png") no-repeat;
            background-size: 16px 16px; }
          section .banner .information .title .to_collent span {
            float: left;
            font-size: 12px;
            color: #0F6FDD;
            margin-left: 5px;
            margin-top: 1px; }
        section .banner .information .title .second_view {
          width: auto;
          float: left;
          margin-right: 20px; }
          section .banner .information .title .second_view .icon {
            width: 16px;
            height: 16px;
            float: left;
            background: url("/Index/Insurance/image/right.png");
            background-size: 16px 16px; }
          section .banner .information .title .second_view span {
            font-size: 14px;
            color: #0F6FDD; }
      section .banner .information .middle_title {
        width: auto;
        height: 25px;
        font-size: 20px;
        color: #333333;
        margin-top: 10px; }
      section .banner .information .middle_button {
        width: 260px;
        height: 80px;
        margin-top: 14px; }
        section .banner .information .middle_button .button1 {
          width: 200px;
          background-color: white;
          height: 32px;
          border-radius: 4px;
          float: left;
          margin-right: 10px;
          margin-top: 10px; }
          section .banner .information .middle_button .button1 input {
            width: 180px;
            height: 20px;
            border: none;
            margin-top: 5px;
            margin-left: 10px; }
      section .banner .information .to_contact {
        width: 200px;
        height: 34px;
        float: left;
        background-color: #0F6FDD;
        border-radius: 4px;
        margin-right: 20px;
        cursor: pointer;
        line-height: 34px;
        text-align: center;
        color: #ffffff;
        margin-top: 14px; }
  section .person_bar {
    width: 1200px;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    font-size: 14px; }
    section .person_bar a {
      color: #666666; }
    section .person_bar span {
      color: #666666; }
  section .calculation {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    background-color: white;
    padding-bottom: 40px; }
    section .calculation .title {
      width: 100%;
      height: 70px;
      border-bottom: 1px solid #f0f0f0;
      text-align: center;
      line-height: 70px;
      font-size: 24px; }
    section .calculation .main {
      width: auto;
      height: auto;
      margin-left: 350px; }
      section .calculation .main .first {
        width: auto;
        height: 40px;
        margin-top: 20px;
        overflow: hidden; }
        section .calculation .main .first span:first-child {
          float: left; }
        section .calculation .main .first .span1 {
          margin-left: 20px; }
        section .calculation .main .first .span2 {
          margin-top: 5px; }
        section .calculation .main .first .span3 {
          float: left;
          margin-left: 30px;
          margin-top: 5px; }
          section .calculation .main .first .span3 .sp1 {
            float: left;
            width: 110px;
            height: 40px;
            text-align: center; }
          section .calculation .main .first .span3 .sp1:nth-child(2) {
            margin-left: 48px; }
          section .calculation .main .first .span3 .sp1:nth-child(3) {
            margin-left: 18px; }
        section .calculation .main .first input {
          width: 100px;
          height: 35px;
          margin-left: 20px;
          font-size: 14px;
          text-align: center;
          border: 1px solid #0F6FDD;
          border-radius: 5px; }
        section .calculation .main .first .button_main {
          width: 600px;
          height: auto;
          margin-left: 80px;
          float: left; }
          section .calculation .main .first .button_main .scheme_div {
            height: 50px;
            margin-top: 2px; }
            section .calculation .main .first .button_main .scheme_div div {
              display: inline-block;
              height: 40px; }
            section .calculation .main .first .button_main .scheme_div .total_price {
              margin-right: 10px; }
            section .calculation .main .first .button_main .scheme_div .button {
              display: inline-block;
              width: 150px;
              border: 1px solid #0F6FDD;
              color: #0F6FDD;
              text-align: center;
              line-height: 40px;
              border-radius: 4px;
              float: left;
              margin-right: 10px;
              cursor: pointer;
              overflow: hidden; }
              section .calculation .main .first .button_main .scheme_div .button_1 {
                display: inline-block;
                width: 80px;
                border: 1px solid #0F6FDD;
                color: #0F6FDD;
                text-align: center;
                line-height: 40px;
                border-radius: 4px;
                float: left;
                margin-right: 10px;
                cursor: pointer;
                overflow: hidden; }
            section .calculation .main .first .button_main .scheme_div .button:hover {
              width: 150px;
              background-color: #0F6FDD;
              color: #ffffff;
              text-align: center;
              line-height: 40px;
              border-radius: 4px;
              float: left;
              margin-right: 10px;
              cursor: pointer;
              overflow: hidden; }
            section .calculation .main .first .button_main .scheme_div .button_selected {
              width: 150px;
              background-color: #0F6FDD;
              color: #ffffff;
              text-align: center;
              line-height: 40px;
              border-radius: 4px;
              float: left;
              margin-right: 10px;
              cursor: pointer;
              overflow: hidden; }
      section .calculation .main .bottom_button {
        width: 240px;
        height: 36px;
        margin-left: 130px;
        margin-top: 30px;
        background-color: #0F6FDD;
        color: white;
        text-align: center;
        line-height: 36px;
        border-radius: 4px;
        cursor: pointer; }
  section .calculation_result {
    width: 1200px;
    height: 260px;
    margin: 0 auto;
    margin-top: 30px;
    background-color: white; }
    section .calculation_result .title {
      width: 100%;
      height: 70px;
      border-bottom: 1px solid #f0f0f0;
      text-align: center;
      line-height: 70px;
      font-size: 24px; }
    section .calculation_result .title1 {
      width: 100%;
      height: 70px;
      text-align: center;
      line-height: 70px;
      font-size: 24px;
      margin-top: 20px; }
      section .calculation_result .title1 span:nth-of-type(1) {
        font-size: 16px; }
    section .calculation_result .bottom_button {
      width: 240px;
      height: 36px;
      margin: 0 auto;
      margin-top: 30px;
      background-color: #0F6FDD;
      color: white;
      text-align: center;
      line-height: 36px;
      border-radius: 4px;
      cursor: pointer; }
  section .introduction {
    width: 1200px;
    height: auto;
    background-color: #ffffff;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 50px;
    padding-top: 30px; }
    section .introduction .scheme_info {
      width: 960px;
      margin: 0 auto;
      overflow: hidden; }

.mask {
  display: none; }
  .mask .mask_shade {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 600000000; }
    .mask .mask_shade .insurance_policy {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 600000000;
      background: #fff;
      width: 800px;
      height: auto;
      max-height: 90%;
      padding-bottom: 50px;
      overflow: scroll;
      padding-left: 30px;
      padding-right: 30px; }
      .mask .mask_shade .insurance_policy .policy_content {
        margin-top: 50px; }
        .mask .mask_shade .insurance_policy .policy_content .p1 {
          text-align: center;
          font-size: 24px;
          margin-top: -20px;
          margin-bottom: 20px; }
        .mask .mask_shade .insurance_policy .policy_content p {
          margin: 10px 0; }
        .mask .mask_shade .insurance_policy .policy_content .agree_btn {
          width: 240px;
          height: 36px;
          margin-top: 30px;
          margin-left: 280px;
          border: none;
          background-color: #0F6FDD;
          color: white;
          text-align: center;
          line-height: 36px;
          border-radius: 4px;
          cursor: pointer; }
  .mask .close {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 25px;
    height: 25px;
    background: url("/Index/Insurance/image/cancel.png");
    background-size: cover;
    cursor: pointer; }
  .button_1{
    display: inline-block;
              width: 150px;
              border: 1px solid #0F6FDD;
              color: #0F6FDD;
              text-align: center;
              line-height: 40px;
              border-radius: 4px;
              float: left;
              margin-right: 10px;
              cursor: pointer;
              overflow: hidden;
  }

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