/*720/72*1*/
body {
    margin: 0 auto;
    max-width: 640px;
}

img {
    color: #212121;
    font-size: 0.33rem;
    text-align: center;
}

.home header img {
    width: 100%;
    min-height: 6.6rem;
}

.home header .swiper-pagination-bullet-active, .home header .swiper-pagination-bullet {
    background: #ffffff;
}

.home .btn-group {
    font-size: 0;
    padding: 0.56rem 0.44rem;
}

.home .btn-group a {
    display: inline-block;
    width: 4.33rem;
    height: 1.22rem;
    line-height: 1.22rem;
    border-radius: 1.22rem;
    font-size: 0.39rem;
    text-align: center;
    font-weight: bold;
}

.home .btn-group a:before {
    content: '';
    display: inline-block;
    background: url("../image/icons.png") no-repeat -0.10rem -0.10rem;
    background-size: 10rem 14rem;
    margin-right: 1.18rem;
    width: 0.58rem;
    height: 0.58rem;
    vertical-align: middle;
}

.home .btn-group .btn-genres:before {
    background-position: -0.10rem -1.86rem;
}

.home .btn-group .btn-sex {
    background: #e8eeff;
    color: #3b7cfc;
    position: relative;
}

.home .btn-group .btn-sex.female {
    background: #fbe8ed;
    color: #f2597c;
}

.home .btn-group .btn-sex.female:before {
    background-position: -0.11rem -0.91rem;
}

.home .btn-group .btn-sex:after {
    content: 'Male';
}

.home .btn-group .btn-sex.female:after {
    content: 'Female';
}

.home .btn-group .btn-sex.loading:before {
    display: none;
}

.home .btn-group .btn-sex.loading:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhCQTA5RDdENUE3NjExRTg4REQ0OEFEODY5QjVCNEI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhCQTA5RDdFNUE3NjExRTg4REQ0OEFEODY5QjVCNEI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEJBMDlEN0I1QTc2MTFFODhERDQ4QUQ4NjlCNUI0QjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEJBMDlEN0M1QTc2MTFFODhERDQ4QUQ4NjlCNUI0QjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4RJKKLAAAQXUlEQVR42rxcaaxd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) no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.3rem 0 0 -0.3rem;
    transform-origin: center;
    -webkit-transform-origin: center;
    animation: rotating 1s linear infinite;
    -webkit-animation: rotating 1s linear infinite; /* Safari and Chrome */
}

