.car {
  .car-tit {
    border-bottom: 1px solid #dcdcdc;

    .tit {
      font-size   : 24px;
      margin-right: 30px;
    }

    #list1 {
      font-size: 16px;

      .dt {
        margin-right: 30px;
        font-size   : 16px;
      }
    }

    .jx {
      line-height: 30px;
    }
  }

  .shouhuo-info {
    & > .tit {
      font-size  : 18px;
      line-height: 1em;
      color      : #3ea600;
    }

    .inner {
      padding         : 50px;
      border          : 1px solid #dcdcdc;
      background-color: #fcfcfc;

      .tit {
        font-size  : 18px;
        font-weight: bold;
      }

      .add {
        table {
          width: 100%;

          th {
            text-align    : right;
            vertical-align: middle;
          }

          td {
            vertical-align: middle;
          }

          input[type=text] {
            height     : 30px;
            line-height: 30px;
            width      : 277px;
            margin     : 5px 0;

            &::-webkit-input-placeholder {
              /* WebKit browsers */
              color     : #999;
              text-align: center;
            }

            &:-moz-placeholder {
              /* Mozilla Firefox 4 to 18 */
              color     : #999;
              text-align: center;
            }

            &::-moz-placeholder {
              /* Mozilla Firefox 19+ */
              color     : #999;
              text-align: center;
            }

            &:-ms-input-placeholder {
              /* Internet Explorer 10+ */
              color     : #999;
              text-align: center;
            }
          }

          select {
            height      : 34px;
            width       : 121px;
            line-height : 34px;
            margin-right: 10px;
            text-indent : 20px;
          }

          textarea {
            width : 400px;
            height: 50px;
            border: 1px solid #bfbfbf;
            resize: none;
            margin: 5px 0;
          }

          input[type=submit] {
            width           : 130px;
            line-height     : 40px;
            background-color: #3ea600;
            border          : 0;
            border-radius   : 5px;
            color           : #fff;
            text-align      : center;
            margin-top      : 50px;
          }
        }
      }

      .list {
        table {
          width : 100%;
          border: 1px solid #dcdcdc;

          tr {
            border-bottom: 1px solid #dcdcdc;
            cursor       : pointer;
            @include tr(0.4s,background-color);

            th {
              background-color: #f2f2f2;
              font-size       : 14px;
              font-weight     : bold;
              line-height     : 55px;
              padding-left    : 20px;
              text-align      : left;
            }

            td {
              padding-left  : 20px;
              font-size     : 14px;
              line-height   : 24px;
              height        : 78px;
              vertical-align: middle;

              a {
                &.set {
                  color: #154fc4;
                }

                &.setmr {
                  display         : block;
                  width           : 80px;
                  background-color: #3ea600;
                  color           : #fff;
                  text-align      : center;
                  line-height     : 34px;
                  border-radius   : 5px;
                  visibility      : hidden;
                  opacity         : 0;
                  border          : 1px solid #3ea600;
                  @include tr(0.4s,opacity);

                  &.on {
                    background-color: #c8e0b8;
                    visibility      : visible;
                    opacity         : 1;
                    color           : #3ea600;
                  }
                }
              }
            }

            &:hover {
              background-color: #eeeeee;
              @include tr(0.4s,background-color);

              td {
                a {
                  &.setmr {
                    visibility: visible;
                    opacity   : 1;
                    @include tr(0.4s,opacity);
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .cartMain {
    .tt {
      line-height: 106px;
      text-align : center;
    }

    .tit {
      line-height: 60px;
      font-size  : 18px;
      color      : #3ea600;

      a {
        color: #3ea600;
      }
    }
  }

  .backcar {
    display     : block;
    float       : left;
    line-height : 50px;
    padding-left: 30px;
    background  : url("../images/back.png") no-repeat left center;
  }

  .goBtn {
    float: right;

    a {
      display        : block;
      width          : 210px;
      height         : 50px;
      color          : #fff;
      background     : #f40;
      cursor         : pointer;
      font-size      : 18px;
      text-decoration: none;
      line-height    : 50px;
      text-align     : center;
      border-radius  : 5px;
    }
  }

  .zffs {
    .tit {
      color      : #3ea600;
      font-size  : 18px;
      line-height: 1em;
    }

    .inner {
      border          : 1px solid #dcdcdc;
      background-color: #fcfcfc;
      padding         : 50px;
      margin-top      : 25px;
      margin-bottom   : 138px;

      input[type=radio] {
        display: none;
      }

      label {
        width              : 172px;
        height             : 54px;
        border             : 1px solid #d9d9d9;
        display            : inline-block;
        background-position: center;
        background-repeat  : no-repeat;
        cursor             : pointer;
        margin-right       : 40px;
        position           : relative;

        i {
          position       : absolute;
          top            : 0;
          left           : 0;
          width          : 100%;
          height         : 100%;
          display        : block;
          background     : url("../images/zffsxz.png") center;
          background-size: cover;
          visibility     : hidden;
          opacity        : 0;
        }

        &[for=wxzf] {
          background-image: url("../images/wxzf.png");
        }

        &[for=zfb] {
          background-image: url("../images/zfb.png");
        }
      }

      input[type=radio]:checked + label {
        border: 1px solid #00a8f2;

        i {
          visibility: visible;
          opacity   : 1;
          @include tr(0.4s,opacity);
        }
      }

      .zfje {
        margin-top    : 47px;
        color         : #333;
        border-bottom : 1px solid #dcdcdc;
        padding-bottom: 60px;

        i {
          color       : #eb3c40;
          font-size   : 23px;
          padding-left: 25px;
        }
      }

      .ljzf {
        display         : block;
        width           : 210px;
        background-color: #3ea600;
        color           : #fff;
        line-height     : 40px;
        text-align      : center;
        margin-top      : 30px;
        border-radius   : 6px;
        @include tr(0.4s,box-shadow);

        &:hover {
          box-shadow: 0 0 10px #3ea600;
          @include tr(0.4s,box-shadow);
        }
      }
    }
  }

  .ddzt {
    .tit {
      color      : #3ea600;
      font-size  : 18px;
      line-height: 1em;
    }

    .inner {
      border          : 1px solid #dcdcdc;
      background-color: #fcfcfc;
      padding         : 50px;
      margin-top      : 25px;
      margin-bottom   : 138px;

      .gx {
        font-size          : 18px;
        color              : #3ea600;
        height             : 43px;
        line-height        : 43px;
        padding-left       : 60px;
        background-image   : url("../images/gx.png");
        background-position: left center;
        background-repeat  : no-repeat;
      }

      .ddh {
        margin-top    : 47px;
        color         : #333;
        border-bottom : 1px solid #dcdcdc;
        padding-bottom: 60px;
        font-size     : 18px;
        padding-left  : 60px;
      }

      .jxgw {
        display         : inline-block;
        width           : 210px;
        background-color: #3ea600;
        color           : #fff;
        line-height     : 40px;
        text-align      : center;
        margin-top      : 30px;
        margin-right    : 30px;
        border-radius   : 6px;
        @include tr(0.4s,box-shadow);

        &:hover {
          box-shadow: 0 0 10px #3ea600;
          @include tr(0.4s,box-shadow);
        }
      }

      .ckdd {
        display         : inline-block;
        width           : 210px;
        background-color: #999;
        color           : #fff;
        line-height     : 40px;
        text-align      : center;
        margin-top      : 30px;
        border-radius   : 6px;
        @include tr(0.4s,box-shadow);

        &:hover {
          box-shadow: 0 0 10px #999;
          @include tr(0.4s,box-shadow);
        }
      }
    }
  }
}
