@charset "utf-8";

/*
*UGO 我的帐户
*time:20150719
*author:L.J;
    */
body {
  background: #F0F0F0;
}

.account-con li {
  position: relative;
  margin-left: 1.25em;
  padding: 1.042em 1.25em 1.042em 0;
  line-height: 1.25em;
  border-top: 1px solid #ebebeb;
  overflow: hidden;
  color: #222;
  font-size: 1.083em
}

.account-con li:first-child {
  border-top: none;
}

.account-con label {
  color: #666;
  font-size: 1.083em;
  float: left;
}

.account-con ul {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

.a_right {
  width: .667em;
  height: .667em;
  margin: 0.2em 0 0 .41em;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.account-r {
  color: #999;
  font-size: 1em;
}

.account-con li.account-portrait {
  line-height: 3.583em;
  position: relative;
  z-index: 2
}

.portrait-btn {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

.sign-meg-lt {
  width: 3.583em;
  height: 3.583em;
  float: left;
  margin-right: .833em
}

.sign-meg-lt img {
  border-radius: 50%;
  border: .167em solid #ebebeb;
  width: 100%;
  height: 100%;
  display: block;
}

.account-portrait .a_right {
  margin: 1.52em 0 0 .41em;
}

.gender_layer li {
  position: relative;
}

.gender_layer .cart-checkbox {
  right: 1.25em;
  margin-top: -1em;
}

.checkID {
  color: #FF504A;
  margin-left: .833em;
}

/*头像弹窗*/
.portrait-layer,
.check-time-layer {
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(127, 127, 127, 0.5);
  z-index: 11110;
  display: none;
}

.portrait-link {
  position: absolute;
  bottom: .833em;
  left: 0;
  width: 100%;
  z-index: 11111;
  display: none;
}

.portrait-link .my-photo,
.portrait-link .portrait-cancel {
  height: 3.333em;
  line-height: 3.333em;
  text-align: center;
  color: #0a56e1;
  font-size: .833em;
  border-radius: .208em;
  background-color: #fff;
  display: block;
  margin: 0 .833em;
  width: 95%
}

.portrait-link .my-photo {
  background-color: #e4e4e4;
  margin-bottom: .417em;
  position: absolute;
  width: 95.2%;
  top: -4em;
  z-index: 2
}

.upload {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: -4em;
  z-index: 2
}

/*日期*/
.check-time-con {
  height: 19em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 11111;
  background-color: #fff;
  display: none;
}

.check-time-tit {
  height: 3.167em;
  line-height: 3.167em;
  background-color: #d8d8d8;
  padding: 0 .833em;
  color: #0a56e1;
}

.check-sec {
  margin: 1.25em;
  text-align: center;
  color: #202020;
  height: 1.667em;
  line-height: 1.667em;
  font-size: 1.583em
}

.check-sec select {
  border: 1px solid #d5d5d5;
  margin: 0 .417em;
  -webkit-appearance: block;
  -moz-appearance: block;
}

/*securety.html*/
.securety-con ul {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

.securety-con li {
  position: relative;
  margin-left: 1.25em;
  padding: 1.042em 1.25em 1.042em 0;
  line-height: 1.25em;
  border-top: 1px solid #ebebeb;
  overflow: hidden;
  color: #222;
  font-size: 1.083em
}

.securety-con li:first-child {
  border-top: none;
}

.securety-tit {
  font-size: 1.167em;
  color: #666;
  position: relative;
}

.securety-tip {
  font-size: .917em;
  color: #999;
  margin-top: .417em
}

.securety-tel {
  color: #f70800;
  font-size: 1.083em;
  font-family: arial;
  position: absolute;
  right: 3em;
  top: 0;
}

.securety-con .a_right {
  position: absolute;
  right: .833em;
  top: 2em;
}

/*set.html*/
.set-link {
  position: fixed;
  bottom: 10%;
  width: 100%
}

.set-link .exit {
  width: 75%;
  height: 3.333em;
  line-height: 3.333em;
  color: #f70800;
  font-size: 1.25em;
  text-align: center;
  border: .083em solid #f70800;
  border-radius: .208em;
  display: block;
  margin: 0 auto
}

/*my-service.html*/
.account-con.my-service ul {
  /*border-bottom: 0;*/
  margin-bottom: .9em;
}

.account-con.my-service ul:last-child {
  /*border-bottom:1px solid #ccc;*/
}

.my-service .m-num {
  color: #fff;
  font-size: 1.083em;
  font-family: arial;
  background-color: #f70800;
  border-radius: 50%;
  display: block;
  text-align: center;
  width: 1.25em;
  height: 1.25em;
  line-height: 1.25em;
  margin-right: .833em
}

.my-service .a_right {
  position: absolute;
  right: .833em;
  top: 1.25em;
}

.my-service .add-m-num {
  border-radius: 0;
  position: relative;
  color: #fff;
  font-size: 1.083em;
  font-family: arial;
  background-color: #f70800;
  display: block;
  text-align: center;
  height: 1.2em;
  line-height: 1.2em;
  margin-right: 1.2em;
  float: right;
  z-index: 1;
  padding: .01em 0;
}

.my-service .add-m-num:after,
.my-service .add-m-num:before {
  content: "";
  position: absolute;
  height: 1.13em;
  line-height: 1.13em;
  width: 1em;
  border-radius: 50%;
  background-color: #f70800;
  font-family: arial;
  z-index: -1;
  font-size: 1.083em;
}

.my-service .add-m-num:after {
  right: -.5em;
  top: 0;
}

.my-service .add-m-num:before {
  left: -.5em;
  top: 0;
}

/*wxl 2015.12.4*/
.my-service .service-con {
  margin-top: .9em;
  position: relative;
  border-top: 1px solid #ccc;
  background-color: #fafafa;
}

.my-service ul.service-in {
  border: 0;
  background-color: #fafafa;
  padding-left: 1.25em;
}

.my-service li {
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.my-service li a.disb {
  margin: 0 1.25em;
}

.in-a .in-tit {
  color: #333333;
}

.in-a p {
  color: #999999;
  font-size: .85em;
}

.del {
  width: 20px;
  height: 20px;
  display: none;
  background: #DEDEDE;
  border-radius: 1em;
  top: 50%;
  right: 4%;
  margin-top: -10px;
  position: absolute;
}

.del::after,
.del::before {
  border-right: 2px solid #fff;
  height: 15px;
  width: 9px;
  position: absolute;
  content: "";
  left: 0;
  top: .2em;
  transform: rotate(45deg);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.del::after {
  transform: rotate(-45deg);
  top: .1em;
}

.protocal {
  font-size: 1.167em;
  line-height: 1.286em;
  padding: 7% 4%;
}

/* 容器 */
.order-bill {
  background: #fff;
  border-top: 1px solid #ddd;
  margin-bottom: 1.083em;
}

.order-bill .orderWrap {
  padding: 0 0 0 4%;
  border-bottom: 1px solid #ddd;
}

.order-bill ul {
  border-bottom: 1px solid #ddd;
  height: 3.75em;
  line-height: 3.75em;
  padding-right: 4%;
  position: relative;
}

.order-bill li {
  float: left;
  margin-right: 1.4em;
  font-size: 1.167em;
}

.order-bill .fr {
  float: right;
  margin: 0;
  height: 3.75em;
}

.order-bill input {
  padding: 0;
  height: 3em;
  border: 0;
}

.order-bill .orderWrap ul:nth-last-child(1) {
  border: 0;
}

.btnCheckID {
  background: #FF504A;
  color: #fff;
  text-align: center;
  margin: 0 4%;
  display: block;
  margin-top: 13%;
  width: 92%;
  font-size: 1.33em;
  height: 2.688em;
  line-height: 2.688em;
  border: 0;
  border-radius: 4px;
}