@charset "utf-8";
.timeline-body {
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #fff;
}
.timeline-position-top-bar {
  overflow: hidden;
  position: relative;
  border-bottom: 10px solid #eeeef4;
}
.timeline-topbar {
  overflow: hidden;
  margin-top: 16px;
  position: relative;
}
.timeline-topbar .shop-head {
  background-color: #fff;
  margin-left: 15px;
  float: left;
  position: relative;
  z-index: 2;
}
.timeline-introduction .intr-title img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0 2px 2px;
}
.timeline-topbar .shop-head img {
  width: 100px;
  height: 82px;
  margin: 0 2px 2px;
}
.timeline-header-table {
  width: 100%;
}
.timeline-topbar .timeline-name {
  margin: 0 12px 4px 10px;
  font-size: 18px;
  color: #233040;
  line-height: 25px;
}
.timeline-topbar .timeline-name .shop-name-span {
  max-width: 100%;
  overflow: hidden;
  display: inline-block;
}
.timeline-topbar .timeline-name .shop-name-span.width2 {
  max-width: calc(100% - 50px);
}
.timeline-right-box {
  height: auto;
}
.timeline-name .vipIcon {
}
.timeline-name .vipIcon span {
    font-size:14px;
}
.timeline-right-box .rzSignedBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 15px 0px 10px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.timeline-right-box .hostRz {
  display: inline-block;
  width: auto;
  height: auto;
  overflow: hidden;
  margin-right: 10px;
}
.timeline-right-box .hostRz span {
  display: inline-block;
  width: 58px;
  height: 18px;
  background-size: 375px 250px;
}
.timeline-right-box .hostRz span.qy {
  background-position: 0px -97px;
  width: 60px;
}
.timeline-right-box .signedHost {
  width: 81px;
  height: 19px;
  display: inline-block;
  overflow: hidden;
}
.timeline-mess {
  height: 25px;
  margin: 0 15px 0px;
  padding-top: 16px;
  /*border-bottom: 1px solid #e7ecf2;*/
}
.timeline-mess .party-num,
.timeline-mess .fans-num {
  display: inline-block;
  width: 85px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-size: 14px;
  color: #b2bbc7;
  float: left;
}
.timeline-mess .fans-num span {
  padding-right: 5px;
}
.timeline-mess .fans-num {
  background: url(https://img-qn.hudongba.com/static_v4/images/other/timeline-line-w2.png) no-repeat left;
  background-size: 1px 28px;
}
.timeline-mess .focus {
  width: 67px;
  height: 26px;
  float: right;
  margin-top: -8px;
}
.honourweb {
  display: none;
}
.timeline-mess .focus a {
  display: inline-block;
  width: 67px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: #0099e9;
  color: #fff;
  font-size: 13px;
  border-radius: 3px;
}
.timeline-mess .focus.css-android a {
  height: 24px;
  line-height: 24px;
  padding-top: 2px;
}
.timeline-mess .focus a:active {
  opacity: 0.5;
}
.timeline-line {
  height: 150px;
  overflow: hidden;
  background-color: #fff;
  margin: 15px 15px 15px;
  border-radius: 5px;
  box-shadow: 0px 0px 7px 2px rgba(0, 136, 255, 0.2);
}
.timeline-introduction {
  margin: 0 15px;
  padding: 8px 0 20px;
  overflow: hidden;
  border-bottom: 1px solid #e7ecf2;
}
.timeline-introduction .intr-title {
  font-size: 12px;
  color: #98a4b4;
  float: left;
  padding-right: 17px;
  padding-top: 5px;
}
.timeline-introduction .intr-mess {
  font-size: 14px;
  color: #233040;
  line-height: 22px;
  padding: 0;
  float: left;
  max-width: calc(100% - 102px);
}
.timeline-main .bar-title {
  font-size: 15px;
  color: #000;
  padding: 17px 15px 13px;
  background-color: #fff;
}
.timeline-main .info-party-list {
  padding: 10px 10px;
  border-top: 1px solid #eee;
  height: 110px;
}
.timeline-main .info-party-list .party-list-link {
  display: inline-block;
  overflow: hidden;
  /*width: 100%;*/
}
.timeline-main .info-party-list .party-list-link:active {
  opacity: 0.7;
}
.timeline-main .info-party-list .info-img {
  width: 136px;
  height: 102px;
  float: left;
  position: relative;
}
.timeline-main .info-party-list .info-img img {
  width: 136px;
  height: 102px;
}
.timeline-main .info-party-list .info-img i {
  display: inline-block;
  width: 21px;
  height: 33px;
  background: url(https://img-qn.hudongba.com/static_v4/images/other/timeline-icon-top2.png) no-repeat 0 0;
  background-size: 21px 33px ;
  position: absolute;
  left: -1px;
  top: -3px;
}
.timeline-main .info-party-list .info-mation {
  width: calc(100% - 145px);
  overflow: hidden;
  float: right;
  height: 100%;
  position: relative;
}
.timeline-main .info-party-list .info-mation > a {
  display: block;
  height: auto;
  overflow: hidden;
}
.timeline-main .info-party-list .info-mation .info-title {
  max-height: 36px;
  line-height: 18px;
  font-size: 15px;
  color: #000;
  text-align: left;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 3px;
}
.timeline-main .info-party-list .info-mation .info-time {
  font-size: 12px;
  color: #999;
  text-align: left;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.timeline-main .info-party-list .info-mation .info-plus span {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 4px;
  font-size: 11px;
  color: #fff;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #44d6eb 0%, #1081c4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #44d6eb), color-stop(100%, #1081c4));
  background: -webkit-linear-gradient(top, #44d6eb 0%, #1081c4 100%);
  background: -o-linear-gradient(top, #44d6eb 0%, #1081c4 100%);
  background: -ms-linear-gradient(top, #44d6eb 0%, #1081c4 100%);
  background: linear-gradient(to bottom, #44d6eb 0%, #1081c4 100%);
  margin-top: 20px;
}
.timeline-main .info-party-list .info-mation .info-price {
  height: 15px;
  width: 100%;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.timeline-main .info-party-list .info-mation .info-price span {
  display: inline-block;
  font-size: 12px;
  color: #ff9a32;
  padding-right: 5px;
  float: left;
}
.timeline-main .info-party-list .info-mation .info-price .top_out {
  display: inline-block;
  text-align: center;
  float: right;
  font-size: 12px;
  color: #0099e9;
  border: 1px solid #0099e9;
  border-radius: 3px;
  margin-top: -10px;
}
.timeline-main .info-party-list .info-mation .info-price .top_out:active {
  opacity: 0.5;
}
.timeline-main .info-party-list .info-mation .info-price .top_out,
.timeline-main .info-party-list .info-mation .info-price .top_out:active {
  background-color: #fff7ef;
  border: 1px solid #ff9933;
  color: #ff9933;
  width: auto;
  padding: 3px 4px;
}
.timeline-outside {
  overflow: hidden;
  min-height: calc(100vh - 66px);
}
@charset "utf-8";
/* CSS Document pc*/
html,
body,
div,
span,
h1,
p,
a,
img,
i,
table,
tbody,
tr,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
img {
  vertical-align: top;
  border: 0;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: Verdana, "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;
}
body {
  -webkit-backface-visibility: hidden;
  font-family: Verdana, "Microsoft YaHei", "宋体", Verdana, Arial, Helvetica, sans-serif;
  min-width: 296px;
  -webkit-text-size-adjust: none;
  background: #eee;
  -webkit-font-smoothing: antialiased;
}
a {
  color: #333;
  background: transparent;
  text-decoration: none;
  outline: none;
}
h1 {
  font-size: 1.2em;
  margin: 0.67em 0;
}
div,
h1,
p {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  overflow-x: hidden;
}
* {
  margin: 0;
  padding: 0;
}
div,
h1,
p,
span {
  word-break: break-all;
}
div,
h1,
p {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}