body.hidden_allReplay .reply_count {
  display: none;
}
body.hidden_allReplay .m_article_desc_r {
  display: none;
}
body.hidden_allReplay .article_comment {
  display: none;
}
body.hidden_allReplayLink .js-replylink {
  display: none;
}
body.hidden_specialListItem .special_section {
  display: none;
}
body.hidden_topbarChannelLogo .topbar .channel_logo {
  display: none;
}
body.hidden_footer footer {
  display: none;
}
body.full_screen {
  width: 100%;
  max-width: 100%;
}
body.full_screen .topbar {
  width: 100%;
  max-width: 100%;
}
body.full_screen .doc-footer-wrapper {
  width: 100%;
}
body.full_screen main section {
  width: 100%;
}

.newsapp_logo {
  float: right;
  color: #ee1a1a;
  font-size: 0.22rem;
  padding: 0 0.1rem;
  border: 1px solid rgba(238, 26, 26, 0.3);
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
}
.m_article_desc {
  line-height: 0.33rem;
}
.newsappopen_video .m_article_img {
  height: 3.9rem !important;
}
.newsappopen_video .m_article_img .playbtn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2rem;
  height: 0.7rem;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/hotvideo_playbtn_minfy.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}

.doc-footer-wrapper {
  position: fixed;
  bottom: 0;
  overflow: hidden;
  width: 7.5rem;
  height: 1.22rem;
  opacity: 0.95;
  background: #fff;
  -webkit-box-shadow: 0 -1px 2px 0 #e8e8e8;
          box-shadow: 0 -1px 2px 0 #e8e8e8;
}
.doc-footer-wrapper .scroll-title-wrapper {
  font-family: PingFang-SC-Regular;
  font-size: 0.28rem;
  line-height: 0.36rem;
  position: absolute;
  top: 0.22rem;
  left: 1.3rem;
  overflow: hidden;
  width: 4.08rem;
  height: 0.72rem;
  letter-spacing: 0;
}
.doc-footer-wrapper .scroll-title-wrapper a {
  color: #333;
}
.doc-footer-wrapper .scroll-title-wrapper li {
  position: absolute;
  display: none;
  width: 100%;
  -webkit-transition: ease 0.8s;
  -o-transition: ease 0.8s;
  transition: ease 0.8s;
}
.doc-footer-wrapper .scroll-title-wrapper li:nth-child(1) {
  display: block;
}
.doc-footer-wrapper .scroll-image-wrapper {
  position: absolute;
  top: 0.16rem;
  left: 0.32rem;
  overflow: hidden;
  width: 0.82rem;
  height: 0.82rem;
}
.doc-footer-wrapper .scroll-image-wrapper li {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  opacity: 0;
}
.doc-footer-wrapper .scroll-image-wrapper li.current {
  opacity: 1;
}
.doc-footer-wrapper .scroll-image-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0.2rem;
          border-radius: 0.2rem;
}
.doc-footer-wrapper .scroll-panel {
  position: absolute;
  bottom: 0.16rem;
  left: 3rem;
}
.doc-footer-wrapper .scroll-panel li {
  float: left;
  width: 0.3rem;
  height: 0.04rem;
  margin-left: 0.1rem;
  -webkit-transition: ease 0.8s;
  -o-transition: ease 0.8s;
  transition: ease 0.8s;
  -webkit-border-radius: 100px;
          border-radius: 100px;
  background: #ebebeb;
}
.doc-footer-wrapper .scroll-panel li.current {
  background: #d8d8d8;
}
.doc-footer-wrapper .scroll-panel li:nth-child(1) {
  margin-left: 0;
}
.doc-footer-wrapper .open-btn {
  font-family: PingFang-SC-Regular;
  font-size: 0.28rem;
  position: absolute;
  top: 0.29rem;
  right: 0.32rem;
  width: 1.48rem;
  height: 0.64rem;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
  -webkit-border-radius: 100px;
          border-radius: 100px;
  background: #e31818;
}
.doc-footer-wrapper .open-btn > span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  white-space: nowrap;
}
.doc-footer-wrapper .close-btn {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  width: 0.2rem;
  height: 0.2rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABw0lEQVR42pSUuS9EURTG7yyZWIqJYmiEwihRTGFKhYZYYok9CpHXCBMFsUSJqUhMQRBrUIolyolMqJSECP+BhkZiQvhOfE+ul/de5p3kl9x3zznfXd49x2cYxoxSal79mowXlTeb0nKm/fw44IQId3sQ6wILHG+CpAh+gyFwDXxgC9TmICYx28xJgxGZ9NOZBW3gGRSAU1DqIia+E8ZKTgc1/gTFXkAreAPF4AKEbcTC9JUwpwG8mk6/JfgetINPUAX2QUDzy3iPPtlRD3eonAQV72OM42awrPmWQAvHBmP/WdDhjlZBJRgHo+CB8+ZCSbBrlxh0ufgJUMEdpbT5Y75XW/O7CH6BfnDHuxNuwACfmmdBsXyQp30XgUK3BDfBEN9jFLyTKOdCXgXNionz6L1gkEeN0+ezSwzEYjG7+TmQ4HgS7PBPf4B6UM2FMrkI9vGvyg7WwKzmu+KfrwF1fNS3bkeWgt/QCj5hs/thcMmYdWsj0QXLwBkL/pElmLURzLJtmY1EcsqtglLw5yDCgm9ik3AyiWlkTISiYVNQHuyhVvCd1oJ3sCftFJJ7JFoiuMLVFBttxkPHTrPWFdtY6keAAQByYV1Pky7fkAAAAABJRU5ErkJggg==) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}

.home header {
  background-color: #f6f6f6;
}
.home .topbar {
  background-color: #ff3333;
}
.home .topbar .back_home {
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/nelogo_minfy.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}

header {
  padding-top: 0.98rem;
}
.topbar {
  font-size: 0.32rem;
  font-size: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 7.5rem;
  max-width: 1080px;
  height: 0.98rem;
  padding: 0 0.3rem 0 0;
  color: #ffffff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.topbar a {
  color: #ffffff;
}
.topbar .back_home {
  display: inline-block;
  width: 1.34rem;
  height: 0.98rem;
  vertical-align: top;
  border-right: 1px solid #cc0000;
}
.topbar .channel_logo {
  position: relative;
  display: inline-block;
  width: 1.38rem;
  height: 0.98rem;
  border-left: 1px solid #ff6666;
}
.topbar .channel_logo .a_logo {
  font-size: 0.28rem;
  line-height: 0.44rem;
  position: absolute;
  top: 0.3rem;
  left: 0.2rem;
  white-space: nowrap;
}
.topbar .reply_count {
  font-size: 0.26rem;
  position: relative;
  float: right;
  width: 1.36rem;
  height: 0.44rem;
  margin: 0.3rem 0.3rem 0 0;
  text-align: center;
  color: #ffffff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAAsCAQAAAAUPjghAAACBUlEQVR4Ae3ahY8aQRhA8W+6Vy9Sdzn329sKVpd4r+6KRurLBY/wn7/akMMlDjP7w4b4w5lP6CfABg9Jsk2Z+pgrs02Sh2wQkH4H3Tm4JCnymgjTBNmHjLl9BJkmwmuKJHFxhg+i8PjFJ5aZQibQFMt84BceapggR8mQ4zwy4c6RJcPRQUHWKBBFIQZQRCmw1i9IjDynEIOcIk+8V5A43wgjhgnzjUS3IKv4BBEDBfFZbQ9ylCKnEUOdpsCx5iCKDBHEYBEyqJ0gHlkUYjBFFq8RxOEn5xDDneMXzv8gLh8QrA+4/4MkWUawlkmKCAGKOAiWQ5GAsMErG0N7xYbwkKheWlG2hBTTemlNkxF8QnpphcgLFfbqpbWXilC3IZrURwlig9ggVr35TdXaQ7X5Y9cKkm/+YmZdINP81d2K8LD5x531nE0hQAkHsdhFkYAgpFlGLBZJ278Qu/6F6PDL/snMWXwcuw3RoEjh2Y2qHVfINm9UCceM3srcQ61pK1NbM3OzW/vK2aYgWsLEcQjtPg+agjQl8Q0bmFH6+gzfeo1UFQ0aqbpGmY9cJYDC53ivobscWQOG7s6QJMtpVnhGiQzfuDVoLHMRB5lADkt8wMdDNe5hloe8HWZw9xURpgmwdwI+WoNcJMJziqRwuzzYqk8QLYCrR7sr1MdclTxpHrLJIelz/AZG7HuT7YrzIgAAAABJRU5ErkJggg==) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.topbar .reply_count .wrapper {
  line-height: 0.44rem;
  display: inline-block;
  white-space: nowrap;
}
.topbar .sharelogo {
  float: right;
  width: 0.39rem;
  height: 0.44rem;
  margin-top: 0.3rem;
  vertical-align: middle;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAsCAQAAABMbWl9AAACAUlEQVR4Ac3XA6wlSRTG8bVt27Zte6O1Eay9Y4djh2PGGdu2bdsz977fM26nb3pq5qnCPl/Xv3hQx1SD5k3drZG23wLN3HY0qGuNltlSWjnlyGC32IjdmnjIBS71uj5gqFPDYadYiFmuybC+bgdah+N+x1qXRO1eQ9rtobgl+DJW6Y3mYbAbsDd+j7yBBWG4lzA1i3YpDoThXsWELNpFSIXh7sFWx8dqj2N1GO54W/BhrNYMnUOv8HpsdVKMsg8vHT7qOD/bhxz0dHLE7RZhULTLXX7XWgf1vOjEDOUaw8AAn0ljprcKkc73q21Y5bKyHR6OOPZqXzi2SHveTuz2fb7FK7aAPeZZKg0mu6os7Bsp7NXXf/7UzjrQrXCOamKU60v+PlcjKwFM8mXGaXsH9HZpieUkf0mhXcHXiR52XHQ3XeNRD7ggaj7DOrRzbMT+nhw8FerWP2ORk2KU1hgcihuJH2OVq5FyXhhuK27Joi3Go2E4OCeLNhrvlP/synfvwk/2xBilP4YEoBLuHUxxSQAswSsOYb3ni+3JXhH12X8zfPZOs5BWu8QrE3w2IaI4VUcwpHDRiRElOd752G50L0yA2eNdSFjv7d2CfLUjIRqHNM0wNSFXBGayF8shk5V7ni3/KuAlTAurUcq/gir/+q78q8/w2ricK/fyfleU/6snF4lwEB6YukVeAAAAAElFTkSuQmCC) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.topbar .add_favouriate {
  float: right;
  width: 0.39rem;
  height: 0.44rem;
  margin-top: 0.3rem;
  margin-right: 0.2rem;
  vertical-align: middle;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAsCAYAAADmZKH2AAADR0lEQVRYCe2YzUtUYRTGHUsLiwTdCJWYUQSKX61sVUGLAhfZP1HtamMJrdoU1MJctIyiZd9BGVK7oo2tNKIgDMtNWREFffr2e+68x7ne0Tv3zpgONA88c857Pp5z5upc51pVVUHlClSuwH92BZxzDfCi56ayefsslIFPoeEZTqYsFmSRg36rSawo9JfLcmPZfdwRrCiMrfhyLLE/WMW5aewaT/nCgRVdkAUeB2s4d9wW4XzMx55YbNktC+zxS7zHrrMF8OugYsJeiy+rZfDDYLxzg9HBxE/63KNo7p+fGdzrh3/CbogOVAwqJ+yK5pOcVycpQlx1LXB7iPvwheFMJvMl6+ZeFaNvmMgpeBl/FPsyxElqfnNeFHk3SkQUOwR74TaohVphDYziK4EWhsxEEzqj1YB5A9frHMEvzq+hFn4FR9EZwc5hoeXOkB2Yq8g6s5gpGH7n8icQVHxRsOBmkm0wfNXlK14NwziL3olwYJ6P2AQUrkDd+dvh2nlFS3CQptfWDM0SxmOlKTgdlGVvBR2xxUuQZFYHtNvOUKwkhbXwLhTU1BnbUEIS7fBimllbUE5F8A4UPsCugk0pC9Ds9NqYYFbhxWwGDVrwljrBDOy2XKkWrS6viXG3YfLFbDhNNfAmFLRgj+WKtWh0ey1MoL3QLSqZPAJa8IaUwEe4M1lnfhW9PV4DE2gWv5jJI6QFr0kRaMHUourxvRh3XWfTL9ki1ipVMF2sGL3vAgXntibRiN6h43p2+OREXFGBnPWaVmx5muX0J0iwAdlTulfrNa3Y7jTLtXslGxArvEjSepd8ORO0AXnz+X1qE/MSuYD1xtXkqpN4DNRz6Tco1Ed7iDXDS/CPp/zmBerqiQvSSvNTi0rlzgjZJ/VtLhp8X2skdx5+h8IPT/mKnYONkZ4pJUFrOF60j1BfIOfcA4ng6wFmEH728VnsVbjFU75igmpUW+d7RxQEfUUvFG5EaCCQc+4C9jC051KF78G8by6KwfvQoB71SkOIfqENj0zuI2RPUj8D2eyL/jeyu5CKaqBqDaZxtFBvojyqTfCFVx/H9idqDBWpBz73GtJqCqVLcxGrhnmf1LSqaGyEq9L2VeorV6ByBcr5CvwF8TufQzO3KS0AAAAASUVORK5CYII=) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.topbar .added_favouriate {
  float: right;
  width: 0.39rem;
  height: 0.44rem;
  margin-top: 0.3rem;
  margin-right: 0.2rem;
  vertical-align: middle;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAsCAMAAADRulHEAAAA2FBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8lb+eLAAAAR3RSTlMAAQIDBAUGDxIYGxwhIiMkLzk6QEFCSElKS01RUlRqcHV2d3mDiI2RlpehpKytrq+wsbKztre9vsXGyMzNztTV1tjb9fn6/h00fZ0AAAEUSURBVBgZ7cGJIgJRGIbhL8wQZcuSZFeUJcpatpT/vf87cmKQzjRzATyP/s3UanNKl2nDY0apNnHKSvWA86A06xhOUSnu+HCvZCsYjrGqRDdEbpVkCeODsax4UwvFneNXvr0e7xQXpjQss1Vtdt8YMCLGwFu3WV3TlwqOEcNwKoo8k+hJkUOMsYwjRcIWxhhGK9SXsIkRy2iG+hFeYMQwLkMNCxoYHqMR6LfgHGOEcR5oVHCK5yyQL49nXjGKeDYUYxfPnmLU8dQVo4OnI1+mR8SMSG9CnjyfjH4f41NenhIDhp3kcieGMVCSZx8wuFqUs3gNBuzLc4DTLihSaONsy5Pt8lTWkPIL3ax8E9MaMTupv+odpbKSOHUp8V4AAAAASUVORK5CYII=) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}

