/*!assets/css/common.scss*/
a[href^="http://www.cnzz.com/"] > img {
  display: none;
}

a[href^="https://www.cnzz.com/"] > img {
  display: none;
}

.clearfix {
  overflow: auto;
  _height: 1%;
}

#app {
  width: 10rem;
  margin: 0 auto;
}

/*baguetteBox*/
/*!
www.sucaijiayuan.com
 */
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

#baguetteBox-overlay.visible {
  opacity: 1;
}

#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}

#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 1rem;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  font-size: 1.2rem;
  color: #fff;
  /*    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);*/
  font-family: Microsoft Yahei;
}

#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;
  transition: left 0.4s ease, -moz-transform 0.4s ease;
  transition: left 0.4s ease, -webkit-transform 0.4s ease;
  -moz-transition: left 0.4s ease, transform 0.4s ease, -moz-transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease;
}

#baguetteBox-slider.bounce-from-right {
  -webkit-animation: bounceFromRight 0.4s ease-out;
  -moz-animation: bounceFromRight 0.4s ease-out;
       animation: bounceFromRight 0.4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
  -webkit-animation: bounceFromLeft 0.4s ease-out;
  -moz-animation: bounceFromLeft 0.4s ease-out;
       animation: bounceFromLeft 0.4s ease-out;
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
  top: 50%;
  top: -webkit-calc(50% - 30px);
  top: -moz-calc(50% - 30px);
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-border-radius: 15%;
          border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color 0.4s ease;
  -moz-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
  right: 2%;
}

.baguetteBox-button#previous-button {
  left: 2%;
}

.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: -webkit-calc(2% + 6px);
  right: -moz-calc(2% + 6px);
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
  display: none;
}

.spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  -moz-animation: bounce 2s infinite ease-in-out;
       animation: bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
       animation-delay: -1s;
}

/*!assets/css/px2rem.scss*/

/*!assets/css/reset.scss*/

body {
  line-height: 1.4em;
  font-size: 16px;
  color: #333;
  background: #fff;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}

html,
body,
span,
div,
p,
a,
table,
tbody,
td,
h1,
h2,
h3,
img,
form,
font,
strong,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
dl,
dd,
dt,
iframe,
label,
blockquote,
input,
em,
dfn,
button {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
}

html.noScroll {
  height: 100%;
  overflow: hidden;
}

html.noScroll body {
  height: 100%;
  overflow: hidden;
}

img {
  vertical-align: middle;
  border: 0;
}

header,
nav,
footer,
section,
article,
aside {
  display: block;
}

button,
input,
select,
textarea {
  font-size: 100%;
  font-family: inherit;
}

a:link,
a:visited,
a:hover,
a:active {
  color: #333;
  text-decoration: none;
}

.fl-r {
  float: right;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}

.clearfix {
  zoom: 1;
}

.fn-hide {
  display: none;
}

a[title="站长统计"] > img {
  display: hidden;
}

.md-scroll-mask {
  position: initial;
}

/*!app-download/app-download.scss*/
.app-download {
  position: fixed;
  width: 9.2rem;
  height: 1.06667rem;
  padding: 0.2rem 0.4rem 0.26667rem 0.4rem;
  background: #f7f7f7;
  z-index: 10;
  bottom: 0;
}

.app-download .app-download-img {
  float: left;
  margin: 0 0.26667rem 0 0;
}

.app-download .app-download-img img {
  width: 1.06667rem;
  height: auto;
  -webkit-border-radius: 0.13333rem;
          border-radius: 0.13333rem;
}

.app-download .app-download-info {
  font-family: 'Microsoft Yahei';
  float: left;
  margin: 0.04rem 0 0 0;
  line-height: 1.5;
}

.app-download .app-download-info .title {
  color: #333;
  font-size: 14px;
}

[data-dpr="2"] .app-download .app-download-info .title {
  font-size: 28px;
}

[data-dpr="3"] .app-download .app-download-info .title {
  font-size: 42px;
}

.app-download .app-download-info .desc {
  color: #666;
  font-size: 12px;
}

[data-dpr="2"] .app-download .app-download-info .desc {
  font-size: 24px;
}

[data-dpr="3"] .app-download .app-download-info .desc {
  font-size: 36px;
}

.app-download .app-download-link {
  display: block;
  float: right;
  margin: 0.2rem 0 0 0;
  font-size: 12px;
  font-family: 'Microsoft Yahei';
  color: #c33;
  border: 1px solid #c33;
  -webkit-border-radius: 0.10667rem;
          border-radius: 0.10667rem;
  padding: 0.13333rem;
}

[data-dpr="2"] .app-download .app-download-link {
  font-size: 24px;
}

[data-dpr="3"] .app-download .app-download-link {
  font-size: 36px;
}

.app-download .app-download-link:hover {
  text-decoration: none;
}

.app-download.hidden {
  display: none;
}

/*!body-header/body-header.scss*/
.body-header {
  height: 1.17333rem;
  background: #d93c37;
  position: relative;
  width: 100%;
  top: 0;
  z-index: 10;
}

.header-logo {
  display: block;
  height: 1.17333rem;
  float: left;
  width: 2.56rem;
  margin-left: 0.26667rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAABYCAYAAACj6fgpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAIMWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZjAyNGVhNS02ZmVkLTc1NGUtYjI1Zi0wOWM1NjU1NTVhM2MiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4MjkzMDQzNi1lOGY2LWE3NGMtYWVmNi01MjFkNzI4OTQ4OTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjhlMDBiYzAtMWQ5OS00YWJlLWFlM2MtMjg3ZDY4YThhNWI2IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDMtMjZUMTY6NTM6MjcrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAzLTI3VDEwOjMxOjU2KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTAzLTI3VDEwOjMxOjU2KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzczYjI4YTYtMmJiOC0yNTRjLWFhYTctNzMyN2NkNzAwMTFlIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OGVjNjMyZWItNGZkOS0xMWU2LWE1ZWQtOTU2MDQyNGJhNmJmIi8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjlkNTBmNWRhLTQ0NmEtNDIwOC05ODFhLTgxOTRkMGQ1OGJiNiIgc3RFdnQ6d2hlbj0iMjAxOS0wMy0yN1QxMDozMTo1NiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjY4ZTAwYmMwLTFkOTktNGFiZS1hZTNjLTI4N2Q2OGE4YTViNiIgc3RFdnQ6d2hlbj0iMjAxOS0wMy0yN1QxMDozMTo1NiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDx4bXBNTTpJbmdyZWRpZW50cz4gPHJkZjpC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");
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}

a.nav-column {
  display: block;
  height: 1.17333rem;
  float: left;
  line-height: 1.28rem;
  margin-left: 0.33333rem;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
}

[data-dpr="2"] a.nav-column {
  font-size: 30px;
}

[data-dpr="3"] a.nav-column {
  font-size: 45px;
}

a.nav-column:hover {
  text-decoration: none;
}

.user-icon {
  display: block;
  height: 0.50667rem;
  width: 0.50667rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAnCAYAAABjYToLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZjAyNGVhNS02ZmVkLTc1NGUtYjI1Zi0wOWM1NjU1NTVhM2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUyNjE4MTE1M0EwMTFFNkI4MzU4RjBEMzA1QTRFNkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUyNjE4MTA1M0EwMTFFNkI4MzU4RjBEMzA1QTRFNkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzczYjI4YTYtMmJiOC0yNTRjLWFhYTctNzMyN2NkNzAwMTFlIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OGVjNjMyZWItNGZkOS0xMWU2LWE1ZWQtOTU2MDQyNGJhNmJmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YMPyaQAAAtxJREFUeNrMmN1LVEEYxncXTbENJDOoi6AItlbrphBvuqkIItEiENmrgrK6qLypqyBSEfoDgkBBow/CixS6sKioKOzCpRvBwKig0BLtS8usbT09LzwDw2Hb8zW7Zwd+zDme8Z1n33ln5p2JWpYVKcUSDSBsPWgDe0EdWAuyYAq8B0/BIJj0ZV2EeWQd6AV/LOeyDO6AzV778SpqN5hjp3/BMDgCNoEKsBIkQCu4BRbZ9hc4VihhRzUv3QdJF/+zAdzUPHjRtLD99JAMTTeIevT0Ke1HHTclrBbM0miPj5hUnKCNJTcx58bgFRp8CGIBhAl9tDUYVFgNAzcLtgYUpewtMCTq87WNOawmh0EluAdeGVg3P4Nrsn6CVL6GTsL2sB4yuKgP22z7ElbHesygsDTrZBBha1h/MijsG1gEcVDlV1iGdXmxN3EnYR+1DdtUqaanftBzvoS9Yb3doLCdrCeCeOwJ60MGhR1k/ShI2iML4k8usFsMLLCrwTwX2G1Bt6TL3EYe+Ni87fSa2pKU16YNbOLtpjdxYRfIcAi6fHjupJb2tJtKe8rAGcaGKiMeEsXrhUgUJU0e0wyPghk+ZxgrbUytV/BHiJgW0J8ntd4BNvoVdgB8p+F3fFcz6yo7c3MYGbLFVJzDOs/M2JOwFFNpi4ar/5PZnuaB5AM9mOFEkaTyAj2ey/6AdqBJuRXWrIm6ZGCJyIXY7NRCotlJWEIL8s4CCLLTxb4W7N61z740G94ukKdycYN9vgTluYSdZYO3YFWRREXY12v2fc4uLK4d0ZqKKEpfAaR8VRNNfejgh2chiFI8pobzurAJ/rE1RGEt1DAp7xLg9ch+xsEXZqq/Q7oSizFjluuspLzs44e7IYqSsgxG+Nwkwhr48qIELhJVxtwY08536RIQNs46ITE2h4caju1syMJEw4xcJYiwLAOvjHeoYZYKsBShmFFecmRLYChl8j0XPf8EGAB1OJX18U/mIwAAAABJRU5ErkJggg==");
  float: right;
  margin-right: 0.53333rem;
  margin-top: 0.33333rem;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}

.user-head-img {
  height: 0.66667rem;
  width: 0.66667rem;
  float: right;
  margin-right: 0.26667rem;
  margin-top: 0.25333rem;
}

.user-head-img img {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

/*!body-placeholder/body-placeholder.scss*/
.ease-transition {
  -webkit-transition: opacity 1.5s ease;
  -moz-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease;
}

.ease-enter, .ease-leave {
  opacity: 0;
}

/*!loading/loading.scss*/
.load {
  padding: 50px;
  text-align: center;
}

.loaded {
  display: none;
}

/*!menu/menu.scss*/
.nav-menu {
  position: absolute;
  width: 10rem;
  top: 1.17333rem;
  z-index: 20;
  background: #fff;
  line-height: 0.93333rem;
  font-size: 0.37333rem;
  color: #bebebe;
}

.nav-menu .nav-list {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.26667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 0.93333rem;
  border-bottom: 1px solid #eaeaea;
}

.nav-menu .nav-list a {
  color: #bebebe;
  text-align: center;
  display: block;
  height: 0.93333rem;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
}

[data-dpr="2"] .nav-menu .nav-list a {
  font-size: 28px;
}

[data-dpr="3"] .nav-menu .nav-list a {
  font-size: 42px;
}

.nav-menu .nav-list a.router-link-active {
  color: #d93c37;
  font-size: 15px;
  border-bottom: 1px solid #d93c37;
}

[data-dpr="2"] .nav-menu .nav-list a.router-link-active {
  font-size: 30px;
}

[data-dpr="3"] .nav-menu .nav-list a.router-link-active {
  font-size: 45px;
}

.nav-menu .sub-nav-list {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.26667rem;
  background: #f7f7f7;
  border-bottom: 1px solid #eaeaea;
}

.nav-menu .sub-nav-list .nav-list-wrap {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.nav-menu .sub-nav-list .nav-list-wrap span.active {
  color: #474747;
}

.nav-menu .sub-nav-list .nav-list-wrap span {
  font-size: 13px;
  margin-right: 0.53333rem;
  text-align: center;
  display: inline-block;
}

[data-dpr="2"] .nav-menu .sub-nav-list .nav-list-wrap span {
  font-size: 26px;
}

[data-dpr="3"] .nav-menu .sub-nav-list .nav-list-wrap span {
  font-size: 39px;
}

.nav-menu .sub-nav-list .nav-list-wrap span.v-link-active {
  color: #d93c37;
}

.nav-menu .sub-nav-list .nav-list-wrap span:last-child {
  margin-right: 0;
}

.nav-menu.fix_ {
  position: fixed;
  top: 0;
}

/*!components/page/author/author.scss*/
#author .fit {
  width: 100%;
  height: 1.6rem;
  position: relative;
  -webkit-background-size: cover;
          background-size: cover;
  padding: 1px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}

#author .fit:after {
  content: "";
  width: 100%;
  height: 1.6rem;
  position: absolute;
  left: 0;
  top: 0;
  background: inherit;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  z-index: 2;
}

#author .drag {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 1.6rem;
  text-align: center;
  z-index: 11;
}

