userCenter.css 6.09 KB
.yes-verify,
.no-verify {
  color: #f47163;
  border: 1px solid #f47163;
  border-radius: 3px;
  height: 19px;
  line-height: 19px;
  font-size: 13px;
  padding: 2px 5px;
  display: inline-block;
  vertical-align: middle;
}
.yes-verify {
  color: #69b8dc;
  border-color: #69b8dc;
}
.subline {
  padding: 0 10px;
}
.subline .btn-default {
  display: block;
  margin-top: 15px;
}
.m-table-view .m-input {
  text-align: right;
}
.m-table-view .usertitle {
  color: #333;
  width: 105px;
}
.m-table-view .usertitle > span {
  display: inline-block;
  vertical-align: middle;
}
.m-table-view .usertext {
  text-align: right;
}
.m-table-view .usertext span {
  display: inline-block;
  vertical-align: middle;
}
.fundinfo {
  color: #fff;
  background-color: #f47163;
  padding: 15px;
}
.fundinfo h2 {
  font-size: 15px;
  font-weight: 400;
}
.fundinfo p {
  text-align: center;
  font-size: 24px;
  line-height: 1;
  margin: 10px 0;
}
.ensureinfo {
  color: #fff;
  background-color: #69b8dc;
  padding: 15px;
}
.ensureinfo h2 {
  font-size: 15px;
  font-weight: 400;
}
.ensureinfo p {
  text-align: center;
  font-size: 24px;
  line-height: 1;
  margin: 10px 0;
}
.ensureword {
  padding: 10px;
  color: #333;
}
.ensureword .m-btn {
  display: block;
  color: #fff;
}
.ensureword .acc {
  top: -3px !important;
  right: 10px !important;
}
.ensurelist .m-table-view > li {
  padding: 10px 0 10px 10px;
}
.ensurelist .ltt {
  font-size: 13px;
  color: #999;
  font-weight: 100;
  padding: 10px 10px 0 10px;
}
.ensurelist .lget {
  position: absolute;
  right: 10px;
  top: 10px;
}
.ensurelist .getin {
  color: #1c69a3;
}
.ensurelist .getout {
  color: #f47163;
}
.searchtic {
  padding: 10px;
}
.searchtic .seainput {
  width: 65%;
  float: left;
  display: inline-block;
  vertical-align: middle;
}
.searchtic .seainput .m-input {
  padding: 8px 11px;
}
.searchtic .m-btn {
  line-height: 38px;
  width: 30%;
  float: right;
}
.searchtic p {
  clear: both;
  padding-top: 5px;
}
.ui-coupon {
  color: #fff;
  font-size: 16px;
  padding: 0 10px 10px;
}
.ui-coupon > li {
  background-color: #fff;
  margin-bottom: 15px;
  position: relative;
  border-radius: 5px;
}
.ui-coupon span {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  padding: 14px 23px;
  border-radius: 5px 0 0 5px;
}
.ui-coupon .favor-coupon > span {
  background-color: #f47163;
}
.ui-coupon .cred-coupon > span {
  background-color: #f4aa00;
}
.ui-coupon .deadline {
  font-size: 14px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.ui-coupon .lsemi,
.ui-coupon .rsemi {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  width: 25px;
  height: 25px;
  background-color: #f1f2f7;
  border-radius: 100%;
}
.ui-coupon .lsemi {
  left: -12px;
}
.ui-coupon .rsemi {
  right: -12px;
}
.vote {
  padding: 10px 10px 0;
}
.vote .btn-default {
  display: block;
}
.vote ~ ul .usertitle {
  width: 125px;
}
.votearea {
  padding: 0 10px 10px;
}
.votearea .m-textarea {
  height: 155px;
  border-width: 1px;
  border-radius: 3px;
}
.subvote .m-btn {
  display: block;
  width: 100%;
}
.ttips {
  text-align: center;
  margin: 25px 0;
}
.ttips .ttips-suc {
  color: #1c69ac;
  font-size: 16px;
  font-weight: 100;
  margin-bottom: 10px;
}
.ttips .ttips-word {
  color: #999;
}
.ttips-word {
  color: #a4a4a4;
  font-size: 14px;
}
.voted-time {
  padding: 5px 10px;
  font-size: 14px;
}
.ewmimg {
  width: 100px;
  height: 100px;
}
.shareinfo {
  background-color: #fff;
  text-align: center;
  padding: 20px;
}
.shareinfo li {
  font-size: 15px;
}
.shareinfo .m-btn {
  display: block;
}
.shareinfo .sharelinks {
  margin: 30px 0 10px;
}
.shareinfo .sharelinks ul {
  text-align: justify;
}
.shareinfo .sharelinks > h3 {
  font-size: 15px;
  font-weight: 400;
}
.shareinfo .sharelinks li {
  float: left;
  width: 33%;
  padding-top: 5px;
  text-align: center;
}
.shareinfo .sharelinks .justend {
  width: 100%;
  height: 0;
  visibility: hidden;
}
.sharephone {
  padding-top: 50px;
}
.sharephone .line {
  margin-bottom: 5px;
  padding: 0 30px;
}
.sharephone .subline {
  padding: 20px 30px 0;
}
.sharephone .subline .m-btn {
  display: block;
  width: 100%;
}
.sharephone .verinp,
.sharephone .verimg {
  display: inline-block;
  vertical-align: middle;
}
.sharephone .verinp {
  width: 65%;
  float: left;
}
.sharephone .verimg {
  width: 30%;
  height: 46px;
  line-height: 46px;
  background-color: #e2e2e2;
  font-size: 22px;
  text-align: center;
  float: right;
}
.sharephone .verimg img {
  width: 100%;
  height: 46px;
  text-align: center;
}
.m-popup .font-gray {
  text-align: left;
  padding-left: 15px;
}
.icon-firend {
  background: url(../images/dest/sprite_an.png) no-repeat;
  background-size: 512px;
  background-position: -266px -455px;
  width: 20px;
  height: 20px;
}
.backcash {
  padding: 30px 30px 0 30px;
}
.backcash .m-btn {
  display: block;
}
.cash-popup .popup-head,
.cash-popup .popup-cont {
  background-color: #f8f8f8;
}
.cash-popup .popup-head {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.cash-popup .popup-head h1 {
  color: #999;
}
.cash-popup .popup-cont {
  padding-top: 0;
}
.cash-popup .popup-input {
  position: relative;
  margin-bottom: 15px;
}
.cash-popup .popup-input > span {
  position: absolute;
  right: 10px;
  top: 0;
  line-height: 46px;
}
.cash-popup .popup-foot {
  background-color: #fff;
  color: #999;
}
.cashtitle {
  margin: 10px 10px 0 10px;
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  overflow: hidden;
}
.cashtitle a {
  display: inline-block;
  font-size: 14px;
  float: left;
  color: #666;
  line-height: 40px;
  border-left: 1px solid #e2e2e2;
  margin-left: -1px;
  width: 50%;
  text-align: center;
  background-color: #fff;
}
.cashtitle a.on {
  background-color: #f47163;
  color: #fff;
}
.cashlist .cell {
  padding: 10px;
}
.cashlist .cell p {
  font-size: 13px;
}
.cashlist .cell .lineone {
  font-size: 14px;
}
.cashlist .fl {
  float: left;
}
.cashlist .fr {
  float: right;
}
.helpinfo .helptitle {
  width: auto;
  color: #333;
}
.activeinfo li {
  background-color: #fff;
  margin-bottom: 10px;
}
.activeinfo li > img {
  width: 100%;
  height: 200px;
}
.activeinfo li > p {
  padding: 5px 10px;
}