/*description:common style
*author:taotang2
*date:2018-01-25
*/
/*-- 通用项 --*/
.flex {
  display: flex;
}
.flex1 {
  flex: 1;
}
.flex-box {
  display: flex;
  align-items: center;
}
.justify-content-end {
  justify-content: flex-end;
}
.align-items-start {
  align-items: flex-start;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nowrap {
  white-space: nowrap;
}
.hidden {
  display: none;
}
/*-- 去除谈蓝色点击阴影 --*/
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  word-break: break-all;
  box-sizing: border-box;
}
/*-- 视觉规范 --*/
.yellow {
  color: #fed500;
}
.cblue {
  color: #0084ff;
}
.cred {
  color: #fe6270;
}
.font-red {
  color: #f44;
}
.c28 {
  color: #333;
}
.c3 {
  color: #333;
}
.c4e {
  color: #4e4e4e;
}
.c8c {
  color: #8c8c8c;
}
.cd3 {
  color: #d3d3d3;
}
.c99 {
  color: #999;
}
.bold {
  font-weight: bold;
}
.f18 {
  font-weight: bold;
  font-size: 18px;
}
.f16 {
  font-size: 16px;
}
.f14 {
  font-size: 14px;
}
.f13 {
  font-size: 13px;
}
.f12 {
  font-size: 12px;
}
.mt10 {
  margin-top: 10px;
}
/* 多行文本溢出省略 */
.more-ell {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* 3行文本溢出省略 */
.ell-three-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* vux表单样式调整 */
.page-view-groupsquare-add .weui-cells {
  margin-top: 10px;
}
.vux-1px-b:before,
.vux-1px-t:before,
.vux-1px:before,
.vux-1px-b:after,
.vux-1px-t:after,
.vux-1px:after {
  border-color: #f5f5f5;
}
/* 按钮可点击状态 */
.btn-primary-do {
  height: 45px;
  font-size: 16px;
  color: #fff;
  border-radius: 6px;
  background-color: #0084FF;
}
/*-- 布局 --*/
html,
body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#app {
  width: 100%;
  height: 100%;
}
.page-view {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  color: #333;
}
.page-view img {
  max-width: 100%;
}
.page-view-map img {
  max-width: none;
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 0;
  color: #333;
  border-color: #e1e1e1;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 100;
}
.header .vux-header-title {
  margin: 0 19%;
}
.header .vux-header-left,
.header .vux-header-title {
  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 15px;
}
.header .vux-header-left .icon-back,
.header .vux-header-left .icon-header-close {
  width: 50px;
  height: 100%;
  background-position: left 15px center;
  margin-left: -15px;
}
.header .vux-header-right {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  top: 0;
}
.header .vux-header-right div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .vux-header-right .icon-more {
  width: 33px;
  height: 100%;
  background-position: right 15px center;
  margin-right: -15px;
}
.header .vux-header-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 44px;
}
.header .vux-header-title div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*-- vux组件样式修改 --*/
.page-view .weui-tab__panel {
  padding-top: 45px;
  padding-bottom: 0;
  background-color: #fafafa;
}
.page-view .weui-cells {
  margin: 0;
}
.weui-tab__panel > div {
  background-color: #fff;
}
.header .vux-1px-t:before {
  border-color: #efefef;
}
.weui-dialog {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.weui-toast.weui-toast_success {
  background-color: rgba(40, 40, 40, 0.6);
  height: 10.5em;
}
.weui-toast.weui-toast_success .weui-icon-success-no-circle {
  display: inline-block;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-background-size: 100%;
  background-size: 100%;
  width: 42.56%;
  height: 42.56%;
  background-image: url(../../src/assets/icon/icon-toast-success.svg);
  margin: 17.56% 0 11.5%;
}
.weui-toast.weui-toast_success .weui-icon-success-no-circle:before {
  content: '';
}
/*-- 图标 --*/
.icons {
  display: inline-block;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-background-size: 100%;
  background-size: 100%;
}
.icon-back {
  width: 30px;
  height: 16px;
  background-size: 9px 16px;
  background-image: url(../../src/assets/icon/icon-back-grey.svg);
}
.icon-add {
  width: 17px;
  height: 17px;
  background-image: url(../../src/assets/icon/icon-add.svg);
}
.icon-add-item {
  width: 13px;
  height: 13px;
  background-image: url(../../src/assets/icon/icon-add-item.png);
}
.icon-left-arrow {
  width: 7.5px;
  height: 13.5px;
  background-image: url(../../src/assets/icon/icon-left-arrow.svg);
}
.icon-left-arrow.on {
  width: 7.5px;
  height: 13.5px;
  background-image: url(../../src/assets/icon/icon-left-arrow-on.svg);
}
.icon-label-left {
  width: 6.5px;
  height: 11.5px;
  background-image: url(../../src/assets/icon/icon-label-left-arrow.svg);
}
.icon-more {
  width: 13px;
  height: 15px;
  background-image: url(../../src/assets/icon/icon-more.svg);
  background-position: right center;
  -webkit-background-size: 3px 15px;
  background-size: 3px 15px;
}
.icon-hyperlink {
  width: 17px;
  height: 16.5px;
  background-image: url(../../src/assets/icon/icon-hyperlink.svg);
}
.icon-video {
  width: 21.5px;
  height: 18px;
  background-image: url(../../src/assets/icon/icon-video.svg);
}
.icon-pic {
  width: 21.5px;
  height: 15.5px;
  background-image: url(../../src/assets/icon/icon-pic.svg);
}
.icon-camera {
  width: 20.5px;
  height: 16.5px;
  background-image: url(../../src/assets/icon/icon-camera.svg);
}
.icon-search {
  width: 15.5px;
  height: 16px;
  background-image: url(../../src/assets/icon/icon-search.svg);
}
.icon-send-msg {
  width: 13.5px;
  height: 12px;
  background-image: url(../../src/assets/icon/icon-send-msg.svg);
}
.icon-gender {
  width: 14px;
  height: 14px;
}
.icon-gender-male {
  width: 14px;
  height: 14px;
  background-image: url(../../src/assets/icon/icon-male.svg);
}
.icon-gender-female {
  width: 14px;
  height: 14px;
  background-image: url(../../src/assets/icon/icon-female.svg);
}
.icon-more-horizontal {
  width: 14px;
  height: 3px;
  padding: 5px 0;
  background: url(../../src/assets/icon/icon-more-horizontal.svg) center no-repeat;
  -webkit-background-size: 14px 3px;
  background-size: 14px 3px;
}
.icon-manage {
  width: 17px;
  height: 17px;
  background-image: url(../../src/assets/icon/icon-manage.svg);
}
.icon-expand-down {
  width: 10.5px;
  height: 10px;
  background-image: url(../../src/assets/icon/icon-expand-down.svg);
}
.icon-upvote {
  width: 15px;
  height: 14px;
  background-image: url(../../src/assets/icon/icon-upvote.svg);
}
.icon-upvote.on,
.icon-upvote-on {
  width: 15px;
  height: 14px;
  background-image: url(../../src/assets/icon/icon-upvote-on.svg);
}
.icon-star {
  width: 12px;
  height: 11.5px;
  background-image: url(../../src/assets/icon/icon-star.svg);
}
.icon-star-on {
  width: 12px;
  height: 11.5px;
  background-image: url(../../src/assets/icon/icon-star-on.svg);
}
.icon-share {
  width: 11px;
  height: 11px;
  background-image: url(../../src/assets/icon/icon-share.svg);
}
.icon-comment {
  width: 11.5px;
  height: 10.5px;
  background-image: url(../../src/assets/icon/icon-comment.svg);
}
.icon-send-comment {
  width: 21px;
  height: 19px;
  background-image: url(../../src/assets/icon/icon-send-comment.svg);
}
.icon-selected {
  width: 23.5px;
  height: 15.5px;
}
.icon-selected.on {
  background-image: url(../../src/assets/icon/icon-selected.svg);
}
.icon-close {
  width: 15.5px;
  height: 15.5px;
  background-image: url(../../src/assets/icon/icon-close.svg);
}
.icon-close.on {
  width: 15.5px;
  height: 15.5px;
  background-image: url(../../src/assets/icon/icon-close-on.svg);
}
.icon-warning {
  width: 44px;
  height: 44px;
  background-image: url(../../src/assets/icon/icon-warning.svg);
}
.icon-refresh {
  width: 13.5px;
  height: 13.5px;
  background-image: url(../../src/assets/icon/icon-refresh.svg);
}
.icon-toast-success {
  width: 71.5px;
  height: 71.5px;
  background-image: url(../../src/assets/icon/icon-toast-success.svg);
}
.icon-map.on {
  width: 14px;
  height: 14px;
  background-image: url(../../src/assets/icon/icon-map-on.svg);
}
.icon-invisible {
  width: 18px;
  height: 15px;
  background-image: url(../../src/assets/icon/icon-invisible.svg);
}
.icon-visible {
  width: 18px;
  height: 12px;
  background-image: url(../../src/assets/icon/icon-visible.svg);
}
.icon-location {
  width: 12px;
  height: 14px;
  background-image: url(../../src/assets/icon/icon-location.svg);
}
.icon-single-select {
  width: 54.5px;
  height: 54.5px;
  background-image: url(../../src/assets/icon/icon-single-select.svg);
}
.icon-multi-select {
  width: 54.5px;
  height: 54.5px;
  background-image: url(../../src/assets/icon/icon-multi-select.svg);
}
.icon-vote-single {
  width: 50px;
  height: 50px;
  background-image: url(../../src/assets/icon/icon-vote-single.png);
}
.icon-vote-multi {
  width: 50px;
  height: 50px;
  background-image: url(../../src/assets/icon/icon-vote-multi.png);
}
.icon-question-text {
  width: 50px;
  height: 50px;
  background-image: url(../../src/assets/icon/icon-question-text.png);
}
.icon-text-question {
  width: 54.5px;
  height: 54.5px;
  background-image: url(../../src/assets/icon/icon-text-question.svg);
}
.icon-item-del {
  width: 16px;
  height: 16px;
  background-image: url(../../src/assets/icon/icon-item-del.svg);
}
.icon-item-add {
  width: 15.5px;
  height: 15.5px;
  background-image: url(../../src/assets/icon/icon-item-add.png);
}
.icon-clear {
  width: 14px;
  height: 14px;
  background-image: url(../../src/assets/icon/icon-clear.svg);
}
.icon-radio {
  width: 16px;
  height: 16px;
  background-image: url(../../src/assets/icon/icon-radio.svg);
}
.icon-radio.on,
.icon-radio-on {
  width: 16px;
  height: 16px;
  background-image: url(../../src/assets/icon/icon-radio-on.svg);
}
.icon-pk-upvote {
  width: 16.5px;
  height: 16.5px;
  background-image: url(../../src/assets/icon/icon-pk-upvote.svg);
}
.icon-pk-red {
  width: 16.5px;
  height: 16.5px;
  background-image: url(../../src/assets/icon/icon-pk-red.svg);
}
.icon-pk-blue {
  width: 16.5px;
  height: 16.5px;
  background-image: url(../../src/assets/icon/icon-pk-blue.svg);
}
.icon-order-up {
  width: 17px;
  height: 17px;
  background-image: url(../../src/assets/icon/icon-order-up-on.svg);
}
.icon-order-top {
  width: 17px;
  height: 17px;
  background-image: url(../../src/assets/icon/icon-order-up.svg);
}
.icon-order-down {
  width: 17px;
  height: 17px;
  background-image: url(../../src/assets/icon/icon-order-down-on.svg);
}
.icon-order-bottom {
  width: 17px;
  height: 17px;
  background-image: url(../../src/assets/icon/icon-order-down.svg);
}
.icon-group-holder {
  width: 11.5px;
  height: 14px;
  background-image: url(../../src/assets/icon/icon-group-holder.svg);
}
.icon-group-admin {
  width: 11.5px;
  height: 14px;
  background-image: url(../../src/assets/icon/icon-group-admin.svg);
}
.icon-im {
  width: 19px;
  height: 13.5px;
  background-image: url(../../src/assets/icon/icon-im.png);
}
.icon-message {
  width: 19px;
  height: 13.5px;
  background-image: url(../../src/assets/icon/icon-message.svg);
}
.icon-allread {
  width: 19px;
  height: 16px;
  background-image: url(../../src/assets/icon/icon-allread.svg);
}
.icon-reading {
  width: 13px;
  height: 13px;
  background-image: url(../../src/assets/icon/icon-reading.svg);
}
.icon-readed {
  width: 13px;
  height: 13px;
  background-image: url(../../src/assets/icon/icon-readed.svg);
}
.icon-message-close {
  width: 13px;
  height: 13px;
  background-image: url(../../src/assets/icon/icon-message-close.svg);
}
.icon-message-ok {
  width: 13px;
  height: 13px;
  background-image: url(../../src/assets/icon/icon-message-ok.svg);
}
.icon-take-photo {
  width: 30.5px;
  height: 28.5px;
  background-image: url(../../src/assets/icon/icon-take-photo.svg);
}
.icon-forward {
  width: 15px;
  height: 15px;
  background-image: url(../../src/assets/icon/icon-forward.svg);
}
.icon-item-comment {
  width: 16px;
  height: 15px;
  background-image: url(../../src/assets/icon/icon-item-comment.svg);
}
.icon-item-upvote {
  width: 16.5px;
  height: 15.5px;
  background-image: url(../../src/assets/icon/icon-item-upvote.svg);
}
.icon-item-upvote.on {
  width: 16.5px;
  height: 15.5px;
  background-image: url(../../src/assets/icon/icon-item-upvote-on.svg);
}
.icon-detail-add {
  width: 60px;
  height: 60px;
  background-image: url(../../src/assets/icon/icon-circle-detail-add.png);
}
.icon-add-topic {
  width: 50px;
  height: 50px;
  background-image: url(../../src/assets/icon/icon-circle-detail-add-topic.png);
}
.icon-add-activity {
  width: 50px;
  height: 50px;
  background-image: url(../../src/assets/icon/icon-circle-detail-add-activity.png);
}
.icon-add-vote {
  width: 50px;
  height: 50px;
  background-image: url(../../src/assets/icon/icon-circle-detail-add-voto.png);
}
.icon-add-question {
  width: 50px;
  height: 50px;
  background-image: url(../../src/assets/icon/icon-circle-detail-add-question.png);
}
.icon-v {
  width: 15.5px;
  height: 15.5px;
  background-image: url(../../src/assets/icon/icon-v.svg);
}
.icon-write {
  width: 15px;
  height: 16px;
  background-image: url(../../src/assets/icon/icon-write.svg);
}
.icon-collect {
  width: 17.5px;
  height: 17px;
  background-image: url(../../src/assets/icon/icon-collect.svg);
}
.icon-collect.on {
  width: 17.5px;
  height: 17px;
  background-image: url(../../src/assets/icon/icon-collect-on.svg);
}
.icon-collect-teacher{
  width: 17.5px;
  height: 17px;
  background-image: url(../../src/assets/icon/icon-collect.svg);
}
.icon-collect-teacher.on{
  width: 17.5px;
  height: 17px;
  background-image: url(../../src/assets/icon/icon-collect-teacher-on.svg);
}
.icon-select-radio {
  width: 16px;
  height: 16px;
  background-image: url(../../src/assets/icon/icon-select-radio.png);
}
.icon-select-radio.on {
  width: 16px;
  height: 16px;
  background-image: url(../../src/assets/icon/icon-select-radio-on.png);
}
.icon-header-close {
  width: 12.5px;
  height: 12.5px;
  background-image: url(../../src/assets/icon/icon-header-close.svg);
  -webkit-background-size: 12.5px 12.5px;
  background-size: 12.5px 12.5px;
}
.icon-bottom-arrow {
  width: 7.5px;
  height: 13.5px;
  background-image: url(../../src/assets/icon/icon-bottom-arrow-left.svg);
}
.icon-plugs-sign {
  width: 7.5px;
  height: 13.5px;
  background-image: url(../../src/assets/icon/icon-plugs-sign.svg);
}
.icon-file-add {
  width: 61.5px;
  height: 61.5px;
  background-image: url(../../src/assets/icon/icon-file-add.svg);
}
.icon-emoji {
  width: 18.5px;
  height: 18.5px;
  background-image: url(../../src/assets/icon/icon-emoji.svg);
}
.icon-author {
  width: 15.5px;
  height: 17.5px;
  background-image: url(../../src/assets/icon/icon-author.png);
}
.icon-no-view {
  width: 42.5px;
  height: 42.5px;
  background-image: url(../../src/assets/icon/icon-no-view.png);
}
.icon-block {
  width: 42.5px;
  height: 42.5px;
  background-image: url(../../src/assets/icon/icon-block.png);
}
/*-- 列表 --*/
.list-box li {
  padding: 11px 15px;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.list-box li:first-of-type::before {
  border: none;
}
.list-box li + li {
  border-color: #efefef;
}
.list-box li .item-title {
  flex: 1;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-box li .item-date {
  width: 112px;
  color: #d3d3d3;
  font-size: 12px;
  text-align: right;
  padding-right: 11px;
}
/*-- 文章 --*/
.article-box {
  padding: 0 15px 10px;
}
.article-box.vux-1px-b:after {
  border-color: #fafafa;
}
.article-box .article-title {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 25px;
  padding: 10.5px 0;
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
.article-box .article-issue {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #8c8c8c;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 10px;
}
.article-box .article-content {
  padding-bottom: 18px;
  color: #4e4e4e;
  font-size: 13px;
}
.article-box .article-content p {
  color: #4e4e4e;
  font-size: 13px;
  line-height: 19.5px;
}
.article-box .article-content img {
  max-width: 100%;
  display: block;
  margin: 10px 0;
  border-radius: 2px;
}
.article-box .article-author,
.article-box .article-date {
  display: flex;
  align-items: center;
  color: #8c8c8c;
  justify-content: flex-end;
  font-size: 12px;
  line-height: 25px;
}
/*-- 文章编辑 --*/
.edit-box {
  padding: 31px 15px 0;
}
.edit-box .weui-cell {
  padding: 13.5px 0;
}
.edit-box .edit-input {
  color: #8c8c8c;
  font-weight: bold;
  font-size: 16px;
}
.edit-box .edit-textarea {
  font-size: 13px;
  color: #8c8c8c;
}
/*-- 按钮 --*/
.btns {
  padding: 19.5px 15px;
}
.page-view .weui-tab__panel .btns {
  background-color: transparent;
}
.bottom-btns {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 15px 29px;
  box-sizing: border-box;
  background-color: #fafafa;
}
.btn-primary {
  height: 45px;
  font-size: 16px;
  color: #333;
  border-radius: 22px;
  background-color: #ffe000;
  background-image: -moz-linear-gradient(180deg, #ffd300 0%, #ffe500 100%);
  background-image: -webkit-linear-gradient(180deg, #ffd300 0%, #ffe500 100%);
  background-image: -ms-linear-gradient(180deg, #ffd300 0%, #ffe500 100%);
  box-shadow: 0 0 16px 0 rgba(255, 214, 0, 0.49);
  letter-spacing: 2px;
}
.btn-primary.btn-primary-save {
  background-image: -moz-linear-gradient(0deg, #ffdc00 0%, #ffb245 100%);
  background-image: -webkit-linear-gradient(0deg, #ffdc00 0%, #ffb245 100%);
  background-image: -ms-linear-gradient(0deg, #ffdc00 0%, #ffb245 100%);
}
.btn-primary.disable {
  height: 45px;
  font-size: 16px;
  color: #999;
  border-radius: 22px;
  background-image: -moz-linear-gradient(180deg, #fcda64 0%, #ffed99 100%);
  background-image: -webkit-linear-gradient(180deg, #fcda64 0%, #ffed99 100%);
  background-image: -ms-linear-gradient(180deg, #fcda64 0%, #ffed99 100%);
  box-shadow: 0 0 16px 0 rgba(255, 214, 0, 0.49);
}
.btn-primary.disable.weui-btn_default:active,
.btn-primary.disable:focus {
  color: #999;
}
.btn-primary:after {
  border: none;
}
.btn-half-transparent {
  background-color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  color: #4e4e4e;
  border-radius: 2px;
  border: none;
  outline: none;
  height: 21px;
  line-height: 21px;
  padding: 0 6.5px;
  min-width: 55px;
}
.btn-half-transparent i {
  vertical-align: middle;
}
.btn-half-transparent span {
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-label {
  min-width: 75px;
  height: 24.5px;
  line-height: 24px;
  border-radius: 4px;
  background-color: #e8f0fd;
  color: #4e4e4e;
  font-size: 13px;
  text-align: center;
  outline: none;
  border: none;
  box-sizing: border-box;
}
.btn-bottom {
  height: 49px;
  border-radius: 0;
}
button.btn-check {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  height: 21px;
  line-height: 19px;
  border: #0084ff 1px solid;
  border-radius: 2px;
  background-color: #fff;
  color: #0084ff;
  font-size: 12px;
  box-sizing: border-box;
}
.btn-check:after {
  border: none;
}
.btn-check.on {
  background-color: #0084ff;
  color: #fff;
}
.btn-white {
  background-color: #fff;
  color: #0084ff;
}
.btn-light-blue {
  background-color: #e8f0fd;
  color: #0084ff;
}
/*-- 底部 --*/
.bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}
.bottom .vux-badge {
  background-color: #fe6270;
}
.bottom .weui-btn {
  margin: 0;
}
.bottom .weui-btn:after {
  border-width: 0;
  border-radius: 0;
}
.bottom .check-bottom .vux-1px-t:after {
  border-top-width: 1px;
}
.bottom .check-bottom .vux-1px-l:after {
  border-left-width: 1px;
}
.pic-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 47px;
  box-shadow: 0 -1px 9px 0 rgba(113, 113, 114, 0.3);
}
.pic-box i {
  margin: 0 22.5px 0 10px;
}
/*-- 搜索 --*/
.header-search {
  display: flex;
  align-items: center;
  padding: 0 15px;
  height: 44px;
  border-color: #e1e1e1;
  font-size: 14px;
}
.header-search .header-search-box {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0 13px 0 0;
  height: 31px;
  border-radius: 6px;
  background-color: #fafafa;
}
.header-search .weui-cell {
  padding: 0 9px 0 0;
  flex: 1;
}
.header-search .weui-cell:before {
  border: none;
}
.header-search input {
  color: #333;
}
.header-search .icon-search {
  margin: 0 13.5px 0 9px;
}
.header-search .header-search-word span {
  cursor: pointer;
}
/*-- 成员列表 --*/
.list-box .list-img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  background: url(../../src/assets/icon/icon-default-photo.png) center;
  -webkit-background-size: cover;
  background-size: cover;
}
.list-box .list-img img {
  width: 100%;
  min-height: 100%;
}
.list-box .list-img .read-status {
  position: absolute;
  bottom: 0;
  right: 5px;
}
.list-box .list-member {
  flex: 1;
  padding: 0 15px;
}
.list-box .list-labels-info {
  flex: 1;
  padding: 0 20px 0 0;
}
.list-box .list-member .list-member-name {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.list-box .list-member .list-member-people {
  display: flex;
  align-items: center;
}
.list-box .list-member .list-member-topic {
  color: #999;
  font-size: 12px;
  margin-top: 6px;
}
.list-box .list-member .list-member-role {
  background-color: #e8f0fd;
  border-radius: 2px;
  color: #999;
  height: 18px;
  font-size: 13px;
  padding: 0 6px;
  margin-left: 3.5px;
}
/*-- 标签栏 --*/
.label-box {
  background-color: #ff8448;
  height: 87px;
  padding: 0 15px;
}
.label-box .label-header {
  display: flex;
  align-items: center;
  padding-top: 15.5px;
  justify-content: space-between;
  line-height: 21px;
}
.label-box .label-name {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}
.label-box .label-content {
  display: flex;
  align-items: center;
  margin-top: 18px;
  color: #e8f0fd;
  font-size: 13px;
  line-height: 15px;
}
.label-box .label-content .label-parent {
  width: 50%;
}
.label-box .label-content .label-children {
  flex: 1;
}
.follow-plus {
  margin-right: 1.5px;
}
/*-- 选项卡 --*/
.tab-box {
  padding: 0 15px;
  box-sizing: border-box;
  background-color: #fff;
  border-color: #fafafa;
}
.tab-box:after {
  border-color: #fafafa;
}
.tab-box .vux-tab-item.vux-tab-selected {
  color: #333;
  border-bottom: #0084ff 2px solid;
}
.tab-box .vux-tab {
  height: 39px;
}
.tab-box .vux-tab-item {
  color: #333;
  line-height: 39px;
  background: none;
}
/*-- 个人 --*/
.page-view .person-box {
  background-color: #53c596;
  padding: 12px 15px 15.5px;
}
.btn-send-msg .icon-send-msg {
  margin-right: 5px;
}
.person-header {
  display: flex;
  align-items: center;
}
.person-header .person-photo {
  width: 60px;
  height: 60px;
  position: relative;
  background: url(../../src/assets/icon/icon-default-photo.png) center;
  -webkit-background-size: cover;
  background-size: cover;
}
.person-header .person-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.person-header .person-photo .icon-gender {
  position: absolute;
  bottom: 1.5px;
  right: 1.5px;
}
.person-header .person-info {
  flex: 1;
  overflow: hidden;
  padding: 0 0 0 15px;
}
.person-header .person-info-header {
  display: flex;
  align-items: center;
}
.person-header .person-info-header .person-nickname {
  flex: 1;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  line-height: 20px;
}
.person-header .person-info-header button {
  margin-left: 20px;
}
.person-header .person-info-introduce {
  margin-top: 7px;
  color: #e8f0fd;
  line-height: 15px;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.person-box .person-labels {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 6px;
}
.person-box .person-labels .btn-label {
  margin: 6px 6px 0 0;
}
.person-message {
  position: relative;
}
.person-message > span {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 2px;
  border-radius: 14px;
  font-size: 10px;
  background-color: #fe6270;
  white-space: nowrap;
  transform: scale(0.875);
}
/*-- 群组详情列表 通用 --*/
.group-list-box {
  background-color: #fafafa;
}
.group-list-box .group-list-item {
  display: flex;
  flex-direction: column;
}
.group-list-box .group-list-photo {
  width: 60px;
  height: 60px;
  border-radius: 6px;
  overflow: hidden;
  background: url(../../src/assets/icon/icon-group-default-photo.svg);
}
.group-list-labels {
  padding-top: 4px;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.group-list-labels .group-list-label {
  background-color: #e8f0fd;
  border-radius: 4px;
  color: #4e4e4e;
  font-size: 13px;
  padding: 5px 11px;
  margin: 6px 6px 0 0;
}
.group-list-box li {
  display: flex;
  margin-bottom: 10px;
  padding: 15px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
}
.group-list-box .group-list-title {
  padding-bottom: 10px;
  line-height: 16px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.group-list-box .group-list-img {
  width: 100%;
  margin-bottom: 10px;
}
.group-list-box .group-list-general,
.group-list-activity {
  line-height: 21px;
  font-size: 13px;
  color: #4e4e4e;
  max-height: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.group-list-box .group-list-general > p {
  margin-top: 10px;
}
.group-list-activity {
  background-color: #e8f0fd;
  padding: 6px 18.5px;
  max-height: none;
}
.group-list-box .group-list-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #999;
  font-size: 13px;
  line-height: 13px;
  margin-top: 10px;
}
.group-list-box .group-list-footer .icon-more-horizontal {
  margin: 0 10px 0 12.5px;
}
/*-- 操作 --*/
.operate-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  color: #999;
  line-height: 13px;
}
.operate-box .icon-more-horizontal {
  margin-left: 24px;
}
.operate {
  display: flex;
  align-items: center;
  position: relative;
  line-height: 20px;
}
.operate > span + span {
  margin-left: 18px;
}
.operate .operate-more {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 18.5px;
  right: 0.5px;
  background-color: #fff;
  padding: 16.5px 26px;
  box-shadow: 0 3px 9px 0 rgba(113, 113, 114, 0.6);
  border-radius: 6px;
  color: #4e4e4e;
  font-weight: bold;
  font-size: 13px;
  z-index: 99;
}
.header .operate .operate-more {
  right: -13.5px;
}
.operate .operate-more.active {
  display: flex;
}
.operate .operate-more:after {
  content: '';
  position: absolute;
  top: -3.5px;
  right: 13.5px;
  background-color: #fff;
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
  border-top-left-radius: 2px;
  border-top: rgba(244, 244, 244, 0.8) 1px solid;
  border-left: rgba(244, 244, 244, 0.8) 1px solid;
  z-index: 98;
}
.operate .operate-more span {
  cursor: pointer;
  white-space: nowrap;
}
.operate .operate-more span + span {
  margin-top: 14px;
}
li:last-of-type .operate .operate-more {
  top: auto;
  bottom: 22px;
}
li:first-of-type .operate .operate-more {
  top: 18.5px;
  bottom: auto;
}
li:last-of-type .operate .operate-more:after {
  top: auto;
  bottom: -2.5px;
  transform: rotate(-135deg);
}
li:first-of-type .operate .operate-more:after {
  top: -3.5px;
  bottom: auto;
  transform: rotate(45deg);
}
.article-box .operate .operate-more {
  top: auto;
  bottom: 22px;
}
.article-box .operate-more a {
  white-space: nowrap;
}
.article-box .operate .operate-more:after {
  top: auto;
  bottom: -2.5px;
  transform: rotate(-135deg);
}
.operate .upvote.on,
.operate .collect.on {
  color: #0084ff;
}
.operate .upvote.on .icon-upvote {
  width: 15px;
  height: 14px;
  background-image: url(../../src/assets/icon/icon-upvote-on.svg);
}
.operate .collect.on .icon-star {
  width: 12px;
  height: 11.5px;
  background-image: url(../../src/assets/icon/icon-star-on.svg);
}
/*-- 正文显示控制 --*/
.content-control {
  overflow: hidden;
  height: 138px;
}
.content-control.expand {
  height: auto;
}
.expand-box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #4e4e4e;
  font-size: 13px;
  height: 30px;
  line-height: 13px;
}
.expand-box:after {
  content: '';
  position: absolute;
  bottom: 30px;
  width: 100%;
  height: 30px;
  background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0.3)), to(#fff));
}
.expand-box .icon-expand-down {
  margin-left: 2.5px;
}
/*-- 评论列表 --*/
.comment-issue {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 49px;
  color: #5a5a5a;
  font-size: 16px;
}
.box-top {
  display: flex;
  align-items: center;
  height: 39px;
  padding: 0 15px;
  color: #999;
  font-size: 13px;
  background-color: #fafafa;
}
.comment-list-box {
  padding: 0 15px;
}
.comment-list-box li {
  display: flex;
  align-items: flex-start;
  padding-top: 16px;
  flex-direction: row;
}
.comment-list-box li:last-of-type .vux-1px-b:after {
  border: none;
}
.comment-list-box .comment-list-photo {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: flex-start;
  background: url(../../src/assets/icon/icon-default-photo.png) center;
  -webkit-background-size: cover;
  background-size: cover;
}
.comment-list-box .comment-list-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.comment-list-box .comment-list-main {
  flex: 1;
  padding: 3px 0 15px 9px;
  display: flex;
  flex-direction: column;
}
.comment-list-box .comment-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 13px;
}
.comment-list-box .comment-list-header .comment-list-name {
  font-size: 13px;
  color: #333;
}
.comment-list-box .comment-list-header .comment-list-date {
  font-size: 12px;
  color: #d3d3d3;
}
.comment-list-box .comment-list-role {
  font-size: 12px;
  color: #999;
  margin-top: 5.5px;
  line-height: 12px;
}
.comment-list-box .comment-list-img {
  width: 100%;
  margin-top: 15px;
  border-radius: 2px;
}
.comment-list-box .comment-list-general {
  line-height: 19.5px;
  font-size: 13px;
  color: #333;
  margin-top: 7px;
}
.comment-list-box .comment-list-general * {
  max-width: 100%;
}
.comment-list-box .operate {
  line-height: 13px;
  margin-top: 11px;
}
/*-- 评论详情 --*/
.comment-detail-box {
  padding: 15px;
}
.comment-detail-box .comment-detail-head {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.comment-detail-box .comment-detail-main {
  font-size: 13px;
  line-height: 19.5px;
  color: #4e4e4e;
  padding-top: 11px;
}
.box-right {
  justify-content: flex-end;
}
.comment-form-box {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.comment-reply-box {
  display: flex;
  align-items: center;
  padding: 8px 15px 9px 16.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #4e4e4e;
  background-color: #f1f1f1;
}
.comment-reply-box img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.comment-reply-box div {
  flex: 1;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 6px;
}
.comment-reply-box p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #8c8c8c;
  padding: 0 0 0 11px;
}
.comment-input-box {
  display: flex;
  align-items: center;
  padding: 9px 15px;
  background-color: #fff;
  box-sizing: border-box;
}
.comment-input-box .icon-send-comment {
  margin: 0 9px;
}
.comment-input-box .comment-input {
  flex: 1;
  height: 31px;
  padding: 0 16px;
  font-size: 13px;
  color: #4e4e4e;
  border-radius: 31px;
  background-color: #fafafa;
}
.comment-input-box .comment-input .weui-cell {
  height: 100%;
  padding: 0;
}
/*-- 设置 --*/
.setting-box .weui-cell {
  padding: 0;
}
.setting-box .weui-cell:before {
  border-top: none;
}
.setting-item {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 9px 15px;
  font-size: 16px;
  box-sizing: border-box;
  background-color: #fff;
}
.setting-item input {
  border: none;
  outline: none;
  font-size: 16px;
  text-align: right;
  color: #333;
}
.setting-item input:focus {
  border: none;
}
.setting-item .item-left {
  color: #333;
}
.setting-item .item-right {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
  color: #8c8c8c;
  padding-left: 12px;
}
.setting-item .item-right .person-photo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.setting-item .icon-left-arrow {
  margin-left: 11px;
}
.setting-item .weui-cell {
  padding: 0;
}
.setting-item .weui-cell textarea {
  width: 100%;
  height: 130px;
  padding: 0;
  color: #333;
  font-size: 14px;
}
.weui-tab__panel .setting-labels,
.setting-labels {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 2% 0;
  font-size: 13px;
  background-color: #fafafa;
}
.setting-labels div {
  width: 25%;
  padding: 0 2.0833333% 10px;
  box-sizing: border-box;
}
.setting-labels span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 29px;
  border-radius: 14.5px;
  color: #333;
  background-color: #f1f1f1;
}
.setting-labels span.on {
  color: #333;
  background-color: #f1f1f1;
}
/*-- 标签选择 底脚 --*/
.labels-footer-box {
  display: flex;
  align-items: center;
  height: 44px;
  box-sizing: border-box;
  box-shadow: 0 -1px 9px 0 rgba(113, 113, 114, 0.3);
}
.labels-footer-box .labels-footer-left {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 15px 0 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.labels-footer-box .labels-footer-left span {
  width: 50px;
  font-size: 16px;
  color: #4e4e4e;
}
.labels-footer-box .labels-footer-left label {
  padding-left: 5px;
  flex: 1;
  font-size: 13px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.labels-footer-box .btn-footer-smt {
  width: 90px;
  height: 100%;
  border: none;
  border-radius: 0;
  outline: none;
  color: #333;
  font-size: 16px;
  background-image: -moz-linear-gradient(180deg, #ffd300 0%, #ffe500 100%);
  background-image: -webkit-linear-gradient(180deg, #ffd300 0%, #ffe500 100%);
  background-image: -ms-linear-gradient(180deg, #ffd300 0%, #ffe500 100%);
}
.labels-footer-box .btn-footer-smt.on {
  background-color: #64b4f1;
}
/*-- 活动概况 --*/
.activity-general-box {
  line-height: 27.5px;
  font-size: 13px;
  color: #4e4e4e;
  background-color: #e8f0fd;
  padding: 7px 10px;
  margin: 10px 0;
}
.activity-general-box div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.activity-general-box div p {
  flex: 1;
  color: #333;
}
.activity-general-box div span {
  color: #8c8c8c;
}
.activity-general-box .link {
  color: #0084ff;
}
.activity-general-box div img {
  max-width: 100%;
}
.activity-general-box div:last-of-type img {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  outline: none;
  border: none;
  margin-right: 6px;
}
.activity-general-box .num {
  margin-left: 6px;
}
/*-- 弹窗dialog --*/
.dialog-box {
  border-radius: 6px;
}
.dialog-box .dialog-head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 39px;
  position: relative;
  padding: 7px 42px;
  color: #999;
  font-size: 13px;
  box-sizing: border-box;
}
.dialog-box .dialog-head .dialog-head-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
}
.dialog-box .dialog-head .dialog-title {
  font-size: 16px;
  color: #333;
}
.dialog-box .dialog-head .dialog-box-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dialog-box .dialog-main {
  font-size: 13px;
  color: #333;
}
.dialog-box .dialog-main .dialog-main-condition {
  padding: 15px 30px 30px 47px;
}
.dialog-box .dialog-main p {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-box .dialog-main textarea {
  height: 97px;
}
.dialog-box .dialog-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  font-size: 16px;
  color: #333;
}
/*-- 核查 --*/
.check-list-box {
  padding: 0;
}
.check-list-box .comment-list-photo {
  width: 44px;
  height: 44px;
}
.check-list-box .comment-list-header {
  line-height: 16px;
  height: 21px;
  display: flex;
  align-items: flex-start;
}
.check-list-box .comment-list-main {
  padding: 3px 0 0 15px;
}
.check-list-box .comment-list-header button + button {
  margin: 0 0 0 20px;
}
.check-list-box .comment-list-header .comment-list-name {
  font-size: 16px;
  font-weight: bold;
}
.check-list-box .comment-list-header span {
  font-size: 12px;
  color: #999;
}
.check-list-box .comment-list-general {
  position: relative;
  font-size: 12px;
  color: #4e4e4e;
  min-height: 19.5px;
}
.check-list-box .comment-list-general .icon-send-msg {
  position: absolute;
  top: 3px;
  left: -21.5px;
}
/*-- toast --*/
.toast-box .weui-toast {
  background-color: rgba(40, 40, 40, 0.6);
}
.toast-box .weui-toast weui-toast_text {
  width: 168px;
  height: 168px;
  padding: 0;
  margin: 0;
  background: transparent;
}
.toast-box .weui-toast_text .weui-toast__content {
  padding: 0;
}
.toast-box-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 168px;
  height: 168px;
  font-size: 16px;
  color: #fff;
  border-radius: 6px;
}
.toast-box-content p {
  margin-top: 19.5px;
}
/*-- switch --*/
.switch-box.vux-x-switch.weui-cell_switch {
  padding: 0;
}
.switch-box .weui-switch {
  width: 44px;
  height: 24px;
  border-radius: 12px;
}
.switch-box .weui-switch:checked {
  background-color: #0084ff;
  border-color: #0084ff;
}
.switch-box .weui-switch:before {
  width: 42px;
  height: 22px;
  border-radius: 11px;
}
.switch-box .weui-switch:after {
  width: 22px;
  height: 22px;
  border-radius: 11px;
}
/*-- 地图 --*/
.map-location {
  position: absolute;
  top: 44px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 15px;
  background-color: #fff;
  color: #d3d3d3;
  z-index: 99;
  font-size: 13px;
  box-sizing: border-box;
}
.map-location .map-location-info {
  color: #4e4e4e;
  flex: 1;
  padding: 0 14px;
}
/*-- 富文本 --*/
.quill-editor * {
  -webkit-user-select: text !important;
  user-select: text !important;
}
.quill-editor img {
  max-width: 100%;
}
.quill-editor .ql-toolbar {
  width: 0;
  height: 0;
}
.ql-editor.ql-blank::before {
  left: 0;
  font-style: normal;
}
.quill-editor .ql-snow {
  border: none;
  padding: 0;
}
.quill-editor .ql-container {
  height: 360px;
}
.quill-editor .ql-editor {
  padding: 15px 0;
}
.ql-toolbar.ql-snow .ql-formats {
  display: none;
  width: 0;
  height: 0;
}
.uploader {
  display: flex;
  align-items: center;
}
.uploader-btn {
  margin-right: 22.5px;
  outline: none;
  border: none;
}
.comment-input .quill-editor {
  height: 100%;
}
.comment-input .quill-editor .ql-container {
  height: 100%;
}
.comment-input .quill-editor .ql-editor {
  padding: 6.5px 0;
}
/*-- 投票添加选项 --*/
.vote-add-item {
  min-height: 44px;
  font-size: 16px;
  color: #333;
}
.vote-add-item .item-words-wrap {
  display: flex;
  align-items: center;
  padding-left: 15px;
}
.vote-add-item .item-words {
  min-height: 44px;
  margin-left: 3.5px;
  padding: 0 15px 0 8px;
}
.vote-add-box .vote-add-item:last-of-type .item-words::after {
  border: none;
}
.vote-add-item .item-words-wrap .icon-pic {
  margin-left: 8px;
}
.vote-add-item .item-words-wrap .icon-video {
  margin-left: 26.5px;
}
.vote-add-item input {
  color: #666;
  border: none;
  outline: none;
  font-size: 16px;
}
.vote-add-item .item-media-wrap {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 15px;
  background-color: #fafafa;
}
.vote-add-item .item-media-wrap span {
  flex: 1;
  padding: 0 12px;
  color: #8c8c8c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
/*-- 投票详情 --*/
.voted-item-wrap {
  padding: 6px 0;
}
.voted-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  list-style: none;
  box-sizing: border-box;
}
.voted-item img {
  max-width: 100%;
}
.voted-item + .voted-item {
  margin-top: 13.5px;
}
.vote-percent-bg {
  position: relative;
  width: 100%;
  height: 19px;
  margin-bottom: 5px;
  font-size: 13px;
  background-color: #d3d3d3;
  border-radius: 19px;
  overflow: hidden;
}
.vote-percent-bg .vote-percent-rate {
  height: 100%;
  background-image: -moz-linear-gradient(180deg, #ffd300 0%, #ffe500 100%);
  background-image: -webkit-linear-gradient(180deg, #ffd300 0%, #ffe500 100%);
  background-image: -ms-linear-gradient(180deg, #ffd300 0%, #ffe500 100%);
  border-radius: 19px;
}
.vote-percent-bg .vote-title {
  position: absolute;
  top: 3px;
  left: 10.5px;
  line-height: 13px;
  color: #333;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vote-percent-bg .vote-percent-value {
  position: absolute;
  top: 3px;
  right: 13px;
  line-height: 13px;
  color: #666;
}
/*-- 投票详情 PK --*/
.vote-pk-box {
  background-color: #fff;
}
.vote-pk-box .vote-pk-item {
  background-color: #e8f0fd;
  padding-top: 5px;
  margin-bottom: 2px;
}
.vote-pk-box .vote-pk-item + .vote-pk-item {
  margin-bottom: 20px;
}
.vote-pk-box .pk-item-title {
  display: flex;
  align-items: center;
  padding: 6px 9px 6px 1px;
  font-size: 14px;
  color: #333;
}
.vote-pk-red .icon-pk-upvote.on {
  width: 16.5px;
  height: 16.5px;
  background-image: url(../../src/assets/icon/icon-pk-red.svg);
}
.vote-pk-blue .icon-pk-upvote.on {
  width: 16.5px;
  height: 16.5px;
  background-image: url(../../src/assets/icon/icon-pk-blue.svg);
}
.vote-pk-box .pk-item-title .pk-title-left {
  flex: 1;
}
.vote-pk-box .pk-item-media {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0 10px;
}
.vote-pk-box .pk-item-media img {
  max-width: 100%;
}
.vote-pk-box .pk-item-rate {
  display: flex;
  align-items: center;
  height: 34px;
  background-color: #b4bcc8;
  position: relative;
  color: #fff;
  font-size: 13px;
  line-height: 13px;
}
.vote-pk-box .pk-item-rate .pk-item-num {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 19.5px 0 29.5px;
  box-sizing: border-box;
}
.vote-pk-box .vote-pk-item .pk-item-percent {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.vote-pk-box .vote-pk-red .pk-item-percent {
  background-color: #fe6270;
}
.vote-pk-box .vote-pk-blue .pk-item-percent {
  background-color: #0084ff;
}
.vote-pk-box .pk-item-comment {
  display: flex;
  align-items: center;
  padding-left: 10.5px;
  height: 38px;
  color: #999;
  font-size: 13px;
}
.vote-pk-box .pk-item-comment .icon-comment {
  margin-right: 8px;
}
/*-- 投票页面 --*/
.vote-item {
  padding: 0 15px;
}
.vote-item textarea {
  height: 90px;
  padding: 10px 0 0 0;
  font-size: 13px;
}
.vote-item.on {
  background-color: #fffded;
}
.box-item-title {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 9.5px 15px;
  font-size: 16px;
  color: #333;
  background-color: #fafafa;
  box-sizing: border-box;
}
.vote-item .vote-item-words {
  display: flex;
  align-items: center;
  min-height: 44px;
}
.vote-item .vote-item-words .item-left {
  padding-left: 14px;
  flex: 1;
}
.vote-item .vote-item-words .item-right {
  width: 50%;
  display: flex;
  align-items: center;
}
.vote-item .vote-percent-value {
  display: inline-block;
  width: 45px;
  text-align: right;
  color: #333;
  padding-right: 7px;
  font-size: 14px;
}
.vote-item .vote-percent-bg {
  flex: 1;
  position: relative;
  width: 100%;
  height: 8px;
  font-size: 13px;
  background-color: #d3d3d3;
  border-radius: 8px;
  margin: 0;
}
.vote-item .vote-percent-bg .vote-percent-rate {
  height: 100%;
  background-color: #0084ff;
  border-radius: 8px;
}
.vote-item .vote-item-media {
  padding: 6px 0 20px;
}
.vote-item .vote-item-media img {
  max-width: 100%;
}
/*

.weui-tab__panel .no-data,
.no-data {
  .flex-center;
  height: 100%;
  background: #fafafa url(../../src/assets/pic/nodata.png) no-repeat center
}
*/
/*-- 圈子首页 --*/
.index-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 73px;
  padding: 15px 15px 0;
  font-weight: bold;
  color: #333;
  font-size: 28px;
  box-sizing: border-box;
  background-color: #fff;
}
.index-header .index-header-right {
  display: flex;
  align-items: center;
  height: 100%;
  width: 29px;
  padding-left: 10px;
  text-align: right;
}
.icon-index-add {
  width: 19px;
  height: 19px;
  background-image: url(../../src/assets/icon/icon-head-add.png);
}

.icon-calendar {
  width: 19px;
  height: 21px;
  background-image: url(../../src/assets/icon/icon-calendar.png);
}

.icon-delete {
  width: 19px;
  height: 23px;
  background-image: url(../../src/assets/icon/icon-delete.png);
}

.index-search {
  padding: 0 15px 25px;
  background-color: #fff;
}
.index-search .index-search-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  border-radius: 4px;
  background-color: #f5f5f5;
  font-size: 14px;
  color: #999;
}
.index-search .index-search-box .icon-search {
  margin-right: 7.5px;
}
.box-header-title {
  display: flex;
  align-items: center;
  height: 15px;
  font-size: 15px;
  color: #333;
  position: relative;
  background-color: #fff;
  padding-left: 15px;
}
.box-header-title:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5px;
  height: 15px;
  background-color: #ffd500;
}
.index-circle {
  padding: 12.5px 7.5px;
}
.index-circle.index-circle-recommend {
  background-color: #fff;
}
.index-circle.index-circle-recommend .circle-box {
  white-space: nowrap;
}
.index-circle.index-circle-followed {
  padding: 0;
  background-color: #fafafa;
  font-size: 0;
}
.index-circle.index-circle-followed ul {
  background-color: #fff;
  padding: 12.5px 7.5px 5px;
}
.index-circle.index-circle-followed * {
  font-size: 14px;
}
.index-circle.index-circle-followed .icon-author {
  position: absolute;
  top: 5px;
  right: 5px;
}
.index-circle.index-circle-followed .icon-block {
  position: absolute;
  top: 0;
  left: 11px;
}
.circle-box {
  display: inline-block;
  width: 100%;
  overflow: auto;
  font-size: 0;
}
.circle-recommend-box {
  white-space: nowrap;
  display: inline-block;
  overflow-x: auto;
  overflow-y: hidden;
  font-size: 0;
}
.circle-recommend-box .circle-recommend-item {
  display: inline-block;
  width: 106px;
  margin: 1px 7.5px;
  height: 100%;
  font-size: 13px;
  padding: 10px 0 9px;
  border-radius: 4px;
  border-color: #fafafa;
  list-style: none;
  text-align: center;
  box-shadow: 0 0 12px rgba(205, 205, 205, 0.14);
}
.circle-recommend-box .circle-recommend-item img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.circle-recommend-box .circle-recommend-item span {
  display: block;
}
.circle-box li {
  font-size: 13px;
  display: inline-block;
  width: 29.33333%;
  margin: 2%;
  padding: 10px 0 9px;
  border-radius: 4px;
  border-color: #fafafa;
  list-style: none;
  text-align: center;
  box-shadow: 0 0 12px rgba(205, 205, 205, 0.14);
}
.circle-box li:before {
  border-radius: 4px;
}
.circle-box li img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.circle-box li span {
  display: block;
}
.no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px;
  background: #fff url(../../src/assets/pic/pic-circle-no-follow.jpg) no-repeat center;
  -webkit-background-size: 154px 144px;
  background-size: 154px 144px;
  position: relative;
  text-align: center;
}
.no-data-teacher {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px;
  background: #fff url(../../src/assets/pic/icon-no-data.png) no-repeat center;
  -webkit-background-size: 154px 144px;
  background-size: 154px 144px;
  position: relative;
  text-align: center;
}
.no-data span {
  font-size: 14px;
  color: #999;
  position: absolute;
  bottom: 22px;
  left: 0;
  right: 0;
}

/*-- 圈子资料 --*/
.info-header-box {
  padding: 15px;
  background: #ffe000 url(../../src/assets/pic/bg-yellow.jpg) no-repeat;
  background-size: cover;
}
.info-header-box .box-header {
  display: flex;
  align-items: center;
}
.info-header-box .box-left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
}
.info-header-box .box-left img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.info-header-box .box-right {
  color: #333;
  padding-left: 9px;
  flex: 1;
}
.info-header-box .box-right .box-right-title {
  font-size: 16px;
  font-weight: bold;
}
.info-header-box .box-right .box-right-info {
  font-size: 13px;
}
.box-header-label {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 15px;
  color: #333;
  font-size: 14px;
  background-color: #fafafa;
}
.box-header-label:after {
  border-color: #f5f5f5;
}
.common-box {
  background-color: #fff;
  padding: 13px 15px;
  color: #333;
  font-size: 13px;
}
.circle-member-box {
  padding: 5px 11px 15px;
  color: #333;
  font-size: 0;
  background-color: #fff;
}
.circle-member-box li {
  font-size: 12px;
  display: inline-block;
  width: 20%;
  padding: 10px 4px 0;
  text-align: center;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.circle-member-box li .circle-member-photo {
  margin: 0 auto;
  position: relative;
  width: 39px;
  height: 39px;
}
.circle-member-box li .circle-member-role {
  position: absolute;
  width: 50px;
  height: 33.5px;
  background: url(../../src/assets/pic/bg-member-manage.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  top: -14px;
  right: -28px;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle-member-box li img {
  width: 39px;
  height: 39px;
  border-radius: 50%;
}
.circle-member-box li p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  height: 30px;
  line-height: 30px;
}
/*-- 创建圈子 --*/
.weui-tab__panel .bg-grey {
  background-color: #f5f5f5;
}
.create-circle-name {
  position: relative;
}
.create-circle-name input {
  width: 100%;
  border: none;
  outline: none;
  font-size: 14px;
  background-color: #fff;
  text-align: left;
  text-indent: 71px;
}
.create-circle-name .weui-cell {
  height: 43px;
  padding: 0 15px;
  background-color: #fff;
}
.create-circle-name .weui-cell:before {
  border: none;
}
.input-box-title {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 15px;
  height: 43px;
  font-size: 14px;
  color: #333;
  z-index: 1;
}
.create-circle-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 35px 0 40px;
}
.create-circle-photo .photo {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 12px rgba(205, 205, 205, 0.14);
}
.create-circle-photo .photo input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 3;
}
.create-circle-photo .photo img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 2;
}
.create-circle-photo .take-photo {
  text-align: center;
  color: #a6a6a6;
  line-height: 18px;
  font-size: 13px;
  z-index: 1;
}
.create-circle-intro {
  position: relative;
  height: 115px;
  font-size: 14px;
}
.create-circle-intro .weui-cell {
  height: 100%;
  font-size: 14px;
}
.create-circle-intro .weui-cell:before {
  border: none;
}
.create-circle-intro .weui-cell__bd,
.create-circle-intro textarea {
  height: 100%;
  font-size: 14px;
}
/*-- 创建成功 --*/
.circle-success {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 70px;
}
.circle-success img {
  width: 110px;
  height: 108.5px;
}
.circle-success p {
  margin-top: 17px;
  font-size: 17px;
  color: #333333;
}
.circle-success span {
  display: block;
  color: #999;
  font-size: 13px;
}
/*-- 选择标签 --*/
.page-view .label-select-contant .label-select-title .label-select-status3 {
  background-image: url(../../src/assets/icon/icon-select-radio-on.png);
}
/*-- 圈子详情 --*/
.circle-detail {
  background-color: #fafafa;
}
.box-btn-white {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.5px 6.5px;
  min-height: 25px;
  min-width: 80px;
  background-color: #fff;
  border-radius: 25px;
  font-size: 13px;
  box-sizing: border-box;
}
.box-labels {
  margin: 0 -5px;
  padding-top: 5px;
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
}
.box-labels .btn-label {
  min-width: 75px;
  height: 24.5px;
  line-height: 24.5px;
  margin: 2.5px 5px;
  padding: 0 11.5px;
  border-radius: 24.5px;
  font-size: 13px;
  text-align: center;
  outline: none;
  border: none;
  background-color: #ffee80;
}
.list-item {
  padding: 0 15px;
  background-color: #fff;
}
.list-item .item-header {
  display: flex;
  align-items: center;
  padding: 15px 0 8px;
  font-size: 0;
}
.list-item .item-header img {
  display: block;
  width: 39px;
  height: 39px;
  border-radius: 50%;
}
.list-item .item-header-right {
  font-size: 15px;
  line-height: 17.5px;
  margin-left: 12px;
}
.list-item .item-header-right .item-user {
  font-size: 14px;
  line-height: 20px;
}
.list-item .item-header-right .item-date {
  font-size: 11px;
  color: #999;
  line-height: 14px;
}
.list-item .item-content-title {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 7px;
}
.list-item .item-content-words {
  line-height: 19.5px;
}
.list-item .item-content {
  font-size: 14px;
  line-height: 18px;
}
.list-item .item-content .item-content-img {
  font-size: 0;
  margin: 5px 0 0;
  line-height: 0;
  max-height: 130px;
  overflow: hidden;
}
.list-item .item-content .item-content-img img {
  max-height: 100%;
  max-width: 100%;
}
.list-item .item-content.item-content-activity {
  padding: 10px 15px;
  background-color: #f5f5f5;
}
.list-item .item-content.item-content-activity .item-activity-title {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 5px;
}
.list-item .item-content.item-content-activity p {
  font-size: 13px;
  line-height: 20px;
}
.list-item .item-content.item-content-activity .activity-address-wrap {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.list-item .item-content.item-content-activity .activity-address-wrap p {
  flex: 1;
}
.list-item .item-content.item-content-activity .activity-address-wrap a {
  font-size: 13px;
}
.list-item .item-content.item-content-vote {
  padding: 15px 15px 10px;
  background-color: #f5f5f5;
}
.list-item .item-content.item-content-vote .item-vote-content {
  display: flex;
  align-items: center;
}
.list-item .item-content.item-content-vote .item-left {
  width: 80px;
}
.list-item .item-content.item-content-vote .item-left img {
  width: 80px;
  height: 80px;
}
.list-item .item-content.item-content-vote img {
  max-width: 100%;
  max-height: 150px;
}
.list-item .item-content.item-content-vote .item-right {
  margin-left: 10px;
  flex: 1;
}
.list-item .item-content.item-content-vote .item-right-title {
  font-size: 14px;
  font-weight: bold;
}
.list-item .item-content.item-content-vote .item-right-content {
  margin-top: 5px;
  font-size: 13px;
}
.list-item .item-content-footer {
  display: flex;
  justify-content: space-between;
  padding: 3px 0;
  font-size: 12px;
  color: #666;
}
.list-item .item-content-footer .item-content-join {
  display: flex;
  align-items: center;
}
.list-item .item-content-footer .item-content-join img {
  width: 21px;
  height: 21px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 6px;
}
.list-item .item-footer {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
  font-size: 12px;
  color: #666;
  line-height: 15px;
}
.list-item .item-footer .item-footer-subitem {
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-item .item-footer .item-footer-subitem .icons {
  margin-right: 8px;
}
.list-item .item-footer .item-footer-subitem.on {
  color: #ffd500;
}
.list-item.circle-detail-list .item-header {
  padding-bottom: 0;
}
.list-item.circle-detail-list .item-content {
  padding: 8px 0 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.list-item.circle-detail-list .item-content.item-content-activity {
  padding: 12px 15px 10px;
  margin: 8px 0 10px 0;
}
.list-item.circle-detail-list .item-content.item-content-vote {
  padding: 15px 15px 10px;
  margin: 8px 0 10px 0;
}
.list-item.circle-detail-list .item-footer {
  padding-top: 2px;
}
.list-item + .list-item {
  margin-top: 10px;
}
.circle-detail-dialogbox .weui-dialog {
  width: 89.333%;
  max-width: 335px;
}
.circle-detail-dialog {
  display: flex;
  justify-content: space-between;
  padding: 75px 30px;
}
.circle-detail-dialog .detail-dialog-item {
  overflow: hidden;
  width: 50px;
  flex: 1;
  font-size: 0;
  color: #333;
}
.circle-detail-dialog .detail-dialog-item img {
  width: 50px;
  height: 50px;
}
.circle-detail-dialog .detail-dialog-item p {
  margin-top: 10px;
  font-size: 16px;
}
.detail-add-icon {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 80px;
  right: 8px;
  border-radius: 50%;
  transform: rotate(0deg);
  transition: all 0.5s;
  z-index: 9999;
  overflow: hidden;
}
.detail-add-icon.on {
  transform: rotate(45deg);
  transition: all 0.5s;
}
/*-- 搜索 --*/
.search-list-box ul {
  background-color: #fff;
}
.search-list-item {
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.search-list-item .item-left {
  width: 40px;
  height: 40px;
}
.search-list-item .item-left img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.search-list-item .item-right {
  flex: 1;
  margin-left: 9px;
}
.search-list-item .item-right .item-right-head {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  line-height: 18px;
}
.search-list-item .item-right .item-right-head .item-right-title {
  flex: 1;
  font-size: 14px;
}
.search-list-item .item-right .item-right-head .item-right-num {
  width: 70px;
  text-align: right;
  font-size: 11px;
  line-height: 14px;
  color: #999;
}
.search-list-item .item-right .item-right-content {
  font-size: 11px;
  color: #666;
}
/*-- 评论 --*/
.comment-box-wrap {
  margin-top: 10px;
}
.comment-box {
  margin-top: 10px;
  padding: 0 15px;
  background-color: #fff;
}
.comment-item {
  display: flex;
  align-items: center;
  padding: 15px 0 0;
  align-items: flex-start;
}
.comment-item .item-left {
  width: 33px;
  height: 33px;
}
.comment-item .item-left img {
  width: 33px;
  height: 33px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.comment-item .item-right {
  flex: 1;
  font-size: 13px;
  margin-left: 10px;
  padding: 0 0 15px 0;
}
.comment-item .item-right .item-right-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 33px;
}
.comment-item .item-right .item-right-user {
  color: #28629b;
}
.comment-item .item-right .item-right-upvote {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  font-size: 13px;
}
.comment-item .item-right .item-right-upvote .icon-item-upvote {
  margin-right: 5px;
}
.comment-item .item-right .item-right-upvote.on {
  color: #ffd500;
}
.comment-item .item-right .item-right-connten {
  margin-top: 6px;
  color: #333;
}
.comment-item .item-right .item-right-connten span {
  color: #28629b;
}
.comment-item .item-right .item-right-info {
  margin-top: 3px;
  font-size: 12px;
  color: #999;
}
.comment-item .item-right .item-right-info .item-right-num {
  display: inline-block;
  margin-left: 10px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  background-color: #f5f5f5;
}
.comment-item .author-comment {
  margin-top: 10px;
  background-color: #f5f5f5;
  padding: 10px;
  line-height: 19.5px;
}
.comment-item .author-comment .author-comment-item {
  padding: 2px 0;
  font-size: 0;
}
.comment-item .author-comment .author-comment-item span {
  font-size: 12px;
  vertical-align: middle;
  margin-right: 5px;
}
.comment-item .author-comment .author-comment-item i {
  vertical-align: middle;
  margin-right: 4px;
}
.comment-item .author-comment .author-comment-item .author-comment-name {
  font-size: 13px;
  color: #28629b;
  margin-right: 5px;
}
.comment-item .author-comment .floor-host {
  margin-right: 5px;
  padding: 0 8px;
  display: inline-block;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  background-color: #ffd500;
}
.comment-item .author-comment .author-comment-more {
  margin-top: 2px;
  font-size: 12px;
  color: #28629b;
}
/*-- 发表评论 --*/
.comment-write-box {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 15px;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
}
.comment-write-box .item-left {
  flex: 1;
}
.comment-write-box .item-right {
  display: inline-block;
  margin-left: 15px;
  position: relative;
}
.comment-write-box .item-right .item-right-upvote {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 0;
}
.comment-write-box .item-right .icons {
  height: 30px;
  background-position: center;
}
.comment-write-box .item-right .icon-item-upvote {
  margin-right: 16.5px;
  -webkit-background-size: 16.5px 15.5px;
  background-size: 16.5px 15.5px;
}
.comment-write-box .item-right .icon-collect {
  margin-right: 16.5px;
  -webkit-background-size: 17.5px 17px;
  background-size: 17.5px 17px;
}
.comment-write-box .item-right .icon-forward {
  width: 15px;
  -webkit-background-size: 15px 15px;
  background-size: 15px 15px;
}
.comment-write-box .item-right .upvote-num {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 9px;
  text-align: center;
  background-color: #ff4444;
  line-height: 14.5px;
  padding: 0 3px;
  -webkit-border-radius: 7.25px;
  -moz-border-radius: 7.25px;
  border-radius: 7.25px;
  font-size: 11px;
  color: #fff;
}
.comment-write-box .btn-comment-issue {
  display: none;
}
.emoji-box {
  display: none;
  position: absolute;
  bottom: 48px;
  left: 0;
  width: 100%;
  padding: 10px 0;
  background-color: #fff;
  font-size: 0;
  text-align: center;
  border-top: 1px solid #fafafa;
}
.emoji-box.on {
  display: block;
}
.emoji-box .emoji-layout {
  display: inline-block;
  width: auto;
  padding: 0 10px;
  text-align: left;
  height: 150px;
  overflow: auto;
}
.emoji-box .emoji-item-box {
  min-width: 14.2857%;
  padding: 3px 0;
  display: inline-block;
  text-align: center;
}
.emoji-box .emoji-item {
  position: relative;
  width: 30px;
  height: 30px;
  margin: auto;
}
.emoji-box .emoji-item:focus,
.emoji-box .emoji-item:active {
  background: #f5f5f5;
  border-radius: 3px;
}
.emoji-box img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 24px;
  height: 24px;
}
.comment-input-wrap {
  position: relative;
  font-size: 0;
  padding: 0 27px 0 35px;
  background-color: #f5f5f5;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.comment-input-wrap .icon-write {
  position: absolute;
  top: 7px;
  left: 10px;
}
.comment-input-wrap .icon-emoji {
  width: 30px;
  height: 30px;
  -webkit-background-size: 18.5px 18.5px;
  background-size: 18.5px 18.5px;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
}
.comment-input-wrap textarea {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
}
.comment-input-wrap .quill-editor {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 27px 0 35px;
  font-size: 14px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #f5f5f5;
  border: none;
  outline: none;
}
.comment-input-wrap .comment-edit-box {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 27px 0 35px;
  font-size: 14px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #f5f5f5;
  border: none;
  outline: none;
}
.comment-write-box.on .icon-write,
.comment-write-box.on .upvote-num,
.comment-write-box.on .icon-collect,
.comment-write-box.on .icon-forward,
.comment-write-box.on .icon-item-upvote {
  display: none;
}
.comment-write-box.on .btn-comment-issue {
  display: inline-block;
  font-size: 14px;
  padding: 0 0 0 4px;
}
.comment-write-box.on .btn-comment-issue.on {
  color: #28629b;
}
.comment-write-box.on .comment-input-wrap {
  padding: 0 27px 0 10px;
}
.comment-write-box.on .comment-input-wrap .comment-edit-box {
  padding: 0 27px 0 10px;
}
.comment-write-box.on .icon-emoji.on {
  width: 30px;
  height: 30px;
  background-image: url(../../src/assets/icon/icon-emoji-on.svg);
  background-position: center;
  -webkit-background-size: 18.5px 18.5px;
  background-size: 18.5px 18.5px;
  position: absolute;
  top: 0;
  right: 0;
}
/*-- 帖子详情 --*/
.btns-wrap {
  padding: 10px 0;
}
.btns-wrap .btn-primary {
  height: 40px;
}
.vote-detail-title {
  font-size: 16px;
  font-weight: bold;
}
.vote-detail-description {
  font-size: 13px;
  line-height: 19.5px;
  margin-top: 5px;
}
.vote-detail-items {
  line-height: 19.5px;
  padding: 10px 0;
}
.vote-detail-items .vote-detail-item {
  padding: 0 0 0 23px;
  font-size: 13px;
  position: relative;
}
.vote-detail-items .vote-detail-item .icon-select-radio {
  position: absolute;
  top: 2.25px;
  left: 0;
}
.vote-detail-items .vote-detail-item + .vote-detail-item {
  margin-top: 3px;
}
.vote-detail-items .question-detail-item {
  font-size: 13px;
  padding: 0;
}
/*-- 富文本发布页面 --*/
.header-issue {
  height: 100%;
  font-size: 15px;
  color: #666;
  line-height: 16px;
}
.header-issue.on {
  color: #28629b;
}
.edit-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 44px;
  box-shadow: 0 -1px 9px 0 rgba(113, 113, 114, 0.3);
}
.edit-bottom .setting-item {
  font-size: 14px;
}
.edit-bottom .edit-bottom-middle {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px;
  text-align: right;
  font-size: 14px;
}
.text-right {
  text-align: right;
}
.add-file-wrap {
  width: 61.5px;
  height: 61.5px;
  border: #c6c6c6 1px dashed;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #fff url("../../src/assets/icon/icon-plugs-sign.svg") no-repeat center;
  -webkit-background-size: 17.5px 17.5px;
  background-size: 17.5px 17.5px;
}
/*-- 上拉刷新加载 --*/
.vux-loadmore.weui-loadmore.scroller-loading {
  width: 61%;
  padding: 10px 0;
  margin: 0 auto;
  color: #b2b2b2;
}
.vux-loadmore.weui-loadmore.scroller-no-more {
  width: 61%;
  height: 20px;
  margin: 20px auto 0;
  color: #b2b2b2;
}
.label-select-box .icon-left-arrow {
  width: 20px;
  height: 30px;
  -webkit-background-size: 6.5px 11.5px;
  background-size: 6.5px 11.5px;
  background-position: right center;
}
.pulldown-loading {
  width: 100%;
  height: 76px;
  background: url(../../src/assets/pic/pulldown-loading.gif) no-repeat center;
  -webkit-background-size: 136px 76px;
  background-size: 136px 76px;
}
.pulldown-words {
  height: 76px;
  line-height: 76px;
  color: #999;
  font-size: 16px;
}
.pswp--supports-fs .pswp__button--fs {
  display: none;
}
.vux-tab .vux-tab-item {
  background: #f5f5f5 linear-gradient(180deg, #f5f5f5, #f5f5f5) bottom left no-repeat / 100% 1px;
}
.weui-cell:before {
  border-top-color: #f5f5f5;
}
.weui-check__label:active,
.vux-tap-active:active {
  background-color: #f5f5f5;
}
.weui-cells_radio .weui-check:checked + .weui-icon-checked:before {
  color: #ffe000;
}
.dp-header .dp-item.dp-right {
  color: #ffe000;
}
.dialog-demo .xDialog-title {
  padding: 7px 0 17px;
}
.double-btn .xDialog-btn {
  color: #333;
}
.my-post-sign {
  flex: 1;
  text-align: right;
}
.weui-dialog__btn_primary {
  color: #ffe000;
}
.map-location-icon {
  position: fixed;
  bottom: 30px;
  right: 10px;
  padding: 5px;
  border: 1px solid #d9d7d5;
  background-color: #fff;
  font-size: 0;
}
.icon-map-location {
  width: 20px;
  height: 20px;
  background-image: url(../../src/assets/icon/icon-map-location.png);
}
.icon-map-loading {
  width: 20px;
  height: 20px;
  background-image: url(../../src/assets/icon/icon-map-loading.gif);
}
.icon-map-success {
  width: 20px;
  height: 20px;
  background-image: url(../../src/assets/icon/icon-map-success.png);
}
.image-files {
  display: flex;
  font-size: 0;
}
.image-files .added-file-item {
  margin-right: 8px;
}
.image-files img {
  width: 61.5px;
  height: 61.5px;
}
.added-file-item {
  position: relative;
}
.added-file-item .added-file-del {
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: -10px;
  right: -8px;
  background: url(../../src/assets/icon/icon-remove.png) no-repeat center;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
}
.editor-render img {
  margin-top: 5px;
  display: block;
  max-width: 100%;
}
/*# sourceMappingURL=common.css.map */

/* 我的收藏页面-更多部分样式 */
.vux-popover {
  top: 38px !important;
  left: auto !important;
  right: 15px;
  background: #fff;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}
.vux-popover .more {
  width: 110px;
  text-align: center;
}

.vux-popover .more .vux-label {
  color: #333;
}

.vux-popover .more img {
  margin-right: 5px;
  vertical-align: sub;
}
/*# sourceMappingURL=common.css.map */
/* 教师端confirm */
.teacher-confirm .weui-dialog__btn_primary {
  color: #0096ff !important;
}
#teacher .weui-cells_radio .weui-check:checked + .weui-icon-checked:before {
  color: #0096ff;
}

#teacher /deep/.vux-popup-header-right{
  color: #0096ff;
}

#teacher /deep/.vux-datetime-confirm{
  color: #0096ff;
}