#author .column-main {
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: #fff;
  border: 1px solid transparent;
  -webkit-border-radius: 0.26667rem 0.26667rem 0 0;
          border-radius: 0.26667rem 0.26667rem 0 0;
  z-index: 2;
  padding: 1.06667rem 0.53333rem 0;
  margin-top: -0.26667rem;
}

#author .column-main .avatar-content {
  position: absolute;
  top: -0.8rem;
  left: 1.2rem;
  width: 1.6rem;
  height: 1.6rem;
  padding: 0.13333rem;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 auto;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  z-index: 3;
}

#author .column-main .avatar-content img {
  width: 1.6rem;
  height: 1.6rem;
  text-align: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

#author .column-main .wait-follow {
  width: 1.44rem;
  height: 0.66667rem;
}

#author .column-main .wait-follow img {
  width: 100%;
  height: 100%;
}

#author .column-main .followed {
  width: 2.66667rem;
}

#author .column-main .followed .followed {
  width: 1.81333rem;
  height: 100%;
}

#author .column-main .followed .clock {
  width: 0.66667rem;
  height: 0.66667rem;
}

#author .column-main .followed.hidden {
  display: none;
}

#author .column-info-top .info {
  float: left;
  color: #474747;
  font-size: 12px;
  margin: 0.16rem 0 0.4rem 0.8rem;
}

[data-dpr="2"] #author .column-info-top .info {
  font-size: 24px;
}

[data-dpr="3"] #author .column-info-top .info {
  font-size: 36px;
}

#author .column-info-top .control {
  float: right;
}

#author .column-info-top .name {
  font-size: 18px;
  vertical-align: text-top;
}

[data-dpr="2"] #author .column-info-top .name {
  font-size: 36px;
}

[data-dpr="3"] #author .column-info-top .name {
  font-size: 54px;
}

#author .column-info-main {
  font-size: 10px;
  color: #7a7a7a;
  line-height: 1.5;
}

[data-dpr="2"] #author .column-info-main {
  font-size: 20px;
}

[data-dpr="3"] #author .column-info-main {
  font-size: 30px;
}

#author .column-info-bottom {
  margin: 0.48rem 0 0.53333rem 0;
  color: #7a7a7a;
  font-size: 10px;
  overflow: hidden;
}

[data-dpr="2"] #author .column-info-bottom {
  font-size: 20px;
}

[data-dpr="3"] #author .column-info-bottom {
  font-size: 30px;
}

#author .column-info-bottom i {
  color: #474747;
  font-size: 15px;
  margin-right: 0.06667rem;
  font-weight: bold;
}

[data-dpr="2"] #author .column-info-bottom i {
  font-size: 30px;
}

[data-dpr="3"] #author .column-info-bottom i {
  font-size: 45px;
}

#author .column-info-bottom span {
  margin-right: 0.4rem;
}

#author .column-info-main-left {
  float: left;
}

#author .column-info-main-right {
  float: right;
  position: relative;
  max-width: 5.33333rem;
  height: 0.56rem;
}

#author .column-info-main-right img {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.53333rem;
  height: 0.53333rem;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

#author .followed-avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  margin: 0.32rem 0 0.4rem;
}

#author .followed-avatar img {
  width: 0.8rem;
  height: 0.8rem;
  margin-left: 0.36rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

#author .followed-avatar img:first-child {
  margin-left: 0;
}

#author .separate {
  width: 100%;
  height: 0.32rem;
  background: #f7f7f7;
}

#author .column-write {
  padding: 0.48rem 0.26667rem 0;
}

#author .column-write .column-write-title {
  font-size: 0.4rem;
  color: #474747;
  float: left;
}

#author .column-write .column-write-select {
  font-size: 0.32rem;
  color: #7a7a7a;
  float: right;
  border: solid 1px transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 0.37333rem;
  background: url("../assets/images/icon-down.jpg") no-repeat scroll right center transparent;
}

#author .column-write-list .article {
  width: 4.57333rem;
  margin: 0.53333rem 0 0.26667rem;
}

#author .column-write-list .pic {
  width: 4.57333rem;
  height: 3.41333rem;
}

#author .column-write-list .pic img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0.06667rem;
          border-radius: 0.06667rem;
}

#author .column-write-list .text-title {
  font-size: 15px;
  min-height: 1.2rem;
  line-height: 1.5;
  color: #474747;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

[data-dpr="2"] #author .column-write-list .text-title {
  font-size: 30px;
}

[data-dpr="3"] #author .column-write-list .text-title {
  font-size: 45px;
}

#author .column-write-list .tag {
  font-size: 10px;
  color: #bebebe;
  margin-top: 0.26667rem;
}

[data-dpr="2"] #author .column-write-list .tag {
  font-size: 20px;
}

[data-dpr="3"] #author .column-write-list .tag {
  font-size: 30px;
}

#author .column-write-list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/*!components/page/beginnerguide/beginnerguide.scss*/
#beginnerguide {
  padding-bottom: 1.06667rem;
  height: 100%;
  min-height: 16.85333rem;
  background: #f6f6f6;
}

#beginnerguide .title-list {
  padding-top: 0.53333rem;
  height: 1.33333rem;
}

#beginnerguide .title-list li {
  float: left;
  width: 33%;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  color: #cfcfcf;
}

[data-dpr="2"] #beginnerguide .title-list li {
  font-size: 32px;
}

[data-dpr="3"] #beginnerguide .title-list li {
  font-size: 48px;
}

#beginnerguide .title-list li p {
  line-height: 1.5;
  font-weight: bold;
}

#beginnerguide .title-list .triangle {
  content: '';
  border-top: 8px solid #d93c37;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: none;
  position: relative;
  top: -0.16rem;
  display: none;
}

#beginnerguide .title-list .tab-on {
  color: #d93c37;
}

#beginnerguide .title-list .tab-on .triangle {
  display: inline-block;
}

#beginnerguide .item-type {
  background: #fff;
  width: 9.17333rem;
  margin: 0 auto;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  font-size: 14px;
  margin-bottom: 0.34667rem;
}

[data-dpr="2"] #beginnerguide .item-type {
  font-size: 28px;
}

[data-dpr="3"] #beginnerguide .item-type {
  font-size: 42px;
}

#beginnerguide .item-type .wrap {
  padding: 0 0.29333rem;
}

#beginnerguide .item-type h3 {
  height: 1.41333rem;
  line-height: 1.41333rem;
  vertical-align: middle;
  cursor: pointer;
}

#beginnerguide .item-type h3 .icon-area {
  display: inline-block;
  width: 0.8rem;
}

#beginnerguide .item-type h3 span:nth-child(2) {
  display: inline-block;
  font-style: italic;
  vertical-align: top;
  font-weight: bold;
  text-indent: 0.06667rem;
}

#beginnerguide .item-type .title-icon {
  display: inline-block;
  width: 0.53333rem;
  margin-right: 0.26667rem;
  height: 1.06667rem;
}

#beginnerguide .item-type .arrow {
  float: right;
}

#beginnerguide .item-type .arrow img {
  width: 0.26667rem;
  height: 0.13333rem;
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

