@charset "UTF-8";
/*颜色*/
html, body {
  height: 100%;
  padding: 0;
}

/*font-size*/
.weui-panel__hd {
  font-size: .7rem;
  color: #000;
}

.weui-media-box__desc {
  font-size: .7rem;
}

body {
  background-color: #F4F4F4;
}

a {
  font-size: .7rem;
  color: #858482;
}

a.weui-cell {
  font-size: inherit;
}

.weui-media-box__desc a {
  font-size: .65rem;
  color: #febb77;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea {
  font-family: -apple-system-font,Helvetica Neue,sans-serif;
}

ul {
  list-style: none;
}

.toolbar .picker-button {
  font-size: .8rem;
  color: #09bb07;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #09bb07;
}

.m-wrap {
  padding-top: 1px;
}

/*cells*/
.weui-cell_swiped {
  display: block;
  padding: 0;
}

.weui-cell_swiped > .weui-cell__bd {
  position: relative;
  z-index: 1;
  background-color: #FFFFFF;
}

.weui-cell_swiped > .weui-cell__ft {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFFFFF;
}

.weui-swiped-btn {
  display: block;
  padding: 10px 1em;
  line-height: 1.47058824;
  color: inherit;
}

.weui-swiped-btn_default {
  background-color: #C7C7CC;
}

.weui-swiped-btn_warn {
  background-color: #FF3B30;
}

.text-overflow-ht--e p {
  position: relative;
  line-height: 1.4em;
  /* 3 times the line-height to show 3 lines */
  height: 4.2em;
  overflow: hidden;
}

/*颜色*/
.g-c-yellow {
  color: #FFBF00;
}

.g-pt--5 {
  padding-top: .25rem;
}

.g-p--10 {
  padding: .5rem;
}

.g-pt--10 {
  padding-top: .5rem;
}

.g-pt--20 {
  padding-top: 1rem;
}

.g-pb--5 {
  padding-bottom: .25rem;
}

.g-pb--10 {
  padding-bottom: .5rem;
}

.g-pb--20 {
  padding-bottom: 1rem;
}

.g-pl--5 {
  padding-left: .25rem;
}

.g-pr--10 {
  padding-right: .5rem;
}

.g-pl--10 {
  padding-left: .5rem;
}

.g-pr--10 {
  padding-right: .5rem;
}

.g-mb--5 {
  margin-bottom: .25rem;
}

.g-mb--10 {
  margin-bottom: .5rem;
}

.g-mb--15 {
  margin-bottom: .75rem;
}

.g-mb--20 {
  margin-bottom: 1rem;
}

.g-mr--5 {
  margin-right: .25rem;
}

.g-mr--10 {
  margin-right: 10px;
}

.g-mr--15 {
  margin-right: 15px;
}

.g-mt--5 {
  margin-top: .25rem;
}

.g-mt--10 {
  margin-top: .5rem;
}

.g-mt--15 {
  margin-top: .75rem;
}

.g-mt--20 {
  margin-top: 1rem;
}

.g-mt--40 {
  margin-top: 2rem;
}

.g-ml--5 {
  margin-left: .25rem;
}

.g-ml--10 {
  margin-left: .5rem;
}

.g-ml--20 {
  margin-left: 1rem;
}

.g-f--l {
  float: left;
}

.g-f--r {
  float: right;
}

.g-t-a--r, .g-ta--r {
  text-align: right;
}

.g-v-a--t {
  vertical-align: top;
}

.g-v-a--m {
  vertical-align: middle;
}

/*display------------------------------------------------------------------------------------------*/
.g-dp--b {
  display: block;
}

/*font-------------------------------------------------------------------------------------*/
.g-fs--12 {
  font-size: .6rem;
}

.g-fs--14 {
  font-size: .7rem;
}

.g-fs--16 {
  font-size: .8rem;
}

.g-fs--18 {
  font-size: .9rem;
}

.g-fs--20 {
  font-size: 1rem;
}

/*color--------------------------------------------------------------------------------*/
.g-c--red {
  color: #E62B4A;
}

.g-c--red > .m-td_title {
  color: #E62B4A;
}

.g-c-blue--light {
  color: #24ADDE;
}

.g-c--dark-yellow {
  color: #F7C35B;
}

.g-c--dark-blue {
  color: #73A2E1;
}

.g-c--light-red {
  color: #F77766;
}

.g-c--green {
  color: #37BF3F;
}

.g-c--orange {
  color: #09bb07;
}

.g-c--orange-light {
  color: #EFA46E;
}

.g-c--gray {
  color: #999;
}

/*color------------------------------------------------------------------------*/
.g-bg-c--w {
  background-color: #fff;
}

.g-t-a--c, .g-ta--c {
  text-align: center;
}

.g-t-a-l, .g-ta--l {
  text-align: left;
}

.dropdown-menu {
  display: none;
}

.on, .g-show {
  display: block;
}

.g-hide, .g-hidden {
  display: none;
}

.g-va--m {
  vertical-align: middle;
}

/*辅助元素*/
.m-hr {
  border: none;
  border-bottom: 1px solid #ddd;
}

.m-hr--white {
  border-bottom: 1px solid #fff;
}

.g-text-comment,
.g-text--comment {
  font-size: 13px;
  color: #888888;
}

/*图片*/
.g-img-circle {
  border-radius: 50%;
}

.g-img-bordered {
  border: 1px solid #09bb07;
}

.g-img-bordered.m-ranking_avatar {
  border-width: 1px;
}

