.icon-all {
  font-family:"icon-all" !important;
  font-size:100%;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-e616:before { content: "\E616"; }

.icon-e682:before { content: "\E682"; }

.icon-e608:before { content: "\E608"; }

.icon-e611:before { content: "\E611"; }

.icon-e606:before { content: "\E606"; }

.icon-e9c0:before { content: "\E9C0"; }

.icon-e681:before { content: "\E681"; }

.icon-e617:before { content: "\E617"; }

.icon-e618:before { content: "\E618"; }

.icon-e61a:before { content: "\E61A"; }

.icon-e61b:before { content: "\E61B"; }

.icon-e61c:before { content: "\E61C"; }

.icon-e61d:before { content: "\E61D"; }

.icon-e61e:before { content: "\E61E"; }

.icon-e61f:before { content: "\E61F"; }

.icon-e620:before { content: "\E620"; }

.icon-e621:before { content: "\E621"; }

.icon-e622:before { content: "\E622"; }

.icon-e623:before { content: "\E623"; }

.icon-e624:before { content: "\E624"; }

.icon-e625:before { content: "\E625"; }

.icon-e626:before { content: "\E626"; }

.icon-e627:before { content: "\E627"; }

.icon-e628:before { content: "\E628"; }

.icon-e629:before { content: "\E629"; }

.icon-e62a:before { content: "\E62A"; }

.icon-e62d:before { content: "\E62D"; }

.icon-e62b:before { content: "\E62B"; }

.icon-e62f:before { content: "\E62F"; }

.icon-e631:before { content: "\E631"; }

.icon-e632:before { content: "\E632"; }

.icon-e633:before { content: "\E633"; }

.icon-e634:before { content: "\E634"; }

.icon-e635:before { content: "\E635"; }

.icon-e636:before { content: "\E636"; }

.icon-e637:before { content: "\E637"; }

.icon-e638:before { content: "\E638"; }

.icon-e62e:before { content: "\E62E"; }

.icon-e630:before { content: "\E630"; }

.icon-e639:before { content: "\E639"; }

.icon-e63a:before { content: "\E63A"; }

.icon-e63b:before { content: "\E63B"; }

.icon-e63c:before { content: "\E63C"; }

.icon-e63d:before { content: "\E63D"; }

.icon-e63e:before { content: "\E63E"; }

.icon-e63f:before { content: "\E63F"; }

.icon-e640:before { content: "\E640"; }

.icon-e641:before { content: "\E641"; }

.icon-e642:before { content: "\E642"; }

.icon-e643:before { content: "\E643"; }

.icon-e644:before { content: "\E644"; }

.icon-e645:before { content: "\E645"; }

.icon-e646:before { content: "\E646"; }

.icon-e647:before { content: "\E647"; }

.icon-e648:before { content: "\E648"; }

.icon-e649:before { content: "\E649"; }

.icon-e64a:before { content: "\E64A"; }

.icon-e64b:before { content: "\E64B"; }

.icon-e64c:before { content: "\E64C"; }

.icon-e602:before { content: "\E602"; }

.icon-e64e:before { content: "\E64E"; }

.icon-e64f:before { content: "\E64F"; }

.icon-e650:before { content: "\E650"; }

.icon-e651:before { content: "\E651"; }

.icon-e652:before { content: "\E652"; }

.icon-e653:before { content: "\E653"; }

.icon-e654:before { content: "\E654"; }

.icon-e655:before { content: "\E655"; }

.icon-e656:before { content: "\E656"; }

.icon-e657:before { content: "\E657"; }

.icon-e612:before { content: "\E612"; }

.icon-e613:before { content: "\E613"; }

.icon-e662:before { content: "\E662"; }

.icon-e62c:before { content: "\E62C"; }

.icon-e658:before { content: "\E658"; }

.icon-e659:before { content: "\E659"; }

.icon-e65a:before { content: "\E65A"; }

.icon-e65b:before { content: "\E65B"; }

.icon-e65c:before { content: "\E65C"; }

.icon-e661:before { content: "\E661"; }

.icon-e65d:before { content: "\E65D"; }

.icon-e663:before { content: "\E663"; }

.icon-e65e:before { content: "\E65E"; }

.icon-e67d:before { content: "\E67D"; }

.icon-e666:before { content: "\E666"; }

.icon-e667:before { content: "\E667"; }

.icon-e664:before { content: "\E664"; }

.icon-e65f:before { content: "\E65F"; }

.icon-e660:before { content: "\E660"; }

.icon-e68a:before { content: "\E68A"; }

.icon-e689:before { content: "\E689"; }

.icon-e683:before { content: "\E683"; }

.icon-e68d:before { content: "\E68D"; }

.icon-e68e:before { content: "\E68E"; }

.icon-e684:before { content: "\E684"; }

.icon-e685:before { content: "\E685"; }

.icon-e665:before { content: "\E665"; }

.icon-e668:before { content: "\E668"; }

.icon-e669:before { content: "\E669"; }

.icon-e66a:before { content: "\E66A"; }

.icon-e66b:before { content: "\E66B"; }

.icon-e66c:before { content: "\E66C"; }

.icon-e66d:before { content: "\E66D"; }

.icon-e66e:before { content: "\E66E"; }

.icon-e66f:before { content: "\E66F"; }

.icon-e605:before { content: "\E605"; }

.icon-e60a:before { content: "\E60A"; }

.icon-e60b:before { content: "\E60B"; }

.icon-e60c:before { content: "\E60C"; }

.icon-e610:before { content: "\E610"; }

.icon-e670:before { content: "\E670"; }

.icon-e671:before { content: "\E671"; }

.icon-e672:before { content: "\E672"; }

.icon-e673:before { content: "\E673"; }

.icon-e674:before { content: "\E674"; }

.icon-e675:before { content: "\E675"; }

.icon-e676:before { content: "\E676"; }

.icon-e677:before { content: "\E677"; }

.icon-e678:before { content: "\E678"; }

.icon-e679:before { content: "\E679"; }

.icon-e67a:before { content: "\E67A"; }

.icon-e67b:before { content: "\E67B"; }

.icon-e67c:before { content: "\E67C"; }

.icon-e64d:before { content: "\E64D"; }

.icon-e67e:before { content: "\E67E"; }

.icon-e68c:before { content: "\E68C"; }

.icon-e67f:before { content: "\E67F"; }

.icon-e680:before { content: "\E680"; }

.icon-e68b:before { content: "\E68B"; }

.icon-e686:before { content: "\E686"; }

.icon-e687:before { content: "\E687"; }

.icon-e688:before { content: "\E688"; }

.icon-e607:before { content: "\E607"; }

.icon-e609:before { content: "\E609"; }

.icon-e601:before { content: "\E601"; }
.icon-e614:before,.icon-like1:before { content: "\E614"; }
.icon-e615:before,.icon-no_like1:before { content: "\E615"; }
.icon-e60e:before,.icon-nav-shop:before { content: "\E60E"; }

.icon-e60d:before{ content: "\E60D"; }

/**
* css reset
**/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
  font-family: Arial;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ul,
li {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
  outline: none;
}
/*outline去掉tel number等特殊类型的表单在focus时带有外边框*/
textarea {
  resize: none;
  outline: none;
}
legend {
  display: none;
}
body {
  font-family: Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-serif;
}
html,
body,
div,
p,
span,
a,
img,
ul,
li,
header,
section,
footer,
nav,
canvas,
figure,
figcaption {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
html,
body,
form,
fieldset,
p,
div,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-text-size-adjust: none;
}
*,
::after,
::before {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-drag: none;
}
a {
  color: #666;
  text-decoration: none;
}
button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
}
input {
  border: 0;
  padding: 0;
}
input[type="password"],
input[type="text"],
input[type="submit"] {
  -webkit-appearance: none;
  outline: none;
}
textarea {
  -webkit-appearance: none;
  outline: none;
}
img.img_motion {
  width: 0.42rem;
  vertical-align: text-top;
}
.con {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.ios-touch {
  -webkit-overflow-scrolling: touch;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.PF-Regular {
  font-family: PingFangSC-Regular, Arial, Helvetica, sans-serif;
}
.PF-Medium {
  font-family: PingFangSC-Medium, Arial, Helvetica, sans-serif;
}
.PF-Light {
  font-family: PingFangSC-Light, Arial, Helvetica, sans-serif;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.cursor-pointer {
  cursor: pointer;
}
.one-x {
  height: 1px;
}
.one-y {
  width: 1px;
}
@media (min-device-pixel-ratio: 1.5) {
  .one-x {
    -webkit-transform: scaleY(0.66666667);
            transform: scaleY(0.66666667);
  }
  .one-y {
    -webkit-transform: scaleX(0.66666667);
            transform: scaleX(0.66666667);
  }
}
.-fix-less-compiler-bug- {
  display: block;
}
@media (min-device-pixel-ratio: 2) {
  .one-x {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
  }
  .one-y {
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
  }
}
.-fix-less-compiler-bug- {
  display: block;
}
@media (min-device-pixel-ratio: 3) {
  .one-x {
    -webkit-transform: scaleY(0.33333333);
            transform: scaleY(0.33333333);
  }
  .one-y {
    -webkit-transform: scaleX(0.33333333);
            transform: scaleX(0.33333333);
  }
}
.-fix-less-compiler-bug- {
  display: block;
}
.zan {
  font-size: 0.22rem;
  color: #777777;
  letter-spacing: 0;
}
.zan i[class^="icon"] {
  display: inline-block;
  height: 0.3rem;
  width: 0.3rem;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
}
.tip {
  position: absolute;
  top: -0.2rem;
  width: 3rem;
  right: 0;
  font-style: normal;
  font-size: 0.2rem;
  text-align: right;
  line-height: 0.2rem;
  color: #FF5883;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.pulse {
  display: inline-block;
  -webkit-animation-name: pulse;
          animation-name: pulse;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.dr-level {
  background: url("../image/dr_level-e98635c3ee.png") no-repeat;
  display: inline-block;
  background-size: 0.66rem 2.86rem;
}
.dr-level.level-7 {
  height: 0.26rem;
  width: 0.66rem;
  background-position: 0 0;
}
.dr-level.level-6 {
  height: 0.26rem;
  width: 0.66rem;
  background-position: 0 -0.26rem;
}
.dr-level.level-8 {
  height: 0.26rem;
  width: 0.66rem;
  background-position: 0 -0.52rem;
}
.dr-level.level-10 {
  height: 0.26rem;
  width: 0.66rem;
  background-position: 0 -0.78rem;
}
.dr-level.level-9 {
  height: 0.26rem;
  width: 0.66rem;
  background-position: 0 -1.04rem;
}
.dr-level.level-5 {
  height: 0.26rem;
  width: 0.66rem;
  background-position: 0 -1.3rem;
}
.dr-level.level-1 {
  height: 0.26rem;
  width: 0.66rem;
  background-position: 0 -1.56rem;
}
.dr-level.level-0 {
  height: 0.26rem;
  width: 0.66rem;
  background-position: 0 -1.82rem;
}
.dr-level.level-2 {
  height: 0.26rem;
  width: 0.66rem;
  background-position: 0 -2.08rem;
}
.dr-level.level-4 {
  height: 0.26rem;
  width: 0.66rem;
  background-position: 0 -2.34rem;
}
.dr-level.level-3 {
  height: 0.26rem;
  width: 0.66rem;
  background-position: 0 -2.6rem;
}
.level {
  display: inline-block;
  background: url("../image/level-ver750-a26f613211.png") no-repeat;
  background-size: 13.74rem 0.28rem;
  height: 0.28rem;
}
.level.level-0 {
  width: 0.6rem;
  background-position: 0 0;
}
.level.level-1 {
  width: 0.6rem;
  background-position: -0.6rem 0;
}
.level.level-2 {
  width: 0.6rem;
  background-position: -1.2rem 0;
}
.level.level-3 {
  width: 0.6rem;
  background-position: -1.8rem 0;
}
.level.level-4 {
  width: 0.6rem;
  background-position: -2.4rem 0;
}
.level.level-5 {
  width: 0.6rem;
  background-position: -3rem 0;
}
.level.level-6 {
  width: 0.62rem;
  background-position: -3.6rem 0;
}
.level.level-7 {
  width: 0.62rem;
  background-position: -4.22rem 0;
}
.level.level-8 {
  width: 0.62rem;
  background-position: -4.84rem 0;
}
.level.level-9 {
  width: 0.62rem;
  background-position: -5.46rem 0;
}
.level.level-10 {
  width: 0.66rem;
  background-position: -6.08rem 0;
}
.level.level-11 {
  width: 0.7rem;
  background-position: -6.74rem 0;
}
.level.level-12 {
  width: 0.7rem;
  background-position: -7.44rem 0;
}
.level.level-13 {
  width: 0.7rem;
  background-position: -8.14rem 0;
}
.level.level-14 {
  width: 0.7rem;
  background-position: -8.84rem 0;
}
.level.level-15 {
  width: 0.7rem;
  background-position: -9.54rem 0;
}
.level.level-16 {
  width: 0.7rem;
  background-position: -10.24rem 0;
}
.level.level-17 {
  width: 0.7rem;
  background-position: -10.94rem 0;
}
.level.level-18 {
  width: 0.7rem;
  background-position: -11.64rem 0;
}
.level.level-19 {
  width: 0.7rem;
  background-position: -12.34rem 0;
}
.level.level-20 {
  width: 0.7rem;
  background-position: -13.04rem 0;
}
.guanfang {
  display: inline-block;
  margin-left: 0.04rem;
  width: 0.82rem;
  height: 0.32rem;
  background-image: url('../image/guanfang.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.main_jour {
  width: 6.9rem;
  padding: 0.18rem 0.3rem 0;
  background: #ffffff;
  position: relative;
}
.main_jour .img_motion {
  width: 0.28rem;
  height: 0.28rem;
  vertical-align: baseline;
}
.main_jour:last-child {
  margin-bottom: 0;
}
.main_jour .jour_name {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.main_jour .jour_name .jour_icon {
  float: left;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  vertical-align: middle;
}
.main_jour .jour_name .info {
  margin-left: 0.2rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.main_jour .jour_name .info .title {
  height: 0.32rem;
  font-size: 0.28rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-content: center;
          align-content: center;
}
.main_jour .jour_name .info .title .name {
  max-width: 3.2rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #777777;
}
.main_jour .jour_name .info .time {
  line-height: 0.28rem;
  margin-top: 0.04rem;
  font-size: 0.22rem;
  color: #cecece;
}
.main_jour .jour_name .guanzhu-wrapper {
  width: 1.5rem;
  height: 0.52rem;
  text-align: center;
  border: 1px solid #2CC7C5;
  border-radius: 0.26rem;
}
.main_jour .jour_name .guanzhu-wrapper .guanzhu {
  font-size: 0.28rem;
  color: #2CC7C5;
  letter-spacing: 0;
  line-height: 0.52rem;
}
.main_jour .jour_name .stars {
  position: relative;
  width: 77;
  height: 0.28rem;
  line-height: 0.28rem;
  float: right;
  vertical-align: middle;
}
.main_jour .jour_name .stars:before {
  content: '\8BC4\4EF7';
  color: #777;
  left: -0.64rem;
  font-size: 0.28rem;
  position: absolute;
  background: #fff;
  z-index: 20;
}
.main_jour .jour_name .stars .comment-star-box {
  position: relative;
  width: 100%;
}
.main_jour .jour_name .stars .comment-star-box i.star-yes,
.main_jour .jour_name .stars .comment-star-box i.star-no {
  display: block;
  width: 1.54rem;
  height: 0.26rem;
  position: absolute;
  left: 0;
  top: 0;
}
.main_jour .jour_name .stars .comment-star-box i.star-yes {
  background-size: 1.54rem 0.26rem;
  z-index: 20;
}
.main_jour .jour_name .stars .comment-star-box i.star-no {
  background-size: 1.54rem 0.26rem;
}
.main_jour .jour_name .stars .comment-number {
  display: inline-block;
  font-size: 0.24rem;
  color: #777;
}
.main_jour .jour_text {
  overflow: hidden;
  margin: 0.1rem 0px;
}
.main_jour .jour_text a {
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.28rem;
  color: #777;
  letter-spacing: 0;
  line-height: 0.4rem;
  max-height: 0.8rem;
}
.main_jour .video-post {
  height: 3.54rem;
  background: #000;
  margin-top: 0.2rem;
}
.main_jour .video-post .video {
  width: 100%;
  height: 100%;
}
.main_jour .video-post video {
  width: 100%;
  height: 100%;
}
.main_jour .video-post .video-i {
  height: 3.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.main_jour .video-post .hide {
  display: none;
}
.main_jour .video-post .video-go {
  width: 0.8rem;
  height: 0.8rem;
  min-height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.4rem;
  margin-top: -0.4rem;
  z-index: 5;
}
.main_jour .video-post .vjs-loading-spinner {
  display: none;
}
.main_jour .video-post .vjs-process {
  display: none;
}
.main_jour .jour_pic {
  overflow: hidden;
  margin-top: 0.2rem;
  position: relative;
}
.main_jour .jour_pic a {
  width: 100%;
}
.main_jour .jour_pic img {
  width: 100%;
}
.main_jour .jour_pic span {
  width: 3.4rem;
  height: 3.4rem;
  overflow: hidden;
  display: block;
  float: left;
  position: relative;
  border-radius: 0.12rem;
}
.main_jour .jour_pic span img {
  max-width: 100%;
  vertical-align: middle;
  height: 100%;
}
.main_jour .jour_pic span:nth-child(2) {
  margin-left: 0.1rem;
}
.main_jour .jour_pic em {
  padding: 0.08rem 0.12rem;
  background: rgba(0, 0, 0, 0.4);
  border-top-right-radius: 0.12rem;
  font-size: 0.2rem;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0.16rem 0 0;
  font-style: normal;
}
.main_jour .jour_pic span:last-child em {
  background: rgba(44, 199, 197, 0.4);
}
.main_jour .jour_label {
  height: 0.36rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  white-space: nowrap;
  color: #AAABB3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_jour .jour_label a {
  font-size: 0;
}
.main_jour .jour_label a:not(:last-child) {
  margin-right: 0.3rem;
}
.main_jour .jour_label a .tag-icon {
  height: 0.2rem;
  margin-right: 0.06rem;
  vertical-align: -0.02rem;
}
.main_jour .jour_label a > span {
  color: #AAABB3;
  font-size: 0.24rem;
}
.main_jour .jour_label a > span + span {
  margin-left: 0.06rem;
}
.main_jour .jour_label .icon-biaoqian {
  font-size: 0.24rem;
  width: 0.28rem;
  height: 0.28rem;
  background-size: 100%;
  vertical-align: baseline;
  margin-right: 0.1rem;
}
.main_jour .jour_gou {
  background: #F5F5F5;
  border-radius: 2rem;
  padding: 0.14rem;
  height: 0.28rem;
  margin-top: 0.24rem;
}
.main_jour .jour_gou a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.main_jour .jour_gou a .f-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_jour .jour_gou .icon-gou1 {
  color: #FF5FA7;
  font-size: 0.26rem;
}
.main_jour .jour_gou .icon-gou {
  background-color: #FF5FA7;
  color: #fff;
  font-size: 0.28rem;
}
.main_jour .jour_gou .gou {
  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;
  background-image: url("../image/gou@2x-9943b75290.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.main_jour .jour_gou .title {
  font-size: 0.22rem;
  color: #555555;
  line-height: 0.28rem;
}
.main_jour .jour_gou .content {
  font-size: 0.22rem;
  color: #555555;
  line-height: 0.28rem;
  position: relative;
  padding-left: 0.16rem;
}
.main_jour .jour_gou .content::before {
  content: '.';
  font-size: 0.4rem;
  margin-left: -0.16rem;
  color: #AEAEAE;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.main_jour .jour_gou .price {
  float: right;
  color: #FF527F;
  font-size: 0.26rem;
  line-height: 0.28rem;
}
.main_jour .jour_gou .price .unit {
  font-size: 0.2rem;
}
.main_jour .jour_other {
  box-sizing: border-box;
  height: 0.76rem;
  color: #777;
}
.main_jour .jour_other .icon-icon_supporting {
  color: #ff8ea3!important;
}
.main_jour .jour_other span {
  display: inline-block;
  font-size: 0.24rem;
  height: 0.4rem;
  line-height: 0.4rem;
  color: #777777;
}
.main_jour .jour_other .iconfont {
  font-size: 0.24rem;
  line-height: 0.4rem;
}
.main_jour .jour_other .icon-yizan {
  color: #ff8ea3;
}
.main_jour .jour_other .icon-e609 + .cnt {
  color: #333;
}
.main_jour .jour_other a {
  float: left;
  box-sizing: border-box;
  margin: 0.18rem 0;
  text-align: center;
  line-height: 0;
  color: #777777;
}
.main_jour .jour_other a:nth-child(1) {
  margin-right: 0.66rem;
}
.main_jour .jour_other a .icon-all {
  font-size: 0.24rem;
  margin-right: 0.1rem;
}
.main_jour .jour_other a .icon-e609 {
  color: #FF8EA3;
}
.main_jour .jour_other .like-cnt {
  float: right;
}
.main_jour .jour_other .comment-cnt {
  float: right;
  margin-right: 0.64rem;
}
.main_jour .jour_other:first-child {
  color: #b8b8b8;
}
.main_jour .diary-img-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 0.16rem 0 0.06rem;
  height: 0.4rem;
}
.main_jour .diary-img-tags > img {
  height: 0.4rem;
  margin-right: 0.16rem;
}
.main_jour .diary-img-tags .diagnose {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.main_jour .diary-img-tags .diagnose img {
  height: 0.32rem;
  margin-right: 0.08rem;
}
.main_jour .diary-img-tags .diagnose span {
  font-family: PingFangSC-Regular;
  font-size: 0.24rem;
  color: #2CC7C5;
}
.com-filter {
  position: fixed;
  z-index: 30;
  top: 1.04rem;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
}
.com-filter .left,
.com-filter .middle,
.com-filter .right {
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 0.24rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.com-filter .left::-webkit-scrollbar,
.com-filter .middle::-webkit-scrollbar,
.com-filter .right::-webkit-scrollbar {
  display: none;
}
.com-filter .item {
  display: block;
  color: #777;
  text-decoration: none;
  line-height: 0.8rem;
  padding: 0 0.16rem;
  border-left: 0.04rem solid transparent;
  white-space: nowrap;
  overflow: auto;
}
.com-filter .active {
  border-color: #69d7cc;
  color: #69d7cc;
  background: #fff;
}
.com-filter .one-x {
  background: #f0f0f0;
}
.city-filter .left {
  left: 0;
  right: 66%;
  background: #f5f5f5;
}
.city-filter .right {
  left: 34%;
  right: 0;
}
/**
 * Swiper 3.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 6, 2015
 */
.swiper-slide,
.swiper-wrapper {
  height: 100%;
  position: relative;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  width: 100%;
}
.swiper-pagination,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
}
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  box-sizing: content-box;
}
.swiper-slide,
.swiper-wrapper {
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-fles-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
}
.swiper-wp8-horizontal {
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 0.54rem;
  height: 0.88rem;
  margin-top: -0.44rem;
  z-index: 10;
  cursor: pointer;
  background-size: 0.54rem 0.88rem;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 0.2rem;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 0.2rem;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.16rem;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination {
  right: 0.2rem;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 0.1rem 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 0.2rem;
  left: 0;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.1rem;
}
.swiper-container-3d {
  -webkit-perspective: 24rem;
  -o-perspective: 24rem;
  perspective: 24rem;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 24rem;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(1rem);
  filter: blur(1rem);
}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
  z-index: 0;
}
.swiper-scrollbar {
  border-radius: 0.2rem;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 0.06rem;
  z-index: 50;
  height: 0.1rem;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 0.06rem;
  top: 1%;
  z-index: 50;
  width: 0.1rem;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.2rem;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 0.84rem;
  height: 0.84rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.42rem;
  margin-top: -0.42rem;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s step-end infinite;
  animation: swiper-preloader-spin 1s step-end infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0);
  }
  8.33333333% {
    -webkit-transform: rotate(30deg);
  }
  16.66666667% {
    -webkit-transform: rotate(60deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  33.33333333% {
    -webkit-transform: rotate(120deg);
  }
  41.66666667% {
    -webkit-transform: rotate(150deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  58.33333333% {
    -webkit-transform: rotate(210deg);
  }
  66.66666667% {
    -webkit-transform: rotate(240deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  83.33333333% {
    -webkit-transform: rotate(300deg);
  }
  91.66666667% {
    -webkit-transform: rotate(330deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  8.33333333% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  16.66666667% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  33.33333333% {
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
  }
  41.66666667% {
    -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  58.33333333% {
    -webkit-transform: rotate(210deg);
            transform: rotate(210deg);
  }
  66.66666667% {
    -webkit-transform: rotate(240deg);
            transform: rotate(240deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  83.33333333% {
    -webkit-transform: rotate(300deg);
            transform: rotate(300deg);
  }
  91.66666667% {
    -webkit-transform: rotate(330deg);
            transform: rotate(330deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.load-more {
  text-align: center;
  font-size: 0.24rem;
  color: #2CC7C5;
}
.load-more .load-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin: 0.34rem auto;
  overflow: hidden;
}
.load-more .loader {
  margin-right: 0.1rem;
  font-size: 0.2rem;
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  background: #2CC7C5;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #2cc7c5), color-stop(42%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, #2cc7c5 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #2cc7c5 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: loadRotate .5s infinite linear;
          animation: loadRotate .5s infinite linear;
}
.load-more .loader:before {
  content: '';
  width: 50%;
  height: 50%;
  background: #2cc7c5;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
.load-more .loader:after {
  background: #fff;
  width: 90%;
  height: 90%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.load-more .load-text {
  color: #2CC7C5;
  font-size: 0.24rem;
}
.load-more .placeholder {
  display: none;
  height: 13.34rem;
}
.load-more .no-more {
  color: #aaa;
  display: none;
}
@-webkit-keyframes loadRotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadRotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.feed-masonary {
  width: 100%;
  padding: 0 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  height: auto;
  box-sizing: border-box;
  background: #F3F7F7;
}
.feed-masonary * {
  box-sizing: border-box;
}
.feed-masonary .lazy {
  content: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}
.feed-masonary-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
          flex-flow: column wrap;
  width: 50%;
  overflow: hidden;
  margin-right: 0.18rem;
}
.feed-masonary-column:last-of-type {
  margin-right: 0px;
}
.feed-masonary-column:nth-of-type(1) .feed-masonary-box:nth-of-type(odd) .lazy {
  background-color: #FFEDF0;
}
.feed-masonary-column:nth-of-type(1) .feed-masonary-box:nth-of-type(even) .lazy {
  background-color: #FFFAE2;
}
.feed-masonary-column:nth-of-type(2) .feed-masonary-box:nth-of-type(odd) .lazy {
  background-color: #E4FFF8;
}
.feed-masonary-column:nth-of-type(2) .feed-masonary-box:nth-of-type(even) .lazy {
  background-color: #E5FBFF;
}
.feed-masonary-box {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  border-radius: 0.16rem 0.16rem;
  overflow: hidden;
  padding-bottom: 0.28rem;
  margin-bottom: 0.16rem;
}
.feed-masonary-box-main {
  cursor: pointer;
}
.feed-masonary-box-img {
  display: inline-block;
  width: 100%;
  object-fit: cover;
}
.feed-masonary-box-label {
  display: inline-block;
  max-width: 2.6rem;
  height: 0.34rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.17rem;
  overflow: hidden;
  position: absolute;
  left: 0.2rem;
  color: #fff;
  font-family: PingFangSC-Regular;
  font-size: 0.2rem;
  line-height: 0.34rem;
  padding: 0 0.12rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 9;
}
.feed-masonary-box-label img {
  vertical-align: middle;
  margin-right: 0.04rem;
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  font-size: 0;
  margin-top: -0.04rem;
}
.feed-masonary-box-videoPlayer {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  left: 0.2rem;
}
.feed-masonary-box-imgBefore {
  display: inline-block;
  width: 1.32rem;
  height: 1.32rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.08rem;
  border: 1.5px solid #fff;
  position: absolute;
  right: 0;
}
.feed-masonary-box-title {
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  max-height: 0.72rem;
  font-family: PingFangSC-Medium;
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #333333;
  letter-spacing: 0;
  margin: 0.2rem 0.2rem 0.28rem 0.2rem;
  overflow: hidden;
}
.feed-masonary-box-bottom {
  display: block;
  position: relative;
  margin: 0.2rem 0.2rem 0 0.2rem;
}
.feed-masonary-box-iconQuestion {
  display: inline-block;
  width: 0.26rem;
  height: 0.26rem;
  vertical-align: middle;
}
.feed-masonary-box-iconQuestionTitle {
  display: inline-block;
  vertical-align: middle;
  width: 0.26rem;
  height: 0.26rem;
  margin-right: 0.08rem;
}
.feed-masonary-box-userImg {
  float: left;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50% 50%;
  vertical-align: middle;
}
.feed-masonary-box-userName {
  float: left;
  max-width: 1.4rem;
  vertical-align: middle;
  font-style: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.22rem;
  line-height: 0.36rem;
  color: #777777;
  font-family: PingFangSC-Regular;
  margin-left: 0.08rem;
}
.feed-masonary-box-bottom-like {
  float: right;
  text-align: right;
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #D5D5D5;
  vertical-align: middle;
}
.feed-masonary-box-bottom-like em {
  font-style: normal;
  font-size: 0.2rem;
  color: #777;
  font-family: PingFangSC-Regular;
}
.feed-masonary-box-bottom-answer {
  float: right;
  text-align: right;
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #777;
  vertical-align: middle;
}
.feed-masonary-box-bottom-answer em {
  font-style: normal;
  font-size: 0.2rem;
  color: #777;
  font-family: PingFangSC-Regular;
}
.feed-masonary-box-userCertified {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  overflow: hidden;
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
}
.feed-masonary .img_motion {
  width: .28rem;
  height: .28rem;
  vertical-align: baseline;
}
.feed-masonary .icon-e609 {
  color: #ff8ea3;
}
.feed-masonary-error-type {
  width: 100%;
  background: #FFFFFF;
  border-radius: 0.16rem 0.16rem;
  overflow: hidden;
  padding: 0.28rem 0;
  margin-bottom: 0.16rem;
}

.com-filter {
  display: none;
}

.top-bar .bar-inner {
  font-family: PingFangSC-Regular, Arial, Helvetica, sans-serif;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background: #fff;
  line-height: 0.64rem;
  padding: 0.2rem 0.3rem;
  box-sizing: border-box;
  height: 1.04rem;
}
.top-bar .bar-inner .location {
  font-size: 0.3rem;
  color: #333333;
  padding-right: 0.2rem;
}
.top-bar .bar-inner .location .city-name {
  float: left;
  max-width: 1.2rem;
  min-width: 0.92rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top-bar .bar-inner .location .icon-all {
  float: right;
  font-size: 0.08rem;
  color: #666;
  margin-left: 0.04rem;
  margin-top: 0.3rem;
  line-height: 1;
}
.top-bar .bar-inner .search {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  background: #F5F5F5;
  border-radius: 2rem;
  font-size: 0.28rem;
  color: #AAABB3;
}
.top-bar .bar-inner .search .icon-all {
  color: #AAABB3;
  padding-left: 0.2rem;
}
.top-bar .bar-inner .login {
  padding-left: 0.3rem;
}
.top-bar .bar-inner .login .login-icon {
  float: right;
  width: 0.6rem;
  height: 0.6rem;
}
.top-bar .login-drop {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: rgba(255, 255, 255, 0.9);
  font-size: 0.24rem;
  line-height: 1.2;
  color: #777;
  -webkit-transition: opacity .2s linear, -webkit-transform .2s linear;
  transition: opacity .2s linear, -webkit-transform .2s linear;
  transition: opacity .2s linear, transform .2s linear;
  transition: opacity .2s linear, transform .2s linear, -webkit-transform .2s linear;
  opacity: 0;
}
.top-bar .login-drop.show {
  opacity: 1;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.top-bar .login-drop .icon-all {
  font-size: 0.4rem;
}
.top-bar .login-drop .item {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding-bottom: 0.2rem;
}
.swiper-pagination {
  font-size: 0;
}
.banner {
  padding-top: 0.2rem;
}
.banner .slide-inner {
  display: block;
}
.banner .slide-inner .img {
  border-radius: 0.16rem;
  overflow: hidden;
  display: block;
  width: 6.9rem;
  height: 2.4rem;
  margin: 0 auto;
}
.banner .swiper-pagination {
  bottom: 0.1rem !important;
}
.banner .swiper-pagination .swiper-pagination-bullet {
  width: 0.2rem;
  height: 0.04rem;
  background: #fff;
  opacity: .5;
  border-radius: 2rem;
  margin: 0 0.04rem;
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.category {
  margin-top: 0.3rem;
}
.category .item-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 0.32rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.category .item-list:last-child {
  margin-bottom: 0.26rem;
}
.category .item-list .item {
  width: 1.1rem;
}
.category .item-list .item .img-container {
  position: relative;
}
.category .item-list .item .img-container .img {
  display: block;
  margin: 0 auto;
  width: 0.8rem;
  height: 0.8rem;
  position: relative;
  z-index: 1;
  visibility: hidden;
  background: #fff;
}
.category .item-list .item .img-container .img[src*="."] {
  visibility: visible;
}
.category .item-list .item .img-container .placeholder {
  position: absolute;
  z-index: -1;
  width: 0.72rem;
  height: 0.72rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-radius: 2rem;
  background: #F3F7F7;
  margin-top: 0.08rem;
}
.category .item-list .item .txt {
  font-family: PingFangSC-Regular, Arial, Helvetica, sans-serif;
  display: block;
  margin-top: 0.12rem;
  font-size: 0.26rem;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.category .swiper-container {
  padding-bottom: 0.04rem;
}
.category .swiper-pagination {
  bottom: 0 !important;
}
.category .swiper-pagination .swiper-pagination-bullet {
  width: 0.2rem;
  height: 0.04rem;
  background: #f0f0f0;
  border-radius: 2rem;
  opacity: 1;
  margin: 0 0.04rem;
}
.category .swiper-pagination .swiper-pagination-bullet-active {
  background: #2CC7C5;
}
.entry {
  padding-top: 0.4rem;
}
.entry .item {
  width: 1.9rem;
  height: 1rem;
  background: #FFF;
  box-shadow: 0 0.06rem 0.16rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.16rem;
  padding: 0.14rem;
  box-sizing: border-box;
  background: bottom 0.14rem right 0.14rem no-repeat;
  background-size: 0.5rem 0.46rem;
  margin: 0 0.2rem 0.16rem 0;
}
.entry .item:first-child {
  margin-left: 0.3rem;
}
.entry .item:last-child {
  margin-right: 0.3rem;
}
.entry .item .title {
  font-family: PingFangSC-Medium, Arial, Helvetica, sans-serif;
  font-size: 0.28rem;
  color: #333;
  line-height: 0.36rem;
}
.entry .item .subtitle {
  font-family: PingFangSC-Regular, Arial, Helvetica, sans-serif;
  font-size: 0.22rem;
  color: #666;
  line-height: 0.3rem;
}
.entry .wiki {
  background-image: url("../image/wiki-06085b14f7.png");
}
.entry .diary {
  background-image: url("../image/diary-9600fbed24.png");
}
.entry .doctor {
  background-image: url("../image/doctor-5b5ac5d1d3.png");
}
.entry .hospital {
  background-image: url("../image/hospital-e825185f4d.png");
}
.entry .live {
  background-image: url("../image/live-19db3052a6.png");
  background-size: auto 0.45rem;
}
.entry .wenda {
  background-image: url("../image/wenda-1562123407993.png");
  background-size: auto 0.38rem;
}
.entry .beautiful {
  background-image: url("../image/beautiful-39ed6795b7.png");
  background-size: auto 0.4rem;
}
.tofu-container {
  margin-top: 0.24rem;
}
.tofu-3 {
  position: relative;
  height: 3.72rem;
}
.tofu-3 .item {
  position: absolute;
  overflow: hidden;
}
.tofu-3 .item .img {
  position: absolute;
}
.tofu-3 .item-1 {
  top: 0;
  bottom: 0;
  left: 0;
  right: 60%;
}
.tofu-3 .item-1 .img {
  height: 100%;
  right: 0;
}
.tofu-3 .item-2 {
  top: 0;
  left: 40%;
  right: 0;
  bottom: 50%;
}
.tofu-3 .item-2 .img {
  top: 0;
  width: 100%;
}
.tofu-3 .item-3 {
  top: 50%;
  left: 40%;
  bottom: 0;
  right: 0;
}
.tofu-3 .item-3 .img {
  bottom: 0;
  width: 100%;
}
.consult {
  height: 2.28rem;
  display: block;
}
.consult img {
  height: 100%;
  width: 100%;
}
.gap {
  height: 0.16rem;
  background: #F3F7F7;
}
.feed-tab {
  position: relative;
  padding-bottom: 0.2rem;
  padding-right: 0.2rem;
  background: #F3F7F7;
}
.feed-tab .item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 0.14rem;
  height: 0.74rem;
  box-sizing: border-box;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
}
.feed-tab .tab {
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
  font-size: 0;
  padding-left: 0.34rem;
}
.feed-tab .tab::-webkit-scrollbar {
  display: none;
}
.feed-tab .tab .item {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.feed-tab .tab .item .item-link {
  font-family: PingFangSC-Semibold, Arial, Helvetica, sans-serif;
  position: relative;
  font-size: 0.32rem;
  color: #333;
  margin-right: 0.4rem;
}
.feed-tab .tab .item .item-link .txt {
  position: relative;
}
.feed-tab .tab .item .item-link .txt:after {
  content: '';
  position: absolute;
  bottom: -0.06rem;
  height: 2px;
  left: 0;
  width: 100%;
  border-radius: 2rem;
}
.feed-tab .tab .item .item-link .txt .red-spot {
  position: absolute;
  top: -0.06rem;
  right: -0.06rem;
  width: 0.12rem;
  height: 0.12rem;
}
.feed-tab .tab .active .item-link {
  font-size: 0.4rem;
}
.feed-tab .tab .active .item-link .txt:after {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(1%, #FF4E82), color-stop(86%, #FF4E82));
  background-image: -webkit-linear-gradient(right, #FF4E82 1%, #FF4E82 86%);
  background-image: linear-gradient(-90deg, #FF4E82 1%, #FF4E82 86%);
}
.feed-tab .all {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  padding-left: 0.12rem;
}
.feed-tab .all .item-link {
  font-family: PingFangSC-Semibold, Arial, Helvetica, sans-serif;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 1.2rem;
  font-size: 0.3rem;
  color: #333;
  background: #fff;
}
.feed-tab .all .item-link:before {
  content: '';
  position: absolute;
  top: 0.08rem;
  bottom: 0.08rem;
  left: 0;
  right: 0;
  box-shadow: -0.08rem 0 0.12rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.24rem;
  z-index: -1;
}
.bangdan {
  -webkit-overflow-scrolling: touch;
  padding-top: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow-x: auto;
}
.bangdan::-webkit-scrollbar {
  display: none;
}
.bangdan .item {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.bangdan .item .item-link {
  display: block;
  position: relative;
  margin-right: 0.2rem;
}
.bangdan .item .item-link .bg {
  display: block;
  height: 1.6rem;
}
.bangdan .item .item-link .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 0.3rem;
  text-align: center;
  color: #fff;
}
.bangdan .item .item-link .txt .subtitle {
  font-size: 0.2rem;
}
.bangdan .item .item-link .txt .title {
  margin-top: 0.12rem;
  font-size: 0.32rem;
}
.bangdan .item:first-child .item-link {
  margin-left: 0.3rem;
}
.bangdan .item:last-child .item-link {
  margin-right: 0.3rem;
}
.bangdan .item .more {
  height: 1.6rem;
  width: 2.46rem;
}
.bangdan .item .more .txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding-top: 0;
  color: #333;
}
.bangdan .item .more .txt .title {
  margin-top: 0;
}
.bangdan .item .more .txt .subtitle {
  margin-top: 0.12rem;
  color: #ccc;
}
.live,
.replay {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  font-size: 0;
  padding-top: 0.1rem;
}
.live .title,
.replay .title {
  line-height: 0.68rem;
  color: #333;
  font-size: 0.28rem;
  overflow: hidden;
}
.live .title .more,
.replay .title .more {
  float: right;
  color: #B8B8B8;
}
.live .user-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 0.3rem;
}
.live .user-info .avatar {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 2rem;
}
.live .user-info .username {
  margin-left: 0.2rem;
}
.live .user-info .username .name {
  font-size: 0.28rem;
  color: #777;
}
.live .user-info .username .city {
  font-size: 0.22rem;
  color: #CECECE;
  margin-top: 0.08rem;
}
.live .user-info .username .city .icon-all {
  margin-right: 0.04rem;
}
.live .user-info .visitor-count {
  margin-left: auto;
  color: #2CC7C5;
  font-size: 0.26rem;
}
.live .poster-link {
  position: relative;
  display: block;
}
.live .poster-link .poster-img {
  width: 100%;
  border-radius: 0.1rem;
}
.live .poster-link .txt {
  position: absolute;
  font-size: 0.26rem;
  bottom: 0.32rem;
  left: 0.32rem;
  background-color: #72dacf;
  color: #fff;
  padding: 0.1rem 0.2rem;
  border-radius: 0.08rem;
}
.live .bottom {
  font-size: 0.24rem;
  color: #777;
  line-height: 0.6rem;
}
.replay .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding-bottom: 0.3rem;
}
.replay .list .item {
  width: 32.5%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.replay .list .item .img-wrapper {
  position: relative;
}
.replay .list .item .img-wrapper .img {
  display: block;
  width: 100%;
  border-radius: 0.1rem;
}
.replay .list .item .img-wrapper .visitor-count {
  position: absolute;
  top: 0.12rem;
  left: 0.1rem;
  font-size: 0.24rem;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 0.32rem;
  color: #fff;
  padding: 0 0.12rem;
  border-radius: 2rem;
}
.replay .list .item .txt {
  font-size: 0.24rem;
  line-height: 0.3rem;
  color: #2CC7C5;
  margin-top: 0.16rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.replay .list .item .hospital {
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: #777;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.16rem;
}
.replay .list .item .hospital .avatar {
  float: left;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 2rem;
  margin-right: 0.08rem;
}
.event {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  font-size: 0;
  padding-top: 0.1rem;
}
.event .title {
  font-size: 0.28rem;
  color: #B8B8B8;
  line-height: 0.68rem;
}
.event .link {
  position: relative;
  display: block;
}
.event .link .img {
  width: 100%;
  border-radius: 0.1rem;
}
.event .link .txt {
  position: absolute;
  right: 0;
  bottom: 0.4rem;
  padding: 0.08rem 0.12rem 0.08rem 0.2rem;
  border-bottom-left-radius: 2rem;
  border-top-left-radius: 2rem;
  color: #fff;
  font-size: 0.24rem;
  background-color: #50e3c2;
}
.event .link .finished {
  opacity: .5;
  background: rgba(0, 0, 0, 0.5);
}
.event .bottom {
  color: #50e3c2;
  font-size: 0.28rem;
  line-height: 0.68rem;
}
.event .bottom .count {
  color: #B8B8B8;
  float: right;
}
.video {
  font-size: 0;
}
.video .title {
  font-size: 0.36rem;
  color: #333;
  padding: 0.3rem;
}
.video .video-list {
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow-x: auto;
}
.video .video-list::-webkit-scrollbar {
  display: none;
}
.video .video-list .item {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-bottom: 0.3rem;
}
.video .video-list .item:after {
  content: '';
}
.video .video-list .item .item-link {
  display: block;
  width: 3.3rem;
  margin-right: 0.2rem;
}
.video .video-list .item .item-link .img-container {
  position: relative;
  overflow: hidden;
}
.video .video-list .item .item-link .img-container .poster {
  display: block;
  width: 100%;
  border-radius: 0.1rem;
}
.video .video-list .item .item-link .img-container .play-btn {
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.video .video-list .item .item-link .img-container .duration {
  position: absolute;
  bottom: 0.04rem;
  right: 0.04rem;
  font-size: 0.24rem;
  color: #FFF;
}
.video .video-list .item .item-link .video-title {
  font-size: 0.3rem;
  color: #333;
  margin-top: 0.16rem;
}
.video .video-list .item .item-link .subtitle {
  font-family: PingFangSC-Light, Arial, Helvetica, sans-serif;
  font-size: 0.24rem;
  color: #777;
  margin-top: 0.2rem;
}
.video .video-list .item:first-child .item-link {
  margin-left: 0.3rem;
}
.video .video-list .item:last-child .item-link {
  margin-right: 0.3rem;
}
.pgc {
  font-size: 0;
  padding: 0.3rem 0.3rem 0;
}
.pgc .user-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.pgc .user-info .avatar {
  width: 0.6rem;
  height: 0.6rem;
}
.pgc .user-info .avatar .img {
  display: block;
  width: 100%;
  border-radius: 2rem;
}
.pgc .user-info .username {
  margin-left: 0.08rem;
}
.pgc .user-info .username .name {
  line-height: 0.32rem;
  font-size: 0.28rem;
  color: #777;
  padding-right: 0.76rem;
  background: url(../image/guanfang.png) right center no-repeat;
  background-size: 0.72rem auto;
}
.pgc .user-info .username .date {
  line-height: 0.28rem;
  margin-top: 0.04rem;
  font-size: 0.22rem;
  color: #cecece;
}
.pgc .link {
  display: block;
  margin-top: 0.2rem;
}
.pgc .link .img {
  width: 100%;
  border-radius: 0.12rem;
}
.pgc .desc {
  max-height: 0.8rem;
  margin: 0.1rem 0;
  font-size: 0.28rem;
  color: #777;
  line-height: 0.4rem;
  overflow: hidden;
}
.pgc .tags {
  color: #2CC7C5;
  height: 0.36rem;
  line-height: 0.36rem;
  margin-bottom: 0.24rem;
  overflow: hidden;
}
.pgc .tags .item {
  font-size: 0.24rem;
  margin-right: 0.1rem;
}
.pgc .tags .icon-all {
  font-size: 0.24rem;
  margin-right: 0.1rem;
}
.pgc .stats {
  padding: 0.2rem 0;
  line-height: 0.36rem;
}
.pgc .stats .left {
  float: left;
}
.pgc .stats .visitor-count,
.pgc .stats .like,
.pgc .stats .comment {
  font-size: 0.24rem;
  color: #666;
}
.pgc .stats .right {
  float: right;
}
.pgc .stats .comment {
  margin-right: 0.64rem;
}
.pgc .stats .icon-all {
  font-size: 0.32rem;
  margin-right: 0.08rem;
}
.pgc .stats .icon-e609 {
  color: #FF8EA3;
}
.license {
  position: relative;
  display: none;
  padding: 0.2rem 0 0.3rem;
  font-size: 0.24rem;
  color: #B8B8B8;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.36rem;
  background: #f3f7f7;
}
.license a {
  color: #B8B8B8;
}
.license a:active {
  color: #2CC7C5;
}
.license .mianzhen {
  position: absolute;
  top: .2rem;
  color: #fff !important;
  width: .6rem;
  line-height: .45rem !important;
}
.license .see-more-diary {
  font-family: PingFangSC-Light, Arial, Helvetica, sans-serif;
  display: block;
  font-size: 0.26rem;
  color: #2CC7C5;
  line-height: 0.9rem;
  background: #fff;
  margin-bottom: 0.3rem;
}