#beginnerguide .item-type .arrow .up {
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

#beginnerguide .item-type .question-list {
  border-top: 1px solid #f0f0f0;
  padding: 0.4rem 0;
}

#beginnerguide .item-type li {
  padding: 0.13333rem 0;
  text-align: justify;
  white-space: nowrap;
}

#beginnerguide .item-type li a {
  display: inline-block;
  width: 8rem;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#beginnerguide .item-type li::before {
  display: inline-block;
  content: '';
  width: 0.16rem;
  height: 0.16rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: #dcdcdc;
  vertical-align: top;
  margin: 0.16rem 0.21333rem 0 0.05333rem;
}

#beginnerguide .tab1 .item1 .title-icon {
  width: 0.74667rem;
  background: url("../assets/images/icon1-1.png") 0px 18px no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}

#beginnerguide .tab1 .item2 .title-icon {
  width: 0.4rem;
  background: url("../assets/images/icon1-2.png") 0px 18px no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-left: 0.21333rem;
  margin-right: 0.32rem;
}

#beginnerguide .tab1 .item3 .title-icon {
  width: 0.53333rem;
  background: url("../assets/images/icon1-3.png") 0px 21px no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-left: 0.21333rem;
}

#beginnerguide .tab1 .item4 .title-icon {
  width: 0.53333rem;
  background: url("../assets/images/icon1-4.png") 0px 18px no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-left: 0.21333rem;
}

#beginnerguide .tab2 .item1 .title-icon {
  width: 0.53333rem;
  background: url("../assets/images/icon2-1.png") 0px 18px no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-left: 0.21333rem;
}

#beginnerguide .tab2 .item2 .title-icon {
  width: 0.4rem;
  background: url("../assets/images/icon2-2.png") 0px 18px no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-left: 0.21333rem;
}

#beginnerguide .tab2 .item3 .title-icon {
  width: 0.53333rem;
  background: url("../assets/images/icon2-3.png") 0px 18px no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-left: 0.21333rem;
}

#beginnerguide .tab2 .item4 .title-icon {
  width: 0.53333rem;
  background: url("../assets/images/icon2-4.png") 0px 22px no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-left: 0.21333rem;
}

#beginnerguide .tab3 .item1 .title-icon {
  margin-left: 0.21333rem;
  background: url("../assets/images/icon3-1.png") 0px 18px no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-left: 0.21333rem;
}

#beginnerguide .tab3 .item2 .title-icon {
  background: url("../assets/images/icon3-2.png") 0px 18px no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-left: 0.21333rem;
}

#beginnerguide .tab3 .item3 .title-icon {
  background: url("../assets/images/icon3-3.png") 0px 21px no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-left: 0.21333rem;
}

#beginnerguide .tab3 .item4 .title-icon {
  background: url("../assets/images/icon3-4.png") 0px 21px no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-left: 0.21333rem;
}

/*!components/page/channel/channel.scss*/

.mint-swipe, .mint-swipe-items-wrap {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.mint-swipe-items-wrap {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
       transform: translateZ(0);
}

.mint-swipe-items-wrap > div {
  position: absolute;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
       transform: translateX(-100%);
  width: 100%;
  height: 100%;
  display: none;
}

.mint-swipe-items-wrap > div.is-active {
  display: block;
  -webkit-transform: none;
  -moz-transform: none;
   -ms-transform: none;
       transform: none;
}

.mint-swipe-indicators {
  position: absolute;
  bottom: 10px;
  right: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
       transform: translateX(-50%);
}

.mint-swipe-indicator {
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background: #000;
  opacity: .2;
  margin: 0 3px;
}

.mint-swipe-indicator.is-active {
  background: #fff;
}

.hm-swipe {
  width: 10rem;
  height: 4.66667rem;
  color: #fff;
  font-size: 30px;
  text-align: center;
}

.hm-swipe.swipePt {
  padding-top: 0.93333rem;
}

.hm-swipe .slide img {
  width: 100%;
}

.hm-swipe .swipe-indicators {
  left: initial;
  right: -0.66667rem;
}

.hm-swipe .swipe-indicators .swipe-indicator {
  width: 0.21333rem;
  height: 0.05333rem;
  -webkit-border-radius: 0;
          border-radius: 0;
  opacity: .6;
}

.articles-list {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.articles-list a:link,
.articles-list a:hover,
.articles-list a:visited,
.articles-list a:active {
  text-decoration: none;
}

#channel-section {
  padding-top: 1.86667rem;
}

.flex-container {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-height: 2.4rem;
  margin-top: 0.33333rem;
  padding: 0 0.26667rem;
}

.flex-container .pic-area {
  margin: 0 0.4rem 0 0;
  width: 3.2rem;
  height: 1.8rem;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-container .pic-area img {
  width: 3.2rem;
}

.flex-container .txt-area {
  width: 5.73333rem;
}

.flex-container .txt-area .title {
  font-size: 14px;
}

[data-dpr="2"] .flex-container .txt-area .title {
  font-size: 28px;
}

[data-dpr="3"] .flex-container .txt-area .title {
  font-size: 42px;
}

.flex-container .txt-area .info {
  width: inherit;
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  color: #ccc;
}

[data-dpr="2"] .flex-container .txt-area .info {
  font-size: 24px;
}

[data-dpr="3"] .flex-container .txt-area .info {
  font-size: 36px;
}

.loading-more {
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.loading-more .loading-icon {
  height: 12px;
  width: 12px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px dashed #585858;
  -webkit-animation: loading 1.5s infinite linear;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.loading-more .loading-text {
  color: #666;
  font-size: 14px;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

/* 必需 */
.expand-transition {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  height: 30px;
  padding: 10px;
  background-color: #eee;
  overflow: hidden;
}

/* .expand-enter 定义进入的开始状态 */
/* .expand-leave 定义离开的结束状态 */
.expand-enter, .expand-leave {
  height: 0;
  padding: 0 10px;
  opacity: 0;
}

.fade-transition {
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.fade-enter, .fade-leave {
  opacity: 0;
}

/*!components/page/column/column.scss*/
#column .fit {
  width: 100%;
  height: 1.6rem;
  position: relative;
  -webkit-background-size: cover;
          background-size: cover;
  padding: 1px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}

#column .fit:after {
  content: "";
  width: 100%;
  height: 1.6rem;
  position: absolute;
  left: 0;
  top: 0;
  background: inherit;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  z-index: 2;
}

#column .drag {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 1.6rem;
  text-align: center;
  z-index: 11;
}

#column .column-main {
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: #fff;
  border: 1px solid transparent;
  -webkit-border-radius: 0.26667rem 0.26667rem 0 0;
          border-radius: 0.26667rem 0.26667rem 0 0;
  z-index: 2;
  padding: 1.06667rem 0.53333rem 0;
  margin-top: -0.26667rem;
}

#column .column-main .avatar-content {
  position: absolute;
  top: -0.8rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 1.6rem;
  height: 1.6rem;
  padding: 0.13333rem;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 auto;
  -webkit-border-radius: 0.32rem;
          border-radius: 0.32rem;
  z-index: 3;
}

#column .column-main .avatar-content img {
  width: 1.6rem;
  height: 1.6rem;
  height: auto;
  text-align: center;
  -webkit-border-radius: 0.26667rem;
          border-radius: 0.26667rem;
}

#column .column-main .column-info, #column .column-main .person {
  text-align: center;
}

#column .column-main .person {
  font-size: 0.26667rem;
  color: #bebebe;
}

#column .column-main .title {
  font-size: 0.48rem;
  color: #474747;
}

#column .column-main .desc {
  font-size: 0.26667rem;
  color: #7a7a7a;
  margin-top: 0.26667rem;
  line-height: 0.46667rem;
}

#column .column-main .fir {
  color: #f84846 !important;
}

#column .column-main .wait-follow {
  width: 1.81333rem;
  height: 0.66667rem;
  margin: 0.32rem auto 0.42667rem;
}

#column .column-main .wait-follow img {
  width: 100%;
  height: 100%;
}

#column .column-main .followed {
  width: 2.66667rem;
}

#column .column-main .followed .followed {
  width: 1.81333rem;
  height: 100%;
}

#column .column-main .followed .clock {
  width: 0.66667rem;
  height: 0.66667rem;
}

#column .column-main .followed.hidden {
  display: none;
}

#column .followed-avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  margin: 0.32rem 0 0.4rem;
}

#column .followed-avatar img {
  width: 0.8rem;
  height: 0.8rem;
  margin-left: 0.36rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

#column .followed-avatar img:first-child {
  margin-left: 0;
}

#column .separate {
  width: 100%;
  height: 0.32rem;
  background: #f7f7f7;
}

#column .column-write {
  padding: 0.48rem 0.26667rem 0;
}

#column .column-write .column-write-title {
  font-size: 0.4rem;
  color: #474747;
  float: left;
}

#column .column-write .column-write-select {
  font-size: 0.32rem;
  color: #7a7a7a;
  float: right;
  border: solid 1px transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 0.37333rem;
  background: url("../assets/images/icon-down.jpg") no-repeat scroll right center transparent;
}

#column .column-write-list .pic {
  width: 9.46667rem;
  height: 5.33333rem;
  margin: 0.53333rem 0 0.26667rem;
}

#column .column-write-list .pic img {
  width: 9.46667rem;
  height: 100%;
  -webkit-border-radius: 0.06667rem;
          border-radius: 0.06667rem;
}

#column .column-write-list .text-title {
  font-size: 15px;
  line-height: 1.5;
  color: #474747;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

[data-dpr="2"] #column .column-write-list .text-title {
  font-size: 30px;
}

[data-dpr="3"] #column .column-write-list .text-title {
  font-size: 45px;
}

#column .column-write-list .tag {
  font-size: 10px;
  color: #bebebe;
  margin-top: 0.26667rem;
}

[data-dpr="2"] #column .column-write-list .tag {
  font-size: 20px;
}

[data-dpr="3"] #column .column-write-list .tag {
  font-size: 30px;
}

/*!components/page/detail/detail.scss*/