.g-hr {
  border: none;
  border-top: 1px solid #CECECE;
  width: 100%;
  display: block;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.g-p_strong {
  margin-left: 3px;
  margin-right: 3px;
  font-weight: 600;
}

.g-p-help {
  color: #d6d6d6;
  font-size: 80%;
}

.weui-cell .g-p-help {
  color: #d6d6d6;
}

.g-p-help.g-c--gray {
  color: #999;
}

.weui-cell .g-p-help.g-c--gray {
  color: #999;
}

.g-overflow-wrap-y {
  overflow-y: auto;
  height: 100%;
}

.weui-btn_orange,
.weui-btn_warning {
  background-color: #09bb07;
}

.weui-btn_orange:not(.weui-btn_disabled):visited,
.weui-btn_warning:not(.weui-btn_disabled):visited {
  color: #fff;
}

.weui-btn_orange:not(.weui-btn_disabled):active,
.weui-btn_warning:not(.weui-btn_disabled):active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #e65c00;
}

.m-btn-link.m-btn-orange {
  color: #09bb07;
}

.m-btn-link:active {
  color: #e65c00;
}

.weui-btn_link.weui-btn_orange:not(.weui-btn_disabled) {
  color: #09bb07;
  background-color: #fff;
}

.weui-btn_link.weui-btn_orange:not(.weui-btn_disabled):after {
  border-color: #09bb07;
}

.weui-btn_link.weui-btn_orange:not(.weui-btn_disabled):active {
  color: #e65c00;
  background-color: #f2f2f2;
}

.weui-btn_link.weui-btn_orange:not(.weui-btn_disabled):active:after {
  border-color: #e65c00;
}

.weui-btn_plain-orange {
  color: #09bb07;
  border: 1px solid #09bb07;
}

.weui-btn_plain-orange:not(.weui-btn_plain-disabled):active {
  color: #e65c00;
  border-color: #e65c00;
}

.weui-btn_plain-orange:after {
  border-width: 0;
}

.weui-btn_plain-orange.active {
  color: #fff;
  border: 1px solid #09bb07;
  background-color: #09bb07;
}

.weui-btn_plain-orange.active:not(.weui-btn_plain-disabled):active {
  color: #fff;
  background-color: #e65c00;
  border-color: #e65c00;
}

a.weui-btn_disabled {
  pointer-events: none;
}

.weui-btn_disabled.weui-btn_orange {
  background-color: #ffa366;
}

.weui-btn_disabled.weui-vcode-btn {
  color: #999;
  background-color: #E5E5E5;
}

/*平台按钮*/
.m-btn-comment,
.m-btn-award,
.m-btn-letter,
.m-btn-tel,
.m-btn-personal {
  display: block;
  position: fixed;
  color: #fff;
  bottom: 5%;
  font-size: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #09bb07;
  text-align: center;
}

.m-btn-comment img,
.m-btn-award img,
.m-btn-letter img,
.m-btn-tel img,
.m-btn-personal img {
  width: 100%;
  height: 100%;
}

.m-btn-comment:active,
.m-btn-award:active,
.m-btn-letter:active,
.m-btn-tel:active,
.m-btn-personal:active {
  opacity: .7;
}

.m-btn-comment span,
.m-btn-award span,
.m-btn-letter span,
.m-btn-tel span,
.m-btn-personal span {
  display: block;
  font-size: 12px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.9);
}

.m-btn-comment i,
.m-btn-award i,
.m-btn-letter i,
.m-btn-tel i,
.m-btn-personal i {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  margin-top: .4rem;
  margin-bottom: .15rem;
}

.m-btn-tel {
  left: 5%;
}

.m-btn-personal {
  right: 5%;
}

.m-btn-comment {
  left: 5%;
}

.m-btn-award {
  left: 50%;
  margin-left: -1.5rem;
}

.m-btn-letter {
  right: 5%;
}

.m-btn-shadow {
  -webkit-box-shadow: 0.1rem 0.1rem 0.6rem 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0.1rem 0.1rem 0.6rem 1px rgba(0, 0, 0, 0.3);
}

.m-btn-file label {
  display: block;
  width: 100%;
  height: 100%;
}

.m-btn-file input[type='file'] {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 300rem;
  overflow: hidden;
  right: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 99;
}

.container, .page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.page {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  z-index: 1;
}

/*颜色*/
/*颜色*/
.g-clearfix:before, .g-clearfix:after, .clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.g-clearfix:after, .clearfix:after {
  clear: both;
}

/*省略号*/
/*inline-block去除元素间隙*/
.m-cell.g-v-a--t {
  vertical-align: top !important;
}

.avatar-wrapper {
  width: 100%;
  height: 15rem;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
  background-color: #fcfcfc;
  overflow: hidden;
}

.avatar-preview {
  display: inline-block;
  margin-top: 15px;
  border: 1px solid #eee;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
}

.avatar-preview:hover {
  border-color: #ccf;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.avatar-preview img {
  width: 100%;
}

.avatar-btns {
  width: 60%;
}

.preview-lg {
  height: 184px;
  width: 184px;
  margin-top: 15px;
}

.preview-md {
  height: 100px;
  width: 100px;
}

.preview-sm {
  height: 50px;
  width: 50px;
}

@media (min-width: 992px) {
  .avatar-preview {
    float: none;
  }
}
.g-t-o--e{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.g-t-o--e-2{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*# sourceMappingURL=maps/m-avatar.css.map */