.sub_box {
  position: fixed;
  z-index: 10005;
  right: 0.53rem;
  bottom: 1.7rem;
}
.sub_box i {
  font-style: normal;
}
.sub_box > div {
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
}
.sub_box > div.touch_danmaku_power {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}
.sub_box > div.idol-hp {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}
.sub_box.show > div {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}
.sub_box .item {
  line-height: 0.8rem;
  position: relative;
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  cursor: pointer;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.sub_box.has_redpacket {
  right: 0.58rem;
  width: 0.8rem;
}
.sub_box > div.oyredpacket {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}
.back_to_top .icon_gotop {
  font-size: 0.2rem;
  color: #fff;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.go_index .icon_index {
  font-size: 0.35rem;
  margin: 0.1rem 0 0 0;
  color: #fff;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.big_boom a {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0.1rem 0 0 0;
}
.big_boom a img {
  display: block;
  width: 100%;
  height: 100%;
}

.pk_vote_wrapper {
  padding: 0.49rem 0 0 0;
  text-indent: 0;
  background: #ffffff;
}
.pk_vote_wrapper .words_wrapper {
  font-size: 0;
  position: relative;
}
.pk_vote_wrapper .words_wrapper:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0.02rem;
  height: 100%;
  content: "";
  background: #cccccc;
}
.pk_vote_wrapper .words_wrapper .words {
  font-size: 0.3rem;
  display: inline-block;
  width: 2.4rem;
  margin: 0 0 0 0.29rem;
  text-indent: 0;
  color: #404040;
}
.pk_vote_wrapper .words_wrapper .flag {
  font-size: 0.28rem;
  line-height: 0.28rem;
  margin: 0.07rem 0 0.23rem 0;
  color: #404040;
}
.pk_vote_wrapper .words_wrapper .flag span {
  display: inline-block;
  width: 0.28rem;
  height: 0.28rem;
  margin: 0 0.2rem 0 0.63rem;
}
.pk_vote_wrapper .words_wrapper .red_options {
  display: inline-block;
  width: 3.44rem;
}
.pk_vote_wrapper .words_wrapper .red_options .flag span {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABXklEQVR42uzWu0oDQRTG8dlk0S6g2FqI9molXtBCSCNqYyOW4hQ+gCAWlnZeEAzZ1icwgliGaOELKCLR0kK8guAFdf2fdQoNTtwBs9Ue+O0s2cl8u0OSEy8sFmeVUsvYxpL6WTmMYAj96EAVR9jDgdJauZRH4IVZSKoZr+jBPKbQUuf9O9FNan0cKy0I8j7DnQmUMWsuzWAuxhKTkSBYZCwQ/GAJ6uS4gTEJfDMvvyM057fKrVawwML7jGWcIoNBDCNv5l36lgVC5V6y9dOGrZ4zKtnykg5UaWAamAamgXV/Sx9xhadGBsq4jgG0fyMdYBUfjnk5W7follZiun215tpN1Om/bGEN4zED721PWEDvL2G1dU7TnTCNuPzHXFlz1PaEh04bpXWJY4kGLFvdhy40Qf4BnEQ3o/WZTPX/9SOodYVjJf0eJh6YTTqw1Zy3JREugZu4xi5eGh34KcAArBxNA2hhsgsAAAAASUVORK5CYII=) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.pk_vote_wrapper .words_wrapper .blue_options {
  display: inline-block;
}
.pk_vote_wrapper .words_wrapper .blue_options .flag span {
  margin: 0 0.2rem 0 1.03rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABXElEQVR42uzVvS9DURjH8XPbG7YKsRpEd8QgXsIg6Yalixiliz9AJAajDYmEhNFfoETYmjJ0YENEymgQr4nES3B9n+QZaNzbnkTPdJ/k03Panp7fvSdtH2/9KJgyxsxjE3Pmd6UwjEH0oR1llLCLg1yPsSqPwCvdSKoR7+jCNLJojvj8llwkoae1hG0cm0yC8UGfy5jU+SRyVcKkxnHCRrNoigjqwA7TfZ+HD339E4HO7+0Oyixghk33GAs4h9zMAIaQ0XXXfsgGgbEvOY0JFVavCeO2PNeBJg6MA+PAODDyv/QZN3ipZ6CMy+hH2w/SARbxZZmXCusWndJKtNuXK967k06vVrGE0RoDH8PucA3df4RV1iXdfkwbcaHKWtlzJOwOD23OidA8Q54GLEfdizQa8IQzuRjWXMha/z+/gWxaZCjGv0PngUnXgS06b3URLoEruMU23uod+C3AABDYTsXC4UYqAAAAAElFTkSuQmCC) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.pk_vote_wrapper .words_wrapper .blue_options .words {
  margin: 0 0 0 0.77rem;
}
.pk_vote_wrapper .vote_wrapper {
  position: relative;
  height: 1.59rem;
  margin: 0.33rem 0 0 0;
}
.pk_vote_wrapper .vote_wrapper .vote_btn {
  position: absolute;
  width: 0.93rem;
  height: 0.93rem;
}
.pk_vote_wrapper .vote_wrapper .vote_btn .num {
  font-size: 0.22rem;
  line-height: 0.18rem;
  position: absolute;
  bottom: 0.21rem;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  white-space: nowrap;
  color: #ffffff;
}
.pk_vote_wrapper .vote_wrapper .vote_btn .hand {
  position: absolute;
  top: 0.21rem;
  left: 0.34rem;
  width: 0.28rem;
  height: 0.28rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAABhElEQVR42uzVv0sCYRzH8UdxqBCXtiCKfkqIUxRUQ1NzQw3R4NDUEgTRFrRES0RDEG39A1FDQ4TRWFFQQ4vQjyUhI0iSIgy73ldf4eHo7nwsnfzCi+e8r/f9PCfqKcuylIExHCNjedeC81qTkEl8Wv51i7pyg1qQk0FvmEYMbWJLCxr9bUapQbvaoClHL4q89PbcZpQSMqKFJBFw9A+l947OcoNCuJJBedm93p/QNrHsNcsvaEYbtOLoRZCW3j3CXrO+PwaXakRK1gd040Xrr2JWjnewL8f2wGfc4RKFn7Puu1jX7ibh6MXxUcJXPYV+rzuK4QIhnGBAdlqsRQy6fBINaEKrvM4iqrTfgi4pOyqg1/Dfo6gPjzJnSfnc+naZIUVzMucsqLwro/5Wp7J26UFxBMSG+p/KyhoJqipVLagWVLWgiKyvlQ4akvWmkkHtmJfjg5DBhfXo8XmPPa8Zw0ggjBzWTII6cG54V/YDcBxpk6CCXOhX9lP4GkfYxJN98kuAAQAPooAs4syiBgAAAABJRU5ErkJggg==) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.pk_vote_wrapper .vote_wrapper .vote_btn.red_vote_btn {
  top: 0;
  left: 0.29rem;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/pkhost1_minfy.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.pk_vote_wrapper .vote_wrapper .vote_btn.blue_vote_btn {
  top: 0;
  right: 0.29rem;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/pkhost2_minfy.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.pk_vote_wrapper .bars_visual_wrapper {
  font-size: 0;
  position: absolute;
  top: 0.43rem;
  left: 1.22rem;
  overflow: hidden;
  width: 4.47rem;
  height: 0.1rem;
}
.pk_vote_wrapper .bars_visual_wrapper .bars_wrapper {
  width: 8.94rem;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateX(-25%);
      -ms-transform: translateX(-25%);
          transform: translateX(-25%);
}
.pk_vote_wrapper .bars_visual_wrapper .red_bars {
  display: inline-block;
  width: 4.37rem;
  height: 0.1rem;
  vertical-align: top;
  background: #ff6600;
}
.pk_vote_wrapper .bars_visual_wrapper .red_corner {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  vertical-align: top;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQUlEQVR42mL8n8bwn4EwWMNEjCIgjmIiRhHDzP+/mYhRBOIwEaMIl0IMRdgUYlWErhCnImSFeBXBFBJUBAIAAQYARwEg8pbGmhAAAAAASUVORK5CYII=) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.pk_vote_wrapper .bars_visual_wrapper .blue_corner {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  vertical-align: top;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAATElEQVR42mL4//8/AyHsM+tVCCOIgQ/4zn4dAqSW4VUIUwTErDgVIisC8bEqRFeEVSE2RRgKcSlCUYhPEVwhIUVghaDAJKQIBAACDACJ9k5VWnG5zAAAAABJRU5ErkJggg==) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.pk_vote_wrapper .bars_visual_wrapper .blue_bars {
  display: inline-block;
  width: 4.37rem;
  height: 0.1rem;
  vertical-align: top;
  background: #4c9aea;
}

article {
  /**以下都是content的子模块*/
  /**以上都是content的子元素*/
}
article .head {
  font-weight: normal;
  padding: 0.54rem 0.3rem 0 0.3rem;
}
article .head .title {
  font-size: 0.46rem;
  font-weight: bold;
  padding: 0 0 0.2rem 0;
  color: #404040;
}
body.joke article .head .title {
  display: none;
}
article .head .info {
  font-size: 0.28rem;
  font-weight: normal;
  margin: 0 0 0.12rem 0;
  color: #888888;
}
body.joke article .head .info {
  display: none;
}
article .head .source {
  padding-left: 0.2rem;
}
article .content {
  font-size: 0.36rem;
  line-height: 1.5em;
  padding: 0 0.3rem 0 0.3rem;
  word-break: break-all;
  color: #404040;
}
article .content object {
  display: none;
}
article .content p {
  margin: 0.6rem 0;
  text-align: justify;
  text-indent: 2em;
}
article .content p:nth-child(1) {
  margin-top: 0.3rem;
}
article .content pre {
  white-space: pre-wrap;
}
article .content table {
  font-size: 12px;
  overflow-x: auto;
  width: 100%;
  border-spacing: 0;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
}
article .content table p {
  margin: 0;
  padding: 0;
}
article .content table td {
  padding: 0;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
article .content table th {
  border-color: #e9e9e9;
  border-right: 1px solid #343434;
  border-bottom: 1px solid #343434;
  background-color: #eeeeee;
}
article .content a {
  color: #4d86c6;
}
article .content a:visited {
  color: #4d86c6;
}
article .content .page {
  display: none;
}
article .content .on {
  display: block;
}
article .content .otitle {
  text-indent: 0;
}
article .content .editor {
  text-align: right;
}
article .photo {
  margin: 0.3rem 0;
  text-align: center;
}
article .photo span {
  font-size: 0.3rem;
  color: #404040;
}
article .photo img {
  display: block;
  max-width: 100%;
  margin: auto;
}
article .photo.photo_default_bg {
  width: 100%;
  height: 5.2rem;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/bg_img_sm_minfy.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
article .photo.photo_default_bg a {
  display: none;
}
article .video {
  position: relative;
  max-width: 1080px;
  margin: 0.3rem 0;
  padding-bottom: 0.4rem;
}
article .video video {
  width: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
article .video .bot_word {
  font-size: 0.27rem;
  float: right;
  color: #4c9aea;
}
article .video .bot_word span {
  font-size: 0.19rem;
  position: relative;
  top: -0.02rem;
  -webkit-text-size-adjust: none;
}
article .video .play_icon {
  position: absolute;
  top: 1.9rem;
  left: 3.1rem;
  display: none;
  width: 1rem;
  height: 1rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAACm0lEQVR4Ab3YA4ysVxQA4FO9t8+2ESe1HTesbTtWbTeobdtWVNv2q+0uZr5icut/9t5Bv2g55+dR5DDLdk52l1d94We9vvCqu5xsO7OifWY7yIuaedFB5kSrLONqNTlqrrZMlDLZhepIap5ysQPtZktb2s2BLva0GpK6C02OfDb1laTPjTYxLv6DcTZxoz7JVzaNHIY4XfKdE0yJQZjqBN9JzjAkmjPSXZIrTItMprlScpeRUc1wDwG+skEUsoGvAA8ZXn2h7gO8YH60wHwvAO6tuGhOBzxufLTIeE8Azoh/szngdZOiDSZ5HbBF/J3pvgJfmRttMj99lunxVy4DbBAdYCPAZfEny6uDi6NDXALqlo/EjeA7U6NDTPUduDEazFEDJ1S+PYtFMSeAmnmNbw8AvVXvtzU9bNUoZJpecHjj25fSiVUGoe5ys6OIG8GrjaoHbNw0CPzoIMOKcjkwP2wP+o0eNAi8a8vcO2SMAbBzOAU8GZEVBB62YmTxJDgl3AUuLghCzXk5ZcCl4O7wBti/KAh854DB7pADwRvhG7B7cRB404bRhD3B5wHYqqUg8IDlooKtQO/i0a514wn7RnNtXS740E4Wb3q5vmj9xkOvI43MufHlj3ByvYW5j3D5ywhPWbfkZSxLK/CZPS1elFYKEiT0OtHY0gSZm+qBWy0sTvWv5RYteNF6LRWtIxrfzlUDx1UG+cxelmy1/GY1Eiab2EYjkVih4y3Rxakl6l5ztyHgsv+zTU1s0dWGO3FGR0aHxwFndn8Ius+Q6omxU+PciNzB9PKiwfSKjME0McSZbY3YZxrS7WXBZmVrj4uK1x4XmRylLFu0wFm2vVXUS5p5uWoVVR5qe6e622u+1KfPl15zt1Ntnzez/AKmIrEvc07UmAAAAABJRU5ErkJggg==) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
article .spinfo .type {
  font-size: 0.36rem;
  position: relative;
  overflow: hidden;
  color: #3399ff;
}
article .spinfo .type:after {
  position: absolute;
  top: 50%;
  left: 0.8rem;
  width: 7.5rem;
  height: 0.02rem;
  content: "";
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #cccccc;
}
article .spinfo .sp_content a {
  display: block;
  margin: 0.3rem 0;
  text-indent: 0;
  color: #4c9aea;
}
article .spinfo .sp_content p {
  margin: 0.3rem 0;
  padding: 0;
}
article .vote.single .nosubmit i {
  -webkit-border-radius: 100%;
          border-radius: 100%;
}
article .vote.single .nosubmit li.active i:after {
  width: 0.15rem;
  height: 0.15rem;
  content: "";
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background: #cccccc;
}
article .vote .headline {
  font-size: 0.36rem;
  line-height: 1;
  padding: 0.18rem 0 0.26rem;
  color: #f54343;
  border-bottom: 1px solid #d8d8d8;
  border-bottom: 1px solid #cccccc;
}
article .vote .vote_content {
  padding: 0.2rem 0 0;
}
article .vote .title {
  font-size: 0.32rem;
  color: #343434;
}
article .vote .type {
  font-size: 0.24rem;
  line-height: 0.26rem;
  float: right;
  margin: 0.11rem 0 0 0;
  padding: 0.04rem;
  color: #ffffff;
  -webkit-border-radius: 0.04rem;
          border-radius: 0.04rem;
  background: #df2f31;
}
article .vote .info {
  font-size: 0.24rem;
  color: #828282;
}
article .vote .count {
  float: right;
}
article .vote .nosubmit li {
  font-size: 0.32rem;
  position: relative;
  padding: 0.1rem 0.3rem 0.1rem 0;
  color: #353535;
}
article .vote .nosubmit li:active {
  background: #eeeeee;
}
article .vote .nosubmit li i {
  position: absolute;
  top: 0.15rem;
  right: 0;
  width: 0.3rem;
  height: 0.3rem;
  margin-top: 0.09rem;
  pointer-events: none;
  border: 1px solid #cccccc;
}
article .vote .nosubmit li.active i:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.3rem;
  height: 0.3rem;
  content: "";
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAz0lEQVR42mL8//8/AzUBEwOVweA3kAXG2Lt3L8WGOTs7U8WFKkDMTC0vOwHxZSCOoYaBFkC8CYiPAvEKSg3UB+IdQHwJiP2A+CclBmoA8W4gvgfEnkD8DV+y8YGGiTwOwxShhr0BYncg/kgoHV4HYmEg3o/FUGkg3gX1nhsQvyYmYd8FYkcg5kAzVBSId0LFQS57QkpOuYlmqB4QbwdiMajL7pKT9ZANPQ9NvO7QICE7L4MM9QbiD0AcDTWY+LyMA5yHRtLAlTaMg77EBggwAO4YK3B+22XLAAAAAElFTkSuQmCC) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
article .vote .voted {
  font-size: 0.28rem;
  visibility: hidden;
  opacity: 0;
}
article .vote .voted li {
  margin: 0.1rem 0;
}
article .vote .voted li .bar span {
  vertical-align: middle;
}
article .vote .voted li:nth-child(4n) .bar {
  color: #1e8ce1;
}
article .vote .voted li:nth-child(4n) .bar span {
  background: #1e8ce1;
}
article .vote .voted li:nth-child(4n + 1) .bar {
  color: #1ea835;
}
article .vote .voted li:nth-child(4n + 1) .bar span {
  background-color: #1ea835;
}
article .vote .voted li:nth-child(4n + 2) .bar {
  color: #efa625;
}
article .vote .voted li:nth-child(4n + 2) .bar span {
  background: #efa625;
}
article .vote .voted li:nth-child(4n + 3) .bar {
  color: #f05646;
}
article .vote .voted li:nth-child(4n + 3) .bar span {
  background-color: #f05646;
}
article .vote .voted .bar {
  font-size: 0.2rem;
  padding: 5px 0 0 0;
}
article .vote .voted span {
  display: inline-block;
  max-width: 84%;
  height: 0.08rem;
  vertical-align: 0.5rem;
  -webkit-border-radius: 0.4rem;
          border-radius: 0.4rem;
}
article .vote .voted-show {
  visibility: visible;
  -webkit-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}
article .vote .submit {
  font-size: 0.32rem;
  line-height: 1;
  margin-top: 0.3rem;
  padding: 0.17rem 0;
  text-align: center;
  color: #383838;
  border: 1px solid #c1c1c1;
  -webkit-border-radius: 0.1rem;
          border-radius: 0.1rem;
  background: #f9f9f9;
  -webkit-box-shadow: 0 0.05rem 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 0.05rem 0 rgba(0, 0, 0, 0.04);
}
article .vote .submit:active {
  background: #eeeeee;
}
article .photoset {
  position: relative;
  overflow: hidden;
  width: 7.5rem;
}
article .photoset .slides {
  overflow: hidden;
  height: 4.65rem;
}
article .photoset .slides li {
  position: relative;
  float: left;
  overflow: hidden;
  width: 7.5rem;
  height: 4.65rem;
  text-align: center;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/photo_default_minfy.png) top center no-repeat #e5e5e5;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
article .photoset .slides li .news-pic {
  display: inline-block;
  width: 100%;
  height: 4.65rem;
}
article .photoset .slides li img {
  height: 100%;
}
article .photoset .slides li .title {
  font-size: 0.32rem;
  line-height: 0.6rem;
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 0.6rem;
  margin: 0;
  padding: 0;
  text-align: center;
  text-indent: 0;
  color: #ffffff;
  background: #cccccc;
  background: rgba(0, 0, 0, 0.4);
}
article .photoset .slides li .photo_cur_index {
  font-size: 0.3rem;
}
article .photoset .slides li .photo_count {
  font-size: 0.24rem;
}
article .photoset .slides li.page {
  display: block;
}
article .photoset .slides li.on {
  display: block;
}
article .photoset .ctrls {
  z-index: 20;
  padding: 0.15rem 0.05rem 0.1rem 0;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
article .photoset .ctrls li {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 2px 2px 0;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLBAMAAADKYGfZAAAAIVBMVEXl5eXf39/W1tbZ2dnT09PPz8/MzMzR0dHb29vi4uLd3d0uoH7AAAACKklEQVR4Ae3RNXvbUACF4SOKLS1hnMI0hWkJ0xSWn26x4MjOEqapjNNNyp3C8C8b3ZJUGot+xdInRk5Ozt9CqStAXNE4U0tTAjGvmEaMQslBzA7ngGf3u1JLm0cIHdtTVVf3J3iECI0t4Uxy5Q4HIYtDiHgVoPgoj0FrxRObbQASAXAg3mJiFhGNaey4ZZ4AinSuhZmX5A3Rk0WEvYYLryyt3QIrWQ3AcFSZXawggtXYcV4t665CQSGvhkoIoCyW9bglvKNnNc/yTAKA7kOaiGUa6cFaMTeSKzKDyuGqjrqObWYRZdMXil9Z1e10+ABg8aM2RJgcbhxSKMkMPaSf2h6rQZQWCCNtkrZfN+EhZF7vZNWtzqeIKstCzZjsT2SgeZBu3qmM9NsQMVEN3VF8JBxhygxnzODCa6ATy9bw0rGCJpucC7OGJQYFGu8kGfupPdzldJIhNwBMMnXH3JkD6nbS+OIl6UD1bafyoDAA0DUANAZCGYXhIKJi5EgYmUezgBJAOmc1HrnQfHxxKKBn8rI9Q4DCz6+gsi2e9Vwv6t7F8qO1N/XHPAKeNzAoUOwMoEcyhYXUgsbZV2lynW3y391BIwuAMi/65yuIMVZb/btj16wGbOcIpcwCpu3is4RvUSR4BAAmh4B3AocM2nDTzuKzvIziw/AhcS2MH5NtDc+6GH0DYxYbUFogTbQBik3uo4fh/AdMADq5Bxiki5+x2BLOdzYFfrucnJz3ECmjtb27DL0AAAAASUVORK5CYII=) top center no-repeat #e5e5e5;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
article .photoset .ctrls li img {
  height: 100%;
}
article .photoset .ctrls li .blackbg {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-color: #000000;
}
article .photoset .ctrls .on .blackbg,
article .photoset .ctrls .active .blackbg {
  opacity: 0;
}
article .auto_recommend .top_part {
  margin: 0 0 0.55rem 0;
}
article .auto_recommend .top_part h1 {
  font-size: 0.34rem;
  color: #333333;
}
article .auto_recommend .top_part .middle_part_2 {
  display: block;
  margin: 0.3rem 0 0 0;
}
article .auto_recommend .top_part .middle_part_2 .imgcontain {
  display: inline-block;
  width: 2.02rem;
  height: 1.515rem;
  margin: 0 0 0 0.18rem;
}
article .auto_recommend .top_part .middle_part_2 .imgcontain img {
  max-height: 100%;
}
article .auto_recommend .top_part .middle_part_2 .title {
  font-size: 0.4rem;
  position: relative;
  top: -0.6rem;
  display: inline-block;
  max-width: 3.7rem;
  margin: 0 0 0 0.6rem;
  color: #333333;
}
article .auto_recommend .top_part .enter {
  text-align: center;
}
article .auto_recommend .top_part .enter .bot_part_2 {
  font-size: 0.32rem;
  display: inline-block;
  padding: 0.15rem 1.1rem;
  text-align: center;
  color: #999999;
  border: solid 1px #cccccc;
  -webkit-border-radius: 200px;
          border-radius: 200px;
}
article .auto_recommend .bot_part {
  padding-bottom: 0.5rem;
}
article .auto_recommend .bot_part h1 {
  font-size: 0.34rem;
  color: #3399ff;
}
article .auto_recommend .bot_part li {
  position: relative;
  margin: 0.24rem 0 0 0;
  padding-bottom: 0.27rem;
  border-bottom: solid 1px #cccccc;
}
article .auto_recommend .bot_part li:last-child {
  border-bottom: none;
}
article .auto_recommend .bot_part li .nickname {
  font-size: 0.3rem;
}
article .auto_recommend .bot_part li .nickname a {
  color: #333333;
}
article .auto_recommend .bot_part li .tel {
  font-size: 0.3rem;
  margin: 0.18rem 0 0 0;
}
article .auto_recommend .bot_part li .tel a {
  color: #3399ff;
}
article .auto_recommend .bot_part li .tel a.dis {
  color: #999999;
}
article .auto_recommend .bot_part li .addr {
  font-size: 0.3rem;
  margin: 0.18rem 0 0 0;
}
article .auto_recommend .bot_part li .addr span {
  color: #999999;
}
article .auto_recommend .bot_part li .sale {
  font-size: 0.3rem;
  margin: 0.18rem 0 0 0;
}
article .auto_recommend .bot_part li .sale .logo {
  display: inline-block;
  width: 0.86rem;
  height: 0.3rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAeCAMAAACBgxnEAAAAYFBMVEUAAAD/MzP/MzP/MzP/MzP/MzP/MzP/MzP/MzP/MzP/MzP/MzP/MzP/MzP/MzP/MzP/////8fH/MzP/hYX/kpL/ycn/1tb/5OT/aWn/XFz/ra3/d3f/oKD/Tk7/u7v/QUGyf9tUAAAAEHRSTlMABgcbbW5vx8vP0NHz9Pj5x+0EuQAAAY9JREFUeAG1loUO6zAMRTPm7dohp/j/X/konZX1ceGI2sBRdK2AMWZzON15Me6nw8Z8Y3fhhbnsjNmodTmuW7PnFdibk373zhNR7IQ/sE6KITUrQ8sHNreezIsHGgBEBCC2rHACov4IPH8iKNChT8MDHtFmTwAJKx0I8idtaEs489bWCDq0QmSFqEb3B+2oZaT1qFmJsJosOiaarI3QpuwaCEjcwE3XJlZ6TSEh6O8UbfPr7g7ux5JlopYJQfgniDSUado2AFQlLlEf0RRtRjwB8OU+CkPiFdy/bQcptUqqCEDXasGifvxeSwVppFX6JgJOC6bLlqkhKDVgNVINebJWEVB2FdAUrUWlTbqVA7wS4SZoc02UCnbUJohTQiCk8Wo7NMxKhMzdvOlHkoSeWXHoJmg5IrwtNaFhtqMJoP/Q6qXTEuCdtLaK+FG/AMslHo4F5Assj1t83mb34opsCJmQNIgCQRxv1YrHLcNSTh8Xels75xLP52C2V16c23aNx9J1Z76xOZ4fvBiP83FjzFejsrd0z3sf2wAAAABJRU5ErkJggg==) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
article .auto_recommend .bot_part li .sale a {
  position: relative;
  top: -0.02rem;
  margin: 0 0 0 0.19rem;
  color: #999999;
}
article .auto_recommend .bot_part li .searchprice {
  font-size: 0.32rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.2rem 0.37rem;
  text-align: center;
  color: #3399ff;
  border: solid 1px #3399ff;
  -webkit-border-radius: 500px;
          border-radius: 500px;
}
article .auto_card {
  padding: 0.2rem 0 0 0;
  border: solid 1px #cccccc;
}
article .auto_card .top_part {
  display: block;
}
article .auto_card .top_part .imgcontain {
  display: inline-block;
  width: 2.02rem;
  height: 1.515rem;
  margin: 0 0 0 0.27rem;
}
article .auto_card .top_part .imgcontain img {
  max-height: 100%;
}
article .auto_card .top_part ul {
  position: relative;
  top: -0.2rem;
  display: inline-block;
  max-width: 3.9rem;
  margin: 0 0 0 0.48rem;
}
article .auto_card .top_part ul .name {
  font-size: 0.4rem;
  color: #333333;
}
article .auto_card .top_part ul .price {
  font-size: 0.3rem;
  margin: 0.23rem 0 0 0;
  color: #999999;
}
article .auto_card .bot_part {
  display: table;
  width: 100%;
  height: 0.68rem;
  margin: 0.4rem 0 0 0;
  border-top: solid 1px #cccccc;
}
article .auto_card .bot_part a {
  font-size: 0.3rem;
  display: table-cell;
  padding: 0.1rem 0 0 0;
  text-align: center;
  color: #333333;
}
article .auto_card .bot_part .searchprice {
  border-right: solid 1px #cccccc;
}
article .house_detail {
  padding: 0.2rem;
  background: #eeeeee;
}
article .house_detail .house_detail_title {
  position: relative;
  zoom: 1;
  color: #78a2de;
}
article .house_detail .house_detail_title .price {
  font-size: 0.18rem;
  position: absolute;
  top: 0;
  right: 0;
  color: #d03555;
}
article .house_detail .house_detail_title .headtitle {
  color: #78a2de;
}
article .house_detail .house_detail_position {
  font-size: 0.28rem;
  color: #676767;
}
article .house_detail .house_detail_position .icon {
  display: inline-block;
  width: 0.32rem;
  height: 0.38rem;
  margin-right: 0.1rem;
  vertical-align: middle;
  background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMv/CABEIACIAHQMBIgACEQEDEQH/xAAaAAACAwEBAAAAAAAAAAAAAAADBQQGBwAB/9oACAEBAAAAANao8m9Z87WB9YLT3LO5ehHEXv/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQIQAAAAA//EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMQAAAAA//EACgQAAEEAQMCBQUAAAAAAAAAAAIBAwQFAAYRMRJBEBMhMlFCYXGBof/aAAgBAQABPwC5umalhFLYnS9o5I1FZyXFJZLgfAtFsmQNU2ERwfOcKQ13QsgzWrCIEhld0LlPjNSSTkXL6ltsBKIp+MoNMxJNe3KmoThucB8Zqamaqnm3WCVGnO2/GU105VsutgXoRb5qeIUa5dIvY4qGP7yj1S1AhDFmCSo3wQ5f3a277fSCgy3xv3yjpCsmHXi46thy3qWrWKoGqi4PqJ5PrJVc6rb7S/Yx4LKeglWJiRNK2x9RZEitQowMMp0iP98HhE206kRfXvgIiNJsieH/xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AF//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AF//2Q==) no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
article .house_detail .house_detail_position span {
  vertical-align: middle;
}
article .house_detail .house_detail_phone {
  font-size: 0.2rem;
  line-height: 1;
  position: relative;
  zoom: 1;
  margin-top: 0.2rem;
  color: #676767;
}
article .house_detail .phone_bg {
  display: inline-block;
  margin-right: 0.1rem;
  padding: 0.15rem;
  color: #ffffff;
  -webkit-border-radius: 0.24rem;
          border-radius: 0.24rem;
  background: #36ac71;
}
article .house_detail .phone_bg .icon {
  display: inline-block;
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.05rem;
  vertical-align: middle;
  background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMv/CABEIABwAHAMBIgACEQEDEQH/xAAZAAACAwEAAAAAAAAAAAAAAAAEBQAGBwP/2gAIAQEAAAAAuSRVNHrlbhmjl5WL0bKP/8QAFgEBAQEAAAAAAAAAAAAAAAAAAgED/9oACAECEAAAAMgr/8QAFgEBAQEAAAAAAAAAAAAAAAAABQME/9oACAEDEAAAAAjNlP/EACcQAAEDAwMDBAMAAAAAAAAAAAECAwQABREGMTIQEiIHFCFBUXFy/9oACAEBAAE/ANJ6SjXeIubOUotklKG0nFagtJs91cjAENcm/wCevp7PQ5bnYSj5tKJH6rWsuTIvq2JDJbDPAEbis/JHS2XN+0zkSmOSdwfuuyza0gNrX4vj8EBaaVpG0rgIiFgAJGAscqvMZNvur8WMC+22cd/RmQ9EWl6O6pted0mlauvbjXtzNPYRuEjNHJUpRJJUckmv/8QAGBEAAwEBAAAAAAAAAAAAAAAAAAECECL/2gAIAQIBAT8Aa5yaKaP/xAAcEQACAgIDAAAAAAAAAAAAAAABAgADBBESFCL/2gAIAQMBAT8Auqr6iuogMxcjh4YbEy7amACrqf/Z) no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
article .house_detail .phone_bg span {
  vertical-align: middle;
}
article .house_detail .rz {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.2rem;
  color: #d03555;
  border: 1px solid #d03555;
  -webkit-border-radius: 0.04rem;
          border-radius: 0.04rem;
}
article .various_talk .talk_item {
  position: relative;
}
article .various_talk .talk_item.first .talk_contain {
  margin-top: 0.2rem;
}
article .various_talk .talk_item.first .talk_title:after {
  width: 5.3rem;
}
article .various_talk .talk_head {
  height: 0.48rem;
}
article .various_talk .talk_title {
  font-size: 0.36rem;
  color: #3399ff;
}
article .various_talk .talk_title:after {
  position: absolute;
  top: 0.24rem;
  right: 0.01rem;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #cccccc;
}
article .various_talk .talk_flag {
  position: absolute;
  top: 0.25rem;
  right: 0;
  width: 0.24rem;
  height: 0.26rem;
}
article .various_talk .talk_flag.red {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAAj0lEQVR42mL8b2z8n4GGgHHUglELRi0YtWDUglELRi0YFBYwEanuCRBXAbEyEJcD8Qtq+eAYEE8E4vVA/BtJnBWI/YE4FYhd8DkUmwU/gXglEE8C4rNEOFIRiJOBOBGIpfBZ8ByIZwDxTCB+SUZwMwOxOxAnALEfELPDLDgJDYY1QPyLSnErBMRRQJwEEGAA21VNjxFe24cAAAAASUVORK5CYII=) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
article .various_talk .talk_flag.blue {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAApElEQVR42mL0mfXqPwMNARMDjcGoBaMWjFowasGoBaMWjFpAVQueAHEVECsDcTkQv6CWBceAOByIlYC4HYjvAXEXEMsBcSgQ7wLif6Ra8BOIFwGxCRBbA/EqIP6NpgbEXwPE7kCsAsStQPyMkAXPgbgeiOWBOB6IzxIZCveBuAbqK28gXg11JBiwAPEpIJ4IddEvCuLzLxBvg2IhII4C4iSAAAMAA4Yeu8TROWIAAAAASUVORK5CYII=) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
article .various_talk .talk_contain {
  position: relative;
  margin-top: 0.05rem;
}
article .various_talk .talk_head_img {
  width: 0.64rem;
  height: 0.64rem;
  -webkit-border-radius: 100%;
          border-radius: 100%;
}
article .various_talk .talk_name {
  font-size: 0.32rem;
  font-weight: bold;
  position: relative;
  top: -0.15rem;
  margin-left: 0.22rem;
  color: #333333;
}
article .various_talk .talk_words {
  font-size: 0.32rem;
  line-height: 0.5rem;
  padding-left: 0.97rem;
  letter-spacing: 1px;
  color: #333333;
}
article .timeLine .timeLine_head {
  font-size: 0.36rem;
  position: relative;
  color: #3399ff;
}
article .timeLine .timeLine_head:after {
  position: absolute;
  top: 50%;
  right: 0.01rem;
  width: 5rem;
  height: 1px;
  content: "";
  background-color: #cccccc;
}
article .timeLine .timeLine_item {
  margin-top: 0.5rem;
}
article .timeLine .timeLine_item.first {
  margin-top: 0.2rem;
}
article .timeLine .timeLine_item.first .month_day {
  color: #ff3333;
}
article .timeLine .timeLine_item.first .month_day:before {
  background-color: #ff3333;
}
article .timeLine .timeLine_item.first .year {
  display: none;
}
article .timeLine .timeLine_time {
  font-size: 0.24rem;
  position: relative;
  display: inline-block;
  width: 0.78rem;
  margin-right: 0.05rem;
  vertical-align: top;
  color: #999999;
}
article .timeLine .timeLine_time > .year {
  position: absolute;
  top: -60%;
  left: 0.14rem;
}
article .timeLine .month_day:before {
  float: left;
  width: 0.1rem;
  height: 0.1rem;
  margin-top: 0.2rem;
  margin-right: 0.05rem;
  content: "";
  -webkit-border-radius: 100px;
          border-radius: 100px;
  background-color: #999999;
}
article .timeLine .timeLine_event {
  font-size: 0.32rem;
  display: inline-block;
  width: 5.95rem;
  letter-spacing: 1px;
  color: #333333;
}
.footer {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 0.3rem;
  position: relative;
}
.footer .idol-fansrank {
  overflow: hidden;
  margin: 0 -0.3rem;
}
.footer .show_article {
  display: none;
  text-align: center;
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 98%, 0)), color-stop(28%, hsla(0, 0%, 98%, 0.9)), color-stop(49.1%, #f6f6f6), to(#f6f6f6));
  background-image: -webkit-linear-gradient(top, hsla(0, 0%, 98%, 0), hsla(0, 0%, 98%, 0.9) 28%, #f6f6f6 49.1%, #f6f6f6);
  background-image: -o-linear-gradient(top, hsla(0, 0%, 98%, 0), hsla(0, 0%, 98%, 0.9) 28%, #f6f6f6 49.1%, #f6f6f6);
  background-image: linear-gradient(top, hsla(0, 0%, 98%, 0), hsla(0, 0%, 98%, 0.9) 28%, #f6f6f6 49.1%, #f6f6f6);
  width: 100%;
  top: -1.3rem;
  height: 2rem;
}
.footer .show_article .show_more_arrow {
  position: relative;
  top: 0.4rem;
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAASFBMVEUAAAD/////QED/KyvvISHyGhryICDxHBzyGhrxHR3wGxvuHBzvGxvuHBzvGxvuGxvvGhrvGxvuGxvuGxvuGxvuGhruGxvuGhqqC3r8AAAAF3RSTlMAAQQGHycoNjpHVlx9i42YnLHI4+bn8AC8ksUAAABpSURBVDjL7dJJEoAgDERRcJ5nzf1vqhZaSFIQ9qaXXW/5lfr1qqGgZ9bX5FvgKPGXb7AS2AGRl4ORQD1hebs5Vaz0OSz9zpUh95VhZyXnXsm7R+68MzLGGRlyNgrdtIlEIVG40kYhi90Jm04QCwhDbJQAAAAASUVORK5CYII=) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  -webkit-animation: arrow 0.4s infinite alternate;
          animation: arrow 0.4s infinite alternate;
}
.footer .show_article .down_arrow {
  font-size: 0.16rem;
  line-height: 0.3rem;
  position: relative;
  display: inline-block;
  width: 0.6rem;
  height: 0.3rem;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}
.footer .more_up {
  display: block;
  text-align: center;
}
.footer .more_up .hiup_bar {
  line-height: 0.88rem;
  position: relative;
  display: block;
  width: 6.86rem;
  height: 0.88rem;
  margin: 0 auto;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: #e10000;
}
.footer .more_up .hiup_bar span.logo {
  display: inline-block;
  width: 0.24rem;
  height: 0.34rem;
  margin-top: -0.05rem;
  vertical-align: middle;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAiBAMAAAC3uAQAAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAAB3RSTlMAI0lz2+LjLKJQ9wAAADFJREFUGNNjUC2HgyCGdASnjKGcAQ7KRzkgDhJA4+A3QMQRiWNejEsGqwEoUaKGFFkAhUo7xvs/Np4AAAAASUVORK5CYII=) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.footer .more_up .al_title {
  font-size: 0.3rem;
  display: inline-block;
  text-align: left;
  color: #ffffff;
}
.footer .more_up .wakeup_desc {
  font-size: 0.24rem;
  display: inline-block;
  margin-top: 0.16rem;
  color: #666666;
}
@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translate3d(0, -30%, 0);
            transform: translate3d(0, -30%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
  }
}
@keyframes arrow {
  0% {
    -webkit-transform: translate3d(0, -30%, 0);
            transform: translate3d(0, -30%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
  }
}

.stuff-left {
  float: left;
}
.stuff-right {
  float: right;
}
.article_comment {
  margin: 0.2rem 0 0 0;
  padding: 0.4rem 0.3rem 0.6rem 0.3rem;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.comment_list > div {
  line-height: 0.36rem;
  overflow: hidden;
  margin: 0 0 0.1rem 0;
  padding: 0.08rem 0 0.38rem 0;
  color: #000000;
  border-bottom: 1px solid #e5e5e5;
}
.comment_list > div.no_ties {
  margin: 0.1rem 0;
}
.comment_list > div:last-child {
  border-bottom: none;
}
.article_comment .comment_title {
  overflow: hidden;
}
.article_comment .comment_title span {
  font-size: 0.36rem;
  line-height: 0.48rem;
  float: left;
  white-space: nowrap;
  color: #ff3333;
}
.article_comment .comment_more {
  font-size: 0.32rem;
  line-height: 0.48rem;
  float: right;
  color: #4c9aea;
}
.article_comment .comment_more .right_arrow {
  font-size: 0.18rem;
  position: relative;
  display: inline-block;
  width: 0.3rem;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  color: #4c9aea;
}
.comment_list .floor_usual,
.comment_list .floor_outermost {
  font-size: 0.32rem;
  display: inline-block;
  padding: 0.1rem 0;
  color: #4c9aea;
}
.floor_outermost,
.floor_usual {
  overflow: hidden;
  width: 61%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.floor_usual {
  width: 96%;
}
.comment_list p {
  font-size: 0.32rem;
  line-height: 1.5em;
  color: #404040;
}
.comment_list .foldLink {
  text-align: center;
}
.comment_list > div div {
  padding: 0 0 3px;
  border-top: 1px solid #eae8d2;
  border-bottom: 1px solid #eae8d2;
  background: #f9f8e8;
}
.comment_list > div div div {
  padding: 0 0 3px;
  border-top: 1px solid #eae8d2;
  border-bottom: 1px solid #eae8d2;
  background: #f9f8e8;
}
.comment_list > div > div,
.comment_list > div > div > div,
.comment_list > div > div > div > div,
.comment_list > div > div > div > div > div {
  padding: 0.03rem;
  border-right: 1px solid #eae8d2;
  border-left: 1px solid #eae8d2;
}
.comment_list > div > div > div > div > div > div {
  padding: 0.03rem;
  border-right: 1px solid #eae8d2;
  border-left: 1px solid #eae8d2;
}
.comment_list > div > div > div > div > div > div div {
  border-top: none;
}
.comment_list p {
  margin-top: 0.08rem;
}
.article_comment .clearfix {
  margin-top: 0.03rem;
  margin-bottom: 0.04rem;
}
.comment_list > div div p {
  margin: 0.08rem 0.06rem 0.06rem 0.12rem;
}
.comment_bot {
  text-align: center;
}
.comment_bot .comment_info {
  font-size: 0.32rem;
  line-height: 0.7rem;
  display: inline-block;
  overflow: hidden;
  padding: 0 0.55rem;
  white-space: nowrap;
  color: #3399ff;
  border: 1px solid #3399ff;
  -webkit-border-radius: 50px;
          border-radius: 50px;
}
.comment_bot .comment_info .replycount {
  font-size: 0.4rem;
  color: #ff3333;
}
.comment_list .comment_nopost {
  font-size: 0.36rem;
  margin: 0.06rem 0;
  text-align: center;
  color: #a6a6a6;
}
.comment_list .comment_nopost:first-child {
  margin-top: 0.2rem;
}
.comment_list .comment_nopost:last-child {
  margin-bottom: 0.2rem;
}

.hot_news {
  margin-top: 0.2rem;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background: #f6f6f6;
}
.hot_news h3 {
  font-size: 0.36rem;
  font-weight: normal;
  padding: 0.3rem 0.3rem 0.1rem;
  color: #f33;
}
.hot_news .content-list {
  border-bottom: 1px solid #e6e6e6;
}
.hot_news .m_article .m_article_desc .m_article_channel {
  display: none;
}

.idol-icon {
  width: 1.2rem;
  height: 1.2rem;
  position: fixed;
  right: 0.34rem;
  bottom: 3.1rem;
}
.idol-icon img {
  width: 1.6rem;
  height: 1.84rem;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.idol-icon a {
  width: 1.2rem;
  height: 1.2rem;
  overflow: visible;
  display: block;
  position: relative;
}

@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#popWin {
  font-size: 0.32rem;
  position: fixed;
  z-index: 99;
  top: 50%;
  left: 50%;
  display: none;
  width: 5.7rem;
  padding: 0.2rem 0.2rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  word-break: break-all;
  opacity: 0;
  color: #ffffff;
  -webkit-border-radius: 0.2rem;
          border-radius: 0.2rem;
  background: rgba(0, 0, 0, 0.6);
}
.anim_show {
  -webkit-animation: fadeInOut 2s;
          animation: fadeInOut 2s;
}

.duanzi_direct {
  display: none;
  height: 0.8rem;
  color: #333333;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: solid 1px #cccccc;
  background-color: #fff;
  z-index: 999;
}
.duanzi_direct .duanzi_gentie {
  display: table-cell;
  height: 100%;
  font-size: 0.3rem;
  text-align: center;
  vertical-align: middle;
  color: #a3a3a3;
  width: 33.33%;
}
.duanzi_direct .duanzi_gentie .gentie_button {
  font-size: 0.35rem;
  position: relative;
  top: 0.025rem;
}
.duanzi_direct .duanzi_prev {
  display: table-cell;
  height: 100%;
  text-align: center;
  font-size: 0.3rem;
  vertical-align: middle;
  color: #a3a3a3;
}
.duanzi_direct .duanzi_prev .prev_arrow {
  font-size: 0.3rem;
}
.duanzi_direct .duanzi_next {
  display: table-cell;
  height: 100%;
  text-align: center;
  font-size: 0.3rem;
  vertical-align: middle;
  color: #4c9aea;
}
.duanzi_direct .duanzi_next .next_arrow {
  font-size: 0.3rem;
}

.idol_danmaku_container {
  z-index: 10000;
  top: initial !important;
  bottom: 2.3rem;
  height: 1.5rem;
}
.idol_danmaku_container .touch_danmaku_beforepost {
  position: fixed;
  z-index: 199;
  bottom: 1.07rem;
  left: 0.3rem;
  width: 1.45rem;
  height: 0.66rem;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/danmaku_inputbg_minfy.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.idol_danmaku_container .danma_votein {
  background-color: rgba(252, 150, 23, 0.5);
}
.idol_danmaku_container .danma_voteagainst {
  background-color: rgba(148, 148, 148, 0.5);
}
.touch_danmaku_post {
  z-index: 10010;
  visibility: visible;
}
.touch_danmaku_post:not(.active) {
  visibility: hidden;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
@keyframes lipscale {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
  }
}
@-webkit-keyframes lipscale {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
  }
}
@keyframes liprotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes liprotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes heartbig {
  50% {
    width: 0.92rem;
    height: 0.92rem;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes heartbig {
  50% {
    width: 0.92rem;
    height: 0.92rem;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bomb {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3.68rem 0;
  }
}
@-webkit-keyframes bomb {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3.68rem 0;
  }
}
.idol_inagainst {
  position: fixed;
  z-index: 10001;
  bottom: 1.07rem;
  left: 50%;
  display: none;
  width: 2.39rem;
  height: 0.9rem;
  padding: 0 0.42rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  -webkit-border-radius: 5rem;
          border-radius: 5rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.idol_inagainst .flower {
  position: relative;
  float: left;
  width: 0.58rem;
  height: 0.7rem;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/idolflower_minfy.png) no-repeat;
  background-position-y: 0.05rem;
  -webkit-background-size: contain;
          background-size: contain;
}
.idol_inagainst .flower .liptranslatewrapper {
  position: absolute;
  z-index: 5;
  top: 0.25rem;
  left: 0.18rem;
  width: 0.2rem;
  height: 0.2rem;
  -webkit-background-size: contain;
          background-size: contain;
}
.idol_inagainst .flower .liprotatewrapper {
  width: 100%;
  height: 100%;
}
.idol_inagainst .flower .lipscalewrapper {
  visibility: hidden;
  width: 100%;
  height: 100%;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/idolflower_minfy.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.idol_inagainst .flower .lipscale {
  visibility: visible;
  -webkit-animation: lipscale 0.5s;
  animation: lipscale 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.idol_inagainst .flower .liprotate {
  visibility: visible;
  -webkit-animation: liprotate 0.5s;
  animation: liprotate 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.idol_inagainst .head_wrapper {
  position: absolute;
  top: -0.31rem;
  left: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1rem;
  height: 1rem;
  padding: 0.04rem;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background-color: #ffffff;
}
.idol_inagainst .head_wrapper .head {
  width: 0.92rem;
  height: 0.92rem;
  -webkit-border-radius: 100%;
          border-radius: 100%;
}
.idol_inagainst .head_wrapper .heart_wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  visibility: hidden;
  width: 0.3rem;
  height: 0.3rem;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-border-radius: 100%;
          border-radius: 100%;
}
.idol_inagainst .head_wrapper .heart_wrapper img {
  width: 100%;
  height: 100%;
}
.idol_inagainst .head_wrapper .heartbig {
  visibility: visible;
  -webkit-animation: heartbig 2s;
  animation: heartbig 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.idol_inagainst .head_wrapper .done_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.idol_inagainst .bomb {
  position: relative;
  float: right;
  width: 0.58rem;
  height: 0.7rem;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/idolbomb_minfy.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.idol_inagainst .bombframes_wrapper {
  position: absolute;
  top: -0.1rem;
  left: -0.2rem;
  visibility: hidden;
  width: 0.92rem;
  height: 0.92rem;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/bombframes_minfy.png) no-repeat;
  -webkit-background-size: auto 0.92rem;
          background-size: auto 0.92rem;
}
.idol_inagainst .bombanima {
  -webkit-animation: bomb 0.6s steps(4);
  animation: bomb 0.6s steps(4);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.idol_inagainst .inagainst_tip {
  font-size: 0.2rem;
  position: absolute;
  top: -0.82rem;
  left: 50%;
  width: 1.5rem;
  height: 0.52rem;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  color: #ffffff;
  -webkit-border-radius: 4rem;
          border-radius: 4rem;
  background-color: rgba(255, 0, 0, 0.7);
}
.idol_inagainst .inagainst_tip span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  white-space: nowrap;
}
.idol_inagainst .inagainst_tip:not(.show) {
  visibility: hidden;
  -webkit-transform: translate3d(-50%, 25%, 0);
  transform: translate3d(-50%, 25%, 0);
  opacity: 0;
}
.idol_inagainst .inagainst_tip.hatetip {
  background-color: rgba(0, 0, 0, 0.7);
}
.idol_inagainst.indone {
  background-color: rgba(0, 0, 0, 0);
}
.idol_inagainst.indone .done_wrapper {
  opacity: 1;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/indone_minfy.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.idol_inagainst.indone .flower,
.idol_inagainst.indone .bomb {
  display: none;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.idol_inagainst.againstdone {
  background-color: rgba(0, 0, 0, 0);
}
.idol_inagainst.againstdone .done_wrapper {
  opacity: 1;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/againstdone_minfy.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.idol_inagainst.againstdone .flower,
.idol_inagainst.againstdone .bomb {
  display: none;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.idol_inagainst > .vote_count {
  font-size: 0.24rem;
  color: #ffffff;
}
.idol_inagainst > .vote_count .in {
  position: absolute;
  bottom: 0;
  left: 0.73rem;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.idol_inagainst > .vote_count .against {
  position: absolute;
  bottom: 0;
  left: 2.5rem;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.star_rank_entrance {
  position: relative;
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 2rem;
  margin: 0.2rem 0 0.2rem 0;
  padding: 0.2rem 0.3rem;
  background-color: #f6f6f6;
}
.star_rank_entrance .left_zone {
  display: inline-block;
  width: 4rem;
}
.star_rank_entrance .star_head {
  width: 1.7rem;
  height: 1.7rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.star_rank_entrance .star_desc {
  position: absolute;
  top: 0.4rem;
  display: inline-block;
  margin-left: 0.15rem;
}
.star_rank_entrance .star_desc .name {
  font-size: 0.44rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
  color: #333333;
}
.star_rank_entrance .star_desc .vote img {
  width: 0.26rem;
  height: 0.43rem;
}
.star_rank_entrance .star_desc .vote span {
  font-size: 0.3rem;
  position: relative;
  top: -0.02rem;
  color: #666666;
}
.star_rank_entrance .star_desc .vote .vote_num {
  font-style: normal;
}
.star_rank_entrance .star_rank {
  font-size: 0.5rem;
  font-style: italic;
  line-height: 0.72rem;
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 2.76rem;
  height: 0.72rem;
  margin-top: 0.48rem;
  text-align: center;
  color: #ffffff;
  -webkit-border-radius: 10rem;
          border-radius: 10rem;
  background-color: #ff3333;
}
.star_rank_entrance .star_rank .rank_place {
  margin-left: 0.2rem;
}
.fans_rank_box {
  width: 15rem;
  height: 1.45rem;
  -webkit-transition: 1s all;
  -o-transition: 1s all;
  transition: 1s all;
  -webkit-transform: translateX(-7.5rem);
      -ms-transform: translateX(-7.5rem);
          transform: translateX(-7.5rem);
  background: #ffffff;
}
.fans_rank_box.data_ready {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.fans_rank_box.data_none .no_data {
  display: block;
}
.fans_rank_box.data_none .loading_ahead_wrap {
  display: none;
}
.fans_rank_box .fans_rank_wrap {
  font-size: 0;
  float: left;
  width: 7.5rem;
}
.fans_rank_box .fans_rank_wrap .fans_unit {
  position: relative;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.1rem;
  padding-top: 0.25rem;
}
.fans_rank_box .fans_rank_wrap .fans_unit.my_rank .f_headimg {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #37b3e9;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.fans_rank_box .fans_rank_wrap .fans_unit.my_rank .f_flowers {
  color: #37b3e9;
}
.fans_rank_box .fans_rank_wrap .fans_unit .f_headimg {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 auto;
}
.fans_rank_box .fans_rank_wrap .fans_unit .f_headimg img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.fans_rank_box .fans_rank_wrap .fans_unit .f_flowers {
  font-size: 0.24rem;
  position: absolute;
  bottom: 0.1rem;
  left: 0;
  width: 100%;
  text-align: center;
}
.fans_rank_box .fans_rank_wrap .fans_unit .f_flowers i {
  display: inline-block;
  width: 0.22rem;
  height: 0.22rem;
  background: url("https://static.ws.126.net/f2e/wap/touch_index_2016/qa/images/idol_flower_0.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.fans_rank_box .fans_rank_wrap .fans_unit .f_ranks {
  font-size: 0.36rem;
  position: absolute;
  padding: 0 0.1rem;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  color: #ffffff;
  -webkit-border-radius: 0.5rem;
          border-radius: 0.5rem;
}
.fans_rank_box .fans_rank_wrap .fans_unit .f_ranks.f_first {
  top: -0.08rem;
  right: -0.25rem;
  width: 0.8rem;
  height: 0.68rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAYAAAAtZZsLAAAC80lEQVR42rzYS4iVZRgH8N8cr42XMbTUMckWo7ZQNAkpzXLpJsiFy5QocBHJCEEwC5VEqo3SQukiEUlRkGiJuigT3InWICKhkZiD6WTiLaWUjot5Pvg4nDPz3Y5/OHzne8/7PufP87zPtaN+AjyDBfge1+TDLOzBUnyEXhWio37Ca/gUHTiFRajnkPEtVqfeZ2OgSoIDoYUEXbiZQ0b6/H+YjutVEayhM/X+c05y8FM869hSJbmE4Jv4DXdwG5NynH8CL8X397FNxajhS/SEJlbgR0zLcLYLB4MkdGsDak3WnsWxuOyt0IkD4fkJ5rabYPouzg+S85qcGYWvsLxhfX67CY5p+O3JILkk7fXYhZebyJoSHtx2E6fxGI6kHGEb3hhmfxEzj8YjWQiOb7FnMg7hE7wzwp89nZPcK7gcoen1kQiOG0bQ+FYCSmhwIj7DVIzF263UWyXmZdzXE9rrSq1dGIngmEKUOhcNPe/0t/Lk0ZHfl8dnGWY07BlE30gEO3OTm7mJ7s3cOsrZlTAnTLYYL+B5PIcJLSR8g/dwLrJYRSaeuo7uTYyd00zeYIboAP9H7j6TNczUshNcy6gpXOwtErrSZdqZPHEwe5Ew0Ev/owzuKOpMdWytIlA3x5BDlMH+KI7bRLAcMmuvkeDkh0TwIE7myYMJZkSYWBAh4sV4rxrvFi0WBnEcu7EOT0W3t71Ap9cK/0SVVCtCsBl+wcbQ5EZcLUlwAr7Gr1EVjavKSW6FJnvwYQTZMujBx/g9ioRJTa7exCJefB0bonf5A1zazN+fFyXajQ9C1lY8Hnf/Im6gryMmC0UwLXLpygod6G701kmVc7NMHLyKVdhbIcF7jSVY2UD9L9bgu5JyTmN9mPxQoj28VcbEjW3okRggZcV97MPO1HQi8YuFOI8bVRGEmeiPiz4c/or+ZleWIVOVufhPrB1mMnYcr8ZAoC/rBKzqYuGwoVlh+o4ms8Ol+CLWMqNKEyeYjh9i+rAbV8oIezAAMGiYStLaZU0AAAAASUVORK5CYII=) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.fans_rank_box .fans_rank_wrap .fans_unit .f_ranks.f_second {
  top: -0.08rem;
  right: -0.25rem;
  width: 0.8rem;
  height: 0.68rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAYAAAAtZZsLAAADcUlEQVR42rzYS4ibVRQH8N8kUx0zpm2ommKqdmCi0wGLD3TQtj6WgghuBDcqUsGFiC4KQqHgg6K4UAStD0RRsVJQfNG60S7czagUETcNBAdn1BqkdmokOp/jYm6Gz5DHl+Qb/5vku7n3fP+ce865/3NHZmdn4RpciU/wm/5QwjuYwSt4VIrI4H58hTdxHCN92ngBt+A8PIJtaRN8IkZqJ/J92piJff8LZ9MmmIs9f4Mzfdo4Hj5X8DhOp03wIVRQD/++Hw9uC9sLz+CglJHBuygHT9yEz3FBgrWbcDQWcxdbB2TajF2HL3FJl3U5fBoyv4nL15tgPBanAskr2qzJ4jB2t4xPrTfBDS2/XRZIXhsbG8Eh3NHG1mYU/48tjuNCfBFLhIN4oMv8QbZ5NNTQngTHOszZiGN4DY/1eNmOPsndiZ9Dadrbi+C5XQyNdTIwhAfPxxvYgnOwr5N7B0Iul5PLreZVvV5Xr9d1SKp2KAfvbYqN/dCL4IYklrPZrHK5LJ//bz1fWlpSqVSml5eX273jqpD1u7ELW1vmnML+XgRziaRLqSSfz6vVaubn58HExIRCoaBYLG5fWFjYgquxBzfiBox3MHcET+NkpzO87y0uFouiKFKtVtfGqtWqQqEgn89ngjcyCUz9E87u75OWmUySuGvG3BClq4n3e5Fr9WBPkVCv183NzbX1KjQajaQbsYKn0ijUiba8VCqJosji4mLSZR/h26RVfCBks9m15Gg0GiqVSlIPJvZeK8GN/dTAqakp2Wx2LZujKEq6/Ci+HoTgVmwPEmoPbg7PHclVq1W1Wq1f5z85qFg4hVm8jvswEbq95+Kd3uTk5DDk/ggqKXHsj4S2sxfy2Ds+Pn5genp6c7eJ7bK8DU7iWbyFRhoEVw/QcnlnFEWvNhqN61dWVtq2p31kMiziebyMpZbQG8PZvgjGsCv0MpempEtP48XQY+/Ae7gIBwYlKDRWR3BrigL6z9BbN1XOmWEKdQ234YMUCf7dKsGGPUkauAsfD2nnOzwYWtdjTe/h4dEU/nWEu0PvMtPHumV8iJditxNwe7iCqeL30ZS2ph4U8okQ3N3wa+hvDuHHDjLsRGpiIYafcG84a9thFveEC4H9Hcilr2Za8JnVu8J4jDbvDmfwdq/CnJqa6YJ9QfIfDsfmL8MY+3cAdVLjZxRviUAAAAAASUVORK5CYII=) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.fans_rank_box .fans_rank_wrap .fans_unit .f_ranks.f_third {
  top: -0.08rem;
  right: -0.25rem;
  width: 0.8rem;
  height: 0.68rem;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/user_flag_2_minfy.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.fans_rank_box .fans_rank_wrap .fans_unit .f_ranks.f_default {
  top: 0;
  right: -0.25rem;
  width: auto;
  height: auto;
  background: rgba(0, 0, 0, 0.5);
}
.fans_rank_box .fans_rank_wrap .fans_box {
  display: inline-block;
  width: 88%;
  vertical-align: middle;
}
.fans_rank_box .fans_rank_wrap .more_fans {
  line-height: 1.45rem;
  display: inline-block;
  width: 11%;
  height: 1.45rem;
  vertical-align: middle;
}
.fans_rank_box .fans_rank_wrap .more_fans span {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 0.1rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: #dddddd;
}
.fans_rank_box .loading_ahead {
  float: left;
  width: 7.5rem;
}
.fans_rank_box .no_data {
  display: none;
  padding-top: 0.5rem;
  text-align: center;
}
.fans_rank_box .loading_ahead_wrap {
  display: block;
  width: 3rem;
  margin: 0 auto;
}
.fans_rank_box .loading_ahead_wrap span {
  line-height: 1.45rem;
  display: inline-block;
  height: 1.45rem;
  vertical-align: middle;
}
.fans_rank_box .la-ball-atom {
  line-height: 1.45rem;
  display: inline-block;
  vertical-align: middle;
}
.fans_rank_box .la-ball-atom img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
/*粉丝排行榜的loading O__O "… */
.la-ball-atom,
.la-ball-atom > div {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-atom {
  font-size: 0;
  display: block;
  color: #ffffff;
}
.la-ball-atom.la-dark {
  color: #333333;
}
.la-ball-atom > div {
  display: inline-block;
  float: none;
  border: 0 solid currentColor;
  background-color: currentColor;
}
.la-ball-atom {
  width: 0.4rem;
  height: 0.4rem;
}
.la-ball-atom > div:nth-child(1) {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 60%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: ball-atom-shrink 4.5s infinite linear;
  animation: ball-atom-shrink 4.5s infinite linear;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background: #aaaaaa;
}
.la-ball-atom > div:not(:nth-child(1)) {
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
  animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
  background: none;
}
.la-ball-atom > div:not(:nth-child(1)):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 0.1rem;
  margin-top: -0.05rem;
  margin-left: -0.05rem;
  content: "";
  -webkit-animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease;
  animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease;
  opacity: 0.75;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: pink;
}
.la-ball-atom > div:nth-child(2) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.la-ball-atom > div:nth-child(2):before {
  -webkit-animation-delay: 0s, -1.125s;
  animation-delay: 0s, -1.125s;
}
.la-ball-atom > div:nth-child(3) {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.la-ball-atom > div:nth-child(3):before {
  -webkit-animation-delay: -1s, -0.75s;
  animation-delay: -1s, -0.75s;
}
.la-ball-atom > div:nth-child(4) {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.la-ball-atom > div:nth-child(4):before {
  -webkit-animation-delay: -0.5s, -0.125s;
  animation-delay: -0.5s, -0.125s;
}
.la-ball-atom.la-sm {
  width: 0.16rem;
  height: 0.16rem;
}
.la-ball-atom.la-sm > div:not(:nth-child(1)):before {
  width: 0.04rem;
  height: 0.04rem;
  margin-top: -0.02rem;
  margin-left: -0.02rem;
}
.la-ball-atom.la-2x {
  width: 1.2rem;
  height: 1.2rem;
}
.la-ball-atom.la-2x > div:not(:nth-child(1)):before {
  width: 0.2rem;
  height: 0.2rem;
  margin-top: -0.1rem;
  margin-left: -0.1rem;
}
.la-ball-atom.la-3x {
  width: 1rem;
  height: 1rem;
}
.la-ball-atom.la-3x > div:not(:nth-child(1)):before {
  width: 0.3rem;
  height: 0.3rem;
  margin-top: -0.15rem;
  margin-left: -0.15rem;
}
/*
 * Animations
 */
@-webkit-keyframes ball-atom-position {
  50% {
    top: 100%;
    left: 100%;
  }
}
@keyframes ball-atom-position {
  50% {
    top: 100%;
    left: 100%;
  }
}
@-webkit-keyframes ball-atom-size {
  50% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}
@keyframes ball-atom-size {
  50% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}
@-webkit-keyframes ball-atom-zindex {
  50% {
    z-index: 10;
  }
}
@keyframes ball-atom-zindex {
  50% {
    z-index: 10;
  }
}
@-webkit-keyframes ball-atom-shrink {
  50% {
    -webkit-transform: translate(-50%, -50%) scale(0.8, 0.8);
    transform: translate(-50%, -50%) scale(0.8, 0.8);
  }
}
@keyframes ball-atom-shrink {
  50% {
    -webkit-transform: translate(-50%, -50%) scale(0.8, 0.8);
    transform: translate(-50%, -50%) scale(0.8, 0.8);
  }
}
/*三期体力*/
.properties_user {
  position: fixed;
  top: 2.1rem;
  left: 0.3rem;
  display: none;
}
.properties_user .properties_box {
  position: relative;
  width: 2.9rem;
  height: 0.74rem;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/properties_bg_minfy.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.properties_user .properties_box .flowers {
  position: absolute;
  top: 50%;
  left: 0.1rem;
  width: 0.54rem;
  height: 0.54rem;
  margin-top: -0.27rem;
  -webkit-animation: rotate_flowers 5s 0s infinite linear;
          animation: rotate_flowers 5s 0s infinite linear;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/idol_flower_0_minfy.png) no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.properties_user .properties_box .properties {
  position: absolute;
  top: 50%;
  width: 2.32rem;
  height: 0.24rem;
  margin-top: -0.12rem;
  margin-left: 0.48rem;
}
.properties_user .properties_box .properties span {
  font-size: 0.24rem;
  line-height: 0.24rem;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0.24rem;
  text-align: center;
  color: #ffffff;
}
.properties_user .properties_box .properties i {
  font-style: normal;
}
.properties_user .properties_box .properties .progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
  -webkit-border-top-right-radius: 0.5rem;
          border-top-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
          border-bottom-right-radius: 0.5rem;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/mp_max_minfy.png) no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.properties_user .properties_timetips {
  font-size: 0.24rem;
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
}
.properties_user .properties_timetips.shaker {
  -webkit-animation: shake_horizontal 0.2s 0s 6 linear;
          animation: shake_horizontal 0.2s 0s 6 linear;
}
.properties_user .properties_timetips .flower_s {
  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;
  margin: 0 0.1rem;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/idol_flower_0_minfy.png) no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
@-webkit-keyframes rotate_flowers {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate_flowers {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes shake_horizontal {
  0% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  25% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  75% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
}
@keyframes shake_horizontal {
  0% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  25% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  75% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
}
.idol header {
  background: #000000;
}
.idol .topbar {
  background: #000000;
}
.idol .topbar .back_home {
  position: relative;
  width: 2.39rem;
  height: 0.98rem;
  border: 0;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/idol_topbar_logo_minfy.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.idol .topbar .channel_logo {
  border: 0;
}
.idol .topbar .channel_logo .a_logo {
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.32rem;
  top: 0.42rem;
  left: 0.38rem;
  display: none;
  width: auto;
  height: auto;
  white-space: nowrap;
  color: #ffcc99;
}
.idol .topbar .channel_logo .a_logo:before {
  position: absolute;
  top: 50%;
  left: -0.19rem;
  width: 0.07rem;
  height: 0.07rem;
  content: "";
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background: #ffcc99;
}
.idol .topbar .channel_logo .a_logo:after {
  position: absolute;
  top: -0.13rem;
  right: -0.13rem;
  width: 0.27rem;
  height: 0.25rem;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAZCAYAAADAHFVeAAABq0lEQVR42rSWO0gDQRCG76KmE0XQItj4SGGhjfiofBaWeipiY2HhoxIsbKwO0lpZWWhlo4GANoKNYCci2FmIiYUPEC2C2AQ08Z8wJ8OSmNu72x8+LnuZ25/dnZk7O5/btTTkgBNQsgIophHbAPbBthVQOmajoAWkwLRpM4evNjgEvabMKG5GjBv57FpNmA2ChHKvE6RBPGqz2Sr3x4DvdK7XPK9KWgPP4CoKM0qE7hoxKR/zpGttYxK4Vnh9gs1KK4tz5q2CCU71sKJG8CrNusAKWAZt/zxY4jPKgSxDv9vBEuhT4q/Bnndmc3zIkyI7C+BRTJRVJi4oncXlzFT1A9b5WjYbAjfgmCd6AC+g6KN9SZNL8AYWRAyVxa03sDW7fjUTl3flXGQ4bXUP+ArSGz1RGQyzyTib0sQZpZQ2pJFOUUsdgFPwweMmcAaalbh8mK4v5RnV8YqSflpcLGT9UBkcKdkpzWJRmhX57T0CnpT/EpzpkZnJwu0HF8r9eRNmpHcwBXbEB5Fjyoz0DbbAIqd9B6/YiNnf64TP616uzpQZ6Q4M8CdgWb8CDAAa8VVuzHiJfQAAAABJRU5ErkJggg==) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.idol .sub_box {
  right: 0.53rem;
  bottom: 1.1rem;
}
.captcha_full_screen_wrapper {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.captcha_full_screen_wrapper #captcha {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 40px;
  padding-top: 110px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

/* content area styles start */
.contents {
  max-width: 1080px;
  overflow: hidden;
}
.content-list-east {
  float: left;
  width: 3.35rem;
  margin-left: 0.3rem;
  overflow: hidden;
}
.content-list-west {
  float: left;
  width: 3.35rem;
  overflow: hidden;
  margin-left: 0.2rem;
}
section:last-child {
  border-bottom: 0;
}
.papa-item {
  position: relative;
}
.papa-item .papa_flag {
  position: absolute;
  padding: 1px 6px 1px 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0.2rem;
  left: 0;
  text-align: center;
  color: white;
  -webkit-border-top-right-radius: 0.15rem;
          border-top-right-radius: 0.15rem;
  font-size: 0.24rem;
}
/* 图集列表子频道样式 */
.childchannel-photoset {
  height: 1.6rem;
  width: 100%;
}
.childchannel-photoset .u_p_items {
  width: 6.9rem;
  margin: 0.2rem 0.3rem;
  height: 1.6rem;
  overflow: hidden;
}
.childchannel-photoset .u_p_items .item_cell {
  float: left;
  width: 20%;
}
.childchannel-photoset .u_p_items .item_cell .img_box {
  width: 0.85rem;
  height: 0.85rem;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0.15rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.childchannel-photoset .u_p_items .item_cell .img_box span.channel_font {
  font-size: 0.5rem;
  display: inline-block;
  color: #ffffff;
  line-height: 0.85rem;
  height: 0.85rem;
}
.childchannel-photoset .u_p_items .item_cell .channel_title {
  color: #555555;
  text-align: center;
}
.childchannel-photoset .u_p_items .childchannel_all .img_box {
  background: #f1e097;
}
.childchannel-photoset .u_p_items .childchannel_news .img_box {
  background: #fdc684;
}
.childchannel-photoset .u_p_items .childchannel_star .img_box {
  background: #e6a9ba;
}
.childchannel-photoset .u_p_items .childchannel_sports .img_box {
  background: #94a0b7;
}
.childchannel-photoset .u_p_items .childchannel_beauty .img_box {
  background: #3a95c5;
}
.childchannel-photoset .u_p_items .item_cell.current .img_box .channel_font {
  -o-transition: all 0.5s cubic-bezier(0, 0.03, 0.22, 0.93);
  transition: all 0.5s cubic-bezier(0, 0.03, 0.22, 0.93);
  -webkit-transition: all 0.5s cubic-bezier(0, 0.03, 0.22, 0.93);
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.childchannel-photoset .u_p_items .item_cell.current .channel_title {
  color: #ff3333;
}
/* loading */
.list-more {
  background: #eee;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  height: 1.4rem;
  display: none;
  width: 7.5rem;
}
.loading-wrap {
  margin: 0.35rem auto;
  display: table;
  position: relative;
}
.loadtext {
  line-height: 0.5rem;
  margin-left: 0.2rem;
  color: #888;
  display: inline-block;
  vertical-align: middle;
}
.loading {
  width: 0.5rem;
  height: 0.5rem;
  float: left;
  -webkit-animation: load2 1.5s infinite linear;
  animation: load2 1.5s infinite linear;
  -webkit-animation-name: load2;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
}
.loading .loading-icon {
  font-size: 0.45rem;
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  color: #999;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 45% 50%;
    transform-origin: 45% 50%;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: 45% 50%;
    transform-origin: 45% 50%;
  }
}
@keyframes load2 {
  0% {
    -webkit-transform-origin: 45% 50%;
    transform-origin: 45% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 45% 50%;
    transform-origin: 45% 50%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes imgload2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes imgload2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* content styles end */
.content-list {
  background: #f6f6f6;
}
.content-list img {
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/bg_img_sm_minfy.png) center center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
section {
  background: #f6f6f6;
}
.m_separate {
  padding: 0.2rem 0.3rem;
  background: #f6f6f6;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
/*首页数据流文章模板 普通 带tag */
.m_article {
  font-size: 0.24rem;
  padding: 0.2rem 0;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 0.22rem;
}
.m_article .m_article_img {
  float: left;
  width: 2.34rem;
  height: 1.46rem;
  overflow: hidden;
  position: relative;
  margin-right: 0.2rem;
}
.m_article .m_article_img .m_article_mark {
  color: #fff;
  background: #5da3e9;
  font-size: 0.28rem;
  text-align: center;
  padding: 0.04rem;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  width: 0.6rem;
  height: 0.4rem;
  line-height: 0.4rem;
  opacity: 0.9;
}
.m_article .m_article_img img {
  width: 100%;
  display: block;
  min-height: 1.4rem;
}
.m_article .m_article_desc .m_article_channel {
  display: inline-block;
  color: #ff3333;
  font-size: 12px;
  padding: 2px;
  line-height: 12px;
  margin-right: 0.1rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAeCAYAAABjTz27AAAAfElEQVR4Ae3YtxkDIRAF4U2JpUrkXR80cqczEZ1LmFcEZoLJ+T82evY7n1OHmI9tsdBYW8zLYAlzjM2xe8wJ2FJOb5+TxaR7xKzx3sli+jLXOkiG3XSH1kkBECBAgAABAgQIECBAgAABAgRIAepqxuppaPzEfJdTcFdj/R/QDczuVrponwAAAABJRU5ErkJggg==) no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.m_article .m_article_desc .m_article_time {
  font-size: 0.24rem;
  color: #888888;
  display: inline-block;
}
.m_article .m_article_desc .m_article_desc_l {
  float: left;
}
.m_article .m_article_desc .m_article_desc_r {
  float: right;
  -webkit-background-size: contain;
          background-size: contain;
  background-position: left 0;
  background-repeat: no-repeat;
  color: #888888;
  line-height: 0.37rem;
}
.m_article .m_article_desc .m_article_desc_r .iconfont {
  padding: 0 0.1rem 0 0;
  display: inline-block;
  font-size: 0.28rem;
  color: #a8a8a8;
}
.m_article .m_article_info {
  overflow: hidden;
  padding-bottom: 4px;
}
.m_article .m_article_info .m_article_title {
  font-size: 0.34rem;
  margin-bottom: 0.2rem;
  color: #404040;
  line-height: 0.42rem;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-line-break: auto;
  -webkit-box-orient: vertical;
}
.m_article .m_article_hot {
  margin-top: 0.17rem;
  float: left;
  height: 0.42rem;
  width: 100%;
}
.m_article .m_article_hot .m_article_hot_icon {
  color: #fff;
  background: #4c9aea;
  -webkit-border-radius: 0.5rem;
          border-radius: 0.5rem;
  text-align: center;
  padding: 0.05rem;
  line-height: 0.3rem;
  width: 1.11rem;
  height: 0.3rem;
  float: left;
  position: relative;
}
.m_article .m_article_hot .m_article_hot_icon:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.05rem;
  right: -0.04rem;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #4c9aea;
}
.m_article .m_article_hot .m_article_hot_content {
  margin-left: 0.15rem;
  float: left;
}
.m_article .m_article_hot .m_article_hot_content a {
  display: inline-block;
  color: #4c9aea;
  font-size: 0.28rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 5.5rem;
}
/*首页数据流文章模板0 普通 无图*/
.m_article_m0 {
  min-height: 1.4rem;
}
/*首页数据流通栏模板0 普通 单图*/
.m_article_m1 {
  min-height: 1.4rem;
}
.m_article_m1 .m_article_title {
  display: none;
}
.m_article_m1 .m_article_img {
  width: 100%;
  margin: 0;
}
/* 首页推荐信息流段子纯文字样式 */
.m_docjoke .m_docjoke_digest {
  font-size: 0.34rem;
  margin-bottom: 0.2rem;
  color: #404040;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  -webkit-line-break: auto;
  -webkit-box-orient: vertical;
}
/*首页数据流图集模板 普通 */
.m_photoset .m_photoset_title {
  font-size: 0.34rem;
  margin-bottom: 0.2rem;
  color: #404040;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.m_photoset .m_photoset_pic {
  margin: 0.22rem 0;
  display: block;
}
.m_photoset .m_photoset_pic .m_photoset_pic_wrap {
  overflow: hidden;
}
.m_photoset .m_photoset_pic .m_photoset_pic_wrap img {
  width: 33%;
  float: left;
  margin-right: 1px;
  display: inline-block;
  min-height: 1.4rem;
}
.m_photoset .m_photoset_pic .m_photoset_pic_wrap img:last-child {
  margin-right: 0;
}
/*首页数据流图集模板 图集频道 */
.m_photoset_square {
  background: #fff;
  width: 3.35rem;
  float: left;
  margin: 0.2rem 0 0 0;
  padding: 0;
  border: 0;
  -webkit-box-shadow: 0px 1px 1px #e3e3e3;
          box-shadow: 0px 1px 1px #e3e3e3;
}
.m_photoset_square .m_photoset_square_img {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  height: auto;
  -webkit-animation: imgload2 1s ease-out;
  animation: imgload2 1s ease-out;
  -webkit-animation-name: imgload2;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
}
.m_photoset_square .m_photoset_square_img img {
  width: 100%;
  display: block;
  min-height: 2rem;
}
.m_photoset_square.papa_item .m_photoset_square_info .m_photoset_square_title span {
  display: inline;
}
.m_photoset_square.papa_item .m_photoset_square_info .m_photoset_square_title .m_photoset_square_adflag {
  display: inline-block;
  color: #efd469;
  font-size: 12px;
  padding: 2px;
  line-height: 12px;
  margin-right: 0.1rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAAfCAYAAABQ8xXpAAAAzElEQVR4AWJ4ecQIGbMA2rOvG4ShGArDFrpjhSd624UOE9BhrJQVcjdgCk4khz6BfSz9KY/fq436aIY2hpqpK8jbvMMTVKIC3dDBSurJ1Zd84BV+RxMkhpuoM6nxAZVoiMRBQ/WG6qeNCiReUm+7+pijqye8eufVxxbtXeHV3BDHQ7ytIZ544oknnnjiiSeeeOKJJ554++N9h9dBmTN8Xm9vA4pe9/bvF5uxcfhInc1/t7qIcnRFG0Nd1RX/3erqAmqjOToYaq6uIG/zACWmbUgHpReHAAAAAElFTkSuQmCC) no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.m_photoset_square .m_photoset_square_info {
  padding: 0.15rem;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m_photoset_square .m_photoset_square_info .m_photoset_square_title {
  color: #555555;
  width: 100%;
  margin-bottom: 0.15rem;
}
.m_photoset_square .m_photoset_square_info .m_photoset_square_title span {
  display: block;
  font-size: 0.28rem;
  line-height: 0.42rem;
}
.m_photoset_square .m_photoset_square_info .m_photoset_square_desc {
  width: 100%;
}
.m_photoset_square .m_photoset_square_info .m_photoset_square_desc .m_photoset_square_desc_l {
  float: left;
  -webkit-background-size: contain;
          background-size: contain;
  background-position: left 0;
  background-repeat: no-repeat;
  color: #888888;
  line-height: 0.36rem;
  font-size: 0.24rem;
}
.m_photoset_square .m_photoset_square_info .m_photoset_square_desc .m_photoset_square_desc_l .iconfont {
  padding: 0 0.1rem 0 0;
  display: inline-block;
  font-size: 0.28rem;
  color: #a8a8a8;
}
.m_photoset_square .m_photoset_square_info .m_photoset_square_desc .m_photoset_square_desc_r {
  float: right;
  -webkit-background-size: contain;
          background-size: contain;
  background-position: left 0;
  background-repeat: no-repeat;
  color: #888888;
  line-height: 0.36rem;
  font-size: 0.24rem;
}
.m_photoset_square .m_photoset_square_info .m_photoset_square_desc .m_photoset_square_desc_r .iconfont {
  padding: 0 0.1rem 0 0;
  display: inline-block;
  font-size: 0.28rem;
  color: #a8a8a8;
}
/* 首页数据流文章模板 投票 普通 */
.m_article_debate {
  margin: 0;
  background: #eee;
}
.m_article_debate .m_debate_title {
  font-size: 0.34rem;
  margin-bottom: 0.2rem;
  color: #404040;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.m_article_debate .m_debate_contents {
  margin: 0.4rem 0 0.2rem 0;
}
.m_article_debate .m_debate_contents div {
  float: left;
}
.m_article_debate .m_debate_contents .debate_btn {
  padding: 0.25rem 0;
  border: 1px solid #eee;
  -webkit-border-radius: 0.5rem;
          border-radius: 0.5rem;
  font-size: 0.28rem;
  width: 1.6rem;
  text-align: center;
  background: #fff;
}
.m_article_debate .m_debate_contents .debate_positive {
  border: 1px solid #ff9292;
  color: #ff3333;
}
.m_article_debate .m_debate_contents .debate_positive:active {
  background: #ff9292;
  color: #fff;
}
.m_article_debate .m_debate_contents .debate_opposing {
  border: 1px solid #9dcdff;
  color: #4c9aea;
}
.m_article_debate .m_debate_contents .debate_opposing:active {
  background: #9dcdff;
  color: #fff;
}
.m_article_debate .m_debate_contents .debate_view {
  width: 3.2rem;
  margin: 0 0.2rem;
}
.m_article_debate .m_debate_contents .debate_view .data_positive .data {
  color: #ff3333;
  text-align: center;
  width: 100%;
  margin: 0.05rem 0;
}
.m_article_debate .m_debate_contents .debate_view .data_positive .chart {
  background: #ff3333;
  height: 0.2rem;
  width: 100%;
  -webkit-border-bottom-left-radius: 0.25rem;
          border-bottom-left-radius: 0.25rem;
  -webkit-border-top-left-radius: 0.25rem;
          border-top-left-radius: 0.25rem;
}
.m_article_debate .m_debate_contents .debate_view .chart_wall {
  margin: 0 0.05rem;
  height: 0.8rem;
}
.m_article_debate .m_debate_contents .debate_view .data_opposing .data {
  color: #4c9aea;
  text-align: center;
  width: 100%;
  margin: 0.05rem 0;
}
.m_article_debate .m_debate_contents .debate_view .data_opposing .chart {
  background: #4c9aea;
  height: 0.2rem;
  width: 100%;
  -webkit-border-top-right-radius: 0.25rem;
          border-top-right-radius: 0.25rem;
  -webkit-border-bottom-right-radius: 0.25rem;
          border-bottom-right-radius: 0.25rem;
}
.m_article_debate .m_debate_desc {
  line-height: 0.5rem;
  height: 0.5rem;
}
.m_article_debate .m_debate_desc .m_debate_channel {
  display: inline-block;
  font-size: 0.24rem;
  height: 0.24rem;
  line-height: 0.24rem;
  border: 1px solid #ff3333;
  color: #ff3333;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 0px 0.04rem;
  line-height: 0.32rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m_article_debate .m_debate_desc .m_debate_time {
  margin-left: 0.1rem;
  font-size: 0.24rem;
  color: #888888;
  display: inline-block;
}
.m_article_debate .m_debate_desc .m_debate_desc_l {
  float: left;
}
/*首页数据流广告模板 文章模式 单图 */
.m_papa {
  font-size: 0.24rem;
  padding: 0.2rem 0;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 0.22rem;
}
.m_papa .m_papa_img {
  float: left;
  width: 2.34rem;
  height: 1.46rem;
  overflow: hidden;
  position: relative;
  margin-right: 0.2rem;
}
.m_papa .m_papa_img img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
  display: block;
  background: none;
}
.m_papa .m_papa_desc .m_papa_promote {
  display: inline-block;
  font-size: 12px;
  color: #555;
  padding: 2px 2px;
  height: 12px;
  line-height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAeCAQAAADJRvUwAAAAYUlEQVR42u3WoQ3AMBBDUdPgZJcUdI+bpCBFgX/soqoT3KnA8gBPZl+ITrDYSVsEHYnBxaShpDUmF0MERxry7iTESnzzvbrFTmeE2IYMGTJkyJAhQz+DynKrLCDLkrgo8h843InsNt2fiwAAAABJRU5ErkJggg==) no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.m_papa .m_papa_desc .m_papa_time {
  margin-left: 0.2rem;
  font-size: 0.24rem;
  color: #888888;
  display: inline-block;
}
.m_papa .m_papa_desc .m_papa_desc_l {
  float: left;
}
.m_papa .m_papa_info {
  overflow: hidden;
}
.m_papa .m_papa_info .m_papa_title,
.m_papa .m_papa_info a {
  font-size: 0.34rem;
  margin-bottom: 0.2rem;
  text-decoration: none;
  color: #404040;
  line-height: 0.42rem;
}
/*首页数据流广告模板0 横图 单图 */
.m_papa_m0 .m_papa_title {
  font-size: 0.34rem;
  margin-bottom: 0.2rem;
  color: #404040;
}
.m_papa_m0 .m_papa_img {
  width: 100%;
  height: 3.45rem;
}
.m_papa_m0 .m_papa_promote {
  font-size: 0.24rem;
  border: 1px solid #555;
  color: #555;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 2px 2px;
  height: 12px;
  line-height: 12px;
  float: right;
}
/*首页数据流广告模板1 图集模式 多图 */
.m_papa_m1 .m_papa_title {
  font-size: 0.34rem;
  margin-bottom: 0.2rem;
  color: #404040;
}
.m_papa_m1 .m_papa_title .m_papa_promote {
  display: inline-block;
  font-size: 0.24rem;
  border: 1px solid #555;
  color: #555;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 2px 2px;
  height: 12px;
  line-height: 12px;
  float: right;
}
.m_papa_m1 .m_papa_pic {
  margin: 0.22rem 0;
  display: block;
}
.m_papa_m1 .m_papa_pic .m_papa_pic_wrap {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 1.46rem;
  overflow: hidden;
}
.m_papa_m1 .m_papa_pic .m_papa_pic_wrap img {
  float: left;
  width: 33%;
  margin-right: 1px;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
/*首页数据流广告模板2 纯文字模式 */
.m_papa_m2 {
  background: #eee;
  margin: 0;
  border-top: 1px solid #e5e5e5;
  margin-top: -1px;
  width: 100%;
}
.m_papa_m2 .m_papa_content {
  font-size: 0.34rem;
  color: #4c9aea;
}
.m_papa_m2 .m_papa_content a,
.m_papa_m2 .m_papa_content a:active,
.m_papa_m2 .m_papa_content a:visited,
.m_papa_m2 .m_papa_content a:focus {
  color: #4c9aea;
}
.m_papa_m2 .m_papa_promote {
  display: inline-block;
  font-size: 12px;
  border: 1px solid #555;
  color: #555;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 2px 2px;
  float: right;
  height: 12px;
  line-height: 12px;
}
/* 直播首页数据流广告模板 通栏大图 */
.m_papa_live .m_papa_img {
  height: 3.45rem;
}
.m_papa_iframe .m_papa_iframe_wrap {
  height: 1.4rem;
  width: 6.9rem;
  overflow: hidden;
}
.m_papa_iframe iframe {
  width: 100%;
  height: 100%;
}
.m_papa_iframe_photoset .m_papa_iframe_wrap {
  height: 2.44rem;
  width: 6.9rem;
  overflow: hidden;
}
.m_papa_iframe_photoset iframe {
  width: 100%;
  height: 100%;
}
/* 简约版纯文字模板 */
.m_article_simple {
  font-size: 0.24rem;
  padding: 0.2rem 0;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 0.3rem;
}
.m_article_simple .m_article_channel {
  float: left;
  margin-right: 0.1rem;
}
.m_article_simple .m_article_channel span {
  color: #999999;
  line-height: 0.32rem;
  padding-right: 0.1rem;
  border-right: 1px solid #d2d2d2;
  font-size: 0.24rem;
  margin-top: 0.08rem;
  height: 0.32rem;
  display: block;
}
.m_article_simple .m_article_info {
  overflow: hidden;
  position: relative;
}
.m_article_simple .m_article_title {
  font-size: 0.34rem;
  margin-bottom: 0;
  color: #404040;
  line-height: 0.45rem;
  width: 5rem;
  display: inline-block;
  float: left;
}
.m_article_simple .m_article_title_long {
  font-size: 0.34rem;
  margin-bottom: 0;
  color: #404040;
  line-height: 0.42rem;
  width: 5.5rem;
  display: inline-block;
  float: left;
}
.m_article_simple .m_article_desc {
  position: absolute;
  right: 0;
  height: 100%;
  width: 1.15rem;
}
.m_article_simple .m_article_desc .m_article_desc_r {
  -webkit-background-size: contain;
          background-size: contain;
  background-position: left 0;
  background-repeat: no-repeat;
  color: #888;
  line-height: 0.42rem;
  white-space: nowrap;
}
.m_article_simple .m_article_desc .m_article_desc_r .iconfont {
  padding: 0 0.1rem 0 0;
  display: inline-block;
  font-size: 0.28rem;
  color: #a8a8a8;
}
.no_special .special_section {
  display: none;
}
/* 大图条目 */
.m_bigimg .m_bigimg_title {
  font-size: 0.34rem;
  color: #404040;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.m_bigimg .m_article_img {
  width: 100%;
  height: 3.45rem;
  margin: 0.22rem 0;
}
.m_bigimg .m_article_img .img_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
}
.m_bigimg .m_article_img .play-btn-video {
  width: 1.2rem;
  height: 0.7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.6rem;
  margin-top: -0.35rem;
  display: block;
  background: url('https://static.ws.126.net/f2e/wap/common_staging/images/icon_play.png') no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
/* 展开专题的 */
.m_split_line {
  width: 100%;
  height: 0.2rem;
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
  background-color: #eee;
}
.m_launch_special {
  margin: 0rem;
  width: 7.5rem;
  background: #eee;
}
.m_launch_special .m_launch_special_wrap {
  padding: 0.2rem 0.3rem;
  background: #f6f6f6;
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
}
.m_launch_special .m_launch_special_title {
  font-size: 0.34rem;
  color: #404040;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.m_launch_special .m_article {
  margin: 0rem;
}
.m_launch_special .m_article:nth-child(4) {
  border-bottom: none;
}
.m_launch_special .m_open_specail {
  width: 100%;
  height: 0.63rem;
  line-height: 0.63rem;
  background-color: #eee;
  color: #4c9aea;
  text-align: center;
  font-size: 0.24rem;
}
/*首页推荐帧 置顶单条文字样式*/
.single_text_wrap {
  background: #eeeeee;
  border-bottom: 1px solid #e5e5e5;
  padding: 0.2rem 0;
  width: 7.5rem;
}
.single_text_wrap .single_text {
  font-size: 0.34rem;
  line-height: 0.42rem;
  width: 6.6rem;
  margin: 0 auto;
  color: #404040;
  position: relative;
  padding-left: 0.25rem;
}
.single_text_wrap .single_text:before {
  content: '';
  width: 0.08rem;
  height: 0.08rem;
  -webkit-border-radius: 0.04rem;
          border-radius: 0.04rem;
  background: #cccccc;
  position: absolute;
  top: 0.18rem;
  left: 0.02rem;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
code,
em,
img,
q,
small,
strong,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
table,
tbody,
tr,
th,
td,
input {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  font-size: 32px;
  font-size: 0.32rem;
  max-width: 1080px;
  margin: 0 auto;
  background: #f6f6f6;
  font-family: 'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a,
a:active,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
}
a,
img {
  -webkit-touch-callout: none;
}
ol,
ul,
li {
  list-style: none;
}
textarea,
input[type="password"],
input[type="text"] {
  resize: none;
  outline: 0;
  -webkit-appearance: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #fff;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
@font-face {
  font-family: 'iconfont';
  src: url(https://static.ws.126.net/f2e/wap/common/font/iconfont_14.eot);
  src: url(https://static.ws.126.net/f2e/wap/common/font/iconfont_14.eot?#iefix) format('embedded-opentype'), url(https://static.ws.126.net/f2e/wap/common/font/iconfont_14.woff) format('woff'), url(https://static.ws.126.net/f2e/wap/common/font/iconfont_14.ttf) format('truetype'), url(https://static.ws.126.net/f2e/wap/common/font/iconfont_14.svg#iconfont) format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

html {
  background-color: #eeeeee;
}
body {
  width: 7.5rem;
  min-height: 13.34rem;
  background-color: #eeeeee;
}
header.wohead {
  height: 43px;
  padding-top: 0;
}
.a_adtemp {
  font-size: 0.32rem;
  overflow: hidden;
  width: 100%;
  max-width: 1080px;
  height: 1.2rem;
  border-bottom: 1px solid #e5e5e5;
}
.a_adtemp.js-columsADBlowContent a {
  display: block;
  width: 100%;
  height: 100%;
}
.a_adtemp.js-columsADBlowContent a .m_papa_promote {
  float: none;
  position: absolute;
  right: 0;
  z-index: 999;
}
.a_adtemp.js-columsADBlowContent a .m_papa_img {
  height: 100%;
}
.a_adtemp a img {
  display: block;
  width: 100%;
  height: 100%;
}
.a_topad {
  display: block;
  height: 1.18rem;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.altitude_topbanner {
  display: none;
  height: 1.28rem;
  background: url(https://static.ws.126.net/163/wap/f2e/touch-article-2018/images/altitude_top_banner_minfy.png) no-repeat;
  background-color: #ffffff;
  -webkit-background-size: contain;
          background-size: contain;
}
.altitude_bottombanner {
  position: relative;
  left: -0.3rem;
  display: none;
  width: 7.5rem;
  height: 0.54rem;
  margin: 0.6rem 0;
  background: url(https://cms-bucket.nosdn.127.net/2397d5511db0470ba090b6560f604d6f20171120193317.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
main {
  border: 0;
  border-bottom-color: #ffffff;
  border-image-width: 0;
}
main .hold_pos {
  position: relative;
  height: 13.34rem;
  background-color: #eeeeee;
}
main .hold_pos .list-more {
  position: absolute;
  top: 4.5rem;
  border: none;
}
main .relative_doc {
  display: none;
  margin-top: 0.2rem;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background-color: #f6f6f6;
}
main .relative_doc h3 {
  font-size: 0.36rem;
  font-weight: normal;
  padding: 0.3rem 0.3rem 0.1rem;
  color: #ff3333;
}
/*footer css*/
footer {
  background: #333333;
}
footer .foot_nav {
  position: relative;
  height: 0.9rem;
}
footer .copyright {
  font-size: 0.24rem;
  padding: 0.25rem 0;
  text-align: center;
  color: #999999;
}
footer .ani_1s {
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}
footer .u_topmenu {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 0.9rem;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 5px #dddddd;
          box-shadow: 0 1px 5px #dddddd;
}
footer .u_topmenu .current a {
  font-size: 0.36rem;
  font-weight: bold;
  color: #ff3333;
}
footer .u_topmenu .u_c_more {
  line-height: 0.9rem;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 15%;
  height: 0.9rem;
  text-align: center;
  background: #ffffff;
}
footer .u_topmenu .u_c_more .more_channel {
  display: inline-block;
}
footer .u_topmenu .u_c_more .more_channel.up:after {
  font-family: "iconfont";
  font-size: 0.16rem;
  display: inline-block;
  content: "\e60d";
  color: #555555;
}
footer .u_topmenu .u_c_more .more_channel.down:after {
  font-family: "iconfont";
  font-size: 0.16rem;
  display: inline-block;
  content: "\e60e";
  color: #555555;
}
footer .u_topmenu .slider_wrap.line {
  overflow: hidden;
  overflow-x: scroll;
  width: 85%;
  -webkit-overflow-scrolling: touch;
}
footer .u_topmenu .slider_wrap.line .item_cell {
  display: inline-block;
  width: 16.6666%;
}
footer .u_topmenu .slider_wrap.box {
  overflow: hidden;
  width: 100%;
}
footer .u_topmenu .slider_wrap.box .item_cell {
  float: left;
  width: 14.2857%;
}
footer .u_topmenu .slider_wrap::-webkit-scrollbar {
  display: none;
}
footer .u_topmenu .u_c_items {
  white-space: nowrap;
}
footer .u_topmenu a {
  line-height: 0.5rem;
  display: block;
  margin: 0.2rem 0rem;
  text-align: center;
  white-space: nowrap;
  color: #777777;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
footer .u_topmenu a:active {
  color: #ff3333;
}

.m_papa_m2 {
  border-top: 0;
}
.m_papa_m2.m_papa {
  padding: 0;
  border-bottom: 0;
}
.m_papa_m2 .m_papa_promote {
  font-size: 0.26rem;
  line-height: 0.37rem;
  position: absolute;
  top: 0.2rem;
  right: 0.3rem;
  display: inline-block;
  height: 0.37rem;
  padding: 0.03rem;
  color: #555555;
  border: none;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAeCAQAAADJRvUwAAAAYUlEQVR42u3WoQ3AMBBDUdPgZJcUdI+bpCBFgX/soqoT3KnA8gBPZl+ITrDYSVsEHYnBxaShpDUmF0MERxry7iTESnzzvbrFTmeE2IYMGTJkyJAhQz+DynKrLCDLkrgo8h843InsNt2fiwAAAABJRU5ErkJggg==) no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.m_papa_m2 .m_papa_content {
  line-height: 0.44rem;
  width: 6.2rem;
}
.m_papa_m1 .m_papa_title {
  line-height: 0.44rem;
  width: 6.2rem;
}
.m_papa_m1 .m_papa_title .m_papa_promote {
  font-size: 0.26rem;
  line-height: 0.37rem;
  position: absolute;
  top: 0.2rem;
  right: 0rem;
  display: inline-block;
  height: 0.37rem;
  padding: 0.03rem;
  color: #555555;
  border: none;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAeCAQAAADJRvUwAAAAYUlEQVR42u3WoQ3AMBBDUdPgZJcUdI+bpCBFgX/soqoT3KnA8gBPZl+ITrDYSVsEHYnBxaShpDUmF0MERxry7iTESnzzvbrFTmeE2IYMGTJkyJAhQz+DynKrLCDLkrgo8h843InsNt2fiwAAAABJRU5ErkJggg==) no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.m_papa .m_papa_desc .m_papa_promote {
  font-size: 0.26rem;
  line-height: 0.37rem;
  display: inline-block;
  height: 0.37rem;
  padding: 0.03rem;
  color: #555555;
  border: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAeCAQAAADJRvUwAAAAYUlEQVR42u3WoQ3AMBBDUdPgZJcUdI+bpCBFgX/soqoT3KnA8gBPZl+ITrDYSVsEHYnBxaShpDUmF0MERxry7iTESnzzvbrFTmeE2IYMGTJkyJAhQz+DynKrLCDLkrgo8h843InsNt2fiwAAAABJRU5ErkJggg==) no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.a_topad {
  position: relative;
  visibility: hidden;
}
.a_topad .iframe_papa_flag {
  font-size: 0.24rem;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1px 6px 1px 2px;
  text-align: center;
  color: white;
  -webkit-border-top-right-radius: 0.15rem;
          border-top-right-radius: 0.15rem;
  background: rgba(0, 0, 0, 0.5);
}
.a_adtemp .m_papa {
  margin: 0;
  padding: 0;
  border: none;
}
.a_adtemp .m_papa_iframe_wrap {
  width: 100%;
  height: 100%;
}
.a_adtemp section {
  width: 100%;
}
.a_adtemp .papa_flag {
  bottom: 0;
}
.m_papa[id^="cooperAD"] .m_papa_promote {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #cccccc;
  border: solid 1px #e0e0e0;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background: none;
}
.m_papa[id^="cooperAD"].m_papa .m_papa_desc .m_papa_promote {
  line-height: 0.3rem;
  height: auto;
}
.m_papa[id^="cooperAD"].m_papa_m2 .m_papa_promote,
.m_papa[id^="cooperAD"].m_papa_m1 .m_papa_promote {
  line-height: 0.3rem;
  top: 0.24rem;
  height: auto;
}
.m_papa[id^="cooperAD"] .m_papa_info {
  overflow: visible;
}
.iframe_fk_koukou iframe {
  width: 100%;
  height: 100%;
}
.js-topad .m_papa_m0 .m_papa_title {
  display: none;
}
.js-topad .m_papa_m0 .m_papa_img {
  height: auto;
}
.js-topad .m_papa_m0 .m_papa_img:after {
  content: "广告";
  position: absolute;
  padding: 1px 6px 1px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  text-align: center;
  color: #fff;
  -webkit-border-top-right-radius: 0.15rem;
  border-top-right-radius: 0.15rem;
  font-size: 0.24rem;
}
.js-wctopad .m_papa_m0 .m_papa_title {
  display: none;
}
.js-wctopad .m_papa_m0 .m_papa_img {
  height: auto;
}
.js-wctopad .m_papa_m0 .m_papa_img:after {
  content: "广告";
  position: absolute;
  padding: 1px 6px 1px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  text-align: center;
  color: #fff;
  -webkit-border-top-right-radius: 0.15rem;
  border-top-right-radius: 0.15rem;
  font-size: 0.24rem;
}
.js-wcbottomad .m_papa_m0 .m_papa_title {
  display: none;
}
.js-wcbottomad .m_papa_m0 .m_papa_img {
  height: auto;
}
.js-wcbottomad .m_papa_m0 .m_papa_img:after {
  content: "广告";
  position: absolute;
  padding: 1px 6px 1px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  text-align: center;
  color: #fff;
  -webkit-border-top-right-radius: 0.15rem;
  border-top-right-radius: 0.15rem;
  font-size: 0.24rem;
}