.mint-swipe, .mint-swipe-items-wrap {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.mint-swipe-items-wrap {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
       transform: translateZ(0);
}

.mint-swipe-items-wrap > div {
  position: absolute;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
       transform: translateX(-100%);
  width: 100%;
  height: 100%;
  display: none;
}

.mint-swipe-items-wrap > div.is-active {
  display: block;
  -webkit-transform: none;
  -moz-transform: none;
   -ms-transform: none;
       transform: none;
}

.mint-swipe-indicators {
  position: absolute;
  bottom: 10px;
  right: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
       transform: translateX(-50%);
}

.mint-swipe-indicator {
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background: #000;
  opacity: .2;
  margin: 0 3px;
}

.mint-swipe-indicator.is-active {
  background: #fff;
}

#detail-page {
  padding: 0 0 0.33333rem 0;
  overflow: hidden;
}

#detail-page .video-or-iframe video, #detail-page .video-or-iframe iframe {
  margin: 0 auto;
  width: 10rem;
  height: 6.24rem;
}

#detail-page .video-or-iframe video {
  object-fit: cover;
}

#detail-page .detailPt {
  padding: 0 0 0.33333rem 0;
}

#detail-page .detail-title {
  padding: 0.6rem 0.4rem 0.26667rem 0.4rem;
  font-size: 24px;
  line-height: 1.8;
}

[data-dpr="2"] #detail-page .detail-title {
  font-size: 48px;
}

[data-dpr="3"] #detail-page .detail-title {
  font-size: 72px;
}

#detail-page .detail-info {
  padding: 0 0.4rem 0.53333rem;
  overflow: hidden;
  color: #666;
  font-size: 12px;
}

#detail-page .detail-info .news-writer {
  margin-right: 0.26667rem;
}

#detail-page .detail-info .click-count {
  float: right;
}

#detail-page .detail-content {
  padding: 0 0.26667rem;
}

#detail-page .detail-content p {
  text-indent: 2em;
  margin-top: 0.26667rem;
  font-size: 16px;
  line-height: 1.5;
  color: #666;
  word-break: break-all;
}

[data-dpr="2"] #detail-page .detail-content p {
  font-size: 32px;
}

[data-dpr="3"] #detail-page .detail-content p {
  font-size: 48px;
}

#detail-page .detail-content p a {
  color: #c20305;
  text-decoration: underline;
}

#detail-page .detail-content p.img-intro-desc {
  text-indent: 0;
  text-align: center;
}

#detail-page .detail-content p:nth-last-child(1) {
  text-align: right;
}

#detail-page .detail-content img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

#detail-page .detail-content p > a > img[data-width="99"] {
  display: none;
}

#detail-page .detail-content img[data-width="200"] {
  width: 2.66667rem;
}

#detail-page .detail-content .edui-upload-video {
  margin-left: -2em;
  width: 100%;
}

#detail-page .detail-tags {
  margin: 0.53333rem 0;
  padding: 0 0.26667rem;
}

#detail-page .detail-tags .tag {
  display: inline-block;
  height: 0.32rem;
  line-height: 0.32rem;
  background-color: #fff;
  position: relative;
  margin: 0.13333rem;
  color: #333;
  text-decoration: none;
  -webkit-border-radius: 0.29333rem;
          border-radius: 0.29333rem;
  border: 1px solid #eee;
  padding: 0.13333rem;
  font-size: 12px;
}

#detail-page iframe, #detail-page embed {
  margin: 0 0 0 -2em;
  width: 100%;
  height: 6.24rem;
  border: 0;
}

#detail-page .heading {
  margin: 0 0.4rem;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

#detail-page .heading .edge {
  position: relative;
  top: 0.06667rem;
  float: left;
  border-left: 0.06667rem solid #d43d35;
  height: 0.33333rem;
  margin-right: 0.18667rem;
}

#detail-page .heading .title {
  float: left;
  font-family: 'Microsoft Yahei';
  font-size: 14px;
}

[data-dpr="2"] #detail-page .heading .title {
  font-size: 28px;
}

[data-dpr="3"] #detail-page .heading .title {
  font-size: 42px;
}

#detail-page .heading .line {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  top: 0.18667rem;
  float: right;
  height: 1px;
  background: #eaeaea;
}

#detail-page .notComment {
  width: 100%;
  margin: 1.06667rem 0 2rem;
  text-align: center;
  color: #ccc;
}

#detail-page .notComment img {
  width: 1.52rem;
}

#detail-page .notComment p {
  margin-top: 0.26667rem;
}

#detail-page .comment {
  margin: 1.06667rem 0 0 0;
}

#detail-page .login-tips {
  height: 2.53333rem;
  padding-top: 0.53333rem;
  border-bottom: 1px solid #eaeaea;
  text-align: center;
}

#detail-page .login-tips .auth-icon {
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
}

#detail-page .login-tips .auth-text {
  font-size: 0.32rem;
  color: #474747;
  margin-top: 0.13333rem;
}

#detail-page .comment-box {
  padding: 0.4rem 0;
  padding-bottom: 1.06667rem;
}

#detail-page .comment-box .comment-item {
  width: 9.2rem;
  padding: 0.4rem;
  overflow: hidden;
}

#detail-page .comment-box .avatar {
  float: left;
}

#detail-page .comment-box .avatar img {
  width: 0.93333rem;
  height: 0.93333rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

#detail-page .comment-box .userinfo {
  margin: 0 0 0 1.4rem;
}

#detail-page .comment-box .userinfo .nickname {
  float: left;
  font-size: 14px;
  color: #7a7a7a;
}

[data-dpr="2"] #detail-page .comment-box .userinfo .nickname {
  font-size: 28px;
}

[data-dpr="3"] #detail-page .comment-box .userinfo .nickname {
  font-size: 42px;
}

#detail-page .comment-box .userinfo .saytext {
  font-size: 16px;
}

[data-dpr="2"] #detail-page .comment-box .userinfo .saytext {
  font-size: 32px;
}

[data-dpr="3"] #detail-page .comment-box .userinfo .saytext {
  font-size: 48px;
}

#detail-page .comment-box .userinfo .zan {
  float: right;
  color: #ccc;
}

#detail-page .comment-box .userinfo .zan .unzan {
  display: inline-block;
  width: 0.37333rem;
  height: 0.37333rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZjAyNGVhNS02ZmVkLTc1NGUtYjI1Zi0wOWM1NjU1NTVhM2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjlBMDkxRUI1OTNFMTFFNkEyRDVDOTc1MTBFOTFGMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjlBMDkxRUE1OTNFMTFFNkEyRDVDOTc1MTBFOTFGMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTZhMzY4NDQtN2Y3Yy1kZjQ0LTk3MTktOWIzZjI5OGZmZjk5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZWMzYzAyMTUtNGZlYS0xMWU2LWE1ZWQtOTU2MDQyNGJhNmJmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+t55oWQAAAbxJREFUeNq81s8rBGEcx/GZ5eBHSJGSi4uUpKQQeySFlKJIHNzETTnyL6BIcpIkETcXKxYJoVBKIoXy2+KgsN5PPbtN28zsrn12vvVqt3lm57PP7neeeXSPx6NFWRkYRh3SsYZeXEbyYZcWfU2hDYsYRTlWkBSPwEI0YxA9GEADCtAVj8BWfGPScGwHB2iKR6CY3TqeQo7voUR1YJm86LzJ2DMyVQcO4RWzJmO/0CO5SGKEYd2oRx/eTcZT8KVqhrUYwxbGLc5Jw6OKwA4s4R4t+LE4Lw+3sQSmYgTT8KEGdzbXKYYbfhMPmEF+IFBc7AgXBtfy/zpFJc7CfPE5m7EstGNfLBA6a+kNb3KQEHLigmyWNy22Spe/wDJWRZfmygFdi0/5ZMOJv6fTrmmKUKUw+FPcPlb3YTaO5axVzbwCh1YzTFb8EyfK5ttw2UxfZZXK1chrFfitONAt19ttl+ZMVeMEL04E6rLbN/67p4m2CmXXe50KrJavtoFvihvmPLD4OzXDzVj2pdFUmXwseY2BYp/yYfIcM1ajxbMuHLGbu5Kb5mBgv8WNLp7uE4bz/P+Y4a7cCwV74k+AAQA/M225metX1QAAAABJRU5ErkJggg==");
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-right: 0.06667rem;
}

#detail-page .comment-box .userinfo .zan .haszan {
  display: inline-block;
  width: 0.37333rem;
  height: 0.37333rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZjAyNGVhNS02ZmVkLTc1NGUtYjI1Zi0wOWM1NjU1NTVhM2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTkyNDcwQ0Y1OTNGMTFFNjgzOUNDMzNCRTM3REYwNTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTkyNDcwQ0U1OTNGMTFFNjgzOUNDMzNCRTM3REYwNTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTZhMzY4NDQtN2Y3Yy1kZjQ0LTk3MTktOWIzZjI5OGZmZjk5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZWMzYzAyMTUtNGZlYS0xMWU2LWE1ZWQtOTU2MDQyNGJhNmJmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YbewWQAAAR5JREFUeNpivGljzkAiYAfiRiD2BWJmID4OxOVA/IoYzSwMpIPpQJyIxFcHYkMgNgXi34Q0M5FomRIQx2MR1wfiaGIMINXCUDx6AmlhYRAeOSNqW6gKjSdcQJDaFjYDMSMeeVZqWhgMxOEE1HynloWgjLqQCHUfqWGhJxDvAmJuIsx6TImFoAKhDog3AzEfkcFuBsTvsOBrQDwViEVhBoOCrAUtlYkAsTyJWYYVR0oFiWkCsQ8QW4AsXAxN8rQGckDcwUQny2DAn4mBvoCT3hZeoreFh+lt4SF6WvgfiI/Q08LrQPyGnhYeIacCpij+6G3hYXpa+BCIH9HTwkPkNqIoCk6YhR9obNlrIN6IbGErEP+lkWU3gNgDuRsAEGAAuM8sc1gMxqsAAAAASUVORK5CYII=");
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-right: 0.06667rem;
}

