@charset "utf-8";
a:link, a:visited {
  text-decoration: none;
  outline: none;
  /*color: #000;*/
}

input[type=checkbox]:focus {
  outline: 0;
}

.user-safety hr {
  margin-top: 0;
}

/*按钮*/
.info-btn {
  text-align: center;
}

.fore3 .am-btn-secondary {
  color: #000;
  background-color: transparent;
  border: none;
}

/*安全设置*/
.user-safety .check {
  max-width: 900px;
}

.user-safety .check li {
  overflow: hidden;
  margin: 5px 10px;
  padding: 8px 0;
  border-bottom: 1px solid #E4EAEE;
}

.user-safety .check .m-left {
  float: left;
}

.user-safety .check .fore1 {
  width: 80px;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  padding-top: 5px;
}

.user-safety .check .fore2 {
  display: none;
  text-align: left;
  font-size: 12px;
  line-height: 21px;
}

.user-safety .check .fore3 {
  text-align: center;
  font-size: 12px;
  float: right;
  line-height: 21px;
}

.am-btn {
  padding: 5px;
}

.user-safety .check i {
  margin-left: 10px
}

.user-safety .fore3 .am-btn {
  width: 70px;
}

.msg-title {
  /*background: #eee;*/
}

.msg-title td {
  color: #3c3c3c;
  font-size: 14px;
  font-weight: 700;
}

.msg-list-title {
  background: #f9f9f9;

}

.msg-list-title th {
  color: #333;
  font-family: arial;
  font-size: 14px;
}

.table .config-def td {
  color: #005FA9;
  font-family: arial;
  line-height: 22px;
}

/*.config-def:hover {*/
  /*background: #FFFFCC;*/
/*}*/

.input-td {
  text-align: center;
}

.save-btn {
  border-radius: 0;
}

@media only screen and (min-width: 640px) {
  .am-form-group.address, .am-form-group.safety, .am-form-help {
    display: none;
  }

  .sex, .birth {
    float: none;
    margin-left: 85px;
  }

  .am-radio-inline input[type="radio"] {
    margin-left: 0;
  }

  input::-webkit-input-placeholder, input {
    text-align: left;
  }

  .info-main {
    margin: 0 5%;
  }

  .info-main .form-group {
    margin: 2em 0;
  }

  .info-main .form-group.birth select.form-control {
    width: 80%;
    float: left;
    margin-right: 3px;
  }

  .info-main .form-group.birth .col-md-4 {
    padding: 0;
  }

  .info-main .form-horizontal .control-label {
    font-size: 14px;
    color: #333;
  }

  .user-infoPic, .am-form-group {
    border: none;
  }

  /*头像、安全评分*/
  .user-infoPic {
    position: relative;
    /*margin: 20px 30% 20px;*/
    height: 106px;
    /*border-bottom: 1px solid #eee;*/
  }

  .filePic {
    width: 100px;
    float: left;
    margin-left: 10px;
    margin-top: 4px;
  }

  .info-m {
    display: block;
    float: left;
    overflow: hidden;
    line-height: 24px;
    /*position: absolute;*/
    /*left: 6%;*/
    /*top: 0;*/
    margin-left: 34px;
    font-size: 14px;
  }

  .safeText {
    display: block;
    color: #fff;
    position: relative;
    text-align: left;
  }

  /*安全设置*/
  .user-safety .check li {
    padding: 15px 0;
    position: relative;
    border: none;
  }

  .user-safety .check .fore2 {
    display: block;
    color: #666;
  }

  .user-safety .check .fore1 {
    width: 100px;
    font-size: 16px;
    color: #333;
  }

  /*小图标*/
  .user-safety .check i {
    left: 0;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../../images/sprite.png");
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: 5px;
  }

  .i-safety-lock {
    background-position: -90px -45px;
  }

  .i-safety-wallet-none {
    background-position: 0 -135px;
  }

  .i-safety-wallet {
    background-position: -135px -90px;
  }

  .i-safety-iphone {
    background-position: -45px 0;
  }

  .i-safety-iphone-none {
    background-position: -90px 0;
  }

  .i-safety-mail {
    background-position: 0 -90px;
  }

  .i-safety-mail-none {
    background-position: 0 0;
  }

  .i-safety-idcard {
    background-position: -90px -90px;
  }

  .i-safety-idcard-none {
    background-position: 0 -45px;
  }

  .i-safety-security-none {
    background-position: -135px -45px;
  }

  .i-safety-security {
    background-position: -135px 0;
  }

  .user-safety .check .m-left {
    margin-left: 70px;
  }

  .user-safety .check .fore3 {
    margin-top: 10px;
  }

  /*按钮*/
  .fore3 .am-btn-secondary {
    color: #fff;
    background-color: #3bb4f2;
    border: 1px solid #3bb4f2;
  }
}

@media only screen and (min-width: 1025px) {
  .info-main {
    margin: 0 10%;
  }

  .user-safety .check ul {
    margin: 0 5%;
  }

  .filePic {
    width: 100px;
    float: left;
    margin-left: 70px;
    margin-top: 4px;
  }
}

/*am*/
.am-text-lg {
  font-size: 1.8rem;
}

.am-text-danger {
  color: #000;

}

.am-padding {
  padding: 1.6rem;
}

.notice-con {
  /*padding: 0 1.6rem;*/
  color: #000;
  padding-left: 1.6rem;
  padding-bottom: 10px;
  line-height: 20px;
}

.notice-con .icon-info-sign {
  font-size: 14px;
  color: #f0ad4e;
}

.msg-title {
  background: #ECF4FB;
}

.am-img-thumbnail {
  padding: 0;
  margin: 2px;
}

.am-circle {
  border-radius: 50%;
}

.am-img-thumbnail {
  display: inline-block;
  width: 100px;
  height: 100px;
  padding: 2px;
  line-height: 1.6;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.vip img {
  display: inline-block;
  max-width: 30px;
  max-height: 30px;
}

#login-name, #user-sex, #user-date {
  line-height: 26px;
  color: #3c3c3c;
}

.dis-input{
  background: #eee;
}

/*个人资料vip*/
@media only screen and (min-width: 640px) {
  .vip span {
    display: block;
    width: 51px;
    height: 22px;
    background: url(../../images/icon_progress_24.png) no-repeat 0 0;
    float: left;
    margin-right: 5px;
  }

}

div.row.info .col-md-6.sale {
  position: relative;
}

div.row.info .col-md-6.sale span {
  left: 0;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../../images/man-and-woman.jpg");
  width: 35px;
  height: 35px;
  position: absolute;

}

div.row.info .col-md-6.sale span.man {
  background-position: 0 -43px;
}

div.row.info .col-md-6.sale span.woman {
  background-position: -47px -43px;

}