@-webkit-keyframes rotating {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

.home .btn-group .btn-genres {
    background: #e9f7fe;
    margin-left: 0.44rem;
    color: #212121;
    vertical-align: top;
}

.home section {
    padding-top: 0.52rem;
}

.home section h2 {
    font-size: 0.47rem;
    font-weight: bold;
    padding: 0 0 0.51rem 0.44rem;
}

.home section .btn-more {
    float: right;
    font-size: 0.50rem;
    color: #aeaeae;
    margin-right: 0.44rem;
}

.home .book-tip{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0rem;
    color: white;
    font-size: 10px;
    padding: 2px 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background:-webkit-linear-gradient(left,#ffc107,#f57c00);
    background:-o-linear-gradient(right,#ffc107,#f57c00);
    background:-moz-linear-gradient(right,#ffc107,#f57c00);
    background:linear-gradient(to right,#ffc107,#f57c00);
}

.home .book-color{
    background:-webkit-linear-gradient(left,#f57c00,#ff1744);
    background:-o-linear-gradient(right,#f57c00,#ff1744);
    background:-moz-linear-gradient(right,#f57c00,#ff1744);
    background:linear-gradient(to right,#f57c00,#ff1744);
}

.book-image{
    display: inline-block;
    position: relative;
}

.home .book-read{    
    width: 2.81rem;
    display: inline-block;
    color: white;
    font-size: 10px;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    padding: 0.1rem 0rem;
    opacity: 0.8;
    background: url("../image/reader_shadow.png") repeat-x;
    background-size: auto 100%;
}

.home .book-read > div {
    float: right;
    margin-right: 0.2rem;
}

.home .book-special{
    display: inline-block;
    font-size: 10px;
    color: white;
    position: absolute;
    bottom: 0.24rem;
    left: 0.44rem;
    width: 9.11rem;
    padding: 0.4rem 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    opacity: 0.8;
    background: url("../image/reader_shadow.png") repeat-x;
    background-size: auto 100%;
}

.home .book-special > div {
    margin-left: 0.5rem;
}

.book-special__text{
    margin-left: 0.3rem;
}

.home .new-comics ul,
.home .upSpree ul {
    font-size: 0;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 0.83rem;
    -webkit-overflow-scrolling: touch;
}

.home .new-comics ul li,
.home .upSpree ul li {
    vertical-align: top;
    width: 3.89rem;
    display: inline-block;
    padding-left: 0.22rem;
    /* position: relative; */
}

.home .new-comics ul li > div,
.home .upSpree ul li > div{
    position: relative;
}

.home .new-comics ul li:first-of-type,
.home .upSpree ul li:first-of-type {
    padding-left: 0.44rem;
}

.home .new-comics ul li:last-of-type,
.home .upSpree ul li:last-of-type {
    padding-right: 0.44rem;
}

.home .new-comics ul li img,
.home .upSpree ul li img {
    border-radius: 0.1rem;
    width: 100%;
    min-height: 2.60rem;
}

.home .new-comics ul li img{
    height: 5.19rem;
}

.home .new-comics ul li h3{
    color: #212121;
    font-size: 0.33rem;
    padding: 0.28rem 0 0;
    white-space: nowrap;
    margin-bottom: 0.28rem;
    height: 0.40rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home .new-comics ul li p{
    font-size: 0.28rem;
}

.home .new-comics ul li p > span{
    color: #c6c6c6;
    display: inline-block;
    background: #f6f6f6;
    padding: 2px 5px;
    margin-right: 2px;
    border-radius: 2px;
}

.home .upSpree ul li img{
    height: 2rem;
}

.home .editor-picks ul {
    padding: 0 0.44rem 0.5rem;
    font-size: 0;
}

.home .editor-picks ul li {
    width: 4.39rem;
    display: inline-block;
    padding-bottom: 0.25rem;
    /* position: relative; */
}

.home .editor-picks ul li > div {
    position: relative;
}

.home .editor-picks ul li img {
    height: 4.39rem;
    border-radius: 0.1rem;
}

.home .editor-picks ul li:nth-of-type(2n + 0) {
    padding-left: 0.34rem;
}

.home .editor-picks ul li h3,
.home .must-read ul li h3,
.home .latest-update ul li h3,
.home .new-theme ul li h3{
    color: #212121;
    font-size: 0.33rem;
    padding: 0.28rem 0 0;
    white-space: normal;
    margin-bottom: 0.28rem;
    height: 0.80rem;
    overflow-y: hidden;
}

 .home .editor-picks ul li p,
 .home .must-read ul li p,
 .home .latest-update ul li p,
 .home .new-theme ul li p{
     font-size: 0.28rem;
     color: #c6c6c6;
 }

 .home .rising-comics ul li{
     width: 4.39rem;
 }

 .home .rising-comics ul li img {
     min-height: 5.85rem;
 }

.home .most-popular ul {
    padding: 0 0.44rem 0.5rem;
    font-size: 0;
}

.home .most-popular ul li {
    width: 4.42rem;
    display: inline-block;
    padding-bottom: 0.25rem;
}

.home .most-popular ul li img {
    min-height: 5.9rem;
    border-radius: 0.1rem;
}

.home .most-popular ul li:nth-of-type(2n + 0) {
    padding-left: 0.25rem;
}

.home .must-read ul,
.home .latest-update ul,
.home .new-theme ul {
    font-size: 0;
    padding: 0 0.44rem;
}

.home .must-read ul li,
.home .latest-update ul li,
.home .new-theme ul li {
    display: inline-block;
    width: 2.81rem;
    padding: 0 0 0.58rem 0.34rem;
    vertical-align: top;
    /* position: relative; */
}

.home .must-read ul li > div,
.home .latest-update ul li > div,
.home .new-theme ul li > div {
    position: relative;
}

.home .must-read ul li img,
.home .latest-update ul li img,
.home .new-theme ul li img {
    height: 3.76rem;
    border-radius: 0.1rem;
}

.home .must-read ul li:nth-of-type(3n + 1), .home .must-read ul li:first-of-type,
.home .latest-update ul li:nth-of-type(3n + 1), .home .latest-update ul li:first-of-type,
.home .new-theme ul li:nth-of-type(3n + 1), .home .new-theme ul li:first-of-type {
    padding-left: 0;
}

.home .new-theme .new-header{
    position: relative;
    padding: 0 0.44rem 0.24rem 0.44rem;
    width: 9.11rem;
}

.home .new-theme .new-header p{
    font-size: 0.40rem;
}

.home .new-theme .new-header img{
    width: 100%;
    min-height: 5.69rem;
    border-radius: 10px;
}

.home .new-theme .new-header .book-tip{
    left: 0.42rem;
}

.home .book-read img,
.home .book-special__text img{
    width: 0.37rem !important;
    height: 0.26rem !important;
    min-height: 0.26rem !important;
    margin-top: -0.05rem;
}

.home .amazing-comics h2 {
    padding-bottom: 0;
}

.home .amazing-comics ul {
    font-size: 0;
    padding: 0 0.44rem;
}

.home .amazing-comics ul li {
    padding-top: 0.90rem;
}

.home .amazing-comics .manga-info {
    height: 3.44rem;
    position: relative;
}

.home .amazing-comics .manga-info .back-img-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: hidden;
}

.home .amazing-comics .manga-info .back-img-layer .back-img {
    border-top-left-radius: 0.15rem;
    border-top-right-radius: 0.15rem;
}

.home .amazing-comics .manga-info .back-img-layer:after {
    content: '';
    background: rgba(0, 0, 0, 0.74);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top-left-radius: 0.15rem;
    border-top-right-radius: 0.15rem;
}

.home .amazing-comics .manga-info .img-manga {
    width: 2.5rem;
    position: absolute;
    top: -0.44rem;
    left: 0.44rem;
    border-radius: 0.167rem;
}

.home .amazing-comics .manga-info h3 {
    color: #ffffff;
    font-size: 0.42rem;
    height: 1.29rem;
    text-overflow: ellipsis;
}

.home .amazing-comics .manga-info label {
    padding: 0.08rem 0.14rem;
    background: #f1f1f1;
    border-radius: 2px;
}

.home .amazing-comics .manga-info .right-wrap {
    position: absolute;
    top: 0.44rem;
    bottom: 0;
    left: 3.4rem;
    z-index: 2;
}

.home .amazing-comics .manga-info .right-wrap .label-group {
    font-size: 0;
    color: #212121;
}

.home .amazing-comics .manga-info .right-wrap label {
    font-size: 0.28rem;
    margin-right: 0.11rem;
}

.home .amazing-comics .manga-info .right-wrap .base-group {
    font-size: 0;
    color: #ffffff;
    padding-top: 0.42rem;
}

.home .amazing-comics .manga-info .right-wrap .base-group span {
    font-size: 0.31rem;
    display: inline-block;
    height: 0.42rem;
    line-height: 0.52rem;
    margin-right: 0.42rem;
}

.home .amazing-comics .manga-info .right-wrap .base-group .like:before {
    background-position: -0.11rem -3.2rem;
}

.home .amazing-comics .manga-info .right-wrap .base-group .message:before {
    background-position: -0.11rem -3.71rem;
}

.home .amazing-comics .manga-info .right-wrap .base-group span:before {
    content: '';
    display: inline-block;
    background: url("../image/icons.png") no-repeat -0.11rem -2.68rem;
    background-size: 10rem 14rem;
    width: 0.42rem;
    height: 0.42rem;
    vertical-align: top;
    margin-right: 0.11rem;
}

.home .amazing-comics .manga-info .btn-read {
    position: absolute;
    z-index: 3;
    display: inline-block;
    right: 0.44rem;
    background: #ffffff;
    top: 3.11rem;
    padding: 0.05rem;
    text-align: center;
    border-radius: 0.56rem;
}

.home .amazing-comics .manga-info .btn-read:after {
    content: 'READ';
    color: #ffffff;
    font-size: 0.36rem;
    background: #ec6164;
    height: 0.56rem;
    width: 1.56rem;
    line-height: 0.56rem;
    text-align: center;
    border-radius: 0.56rem;
    display: inline-block;
}

.home .amazing-comics .manga-remark {
    padding: 0.44rem 0.44rem 0 0.43rem;
    background: #f6f6f6;
    color: #ec6164;
    list-style: disc inside;
    font-size: 0.5rem;
    border-bottom-left-radius: 0.15rem;
    border-bottom-right-radius: 0.15rem;
}

.home .amazing-comics .manga-remark li {
    padding: 0 0 0.44rem 0.1rem;
    line-height: 0.47rem;
}

.home .amazing-comics .manga-remark li p {
    display: inline-block;
    padding-left: 0.2rem;
    font-size: 0.33rem;
    color: #212121;
    margin-left: -0.3rem;
    vertical-align: top;
    width: 7.4rem;
}

.home main {
    padding-bottom: 2.3rem;
}

.home .last-block{
    border-top: 1px solid ghostwhite;
}

.home main .btn-all {
    border: 2px solid #212121;
    height: 0.94rem;
    color: #212121;
    line-height: 0.94rem;
    display: block;
    text-align: center;
    font-size: 0.39rem;
    width: 5.2rem;
    border-radius: 0.94rem;
    margin: 0.39rem auto 0;
}

footer {
    background: url("../image/bg_down.png") no-repeat;
    background-size: 100% 100%;
    height: 1.86rem;
    width: 100%;
    max-width: 640px;
    position: fixed;
    bottom: 0;
    /*left: 0;*/
    z-index: 4;
}

footer .btn-open {
    position: absolute;
    right: 0.44rem;
    top: 50%;
    margin-top: -.275rem;
    height: .97rem;
    line-height: .97rem;
    width: 1.96rem;
    background-image: url("../image/btn-open.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-animation: tada 5s linear infinite;
    animation: tada 5s linear infinite;
}

@-webkit-keyframes tada {
    60% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    64%, 68% {
      -webkit-transform: scale(.9) rotate(-8deg);
      transform: scale(.9) rotate(-8deg);
    }
  
    72%, 80%, 88% {
      -webkit-transform: scale(1.3) rotate(8deg);
      transform: scale(1.3) rotate(8deg);
    }
  
    76%, 84% {
      -webkit-transform: scale(1.3) rotate(-8deg);
      transform: scale(1.3) rotate(-8deg);
    }
  
    92% {
      -webkit-transform: scale(1) rotate(0);
      transform: scale(1) rotate(0);
    }
}
  
@keyframes tada {
    60% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  
    64%, 68% {
      -webkit-transform: scale(.9) rotate(-8deg);
      -ms-transform: scale(.9) rotate(-8deg);
      transform: scale(.9) rotate(-8deg);
    }
  
    72%, 80%, 88% {
      -webkit-transform: scale(1.3) rotate(8deg);
      -ms-transform: scale(1.3) rotate(8deg);
      transform: scale(1.3) rotate(8deg);
    }
  
    76%, 84% {
      -webkit-transform: scale(1.3) rotate(-8deg);
      -ms-transform: scale(1.3) rotate(-8deg);
      transform: scale(1.3) rotate(-8deg);
    }
  
    92% {
      -webkit-transform: scale(1) rotate(0);
      -ms-transform: scale(1) rotate(0);
      transform: scale(1) rotate(0);
    }
}

.genres header {
    height: 1.33rem;
    line-height: 1.33rem;
    background: -webkit-linear-gradient(left, #ec8650, #cf5881); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ec8650, #cf5881); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ec8650, #cf5881); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ec8650, #cf5881);
}

.genres header .btn-back {
    display: inline-block;
    height: 0.83rem;
    width: 0.83rem;
    background: url("../image/icons.png") no-repeat -0.11rem -4.17rem;
    background-size: 10rem 14rem;
    margin-left: 0.44rem;
    vertical-align: middle;
}

.genres header h1 {
    font-size: 0.5rem;
    font-weight: bold;
    display: inline-block;
    height: 100%;
    line-height: 1.45rem;
    vertical-align: top;
    color: #ffffff;
}

.genres main {
    padding-bottom: 1.44rem;
}

.genres .footer-loading {
    height: 1rem;
    line-height: 1rem;
    font-size: 0.4rem;
    color: #aeaeae;
    text-align: center;
    border-top: 2px solid #f6f6f6;
}

.genres .genres-list {
    padding: 0.21rem 0.44rem;
    font-size: 0;
}

.genres .genres-list li {
    display: inline-block;
    width: 25%;
    text-align: center;
    margin-top: 0.17rem;
    height: 0.66rem;
}

.genres .genres-list li a {
    color: #212121;
    font-size: 0.33rem;
    display: inline-block;
    width: 1.83rem;
    height: 0.61rem;
    line-height: 0.61rem;
    vertical-align: top;
}

.genres .genres-list li a.action {
    color: #ec6164;
    border: 1px solid #ec6164;
    border-radius: 0.6rem;
}

.genres .comics-list li {
    border-top: 2px solid #f6f6f6;
    font-size: 0;
}

.genres .comics-list .comics-image {
    height: 4.47rem;
    width: 3.33rem;
    display: inline-block;
    text-align: center;
}

.genres .comics-list .comics-image img {
    min-height: 100%;
    min-width: 3.33rem;
    height: initial;
    width: initial;
}

.genres .comics-list .comics-info {
    width: 5.78rem;
    padding: 0.33rem 0.44rem;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.genres .comics-list .comics-info h3 {
    color: #212121;
    font-size: 0.44rem;
    height: 1.28rem;
}

.genres .comics-list .comics-info .update-time, .genres .comics-list .comics-info .base-info {
    height: 0.69rem;
    line-height: 0.69rem;
    color: #aeaeae;
    font-size: 0.33rem;
}

.genres.encyclopedia .comics-list .comics-info h3 {
    height: 1.6rem;
}

.genres .comics-list .comics-info .base-info {
    height: 0.83rem;
    line-height: 0.83rem;
    width: 5.78rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.genres .comics-list .comics-info .grade span {
    padding-left: 0.08rem;
    vertical-align: top;
}

.genres .comics-list .comics-info .grade .star-box {
    width: 1.46rem;
    position: relative;
    height: 0.33rem;
    background: #dddddd;
    display: inline-block;
}

.genres .comics-list .comics-info .grade .star {
    height: 0.33rem;
    background: #ffb300;
    position: absolute;
    z-index: 1;
}

.search-box {
    text-align: center;
    padding-bottom: 0.55rem;
    position: relative;
}

.search-box input {
    width: 8.08rem;
    height: 1rem;
    border-radius: 50rem;
    background: #f6f6f6;
    border: 2px solid #f2f2f2;
    font-size: 0.388rem;
    padding: 0 0.28rem 0 0.55rem;
    position: relative;
}

.search-box input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.search-box .btn-clear {
    display: none;
    width: 0.5rem;
    height: 0.5rem;
    background: url("../image/icons.png") no-repeat -1.97rem -0.04rem;
    background-size: 10rem 14rem;
    right: 0.83rem;
    top: 0.55rem;
    position: absolute;
}

.genres .comics-list .comics-info .grade .star:before {
    content: '';
    background: url("../image/star.png") no-repeat;
    background-size: 100% 100%;
    width: 1.46rem;
    height: 0.33rem;
    position: absolute;
    z-index: 2;
}

.genres .comics-list .comics-info .grade .star-progress {
    width: 1.46rem;
    height: 0.33rem;
    background: #ffb300;
    position: absolute;
    z-index: 1;
}

.genres .comics-list .comics-info .grade span {
    font-size: 0.33rem;
    color: #212121;
}

.genres .comics-list .comics-info .label-group {
    padding: 0.18rem 0 0.65rem;
}

.genres.encyclopedia .comics-list .comics-info .label-group {
    padding: 0.18rem 0 0.1rem;
}

.genres .comics-list .comics-info .label-group label {
    color: #aeaeae;
    font-size: 0.28rem;
    background: #ebebeb;
    padding: 0.1rem;
    border-radius: 0.1rem;
    margin-right: 0.1rem;
}

.genres .comics-list .comics-info .base-group {
    line-height: 0.42rem;
    font-size: 0.30rem;
    color: #aeaeae;
}

.genres .comics-list .comics-info .base-group .hot {

}

.genres .comics-list .comics-info .base-group span {
    vertical-align: middle;
    height: 0.42rem;
    line-height: 0.42rem;
    display: inline-block;
}

.genres .comics-list .comics-info .base-group .message {
    margin-left: 0.35rem;
}

.genres .comics-list .comics-info .base-group .hot:before {
    content: '';
    display: inline-block;
    width: 0.42rem;
    height: 0.42rem;
    background: url("../image/icons.png") no-repeat -0.11rem -5.125rem;
    background-size: 10rem 14rem;
    vertical-align: middle;
    margin: -0.2rem 0.125rem 0 0;

}

.genres .comics-list .comics-info .base-group .message:before {
    content: '';
    display: inline-block;
    width: 0.42rem;
    height: 0.42rem;
    background: url("../image/icons.png") no-repeat -0.11rem -5.76rem;
    background-size: 10rem 14rem;
    vertical-align: middle;
    margin: -0.1rem 0.125rem 0 0;
}

.genres .comics-list .comics-info .btn-read {
    font-size: 0.33rem;
    text-align: center;
    height: 0.55rem;
    line-height: 0.55rem;
    width: 1.38rem;
    position: absolute;
    background: #ec6164;
    color: #ffffff;
    border-radius: 50rem;
    bottom: 0.33rem;
    right: 0.44rem;
}

.genres .btn-all {
    height: 0.93rem;
    width: 5.19rem;
    text-align: center;
    line-height: 0.93rem;
    border: 3px solid #212121;
    color: #212121;
    font-size: 0.39rem;
    display: block;
    border-radius: 50rem;
    position: relative;
    margin: 0.80rem auto 0;
}

.genres .btn-all:after {
    content: '';
    display: inline-block;
    background: url("../image/icons.png") no-repeat -0.11rem -6.43rem;
    background-size: 10rem 14rem;
    width: 0.3rem;
    height: 0.4rem;
    vertical-align: middle;
    position: absolute;
    top: 0.25rem;
    right: 0.48rem;
}

/*Reader*/
.reader header {
    position: relative;
}

.reader header .btn-group {
    position: absolute;
    top: 0.44rem;
    left: 0.44rem;
    font-size: 0;
    z-index: 1;
}

.reader header .btn-group a {
    background: url("../image/icons.png") no-repeat -0.11rem -6.43rem;
    background-size: 10rem 14rem;
    display: inline-block;
    width: 0.92rem;
    height: 0.92rem;
}

/* .reader header .btn-group .btn-home {
    background-position: -0.11rem -7.08rem;
} */
.reader header .btn-group .btn-home {
    background: rgba(0,0,0,.6);
    border-radius: .46rem;
    width: 2.33rem;
    line-height: .93rem;
    height: .93rem;
    color: #ffffff;
}
.reader header .btn-group .btn-home::before {
    content: '';
    background-image: url(../image/icons.png);
    background-repeat: no-repeat;
    background-position: -1.62rem -1.1rem;
    background-size: 10rem 14rem;
    font-size: 0.39rem;
    width: 0.74rem;
    height: 0.48rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.14rem;
}
.reader header .btn-group .btn-home::after {
    content: 'HOME';
    font-size: 0.39rem;
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
}

.reader header .btn-group .btn-close {
    background-position: -0.11rem -8.25rem;
    margin-left: 0.44rem;

}

.reader header .comics-bg {
    position: relative;
}

.reader header .comics-bg img {
    min-height: 4rem;
}

.reader header .comics-bg:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url("../image/reader_shadow.png") repeat-x;
    background-size: auto 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.reader header .comics-info {
    padding: 0.11rem;
    background: #ffffff;
    box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.4);
    margin: -1.11rem auto 0;
    height: 4.44rem;
    width: 9.11rem;
    position: relative;
    z-index: 1;
    border-radius: 0.2rem;
}

.reader header .comics-info img {
    height: 100%;
    width: initial;
    vertical-align: top;
    border-radius: 0.17rem;
}

.reader header .comics-info .right-wrap {
    display: inline-block;
    width: 5.44rem;
    vertical-align: top;
    height: 100%;
    position: relative;
}

.reader header .comics-info .right-wrap h1 {
    color: #212121;
    font-size: 0.47rem;
    font-weight: bold;
    margin-top: 0.51rem;
    height: 1.04rem;
    line-height: .52rem;
    margin-bottom: .35rem;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.reader header .comics-info .right-wrap .label-group {
    font-size: 0;
}

.reader header .comics-info .right-wrap .label-group label {
    background: #f6f6f6;
    padding: 0.08rem 0.14rem;
    display: inline-block;
    font-size: 0.28rem;
    color: #959595;
    margin-right: 0.14rem;
    margin-bottom: 0.14rem;
    border: 2px solid #f1f1f1;
    border-radius: 0.1rem;
}


.reader header .comics-info .right-wrap .hot-count {
    color: #aeaeae;
    font-size: 0.33rem;
    position: absolute;
    bottom: 0.35rem;
    left: 0;
    height: 0.42rem;
    line-height: 0.42rem;
    text-align: center;
}
.reader header .comics-info .right-wrap .hot-count div {
    display: inline-block;
    padding-right: 0.31rem;
    line-height: 0.42rem;
}
.reader header .comics-info .right-wrap .hot-count div i {
    display: inline-block;
    vertical-align: middle;
    height: .42rem;
    width: .6rem;
    background-image: url("../image/icons.png");
    background-repeat: no-repeat;
    background-size: 10rem 14rem;
}
.reader header .comics-info .right-wrap .hot-count .read-people i {
    width: .7rem;
    background-position: -1.81rem -5.04rem;
}
.reader header .comics-info .right-wrap .hot-count .collect-people i {
    background-position: -1.89rem -4.34rem;
}
.reader header .description-warpper {
    position: relative;
    border-bottom: 2px solid #f1f1f1;
}

.reader header .description {
    color: #28282b;
    font-size: 0.39rem;
    margin: 0.67rem 0.64rem 0.67rem 0.44rem;
    line-height: .54rem;
}

.reader header .description.folded {
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.reader header .description-warpper .show-more-description {
    position: absolute;
    right: .4rem;
    bottom: .78rem;
    display: none;
    width: 0.47rem;
    height: 0.33rem;
    background: url("../image/icons.png") no-repeat -1.83rem -3.67rem;
    background-size: 10rem 14rem;
}

.reader main .chapter-title:before {
    content: '';
    background: url("../image/icons.png") no-repeat -0.11rem -9.89rem;
    background-size: 10rem 14rem;
    display: inline-block;
    width: 0.49rem;
    height: 0.42rem;
    vertical-align: middle;
}

.reader main .chapter-title {
    color: #212121;
    font-weight: bold;
    font-size: 0.42rem;
    margin: 0 0.44rem;
    line-height: 1rem;
    padding: .437rem 0;
}

.reader main .list-image.interval li {
    margin-top: 0.1rem;
}

.reader main .list-image.interval li:first-of-type {
    margin-top: 0;
}

.reader main .list-image li {
    background: #f1f1f1;
    height: 6rem;
    line-height: 6rem;
    text-align: center;
    position: relative;
}

.reader main .list-image li:after {
    content: attr(data-index);
    color: #aeaeae;
    font-size: 1.48rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
}

.reader main .list-image li img {
    position: relative;
    z-index: 2;
    vertical-align: top;
    font-size: 0;
}

.reader main .btn-group {
    font-size: 0;
    padding: 0 0.44rem;
    border-top: 2px solid #f1f1f1;
    border-bottom: 2px solid #f1f1f1;
}

.reader main .btn-group a {
    color: #212121;
    display: inline-block;
    font-size: 0.39rem;
    width: 4.5rem;
    text-align: center;
    height: 2.75rem;
    position: relative;
    line-height: 4rem;
}

.reader main .btn-group a:before {
    content: ' ';
    background: url("../image/icons.png") no-repeat -0.11rem -10.4rem;
    background-size: 10rem 14rem;
    width: 0.625rem;
    height: 0.5rem;
    position: absolute;
    top: 0.88rem;
    left: 1.85rem;

}

.reader main .btn-group a.btn-next:before {
    transform: rotate(180deg);
}

.reader main .comment-title {
    color: #212121;
    font-weight: bold;
    font-size: 0.42rem;
    margin: 0 0.44rem;
    height: 1.875rem;
    line-height: 1.875rem;
}

.reader main .list-comment {
}

.reader main .list-comment li {
    padding: 0.44rem 0.44rem 1.16rem;
    border-bottom: 2px solid #f1f1f1;
    position: relative;
}

.reader main .list-comment li:first-of-type {
    padding-top: 0.22rem;
}

.reader main .list-comment img {
    width: 1rem;
    height: 1rem;
    border-radius: 5rem;
    border: 1px solid #dfdfdf;
    vertical-align: top;
    font-size: 0.4rem;
}

.reader main .list-comment .right-wrap {
    display: inline-block;
    width: 7.6rem;
    vertical-align: top;
    padding-top: 0.17rem;
}

.reader main .list-comment .right-wrap .nick-name {
    font-size: 0.36rem;
    color: #212121;
}

.reader main .list-comment .right-wrap .time {
    font-size: 0.27rem;
    color: #aeaeae;
    padding: 0.14rem 0 0.53rem;
}

.reader main .list-comment .right-wrap .content {
    font-size: 0.39rem;
    color: #212121;
}

.reader main .list-comment .right-wrap .btn-like {
    background: url("../image/icons.png") no-repeat -0.11rem -11.1rem;
    background-size: 10rem 14rem;
    padding-left: 0.56rem;
    color: #aeaeae;
    display: inline-block;
    font-size: 0.31rem;
    height: 0.47rem;
    line-height: 0.47rem;
    position: absolute;
    bottom: 0.38rem;
    right: 0.44rem;
}

.reader main .list-comment .right-wrap .list-replies {
    margin-top: 0.44rem;
    background: #f8f8f8;
    padding: 0.35rem;
    color: #6c6c6c;
    font-size: 0.33rem;
    line-height: 0.5rem;
}

.reader main .list-comment .right-wrap .list-replies li {
    padding: 0;
    border: 0;
}

.reader main .list-comment .right-wrap .list-replies em {
    color: #aeaeae;
    font-style: normal;
}

.reader main .list-comment .right-wrap .list-replies .btn-replies {
    color: #ec6164;
}

.reader main .btn-more {
    color: #ec6164;
    font-size: 0.39rem;
    width: 4rem;
    margin: 0.44rem auto 0;
    height: 0.44rem;
    text-align: center;
    display: block;
}

.reader main {
    padding-bottom: 2.5rem;
}

.reader main .btn-more:after {
    content: '';
    display: inline-block;
    background: url("../image/icons.png") no-repeat -0.11rem -11.7rem;
    background-size: 10rem 14rem;
    width: 0.3rem;
    height: 0.3rem;
    margin-left: 0.19rem;
}

.popup {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.popup .wrap {
    background: url("../image/popup_bg.jpg") #ffffff no-repeat;
    background-size: 100% auto;
    width: 8.22rem;
    height: 10rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4.9rem 0 0 -4.11rem;
    border-radius: 0.2rem;
}

.popup p {
    color: #212121;
    margin-top: 5.87rem;
    font-size: 0.36rem;
    text-align: center;
    padding: 0 0.78rem;
}

.popup .wrap .btn-download {
    display: block;
    margin: 0.69rem auto 0;
    border-radius: 5rem;
    background: -webkit-linear-gradient(left, #ec8650, #cf5881); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ec8650, #cf5881); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ec8650, #cf5881); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ec8650, #cf5881);
    font-weight: bold;
    font-size: 0.42rem;
    text-align: center;
    line-height: 1.36rem;
    color: #ffffff;
    height: 1.36rem;
    width: 6.67rem;
}

.popup .btn-close {
    display: inline-block;
    background: url("../image/icons.png") no-repeat -0.11rem -12.16rem;
    background-size: 10rem 14rem;
    width: 0.92rem;
    height: 0.92rem;
    position: absolute;
    top: 10.6rem;
    left: 3.67rem;
}

.error {
    text-align: center;
    color: #959595;
}

.error img {
    margin-top: 6.14rem;
    width: 5.14rem;
}

.error h1 {
    font-weight: bold;
    font-size: 0.44rem;
    padding: 0.64rem 0 0.35rem;
}

.error .error-info {
    font-size: 0.33rem;
}

.error .btn-home {
    font-size: 0.39rem;
    color: #ffffff;
    background: -webkit-linear-gradient(left, #ec8650, #cf5881); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ec8650, #cf5881); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ec8650, #cf5881); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ec8650, #cf5881);
    border-radius: 5rem;
    height: 1.06rem;
    line-height: 1.06rem;
    display: block;
    font-weight: bold;
    margin: 1.52rem auto 0;
    width: 6rem;
}

.error .p-countdown {
    font-size: 0.33rem;
    margin-top: 0.5rem;
}

.toast-loading {
    display: none;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 0.5rem;
    position: fixed;
    width: 2.5rem;
    height: 2.5rem;
    top: 50%;
    z-index: 3;
    left: 50%;
    margin: -1.25rem 0 0 -1.25rem;
}

.toast-loading:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABKCAYAAAAc0MJxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMzNDRBMDA0NUI0MDExRThCQTVERDQwMTlGN0Q4NTBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVFOEM5OENBNUI0NTExRThCQTVERDQwMTlGN0Q4NTBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzM0NEEwMDI1QjQwMTFFOEJBNURENDAxOUY3RDg1MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzM0NEEwMDM1QjQwMTFFOEJBNURENDAxOUY3RDg1MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6vfKCgAAAILUlEQVR42uxcWWyV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) no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.5rem 0 0 -0.5rem;
    transform-origin: center;
    -webkit-transform-origin: center;
    animation: rotating 1s linear infinite;
    -webkit-animation: rotating 1s linear infinite; /* Safari and Chrome */
}

.tab-bar {
    background: #FFFFFF;
    background-size: 100% 100%;
    border-top: 2px solid #f1f1f1;
    height: 1.44rem;
    width: 100%;
    max-width: 640px;
    position: fixed;
    bottom: 0;
    z-index: 4;
    font-size: 0;
}

.tab-bar a:before {
    content: '';
    display: block;
    background: url("../image/icon_tab.png") no-repeat;
    background-size: 0.8rem auto;
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    left: 50%;
    margin: 0.25rem 0 0 -0.4rem;
}

.tab-bar a {
    position: relative;
    font-size: 0.27rem;
    color: #c5c5c5;
    display: inline-block;
    width: 33.3%;
    height: 1.44rem;
    line-height: 2.3rem;
    text-align: center;
}

.tab-bar a:nth-of-type(2):before {
    background-position: 0.15rem -1rem;
}

.tab-bar a:nth-of-type(3):before {
    background-position: 0.18rem -6.28rem;
}

.tab-bar a.action {
    color: #ec6164;
}

.tab-bar a.action:nth-of-type(1):before {
    background-position: 0 -3.01rem;
}

.tab-bar a.action:nth-of-type(2):before {
    background-position: 0.15rem -4.07rem;

}

.tab-bar a.action:nth-of-type(3):before {
    background-position: 0.18rem -7.45rem;
}

/*BOOK*/
.book-page header, .role-page header {
    height: 1.33rem;
    line-height: 1.33rem;
    background: -webkit-linear-gradient(left, #ec8650, #cf5881); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ec8650, #cf5881); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ec8650, #cf5881); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ec8650, #cf5881);
    position: relative;
    z-index: 4;
}

.book-page header .btn-back, .role-page header .btn-back {
    display: inline-block;
    height: 0.83rem;
    width: 0.83rem;
    background: url("../image/icons.png") no-repeat -0.11rem -4.17rem;
    background-size: 10rem 14rem;
    margin-left: 0.44rem;
    vertical-align: middle;
}

.book-page header .btn-home, .role-page header .btn-home {
    display: inline-block;
    height: 0.83rem;
    width: 0.83rem;
    background: url("../image/icons.png") no-repeat -1.7rem -0.95rem;
    background-size: 10rem 14rem;
    vertical-align: middle;
}

.book-page header .btn-more, .role-page header .btn-more {
    float: right;
    display: inline-block;
    height: 0.83rem;
    width: 0.83rem;
    background: url("../image/icons.png") no-repeat -1.7rem -1.85rem;
    background-size: 10rem 14rem;
    vertical-align: middle;
    margin-top: 0.35rem;
}

.book-page header .popup-report, .role-page header .popup-report {
    position: absolute;
    display: none;
    top: 0.83rem;
    right: 0.44rem;
    width: 4.44rem;
    height: 1.33rem;
    background: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 3;
    border-radius: 4px;
}

.book-page header .popup-report a, .role-page header .popup-report a {
    display: block;
    font-size: 0.38rem;
    color: #212121;
    line-height: 1.33rem;
}

.book-page header .popup-report a:before, .role-page header .popup-report a:before {
    content: '';
    display: inline-block;
    background: url("../image/icons.png") no-repeat -1.5rem -2.96rem;
    background-size: 10rem 14rem;
    height: 0.5rem;
    width: 1.18rem;
    vertical-align: middle;
}

.book-page main, .role-page main {
    position: relative;
    padding-bottom: 1.44rem;
}

.book-page main:before, .role-page main:before {
    content: '';
    display: block;
    background: -webkit-linear-gradient(left, #ec8650, #cf5881); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ec8650, #cf5881); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ec8650, #cf5881); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ec8650, #cf5881);
    height: 2.18rem;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.role-page main:before {
    height: 1.41rem;
}

.book-page main section {
    position: relative;
    z-index: 3;
}

.book-page .wrap, .role-page .wrap {
    width: 9.11rem;
    margin: 0 auto;
}

.book-page main .book-info {
    font-size: 0;
}

.book-page main .book-info:after {
    content: '';
    display: block;
    height: 0.22rem;
    background: #f6f6f6;
    width: 100%;
}

.book-page main .book-info img {
    margin-top: 0.24rem;
    height: 3.78rem;
    width: 2.8rem;
    border-radius: 6px;
    border: 0.05rem solid #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.book-page main .book-info .base-info {
    display: inline-block;
    width: 5.8rem;
    vertical-align: top;
    margin: 0.74rem 0 0 0.38rem;
}

.book-page main .book-info .base-info h1 {
    color: #FFFFFF;
    font-size: 0.47rem;
    font-weight: bold;
    height: 1.96rem;
}

.book-page main .book-info .base-info p {
    color: #aeaeae;
    font-size: 0.31rem;
}

.book-page main .book-info .base-info .author-info {
    height: 0.55rem;
}

.book-page main .book-info .grade {
    display: inline-block;
    font-size: 0.389rem;
    font-weight: bold;
    color: #212121;
    width: 2.8rem;
    text-align: center;
    padding: 0.4rem 0;
}

.book-page main .book-info .grade .star-box {

    width: 1.46rem;
    position: relative;
    height: 0.33rem;
    background: #dddddd;
    display: inline-block;
}

.book-page main .book-info .grade .star {
    height: 0.33rem;
    background: #ffb300;
    position: absolute;
    z-index: 1;
}

.book-page main .book-info .grade .star:before {
    content: '';
    background: url("../image/star.png") no-repeat;
    background-size: 100% 100%;
    width: 1.46rem;
    height: 0.33rem;
    position: absolute;
    z-index: 2;
    left: 0;
}

.book-page main .book-info .label-group {
    display: inline-block;
    border-top: 2px solid #f7f7f7;
    line-height: 0.7rem;
    vertical-align: top;
    width: 5.78rem;
    margin-left: 0.43rem;
    padding: 0.2rem 0;
}

.book-page main .book-info .label-group label {
    color: #aeaeae;
    font-size: 0.28rem;
    background: #ebebeb;
    padding: 0.1rem;
    border-radius: 0.1rem;
    margin-right: 0.1rem;
}

.book-page main .book-desc, .book-page main .book-comment {
    padding-top: 0.84rem;

}

.book-page main h2 {
    color: #212121;
    font-size: 0.5rem;
}

.book-page main .book-desc .desc {
    color: #28282b;
    font-size: 0.389rem;
    padding: 0.43rem 0 0.78rem;
    line-height: 0.55rem;
    border-bottom: 2px solid #f3f3f3;
}

.book-page main .book-desc .other-info {
    line-height: 0.5rem;
    padding: 0.5rem 0 0.3rem;
}

.book-page main .book-desc .other-info .info-item {
    margin-bottom: 0.2rem;
}

.book-page main .book-desc .other-info h3 {
    color: #aeaeae;
    font-size: 0.33rem;
    display: inline-block;
    width: 3.16rem;
    vertical-align: top;
}

.book-page main .book-desc .other-info p {
    color: #212121;
    font-size: 0.36rem;
    display: inline-block;
    vertical-align: top;
    width: 5.5rem;
}

.book-page main .book-desc .other-info .role-group {
    display: inline-block;
    line-height: initial;
    font-size: 0;
    width: 5.5rem;
    vertical-align: top;
}

.book-page main .book-desc .other-info .role-group a {
    color: #00b0ff;
    font-size: 0.36rem;
    display: inline-block;
    vertical-align: top;
    padding: 0.2rem 0.2rem 0.2rem 0;
}

.book-page main .book-desc:after {
    content: '';
    display: block;
    height: 0.22rem;
    background: #f6f6f6;
    width: 100%;
}

.book-page main .book-comment ul {
    color: #212121;
    font-size: 0.389rem;
    margin-top: 0.7rem;
}

.book-page main .book-comment ul li {
    border-radius: 5px;
    border: 2px solid #f2f2f2;
    padding: 0.54rem 0.44rem;
    margin-top: 0.22rem;
    background: #f8f8f8;
}

.book-page main .book-comment ul h4 {
    font-weight: bold;
    padding-bottom: 0.5rem;
}

.book-page main .book-comment ul p {

}

.book-page main .book-comment ul div {
    padding-top: 0.55rem;
    color: #aeaeae;
    font-size: 0.3rem;
}

.book-page main .book-comment ul div span:last-of-type {
    float: right;
}

.book-page main .book-comment .load-status {
    color: #aeaeae;
    font-size: 0.375rem;
    padding: 0.73rem 0;
    text-align: center;
}

.popup.report .wrap {
    padding: 0.44rem;
    position: absolute;
    top: 4.25rem;
    width: 7.77rem;
    background: #ffffff;
    height: initial;
    margin: 0 0 0 -4.325rem;
}

.popup.report p {
    padding: 0;
    margin: 0;
    text-align: left;
    color: #212121;
    font-size: 0.38rem;
}

.popup.report .report-from {
    height: 1.16rem;
    line-height: 1.16rem;
}

.popup.report textarea {
    width: 7.23rem;
    font-size: 0.38rem;
    border: 0;
    background: #f1f1f1;
    border-radius: 5px;
    padding: 0.27rem;
}

.popup.report .btn-group {
    font-size: 0;
}

.popup.report .btn-group a {
    font-size: 0.44rem;
    color: #aeaeae;
    height: 1rem;
    width: 3.6rem;
    text-align: center;
    line-height: 1rem;
    display: inline-block;
    border-radius: 50rem;
}

.popup.report .btn-group .btn-cancel {
    border: 0.05rem solid #f1f1f1;
    height: 0.9rem;
    line-height: 0.9rem;
}

.popup.report .btn-group .btn-report {
    background: #ec6164;
    color: #FFFFFF;
    margin-left: 0.4rem;
}

.role-info {
    text-align: center;
}

.role-info h1 {
    padding: 0.41rem 0 1.22rem;
    font-weight: bold;
    font-size: 0.45rem;
}

.role-info p {
    line-height: 0.6rem;
    color: #28282b;
    font-size: 0.41rem;
    margin: 0 0.3rem;
}

.role-info img {
    height: 2.22rem;
    width: 2.22rem;
    border: 0.07rem solid #FFFFFF;
    z-index: 1;
    position: relative;
    border-radius: 50rem;
}

#cookies_popup_container {
    display: none;
    position: fixed;
    bottom: 0;
    height: 5rem;
    background: #FFFFFF;
    z-index: 10;
    font-size: 0.5rem;
    color: #212121;
    box-shadow: 0 -10px 20px rgba(0,0,0,0.2);
    padding: 0.5rem;
    width: 9rem;
}

#cookies_popup_container h5 {
    font-weight: bold;
}

#cookies_popup_container a {
    color: #007aff;
}

#cookies_popup_container p {
    font-size: 0.4rem;
    padding: 0.5rem 0;
}

#cookies_popup_container .btn-close {
    display: block;
    color: #212121;
    position: absolute;
}

.btn-agree {
    display: block;
    width: 8rem;
    text-align: center;
    height: 1.2rem;
    font-size: 0.5rem;
    line-height: 1.2rem;
    background: -webkit-linear-gradient(left, #ec8650, #cf5881); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ec8650, #cf5881); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ec8650, #cf5881); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ec8650, #cf5881);
    color: #FFFFFF;
    margin: 0 auto;
    border-radius: 5000px;
}

.conversion {
    background: url("../image/bg_conversion.png") #ffffff no-repeat;
    background-size: 100%;
    padding-bottom: 1rem;
}

.conversion main {
    border-radius: 0.3rem;
    margin: 3.06rem auto 0;
    width: 8.61rem;
    background: #ffffff;
    text-align: center;
    position: relative;
    padding-bottom: 0.80rem;
    box-shadow: 0 .15rem .375rem #f5f5f5;
}

.conversion .main-icon {
    position: absolute;
    top: -0.86rem;
    left: 50%;
    margin-left: -0.86rem;
    width: 1.722rem;
    border: 0.07rem solid #ffffff;
    border-radius: 0.5rem;
}

.conversion main h1 {
    padding: 1.54rem 0.5rem 0.4rem;
    color: #212121;
    font-size: 0.45rem;
    margin: 0;
}

.conversion main ul {
    list-style: none;
    font-size: 0.38rem;
    color: #212121;
    text-align: left;
    padding-left: 1.5rem;
    margin: 0;
}

.conversion main ul li {
    margin-top: 0.375rem;
    line-height: 0.847rem;
}

.conversion main ul li i {
    display: inline-block;
    width: 0.847rem;
    height: 0.847rem;
    vertical-align: middle;
    margin-right: 0.30rem;
}

.conversion main ul li:nth-of-type(1) i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTJGN0I3RDE2RkVBMTFFOUJGQjNBNjlGMDM0NzMxODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTJGN0I3RDI2RkVBMTFFOUJGQjNBNjlGMDM0NzMxODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzY4OEYxODZGRTkxMUU5QkZCM0E2OUYwMzQ3MzE4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMkY3QjdEMDZGRUExMUU5QkZCM0E2OUYwMzQ3MzE4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Puv4jhIAAAixSURBVHja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) no-repeat;
    background-size: 100%;
}

.conversion main ul li:nth-of-type(2) i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA8CAYAAADVPrJMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM2ODhGMTY2RkU5MTFFOUJGQjNBNjlGMDM0NzMxODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM2ODhGMTc2RkU5MTFFOUJGQjNBNjlGMDM0NzMxODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzY4OEYxNDZGRTkxMUU5QkZCM0E2OUYwMzQ3MzE4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzY4OEYxNTZGRTkxMUU5QkZCM0E2OUYwMzQ3MzE4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph3Q/lIAAAfCSURBVHja3FsJbBRVGP7f7PZuaUtBKIIHWrCKiMYIRkwUz8SIRkFivBCN8UiMV4wao0aMMTEarwiaSOIVEowmiholKoocYpSI3LZCoWLDUaC0tKXtzvj9nfd23j527c7bbun2T77s7OzszPvmP98/b4TX2UhZkihwDnAhMBk4HRgLjAAqAAF0AYeAfcAOYCvwB7Bafs+KiH4mXQRcC8wGrgDKMzhXPfAV8AmwajCSPhF4BLgTqMyCctgC3gAWAUePN+lq4FlgLlBA2Zd/gZeBt6VrDChp9tcHgOeBYTTwslle/8eBIn0qsAQ4n46veMAC4FGgM8wfnZAXmgWsGwSESUb/+4E1MjNkhfTTUsMVNLhkCvALMLU/SfMdfQWYL7cHo1QB3wNX9RfpF2U6GuxSAnwGXJwp6fuAJyh3pBhYCpxtG72vBL4GIpR7wiXsuUBLGE2PBj7KUcIqrS4Ka97vAiMpt+UGYF665j0T+JyGhuwHzgCa/0/TPEt6nYaO8DT2hb7Mm2dJp9DQkrtNTrp55wN/ASenfbqOv4n2fEjULa3HE35F7BnbrvbdFdo++T3VPlf7ryvnOVUTUIPdRJRXHIb4AlmyHkP6Fhmx05N2THE3zcZgOgKS+qDjg0/yGdO+x4x9MUk4ZmyrYx2QHYeK8/qXsB1Nd7RHZddmv2net4cymr2L7Qi7aRJ2kxDOryQqh6W2YOyNf4YZbYHOz9E6H5eHIt3Takc4ZppvCsIxfRvDLBlDVAp4KB08fO84HNa3bzZJ32gxzcyAMGmEUmhVbXsINeUIMwXQsuv4hHuJhx4tT4dPUh0Qkk288FN4M2jxIKtwqonz/WMa3ieqf8ffP/4eYK5/3EpsN2/xidVie+JtkoTwwdt7NxH9ihqpCy5EeZKw8AmT3A4vzPO9qNTwRVak9ciqNFgATxkm6/2y2mD/sDMxE58km02VgSYrUDtUTTr2/CNxfAx/XLNQalYEpq1ucniZzqSZ8HirDqbuzzq6j2gx82Dgr50Hg/3dXYEZdxwK9jcjI+z6mai1yf8+eQ5RzdUaYY28nZynzPss625NnKxINHP9xqjITCn268d/g2l7GyJz8SikJJh2WTWqhmlEW5dLohmbN7eVHNb0aVac3SRFh7oB5jGuQVxPUfrgizDHEcgu7cgMe7f5+0pHBYHLVYQdW01zRTOONT3GuhfpJUk7Oome9sCMu9uTaNq4GU5hYMaqMyUceS1p2r3attY0S3WUbJ9IeMlSkzJz1x/s6Bnw5SP+vjGXyv+5Wp7GMXml2jllOuq1Fum3nhcEMHK0YGZdi5cy6UJrTSerrlxl1xjYqOk+Ev4nSXOpXzoah+VrvyltRhJjRwJhYVVSaFIWlWUCWaeseFGh+64cVEsd0YGt/rGVSE2VNb4FsBmXILV5UUNjUvsqX6vrKD/21A0QGTVm+Qyt9oHMMG0V2IQkvQ3zl2V3ICqjKNnyceCjBVWSsJOoNVdq0Y0kklJk48dHMvHpVtb04Yx8Wg9IMSNl5ZUHv+dVGr6rm6umg3iE1tvuuk9nZNosbUx6n7V5m4TjPq3fGOm/CQFLq64SNKo0yeTdwDKUBShfF5FMAlkTk95ur+kkU0PPyNNOCULliMTgpOpo10g97YclYaBshGxUtAYaFhQUJnakOW82MumNGRUnyfxaSQQBq3CkFpz0gGWaMeQCzP5aYHgVqMSqJ/r7dm30b5gQiZYgrHyaVze4StNcAFdYBTJzOuhoGVBNB3nQUa29I/IDjeptn9rLEq/R/A/RppVampJaFtaaXqdqbx4+r+m4JrR5x8wcjc+DO3E/l+LMRfCe9UHQatrgl5k9mGy0HQgKkN2bsX+49GEV+fG5pwE2uALFTbu0EifIDJ51ylqlz6eXhSadrOXjIFi1NBKteE5WVloFVf8TUd1KLfVE/d/rVgNrjZSktiNBcSKElp+t09UyvXPyKR07F0ozepPfzskf7vewXCeAIqxMXE9Vrgiqr1SEPRnRRRIthzfv3zlC6KR3A9+FOkV0mNR21A9WHKVNop4TmLGrlZIJxDTCngj8t5eU0rRI/OTfi0vDkl6crNn/QahT1MwGcRQfhSf4zcY44YhGXGgTCK3wiE8o9PJSGNVWJCBofpbhujW1YUZ7VOdnNvvrVPMsLTm0A6XmF34u1ds4ccLGPuWfLqXQrND2CSOlSTOvglVNvQQ3uygM6YXkP2tP+gCPlym9NcQe6/QAE0hbdmkWsvxMd+cQI72IjHWmJmnutz44hAjzQ7ankk0tTYGT0pdDhPTjZDybTubT8T4SsJ5yezUCrzSaRUkyeqrJKTeeb7Xuqhx/YR++i1KUME4fJduTOUiYVxRdJydRFJY0Cy8zfjWHCHMRwgtsNvTVI+tLHqPcWIdyRGr4h3Qag+lMLR4CnqFMmjTZT008Gf823W5ousLPX+dYNxKzJ/yiyzRgbZgWcBjhl0h4qfFvg4TwO+S/DVQf5k82/dQd8kIPk23PPHPZAswA7qWQq/ptSasi/jWAu3e8pLJrgMg2yZvN1rbc9iT99YrSWDmYeZSdlf/8itKbcvLQmenJsvEy2kxZ/mX6MloD+Wu3l8iGXr9lDpHl1w6nSP/nRSg15C/d4htRIsFVU5vMCA3SV9Vrh9uzNbD/BBgAvpEzWsRo7PkAAAAASUVORK5CYII=) no-repeat;
    background-size: 100%;
}

.conversion main ul li:nth-of-type(3) i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM2ODhGMTI2RkU5MTFFOUJGQjNBNjlGMDM0NzMxODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM2ODhGMTM2RkU5MTFFOUJGQjNBNjlGMDM0NzMxODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzY4OEYxMDZGRTkxMUU5QkZCM0E2OUYwMzQ3MzE4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzY4OEYxMTZGRTkxMUU5QkZCM0E2OUYwMzQ3MzE4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvEsmYoAAAaJSURBVHja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) no-repeat;
    background-size: 100%;
}

.conversion main ul li:nth-of-type(4) i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM2ODhGMEU2RkU5MTFFOUJGQjNBNjlGMDM0NzMxODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM2ODhGMEY2RkU5MTFFOUJGQjNBNjlGMDM0NzMxODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OEI5M0JFMTZGREYxMUU5QkZCM0E2OUYwMzQ3MzE4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OEI5M0JFMjZGREYxMUU5QkZCM0E2OUYwMzQ3MzE4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtdizcYAAAcxSURBVHja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) no-repeat;
    background-size: 100%;
}

.conversion .other-benefits {
    margin-top: .35rem;
    height: .39rem;
    width: 5.44rem;
}

.conversion .tip {
    color: #888888;
    font-size: 0.3rem;
    text-align: center;
    padding: 0.74rem 0 0.3rem;
    margin: 0;
}

.conversion .btn-down {
    width: 7.8rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjAAAABYCAYAAADryc1xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDFGMzBGQUE2RkVGMTFFOUJGQjNBNjlGMDM0NzMxODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDFGMzBGQUI2RkVGMTFFOUJGQjNBNjlGMDM0NzMxODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MUYzMEZBODZGRUYxMUU5QkZCM0E2OUYwMzQ3MzE4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MUYzMEZBOTZGRUYxMUU5QkZCM0E2OUYwMzQ3MzE4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiFUzRgAABNuSURBVHja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) no-repeat;
    background-size: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    border: 0;
}

.conversion .btn-down::after {
    content: 'FAST DOWNLOAD';
    font-size: 0.44rem;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    color: #ffffff;
}

.conversion .btn-goon {
    width: 7.8rem;
    background: #ffffff;
    background-size: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    display: block;
    margin: .42rem auto 0;
    text-align: center;
    font-size: 0;
    border: 2px solid #f1f1f1;
    border-radius: .625rem;
}

.conversion .btn-goon::after {
    content: 'READ NEXT CHAPTER';
    font-size: 0.44rem;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    color: #212121;
}