#detail-page .comment-box .userinfo .child-comment-line {
  padding-top: 0.13333rem;
  border-bottom: 1px solid #e7e7e7;
}

#detail-page .comment-box .userinfo .child-comment-box {
  padding-top: 0.26667rem;
}

#detail-page .comment-box .userinfo .child-comment-box .saytext a {
  color: #666;
}

#detail-page .comment-box .userinfo .child-comment-box p {
  padding-top: 0.06667rem;
  font-size: 14px;
  color: #ccc;
  line-height: 0.53333rem;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0.6);
}

[data-dpr="2"] #detail-page .comment-box .userinfo .child-comment-box p {
  font-size: 28px;
}

[data-dpr="3"] #detail-page .comment-box .userinfo .child-comment-box p {
  font-size: 42px;
}

#detail-page .comment-box .userinfo .child-comment-box p .posttime {
  font-size: 12px;
}

[data-dpr="2"] #detail-page .comment-box .userinfo .child-comment-box p .posttime {
  font-size: 24px;
}

[data-dpr="3"] #detail-page .comment-box .userinfo .child-comment-box p .posttime {
  font-size: 36px;
}

#detail-page .comment-box .userinfo .child-comment-box p .bule-text {
  color: #4e81dc;
}

#detail-page .comment-box .userinfo .child-comment-box img {
  width: 0.4rem;
}

#detail-page .comment-box .userinfo .saytext {
  font-size: 16px;
  line-height: 1.5;
}

[data-dpr="2"] #detail-page .comment-box .userinfo .saytext {
  font-size: 32px;
}

[data-dpr="3"] #detail-page .comment-box .userinfo .saytext {
  font-size: 48px;
}

#detail-page .comment-box .userinfo .saytext img {
  position: relative;
  top: -3px;
  width: 0.46667rem;
  height: 0.46667rem;
}

#detail-page .comment-box .userinfo .posttime {
  margin: 0.4rem 0 0 0;
  color: #ccc;
}

#detail-page .open-app {
  display: block;
  width: 8.93333rem;
  height: 1.06667rem;
  line-height: 1.06667rem;
  text-align: center;
  margin: 0 auto 0.93333rem auto;
  color: #fff;
  background: #d93c37;
  font-size: 16px;
  -webkit-border-radius: 0.10667rem;
          border-radius: 0.10667rem;
}

[data-dpr="2"] #detail-page .open-app {
  font-size: 32px;
}

[data-dpr="3"] #detail-page .open-app {
  font-size: 48px;
}

#detail-page .open-app:link, #detail-page .open-app:hover, #detail-page .open-app:visited, #detail-page .open-app:active {
  text-decoration: none;
}

#detail-page .flex-container {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-height: 2.4rem;
  margin-top: 0.33333rem;
  padding: 0 0.26667rem;
}

#detail-page .flex-container .pic-area {
  margin: 0 0.4rem 0 0;
  width: 3.2rem;
  height: 1.8rem;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#detail-page .flex-container .pic-area img {
  width: 3.2rem;
}

#detail-page .flex-container .txt-area {
  width: 5.73333rem;
}

#detail-page .flex-container .txt-area a:link, #detail-page .flex-container .txt-area a:hover, #detail-page .flex-container .txt-area a:visited, #detail-page .flex-container .txt-area a:active {
  text-decoration: none;
}

#detail-page .flex-container .txt-area .title {
  font-size: 14px;
}

[data-dpr="2"] #detail-page .flex-container .txt-area .title {
  font-size: 28px;
}

[data-dpr="3"] #detail-page .flex-container .txt-area .title {
  font-size: 42px;
}

#detail-page .flex-container .txt-area .info {
  width: inherit;
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  color: #ccc;
}

[data-dpr="2"] #detail-page .flex-container .txt-area .info {
  font-size: 24px;
}

[data-dpr="3"] #detail-page .flex-container .txt-area .info {
  font-size: 36px;
}

#detail-page .comment-swipe {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  max-height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

#detail-page .comment-swipe img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 10rem;
  max-height: 100%;
}

#detail-page .comment-swipe .mint-swipe-indicators {
  -webkit-transform: translateX(50%);
     -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

#detail-page .biketo-adv {
  padding: 0.26667rem 0.26667rem;
}

#detail-page .biketo-adv img {
  width: 100%;
}

.body-placeholder {
  width: 100%;
  height: 100vh;
  background: #fff url("data:image/png;base64,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");
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 2000;
}

.ease-enter-active, .ease-leave-active {
  -webkit-transition: opacity 1.5s ease;
  -moz-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease;
}

.ease-enter, .ease-leave-active {
  opacity: 0;
}

