.user {
  .position {
    border-bottom: 1px solid #dcdcdc;
  }

  .user-inner {
    margin-top   : 50px;
    margin-bottom: 40px;

    .user-nav {
      width: 220px;
      float: left;

      .user-nav-tit {
        font-size   : 24px;
        border-left : 4px solid #2d8800;
        color       : #333;
        padding-left: 14px;
      }

      ul {
        margin  : 20px 0;
        overflow: hidden;

        li {
          margin-bottom: 8px;

          a {
            font-size       : 18px;
            background-color: #f5f5f5;
            color           : #333;
            line-height     : 50px;
            padding-left    : 20px;
            display         : block;

            &.on {
              color: #2d8800;
            }
          }
        }
      }
    }

    .user-main {
      float: right;
      width: 950px;

      .user-main-info {
        padding: 20px 40px;
        border : 1px solid #d2d2d2;

        .top {
          border-bottom: 1px solid #f8f8f8;
          padding      : 20px 0;
          overflow     : hidden;

          .user-top-tab {
            overflow: hidden;
            position: relative;
            display : inline-block;
            float   : left;

            .touxiang {
              width              : 88px;
              height             : 88px;
              background-size    : 88px;
              background-position: center;
              background-repeat  : no-repeat;
              border-radius      : 100%;
              padding            : 3px;
              border             : 1px solid #ebebeb;
              position           : absolute;
              top                : 0;
              left               : 0;
            }

            .inner {
              height : 50px;
              padding: 23px 0 23px 115px;

              .name {
                font-size  : 24px;
                color      : #333;
                font-family: "Arial";
              }

              a {
                color       : #ed0707;
                font-size   : 14px;
                font-weight : lighter;
                padding-left: 5px;
              }
            }

            &.tel {
              .inner {
                height : 50px;
                padding: 23px 0 23px 155px;
              }
            }
          }
        }

        .bottom {
          overflow: hidden;
          padding : 30px 0;

          .user-top-tab {
            overflow: hidden;
            position: relative;
            display : inline-block;
            float   : left;

            .ico {
              width              : 68px;
              height             : 68px;
              background-size    : 68px;
              background-position: center;
              background-repeat  : no-repeat;
              border-radius      : 100%;
              position           : absolute;
              top                : 50%;
              margin-top         : -34px;
              left               : 0;
            }

            .inner {
              padding: 12px 0 12px 80px;

              a {
                display: block;
              }

              .title {
                font-size: 18px;
                color    : #333;

                i {
                  color: #ed0707;
                }
              }

              .more {
                color      : #ed0707;
                font-size  : 14px;
                font-weight: lighter;
              }
            }

            &.qb {
              .ico {
                background-image: url("../images/qb.png");
                background-color: #ff6709;
              }
            }

            &.dsh {
              .ico {
                background-image: url("../images/dsh.png");
                background-color: #8bc34a;
              }
            }

            &.dpj {
              .ico {
                background-image: url("../images/dpj.png");
                background-color: #2196f3;
              }
            }
          }
        }
      }

      .pro-tuijian {
        border : 1px solid #d2d2d2;
        padding: 30px 0;

        .pro-tuijian-tit {
          padding  : 0 27px;
          font-size: 18px;

          a {
            background-image   : url("../images/refrsh.png");
            background-position: left center;
            background-repeat  : no-repeat;
            padding-left       : 25px;
          }
        }

        .list {
          overflow: hidden;
          padding : 0 30px;

          .item {
            width   : 25%;
            height  : 248px;
            overflow: hidden;
            float   : left;

            &.ad {
              width: 480px;

              img {
                display: block;
                width  : 100%;
              }
            }

            a {
              display: block;
              height : 246px;

              .pic {
                height             : 160px;
                margin             : 16px 20px 0;
                background-size    : cover;
                background-position: center;
              }

              .content {
                height    : 48px;
                padding   : 15px 15px 10px;
                margin-top: -2px;
                position  : relative;

                .title {
                  font-size    : 18px;
                  line-height  : 18px;
                  margin-bottom: 6px;
                }

                .price {
                  color    : #c30000;
                  font-size: 14px;

                  span {
                    font-size  : 24px;
                    line-height: 24px;
                    display    : inline-block;
                  }
                }

                .more {
                  position        : absolute;
                  bottom          : 15px;
                  right           : 15px;
                  width           : 70px;
                  line-height     : 26px;
                  color           : #fff;
                  border-radius   : 5px;
                  font-size       : 14px;
                  background-color: #ff870f;
                  text-align      : center;
                }
              }
            }
          }
        }
      }

      .user-set {
        padding-top: 51px;

        .tit {
          background-color: #f5f5f5;
          line-height     : 50px;
          font-size       : 18px;
          color           : #333;
          padding-left    : 30px;
        }

        .inner {
          border : 1px solid #dcdcdc;
          padding: 60px 60px 100px;

          table {
            width: 100%;

            tr {
              td {
                font-size   : 18px;
                line-height : 46px;
                padding-left: 10px;
                color       : #333;

                label {
                  padding-left: 15px;
                  cursor      : pointer;
                }

                a {
                  &.set {
                    float        : right;
                    padding-right: 310px;
                    color        : #2d8800;
                    font-size    : 16px;
                  }
                }

                &.th {
                  width         : 5em;
                  vertical-align: top;
                  padding-left  : 0;

                  &.text-right {
                    text-align: right;
                  }
                }
              }
            }
          }

          select {
            font-size  : 16px;
            line-height: 30px;
            height     : 30px;
          }

          input[type = text] {
            line-height: 30px;
            border     : 1px solid #bfbfbf;
            width      : 240px;
            padding    : 0 10px;
          }

          .touxiang {
            width              : 88px;
            height             : 88px;
            background-size    : 88px;
            background-position: center;
            background-repeat  : no-repeat;
            border-radius      : 100%;
            padding            : 3px;
            border             : 1px solid #ebebeb;
            vertical-align     : top;
          }

          .tijiao {
            margin-top : 20px;
            border-top : 1px solid #dcdcdc;
            padding-top: 23px;

            input {
              width        : 116px;
              text-align   : center;
              color        : #fff;
              height       : 40px;
              border       : none;
              border-radius: 5px;
              background   : #3ea600;
              @include tr(0.4s,box-shadow);

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

      .user-shoucang {
        padding-top: 51px;

        .tit {
          background-color: #f5f5f5;
          line-height     : 50px;
          font-size       : 18px;
          color           : #333;
          padding-left    : 45px;

          .shoucang-sort {
            margin-right: 36px;

            a {
              display : inline-block;
              width   : 22px;
              height  : 22px;
              margin  : 14px 0 14px 8px;
              position: relative;

              &.sort-down {
                background-image: url("../images/sort_down.png");
              }

              &.sort-up {
                background-image: url("../images/sort_up.png");
              }
            }
          }
        }

        .inner {
          .totle-jifen {
            font-size : 16px;
            margin-top: 40px;

            i {
              font-size: 40px;
              color    : #c30000;
              padding  : 0 10px;
            }
          }

          table {
            width : 100%;
            border: 1px solid #d2d2d2;

            tr {
              border: 1px solid #d2d2d2;

              &:first-child {
                border-top  : 1px solid #fff;
                border-left : 1px solid #fff;
                border-right: 1px solid #fff;
                font-size   : 18px;
              }

              &.bor {
                border-top  : 1px solid #fff;
                border-left : 1px solid #fff;
                border-right: 1px solid #fff;
              }

              &.bBn {
                border-bottom: 1px solid #fff;
              }

              a {
                &.gopay {
                  width           : 100px;
                  background-color: #ea6515;
                  color           : #fff;
                  text-align      : center;
                  display         : block;
                  margin          : 0 auto;
                  line-height     : 37px;
                  border-radius   : 5px;
                }

                &.goshouhuo {
                  width           : 100px;
                  background-color: #2d8800;
                  color           : #fff;
                  text-align      : center;
                  display         : block;
                  margin          : 0 auto;
                  line-height     : 37px;
                  border-radius   : 5px;
                }
              }

              td {
                vertical-align: middle;
                color         : #333;
                padding       : 0;
                height        : 75px;
                font-size     : 16px;

                &.text-center {
                  text-align: center;
                }

                .c99 {
                  color: #999;
                }

                .red {
                  color: #eb3c40;
                }

                .item {
                  display: block;
                  height : 75px;
                  margin : 20px;

                  a {
                    display : block;
                    height  : 75px;
                    position: relative;

                    img {
                      width   : 75px;
                      height  : 75px;
                      display : block;
                      position: absolute;
                      top     : 0;
                      left    : 0;
                    }

                    .i-inner {
                      display       : block;
                      width         : 245px;
                      padding-left  : 94px;
                      height        : 65px;
                      padding-top   : 5px;
                      padding-bottom: 5px;
                      color         : #333;
                      font-size     : 16px;
                      line-height   : 32px;

                      i {
                        display: block;
                        color  : #eb3c40;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }

      .user-address {
        padding-top: 51px;

        .tit {
          background-color: #f5f5f5;
          line-height     : 50px;
          font-size       : 18px;
          color           : #333;
          padding-left    : 30px;
        }

        .inner {
          padding: 40px;
          border : 1px solid #dcdcdc;

          .add-address {
            background   : url("../images/add_address.png") no-repeat left center;
            display      : block;
            padding-left : 36px;
            height       : 26px;
            line-height  : 26px;
            margin-bottom: 30px;
            font-size    : 18px;
            font-weight  : bold;
          }

          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);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.address-tan-bg {
  display         : none;
  background-color: rgba(#000,.6);
  position        : fixed;
  top             : 0;
  left            : 0;
  z-index         : 99;
  width           : 100%;
  height          : 100%;
}

.address-tan {
  display         : none;
  position        : fixed;
  top             : 50%;
  left            : 50%;
  margin-left     : -310px;
  margin-top      : -252px;
  width           : 556px;
  padding         : 32px;
  height          : 440px;
  background-color: #fff;
  z-index         : 100;
  border-radius   : 10px;
  box-shadow      : 0 0 20px #000;

  .close {
    width              : 57px;
    height             : 38px;
    background-image   : url("../images/20120418.png");
    background-position: center;
    background-size    : cover;
    position           : absolute;
    top                : -10px;
    right              : -10px;
  }

  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;
    }

    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;
    }
  }
}