.page-mask {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.page-shadow {
  padding-bottom: 2.666667rem;
}

.page-shadow .comment-operate, .page-shadow .report-operate {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #f7f7f7;
  font-size: 16px;
  text-align: center;
}

[data-dpr="2"] .page-shadow .comment-operate, [data-dpr="2"] .page-shadow .report-operate {
  font-size: 32px;
}

[data-dpr="3"] .page-shadow .comment-operate, [data-dpr="3"] .page-shadow .report-operate {
  font-size: 48px;
}

.page-shadow .report-operate .radio-input {
  display: none;
}

.page-shadow .report-operate .radio-text {
  width: 100%;
  display: inline-block;
  text-align: left;
  padding-left: 1.44rem;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.page-shadow .report-operate .radio-icon {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  bottom: 0;
  left: 0.53333rem;
  margin: auto;
  background: url(../assets/images/icon-radio.png) no-repeat left center;
}

.page-shadow .report-operate .radio-icon.active {
  background-position: right center;
}

.page-shadow .line {
  height: 1.26667rem;
  line-height: 1.26667rem;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  overflow: hidden;
}

.page-shadow .line.operate-cancel, .page-shadow .line.operate-btns {
  background: #fff;
  border: none;
}

.page-shadow .btn {
  width: 50%;
  float: left;
}

.page-shadow .btn.report-confirm {
  color: #fff;
  background: #d83c36;
}

.operator {
  padding: 0 0.53333rem;
  padding-top: 0.26667rem;
  padding-bottom: 0.06667rem;
  position: fixed;
  width: 10rem;
  background: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.operator span {
  font-size: 16px;
  color: #7a7a7a;
}

[data-dpr="2"] .operator span {
  font-size: 32px;
}

[data-dpr="3"] .operator span {
  font-size: 48px;
}

.operator textarea {
  width: 100%;
  height: 2rem;
  text-align: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0.26667rem;
  border: none;
  color: #bebebe;
}

.operator .fr {
  float: right;
}

.operator .tool-list {
  height: 0.8rem;
  border-top: 1px solid #eaeaea;
  text-align: right;
  padding-top: 0.33333rem;
}

.operator .tool-list img {
  width: 0.8rem;
  height: 0.8rem;
}

/* 必需 */
.op-transition {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  overflow: hidden;
  bottom: 0;
}

/* 必需 */
.op-enter-active, .op-leave-active {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  overflow: hidden;
  bottom: 0;
}

/* .expand-enter 定义进入的开始状态 */
/* .expand-leave-active 定义离开的结束状态 */
.op-enter, .op-leave-active {
  bottom: -250px;
}

.shadow-enter-active, .shadow-leave-active {
  -webkit-transition: opacity .4s ease;
  -moz-transition: opacity .4s ease;
  transition: opacity .4s ease;
  opacity: 1;
}

.shadow-enter, .shadow-leave-active {
  opacity: 0;
}

.tap-color {
  -webkit-tap-highlight-color: rgba(247, 247, 247, 0.5);
  text-decoration: none;
}

.tap-color:link {
  text-decoration: none;
}

.tap-color:hover {
  text-decoration: none;
}

.tap-color:active {
  text-decoration: none;
}

.user-input-box .comment-input-content {
  width: 9.2rem;
  padding: 0.4rem;
  overflow: hidden;
}

.user-input-box .avatar {
  float: left;
}

.user-input-box .avatar img {
  width: 0.93333rem;
  height: 0.93333rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.user-input-box .user-input-container {
  margin: 0 0 0 1.4rem;
}

.user-input-box .user-input-container textarea {
  width: 100%;
  height: 2.4rem;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5%;
  background: #f7f7f7;
  border: none;
  color: #bebebe;
}

.user-input-box .user-input-container .submit-btn {
  height: 0.8rem;
  width: 1.33333rem;
  background: #d93c37;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  color: #fff;
  line-height: 0.8rem;
  text-align: center;
  float: right;
  margin-top: 0.26667rem;
}

.qqFace {
  position: absolute;
  top: 0;
  left: 0;
}

.qqFace table {
  background: #fff;
}

.qqFace img {
  width: 0.66667rem;
}

.load-child-comment {
  margin-top: 0.2rem;
  color: #4e81dc;
  float: right;
}

.listbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.listbox .img-list {
  width: 49%;
  margin-bottom: 0.13333rem;
}

.listbox .img-list img {
  width: 100%;
}

.listbox .img-list p {
  text-align: center;
  padding: 3px 0;
}

.introduceDiv {
  margin-top: 10px;
  clear: both;
}

.introduceDiv h2 {
  width: 100%;
  height: 0.66667rem;
  line-height: 0.66667rem;
  text-indent: 2em;
  text-align: left;
  background: #f7f7f7;
}

.introduceDiv p {
  padding-top: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.2rem;
  line-height: 0.53333rem;
  text-indent: 2em;
}

.sendText {
  color: #d93c37;
}

.comment-img-content .comment-img {
  margin: 0.13333rem 0;
}

.comment-img-content img {
  width: 1.33333rem !important;
  height: 1.33333rem;
  float: left;
  margin-right: 0.2rem;
}

.comment-img-content .origin {
  color: #bbb;
  font-size: 12px;
}

[data-dpr="2"] .comment-img-content .origin {
  font-size: 24px;
}

[data-dpr="3"] .comment-img-content .origin {
  font-size: 36px;
}

.comment-img-content a {
  color: #df0012;
}

/*!components/page/error/notFound.scss*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
.notFound {
  pointer-events: none;
  cursor: default;
  background: #eee;
  font-family: Lato, sans-serif;
}

.venn {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 300px;
  width: 300px;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 300px;
  text-align: center;
  z-index: 1;
  color: #fff;
  font-size: 1.3em;
  z-index: 3;
  -webkit-animation: fade .5s ease-in-out;
     -moz-animation: fade .5s ease-in-out;
          animation: fade .5s ease-in-out;
  -webkit-animation-delay: .5s;
     -moz-animation-delay: .5s;
          animation-delay: .5s;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

.one, .two {
  position: absolute;
  line-height: initial;
  top: 50%;
  left: -webkit-calc(50%);
  left: -moz-calc(50%);
  left: calc(50%);
  height: 150px;
  width: 150px;
  background: rgba(244, 158, 25, 0.8);
  -webkit-transform: translate(-50%, -50%) rotate(20deg);
     -moz-transform: translate(-50%, -50%) rotate(20deg);
      -ms-transform: translate(-50%, -50%) rotate(20deg);
          transform: translate(-50%, -50%) rotate(20deg);
  -webkit-border-radius: 50%;
          border-radius: 50%;
  z-index: 2;
  -webkit-animation: slide-one .5s;
     -moz-animation: slide-one .5s;
          animation: slide-one .5s;
  -webkit-animation-delay: .2s;
     -moz-animation-delay: .2s;
          animation-delay: .2s;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.two {
  z-index: 1;
  left: -webkit-calc(50%);
  left: -moz-calc(50%);
  left: calc(50%);
  background: -webkit-radial-gradient(center ellipse, #ef4f29 0%, #e33216 100%);
  background: -moz- oldradial-gradient(center ellipse, #ef4f29 0%, #e33216 100%);
  background: radial-gradient(ellipse at center, #ef4f29 0%, #e33216 100%);
  -webkit-transform: translate(-50%, -50%) rotate(-20deg);
     -moz-transform: translate(-50%, -50%) rotate(-20deg);
      -ms-transform: translate(-50%, -50%) rotate(-20deg);
          transform: translate(-50%, -50%) rotate(-20deg);
  opacity: 0;
  -webkit-animation: slide-two .5s;
     -moz-animation: slide-two .5s;
          animation: slide-two .5s;
  -webkit-animation-delay: .2s;
     -moz-animation-delay: .2s;
          animation-delay: .2s;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes slide-one {
  100% {
    opacity: 1;
    left: -webkit-calc(50% - 50px);
    left: calc(50% - 50px);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@-moz-keyframes slide-one {
  100% {
    opacity: 1;
    left: -moz-calc(50% - 50px);
    left: calc(50% - 50px);
    -moz-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
  }
}

@keyframes slide-one {
  100% {
    opacity: 1;
    left: -webkit-calc(50% - 50px);
    left: -moz-calc(50% - 50px);
    left: calc(50% - 50px);
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@-webkit-keyframes slide-two {
  100% {
    opacity: 1;
    left: -webkit-calc(50% + 50px);
    left: calc(50% + 50px);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@-moz-keyframes slide-two {
  100% {
    opacity: 1;
    left: -moz-calc(50% + 50px);
    left: calc(50% + 50px);
    -moz-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
  }
}

@keyframes slide-two {
  100% {
    opacity: 1;
    left: -webkit-calc(50% + 50px);
    left: -moz-calc(50% + 50px);
    left: calc(50% + 50px);
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@-webkit-keyframes fade {
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fade {
  100% {
    opacity: 1;
  }
}

@keyframes fade {
  100% {
    opacity: 1;
  }
}

/*!components/page/home/home.scss*/

.mint-swipe, .mint-swipe-items-wrap {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.mint-swipe-items-wrap {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
       transform: translateZ(0);
}

.mint-swipe-items-wrap > div {
  position: absolute;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
       transform: translateX(-100%);
  width: 100%;
  height: 100%;
  display: none;
}

.mint-swipe-items-wrap > div.is-active {
  display: block;
  -webkit-transform: none;
  -moz-transform: none;
   -ms-transform: none;
       transform: none;
}

.mint-swipe-indicators {
  position: absolute;
  bottom: 10px;
  right: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
       transform: translateX(-50%);
}

.mint-swipe-indicator {
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background: #000;
  opacity: .2;
  margin: 0 3px;
}

.mint-swipe-indicator.is-active {
  background: #fff;
}

.hm-swipe {
  width: 10rem;
  height: 4.66667rem !important;
  color: #fff;
  font-size: 30px;
  text-align: center;
}

.hm-swipe.swipePt {
  padding-top: 0.93333rem;
}

.hm-swipe .slide img {
  width: 100%;
}

.hm-swipe .mint-swipe-indicators {
  left: initial;
  right: -0.66667rem;
}

.hm-swipe .mint-swipe-indicators .mint-swipe-indicator {
  width: 0.21333rem;
  height: 0.05333rem;
  -webkit-border-radius: 0;
          border-radius: 0;
  opacity: .6;
}

.articles-list {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.articles-list a:link,
.articles-list a:hover,
.articles-list a:visited,
.articles-list a:active {
  text-decoration: none;
}

.flex-container {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-height: 2.4rem;
  margin-top: 0.33333rem;
  padding: 0 0.26667rem;
}

.flex-container .pic-area {
  margin: 0 0.4rem 0 0;
  width: 3.2rem;
  height: 1.8rem;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-container .pic-area img {
  width: 3.2rem;
}

.flex-container .txt-area {
  width: 5.73333rem;
}

.flex-container .txt-area .article-title {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

[data-dpr="2"] .flex-container .txt-area .article-title {
  font-size: 28px;
}

[data-dpr="3"] .flex-container .txt-area .article-title {
  font-size: 42px;
}

.flex-container .txt-area .info {
  width: inherit;
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  color: #ccc;
}

[data-dpr="2"] .flex-container .txt-area .info {
  font-size: 24px;
}

[data-dpr="3"] .flex-container .txt-area .info {
  font-size: 36px;
}

.loading-more {
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.loading-more .loading-icon {
  height: 12px;
  width: 12px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px dashed #585858;
  -webkit-animation: loading 1.5s infinite linear;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.loading-more .loading-text {
  color: #666;
  font-size: 14px;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

/* 必需 */
.expand-transition {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  height: 30px;
  padding: 10px;
  background-color: #eee;
  overflow: hidden;
}

/* .expand-enter 定义进入的开始状态 */
/* .expand-leave 定义离开的结束状态 */
.expand-enter, .expand-leave {
  height: 0;
  padding: 0 10px;
  opacity: 0;
}

.fade-transition {
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.fade-enter, .fade-leave {
  opacity: 0;
}

/*!components/page/live-content/live-content.scss*/
a:hover {
  text-decoration: none !important;
}

#live-content .app-download {
  margin-left: -15px;
}

#live-content .container {
  margin: 0.4rem 0 0 0;
  padding: 0 0.4rem 1.53333rem 0.4rem;
}

#live-content .container .single-live-hd .avatar {
  float: left;
  width: 0.93333rem;
  height: 0.93333rem;
  margin: 0 0.46667rem 0 0;
}

#live-content .container .single-live-hd .avatar img {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 100%;
}

#live-content .container .single-live-hd .info {
  float: left;
}

#live-content .container .single-live-hd .info .role {
  font-size: 16px;
  color: #7a7a7a;
  margin: 0 0 0.2rem 0;
}

[data-dpr="2"] #live-content .container .single-live-hd .info .role {
  font-size: 32px;
}

[data-dpr="3"] #live-content .container .single-live-hd .info .role {
  font-size: 48px;
}

#live-content .container .single-live-hd .info .moment {
  font-size: 12px;
  color: #bebebe;
}

[data-dpr="2"] #live-content .container .single-live-hd .info .moment {
  font-size: 24px;
}

[data-dpr="3"] #live-content .container .single-live-hd .info .moment {
  font-size: 36px;
}

#live-content .container .single-live-hd .replynum {
  float: right;
}

#live-content .container .single-live-hd .replynum .icon {
  position: relative;
  display: inline-block;
}

#live-content .container .single-live-hd .replynum .icon-reply {
  top: 5px;
  margin-right: 0.13333rem;
  width: 0.45333rem;
  height: 0.42667rem;
  background: url("../assets/images/msg.png") no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}

#live-content .container .single-live-bd {
  margin: 0.29333rem 0 0 0;
}

#live-content .container .single-live-bd .content {
  min-height: 2.8rem;
  line-height: 2;
  color: #474747;
  font-size: 16px;
}

[data-dpr="2"] #live-content .container .single-live-bd .content {
  font-size: 32px;
}

[data-dpr="3"] #live-content .container .single-live-bd .content {
  font-size: 48px;
}

#live-content .container .single-live-bd .pic-list {
  margin: 0 0 0.66667rem 0;
}

#live-content .container .single-live-bd .pic-list li {
  margin: 0.33333rem 0;
}

#live-content .container .single-live-bd .pic-list img {
  width: 100%;
}

#live-content .container .single-live-ft {
  text-align: center;
}

#live-content .container .single-live-ft .btn {
  display: inline-block;
  width: 2.66667rem;
  height: 1.06667rem;
  line-height: 1.06667rem;
  -webkit-border-radius: 0.53333rem;
          border-radius: 0.53333rem;
  text-align: center;
  color: #bebebe;
}

#live-content .container .single-live-ft .like-btn {
  border: 1px solid #d6d6d6;
  margin: 0 0.8rem 0 0;
}

#live-content .container .single-live-ft .unlike-btn {
  border: 1px solid #d6d6d6;
}

#live-content .container .single-live-ft .icon {
  position: relative;
  display: inline-block;
  width: 0.49333rem;
  height: 0.53333rem;
}

#live-content .container .single-live-ft .icon-like {
  top: 3px;
  background: url("../assets/images/like-btn.png") no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}

#live-content .container .single-live-ft .icon-unlike {
  top: 7px;
  background: url("../assets/images/unlike-btn.png") no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}

#live-content .container .single-live-ft .num {
  display: inline-block;
}

#live-content .container .lastest-comment .lastest-comment-hd {
  border-left: 3px solid #e14946;
  border-bottom: 1px solid #e3e3e3;
  line-height: 1.06667rem;
  margin: 0.8rem -0.4rem 0 -0.4rem;
  padding: 0 0 0 0.33333rem;
  font-size: 14px;
}

[data-dpr="2"] #live-content .container .lastest-comment .lastest-comment-hd {
  font-size: 28px;
}

[data-dpr="3"] #live-content .container .lastest-comment .lastest-comment-hd {
  font-size: 42px;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list li {
  margin: 0.26667rem 0 0 0;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .avatar {
  float: left;
  width: 0.93333rem;
  height: 0.93333rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 0 0.4rem 0 0;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .comment-info {
  margin: 0 0 0 1.06667rem;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .comment-info .username {
  font-size: 14px;
  color: #121212;
  float: left;
}

[data-dpr="2"] #live-content .container .lastest-comment .lastest-comment-bd .comment-list .comment-info .username {
  font-size: 28px;
}

[data-dpr="3"] #live-content .container .lastest-comment .lastest-comment-bd .comment-list .comment-info .username {
  font-size: 42px;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .comment-info .like-btn {
  display: block;
  float: right;
  color: #7a7a7a;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .comment-info .like-btn .icon-like {
  position: relative;
  top: 3px;
  left: -5px;
  display: inline-block;
  width: 0.38667rem;
  height: 0.38667rem;
  background: url("../assets/images/like-btn.png") no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .comment-info .moment {
  font-size: 10px;
  color: #a2a2a2;
}

[data-dpr="2"] #live-content .container .lastest-comment .lastest-comment-bd .comment-list .comment-info .moment {
  font-size: 20px;
}

[data-dpr="3"] #live-content .container .lastest-comment .lastest-comment-bd .comment-list .comment-info .moment {
  font-size: 30px;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .comment-info .content {
  margin: 0.26667rem 0 0.26667rem 0.26667rem;
  font-size: 16px;
  color: #474747;
}

[data-dpr="2"] #live-content .container .lastest-comment .lastest-comment-bd .comment-list .comment-info .content {
  font-size: 32px;
}

[data-dpr="3"] #live-content .container .lastest-comment .lastest-comment-bd .comment-list .comment-info .content {
  font-size: 48px;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .comment-info .content img {
  width: 0.46667rem;
  height: 0.46667rem;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .child-comment-list {
  background: #f7f7f7;
  padding: 0.33333rem;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .child-comment-list .avatar {
  width: 0.66667rem;
  height: 0.66667rem;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .child-comment-list .username {
  float: none;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .child-comment-list .moment {
  float: none;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .child-comment-list .content {
  margin: 0.26667rem 0;
  line-height: 0.53333rem;
}

#live-content .container .lastest-comment .lastest-comment-bd .comment-list .child-comment-list .content img {
  width: 0.46667rem;
  height: 0.46667rem;
}

/*!components/page/live/live.scss*/
#live {
  padding: 0 0 1.06667rem 0;
}

#live .live-banner img {
  width: 100%;
}

#live .container {
  margin: 0 0.4rem;
}

#live .container .list {
  padding: 1.73333rem 0 0 0;
  line-height: 0.46667rem;
}

#live .container .list .item {
  position: relative;
  padding-left: 0.26667rem;
  padding-bottom: 0.8rem;
  border-left: 1px solid #e3e3e3;
}

#live .container .list .item .dot {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  top: -0.26667rem;
  left: -0.42667rem;
}

#live .container .list .item .dot-red {
  background: url("//www.coiegypt.com/page/live/img/point.png") no-repeat 8px 13px;
  -webkit-background-size: 15px 15px;
          background-size: 15px 15px;
}

#live .container .list .item .dot-gray {
  background: url("//www.coiegypt.com/page/live/img/livePoint.png") no-repeat 8px 13px;
  -webkit-background-size: 15px 15px;
          background-size: 15px 15px;
}

#live .container .list .item-hd {
  margin: 0 0 0.4rem 0;
  overflow: hidden;
  line-height: 35px;
}

#live .container .list .item-hd .avatar, #live .container .list .item-hd .role, #live .container .list .item-hd .moment {
  display: inline-block;
}

#live .container .list .item-hd .avatar {
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: inline-block;
  margin-right: 0.4rem;
}

#live .container .list .item-hd .role {
  font-size: 12px;
  color: #7a7a7a;
}

[data-dpr="2"] #live .container .list .item-hd .role {
  font-size: 24px;
}

[data-dpr="3"] #live .container .list .item-hd .role {
  font-size: 36px;
}

#live .container .list .item-hd .moment {
  font-size: 10px;
  color: #bebebe;
  float: right;
}

[data-dpr="2"] #live .container .list .item-hd .moment {
  font-size: 20px;
}

[data-dpr="3"] #live .container .list .item-hd .moment {
  font-size: 30px;
}

#live .container .list .item-bd .content {
  font-size: 16px;
  line-height: 2;
  color: #474747;
}

[data-dpr="2"] #live .container .list .item-bd .content {
  font-size: 32px;
}

[data-dpr="3"] #live .container .list .item-bd .content {
  font-size: 48px;
}

#live .container .list .item-bd .content a {
  text-decoration: none;
}

#live .container .list .item-bd .img-area {
  margin: 0.4rem 0 0 0;
  overflow: hidden;
}

#live .container .list .item-bd .img-area img {
  display: none;
}

#live .container .list .item-bd .img-area .singleImg .photo {
  width: 4.45333rem;
  height: 3.33333rem;
}

#live .container .list .item-bd .img-area .multiImg {
  float: left;
  margin-right: 0.26667rem;
}

#live .container .list .item-bd .img-area .multiImg .photo {
  width: 2rem;
  height: 2rem;
}

#live .container .list .item-bd .operation {
  font-size: 10px;
}

[data-dpr="2"] #live .container .list .item-bd .operation {
  font-size: 20px;
}

[data-dpr="3"] #live .container .list .item-bd .operation {
  font-size: 30px;
}

#live .container .list .item-bd .operation .replynum {
  color: #bebebe;
  float: left;
}

#live .container .list .item-bd .operation .likenum {
  color: #bebebe;
  float: right;
  line-height: 0.42667rem;
}

#live .container .list .item-bd .operation .unlikenum {
  color: #bebebe;
  margin: 0 0.24rem 0 0;
  float: right;
}

#live .container .list .item-bd .operation .icon {
  position: relative;
  display: inline-block;
}

#live .container .list .item-bd .operation .icon-reply {
  top: 6px;
  margin-right: 0.13333rem;
  width: 0.45333rem;
  height: 0.42667rem;
  background: url("../assets/images/msg.png") no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}

#live .container .list .item-bd .operation .icon-like {
  top: 2px;
  margin: 0 0.13333rem 0 0;
  width: 0.34667rem;
  height: 0.37333rem;
  background: url("../assets/images/like-btn.png") no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}

#live .container .list .item-bd .operation .icon-unlike {
  top: 5px;
  margin: 0 1px 0 0;
  width: 0.34667rem;
  height: 0.37333rem;
  background: url("../assets/images/unlike-btn.png") no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}

#live .container .list .item-bd .comment {
  background: #f7f7f7;
  padding: 0.26667rem 0.2rem;
  margin: 0.26667rem 0 0 0;
}

#live .container .list .item-bd .comment .saybox {
  overflow: hidden;
}

#live .container .list .item-bd .comment .saybox .username {
  color: #336cab;
  float: left;
  font-size: 16px;
}

[data-dpr="2"] #live .container .list .item-bd .comment .saybox .username {
  font-size: 32px;
}

[data-dpr="3"] #live .container .list .item-bd .comment .saybox .username {
  font-size: 48px;
}

#live .container .list .item-bd .comment .saybox .saytext {
  text-indent: 0.26667rem;
  font-size: 16px;
}

[data-dpr="2"] #live .container .list .item-bd .comment .saybox .saytext {
  font-size: 32px;
}

[data-dpr="3"] #live .container .list .item-bd .comment .saybox .saytext {
  font-size: 48px;
}

#live .container .list .item-bd .comment .saybox .saytext img {
  width: 0.46667rem;
  height: 0.46667rem;
}

#live .container .list .item-bd .comment .all-reply {
  color: #336cab;
  font-size: 12px;
}

[data-dpr="2"] #live .container .list .item-bd .comment .all-reply {
  font-size: 24px;
}

[data-dpr="3"] #live .container .list .item-bd .comment .all-reply {
  font-size: 36px;
}

/*!components/page/newsletter/newsletter.scss*/
.newsletter .card {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.26667rem;
  margin: 0 0.4rem;
  height: 1.6rem;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.newsletter .card .card-l {
  margin-right: 0.13333rem;
}

.newsletter .card img {
  width: 1.06667rem;
  height: 1.06667rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  vertical-align: middle;
}

.newsletter .card .info {
  font-size: 16px;
  color: #474747;
}

[data-dpr="2"] .newsletter .card .info {
  font-size: 32px;
}

[data-dpr="3"] .newsletter .card .info {
  font-size: 48px;
}

.newsletter .card span {
  font-size: 10px;
  color: #BEBEBE;
}

[data-dpr="2"] .newsletter .card span {
  font-size: 20px;
}

[data-dpr="3"] .newsletter .card span {
  font-size: 30px;
}

.newsletter .card p {
  font-size: 12px;
  color: #7A7A7A;
  line-height: 0.53333rem;
  overflow: hidden;
  white-space: nowrap;
}

[data-dpr="2"] .newsletter .card p {
  font-size: 24px;
}

[data-dpr="3"] .newsletter .card p {
  font-size: 36px;
}

.newsletter .p30 {
  padding: 0 0.4rem;
}

.newsletter .newstext {
  font-size: 16px;
  color: #474747;
  line-height: 0.69333rem;
}

[data-dpr="2"] .newsletter .newstext {
  font-size: 32px;
}

[data-dpr="3"] .newsletter .newstext {
  font-size: 48px;
}

.newsletter .date {
  font-size: 10px;
  color: #BEBEBE;
  height: 0.93333rem;
  line-height: 0.93333rem;
}

[data-dpr="2"] .newsletter .date {
  font-size: 20px;
}

[data-dpr="3"] .newsletter .date {
  font-size: 30px;
}

.newsletter .title {
  position: relative;
  font-size: 11px;
  color: #BEBEBE;
}

[data-dpr="2"] .newsletter .title {
  font-size: 22px;
}

[data-dpr="3"] .newsletter .title {
  font-size: 33px;
}

.newsletter .title span {
  position: relative;
  z-index: 2;
  background: #fff;
  padding-right: 0.26667rem;
}

.newsletter .title:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 1px;
  vertical-align: middle;
  background: #EAEAEA;
  margin-left: 0.13333rem;
}

.newsletter .avatar-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0.32rem 0 0.53333rem;
  overflow: hidden;
}

.newsletter .avatar-content img {
  width: 0.8rem;
  height: 0.8rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin-right: 0.13333rem;
}

.newsletter iframe, .newsletter video {
  display: block;
  width: 9.2rem;
  height: 5.17333rem;
  border: none;
}

.newsletter .accessory {
  padding: 0 0.24rem 0 0.4rem;
}

.newsletter .img-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.newsletter .img-box img {
  width: 2.96rem;
  height: 2.96rem;
  object-fit: cover;
  margin: 0 0.16rem 0.16rem 0;
  -webkit-border-radius: 0.06667rem;
          border-radius: 0.06667rem;
}

.newsletter .single {
  display: block;
}

.newsletter .single img {
  max-width: 5.6rem;
  width: auto;
  height: auto;
}

.newsletter .little {
  width: 6.24rem;
  height: 6.24rem;
}

.newsletter .little img {
  width: 2.96rem;
  height: 2.96rem;
}

.newsletter .link {
  color: #4E81DC;
  font-size: 16px;
  margin-left: 0.13333rem;
}

[data-dpr="2"] .newsletter .link {
  font-size: 32px;
}

[data-dpr="3"] .newsletter .link {
  font-size: 48px;
}

.newsletter .comment-box {
  padding: 0.4rem 0;
  padding-bottom: 1.6rem;
}

.newsletter .comment-box .comment-item {
  width: 9.2rem;
  padding: 0.4rem;
  overflow: hidden;
}

.newsletter .comment-box .avatar {
  float: left;
}

.newsletter .comment-box .avatar img {
  width: 0.93333rem;
  height: 0.93333rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.newsletter .comment-box .userinfo {
  margin: 0 0 0 1.4rem;
}

.newsletter .comment-box .userinfo .nickname {
  float: left;
  font-size: 14px;
  color: #7a7a7a;
}

[data-dpr="2"] .newsletter .comment-box .userinfo .nickname {
  font-size: 28px;
}

[data-dpr="3"] .newsletter .comment-box .userinfo .nickname {
  font-size: 42px;
}

.newsletter .comment-box .userinfo .saytext {
  font-size: 16px;
}

[data-dpr="2"] .newsletter .comment-box .userinfo .saytext {
  font-size: 32px;
}

[data-dpr="3"] .newsletter .comment-box .userinfo .saytext {
  font-size: 48px;
}

.newsletter .comment-box .userinfo .zan {
  float: right;
  color: #ccc;
}

.newsletter .comment-box .userinfo .zan .unzan {
  display: inline-block;
  width: 0.37333rem;
  height: 0.37333rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZjAyNGVhNS02ZmVkLTc1NGUtYjI1Zi0wOWM1NjU1NTVhM2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjlBMDkxRUI1OTNFMTFFNkEyRDVDOTc1MTBFOTFGMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjlBMDkxRUE1OTNFMTFFNkEyRDVDOTc1MTBFOTFGMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTZhMzY4NDQtN2Y3Yy1kZjQ0LTk3MTktOWIzZjI5OGZmZjk5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZWMzYzAyMTUtNGZlYS0xMWU2LWE1ZWQtOTU2MDQyNGJhNmJmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+t55oWQAAAbxJREFUeNq81s8rBGEcx/GZ5eBHSJGSi4uUpKQQeySFlKJIHNzETTnyL6BIcpIkETcXKxYJoVBKIoXy2+KgsN5PPbtN28zsrn12vvVqt3lm57PP7neeeXSPx6NFWRkYRh3SsYZeXEbyYZcWfU2hDYsYRTlWkBSPwEI0YxA9GEADCtAVj8BWfGPScGwHB2iKR6CY3TqeQo7voUR1YJm86LzJ2DMyVQcO4RWzJmO/0CO5SGKEYd2oRx/eTcZT8KVqhrUYwxbGLc5Jw6OKwA4s4R4t+LE4Lw+3sQSmYgTT8KEGdzbXKYYbfhMPmEF+IFBc7AgXBtfy/zpFJc7CfPE5m7EstGNfLBA6a+kNb3KQEHLigmyWNy22Spe/wDJWRZfmygFdi0/5ZMOJv6fTrmmKUKUw+FPcPlb3YTaO5axVzbwCh1YzTFb8EyfK5ttw2UxfZZXK1chrFfitONAt19ttl+ZMVeMEL04E6rLbN/67p4m2CmXXe50KrJavtoFvihvmPLD4OzXDzVj2pdFUmXwseY2BYp/yYfIcM1ajxbMuHLGbu5Kb5mBgv8WNLp7uE4bz/P+Y4a7cCwV74k+AAQA/M225metX1QAAAABJRU5ErkJggg==");
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-right: 0.06667rem;
}

.newsletter .comment-box .userinfo .zan .haszan {
  display: inline-block;
  width: 0.37333rem;
  height: 0.37333rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZjAyNGVhNS02ZmVkLTc1NGUtYjI1Zi0wOWM1NjU1NTVhM2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTkyNDcwQ0Y1OTNGMTFFNjgzOUNDMzNCRTM3REYwNTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTkyNDcwQ0U1OTNGMTFFNjgzOUNDMzNCRTM3REYwNTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTZhMzY4NDQtN2Y3Yy1kZjQ0LTk3MTktOWIzZjI5OGZmZjk5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZWMzYzAyMTUtNGZlYS0xMWU2LWE1ZWQtOTU2MDQyNGJhNmJmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YbewWQAAAR5JREFUeNpivGljzkAiYAfiRiD2BWJmID4OxOVA/IoYzSwMpIPpQJyIxFcHYkMgNgXi34Q0M5FomRIQx2MR1wfiaGIMINXCUDx6AmlhYRAeOSNqW6gKjSdcQJDaFjYDMSMeeVZqWhgMxOEE1HynloWgjLqQCHUfqWGhJxDvAmJuIsx6TImFoAKhDog3AzEfkcFuBsTvsOBrQDwViEVhBoOCrAUtlYkAsTyJWYYVR0oFiWkCsQ8QW4AsXAxN8rQGckDcwUQny2DAn4mBvoCT3hZeoreFh+lt4SF6WvgfiI/Q08LrQPyGnhYeIacCpij+6G3hYXpa+BCIH9HTwkPkNqIoCk6YhR9obNlrIN6IbGErEP+lkWU3gNgDuRsAEGAAuM8sc1gMxqsAAAAASUVORK5CYII=");
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-right: 0.06667rem;
}

.newsletter .comment-box .userinfo .child-comment-line {
  padding-top: 0.13333rem;
  border-bottom: 1px solid #e7e7e7;
}

.newsletter .comment-box .userinfo .child-comment-box {
  padding-top: 0.26667rem;
}

.newsletter .comment-box .userinfo .child-comment-box .saytext a {
  color: #666;
}

.newsletter .comment-box .userinfo .child-comment-box p {
  padding-top: 0.06667rem;
  font-size: 14px;
  color: #ccc;
  line-height: 0.53333rem;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0.6);
}

[data-dpr="2"] .newsletter .comment-box .userinfo .child-comment-box p {
  font-size: 28px;
}

[data-dpr="3"] .newsletter .comment-box .userinfo .child-comment-box p {
  font-size: 42px;
}

.newsletter .comment-box .userinfo .child-comment-box p .posttime {
  font-size: 12px;
}

[data-dpr="2"] .newsletter .comment-box .userinfo .child-comment-box p .posttime {
  font-size: 24px;
}

[data-dpr="3"] .newsletter .comment-box .userinfo .child-comment-box p .posttime {
  font-size: 36px;
}

.newsletter .comment-box .userinfo .child-comment-box p .bule-text {
  color: #4e81dc;
}

.newsletter .comment-box .userinfo .child-comment-box img {
  width: 0.4rem;
}

.newsletter .comment-box .userinfo .saytext {
  font-size: 16px;
  line-height: 1.5;
}

[data-dpr="2"] .newsletter .comment-box .userinfo .saytext {
  font-size: 32px;
}

[data-dpr="3"] .newsletter .comment-box .userinfo .saytext {
  font-size: 48px;
}

.newsletter .comment-box .userinfo .saytext img {
  position: relative;
  top: -3px;
  width: 0.46667rem;
  height: 0.46667rem;
}

.newsletter .comment-box .userinfo .posttime {
  margin: 0.4rem 0 0 0;
  color: #ccc;
}

.newsletter .download {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0.53333rem;
  left: 50%;
  display: block;
  width: 5.33333rem;
  padding: 0.34667rem 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 0.53333rem;
          border-radius: 0.53333rem;
  background: #F84646;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 100;
}

[data-dpr="2"] .newsletter .download {
  font-size: 28px;
}

[data-dpr="3"] .newsletter .download {
  font-size: 42px;
}

.newsletter .comment-swipe {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  max-height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 101;
}

.newsletter .comment-swipe img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 10rem;
  max-height: 100%;
}

.newsletter .comment-swipe .mint-swipe-indicators {
  -webkit-transform: translateX(50%);
     -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

/*!components/page/tag/tag.scss*/
#tagPage .tag-title {
  height: 1.52rem;
  line-height: 1.52rem;
  text-align: center;
  font-size: 0.42667rem;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea;
}