.mult {
    zoom:1}

.mult:after {
    content: "";
    display: table;
    clear: both
}

.mult {
    width: 100%;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mult.dow .mult-head {
    padding: 0 .2666666667rem .1333333333rem
}

.mult.sow {
    padding: 0 .2666666667rem
}

.mult.bow {
    padding: 0 .4266666667rem
}

.mult .inner-spd {
    padding: 15% 15% 0
}

.mult .inner-bpd {
    padding: 20% 20% 0
}

@-webkit-keyframes bookChange {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes bookChange {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-o-keyframes bookChange {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes bookChange {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.mult-head {
    height: .96rem;
    padding: 0 0 .1333333333rem;
    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-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.mult-head .mult-title {
    margin-right: .16rem;
    font-size: .5333333333rem;
    line-height: .8533333333rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mult-head .mult-title-icon {
    width: .7466666667rem
}

.mult-head .mult-title-icon+.mult-title {
    margin: 0 .16rem
}

.mult-head .mult-style-func {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.mult-head .mult-more {
    font-size: .32rem;
    color: #999;
    font-weight: 400;
    display: inline;
    float: right
}

.mult-head .mult-change {
    display: inline;
    float: left;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mult-head .mult-change .animate {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: bookChange 1s linear 0s infinite;
    -moz-animation: bookChange 1s linear 0s infinite;
    -o-animation: bookChange 1s linear 0s infinite;
    animation: bookChange 1s linear 0s infinite
}

.mult-head .center,.mult-head .left,.mult-head .right {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.mult-slide,.mult-slide-item,.mult-slide-warp {
    position: relative;
    overflow: hidden
}

.mult-slide-bar {
    position: absolute;
    bottom: 0;
    font-size: 0;
    z-index: 1000;
    width: auto
}

.mult-slide-bar.center {
    left: 50%;
    -webkit-transform: translate3d(-50%,0,2px);
    -moz-transform: translate3d(-50%,0,2px);
    transform: translate3d(-50%,0,2px);
    bottom: .6666666667rem
}

.mult-slide-bar.right,.mult-slide-bar.right2 {
    left: auto!important;
    right: .2133333333rem!important;
    bottom: 2.1333333333rem!important
}

.mult-slide-bar.right2 {
    text-align: right;
    font-size: 0;
    bottom: 1.6rem!important
}

.mult-slide-bar li {
    display: inline-block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #999;
    margin-left: .0533333333rem
}

.mult-slide-bar li.active {
    background-color: #fc6976
}

.swiper-pagination-bullet-active {
    background-color: #fc6976!important
}

.mult-body {
    overflow: hidden
}

.mult-warp.diw {
    margin-right: -.0533333333rem
}

.mult-warp.diw .card-text,.mult-warp.diw .card-title {
    padding-left: .2666666667rem;
    padding-right: .2666666667rem
}

.mult-warp.diw .card {
    padding: 0 .0533333333rem .64rem 0
}

.mult-warp.siw {
    margin-right: -.2666666667rem;
    display: flex;
    flex-wrap: wrap;
}

.mult-warp.siw .card {
    padding: 0 .2666666667rem .48rem 0
}

.mult-warp.biw {
    margin-right: -.4266666667rem
}

.mult-warp.biw .card {
    padding: 0 .4266666667rem .64rem 0
}

.mult-h1,.mult-h2,.mult-h3,.mult-h4,.mult-h5,.mult-h6 {
    font-weight: 500;
    color: #333
}

.card {
    position: relative;
    z-index: 0;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 .64rem
}

.card>a {
    position: relative;
    z-index: 0
}

.r1c1 {
    width: 100%
}

.r1c2 {
    width: 50%
}

.r1c3 {
    width: 33.3333333333%
}

.r1c4 {
    width: 25%
}

.r1c5 {
    width: 20%
}

.r1c6 {
    width: 16.6666666667%
}

.card .tags-list {
    height: .4266666667rem;
    padding: 0 .2666666667rem;
    font-size: 0;
    overflow: hidden
}

.card .tags-list>.item {
    height: .4266666667rem;
    line-height: .4rem;
    margin: 0 .0533333333rem .0533333333rem 0;
    padding: 0 .1066666667rem;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: .2666666667rem;
    -moz-border-radius: .2666666667rem;
    border-radius: .2666666667rem;
    color: #555;
    border: .0266666667rem solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .2666666667rem
}

.card-title {
    padding-top: .2133333333rem;
    line-height: .5333333333rem;
    font-size: .3733333333rem;
    color: #333;
    font-weight: 400;
    max-width: 100%;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.card-title.small {
    color: #999;
    text-align: center
}

.title-tc {
    padding-top: .2133333333rem;
    height: .4rem;
    line-height: .4rem;
    font-weight: 400;
    text-align: center;
    max-width: 100%;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.title-fsz24 {
    font-size: .32rem;
    color: #666
}

.title-fsz32 {
    font-size: .4266666667rem;
    color: #444
}

.feature-fsz20 {
    font-size: .2666666667rem;
    color: #b6b6b6
}

.title-fsz28 {
    font-size: .32rem;
    color: #666
}

.pad-left-20 {
    padding-left: .2666666667rem
}

.pad-bottom-small {
    padding-bottom: .3rem!important
}

.pad-left-10 {
    padding-left: .1333333333rem
}

.pad-right-20 {
    padding-right: .2666666667rem
}

.pad-right-10 {
    padding-right: .1333333333rem
}

.flex-wrapper .flex-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%
}

.flex-wrapper .flex-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-wrapper .flex-text .title {
    font-size: .4266666667rem;
    color: #444;
    margin-top: .1333333333rem
}

.flex-wrapper .flex-text .content,.flex-wrapper .flex-text .title {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.flex-wrapper .flex-text .content {
    font-size: .32rem;
    color: #b6b6b6;
    line-height: .5866666667rem
}

.card-text {
    height: .5333333333rem;
    line-height: .5333333333rem;
    font-size: .2933333333rem;
    color: #999;
    position: relative;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.card-text.maxw50 {
    height: .7466666667rem;
    padding-top: .2133333333rem
}

.card-lbl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    height: .4266666667rem;
    padding: .0266666667rem .0533333333rem .0266666667rem .1066666667rem;
    font-size: .2666666667rem;
    color: #fff;
    background-color: rgba(252,105,118,.8)
}

.card-lbl.lbl-left,.card-lbl.lbl-top {
    top: 0
}

.card-lbl.lbl-left {
    left: .16rem
}

.card-lbl.lbl-top {
    width: .4266666667rem;
    padding: .0533333333rem 0 .0266666667rem;
    right: .16rem;
    -webkit-border-radius: 0 0 .2133333333rem .2133333333rem;
    -moz-border-radius: 0 0 .2133333333rem .2133333333rem;
    border-radius: 0 0 .2133333333rem .2133333333rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.card-lbl.lbl-top .lbl-bar {
    margin-left: 0
}

.card-lbl.lbl-bottom,.card-lbl.lbl-right {
    right: 0;
    -webkit-border-radius: .2133333333rem 0 0 .2133333333rem;
    -moz-border-radius: .2133333333rem 0 0 .2133333333rem;
    border-radius: .2133333333rem 0 0 .2133333333rem
}

.card-lbl.lbl-right {
    top: .16rem
}

.card-lbl.lbl-bottom {
    bottom: .16rem
}

.card-lbl .lbl-bar {
    margin-left: .0266666667rem;
    vertical-align: top
}

.card-lbl .lbl-no {
    width: .32rem;
    height: .32rem;
    line-height: .32rem;
    border: 1px solid #fc6976;
    background-color: #fff;
    color: #fc6976;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    text-align: center;
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.card-lbl.lbl-triangle {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 1.12rem;
    padding: .1066666667rem 0 .0533333333rem;
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fc6976
}

.card-lbl.lbl-triangle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 99%;
    width: 1.12rem;
    height: .32rem;
    background: url(/static/images/icon_main_labelling.png) no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.card-layer {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    font-size: .2666666667rem;
    height: .5333333333rem;
    line-height: .5333333333rem;
    padding: .1066666667rem .1066666667rem 0;
    text-align: right;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
    background-image: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
    background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.card-layer.bottom {
    bottom: 0
}

.card-graph {
    position: relative;
    height: 0
}

.card-graph .img,.card-graph img {
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: top;
    width: 100%;
    height: 100%
}

.card-graph.r16x3 {
    padding-bottom: 18.75%
}

.card-graph.r16x7 {
    padding-bottom: 43.75%
}

.card-graph.r16x8 {
    padding-bottom: 50%
}

.card-graph.r12x16 {
    padding-bottom: 133.3333333333%
}

.card-graph.r16x12 {
    padding-bottom: 75%
}

.card-graph.r3x1,.card-graph.r6x2 {
    padding-bottom: 33.3333333333%
}

.card-graph.r3x2 {
    padding-bottom: 66.6666666667%
}

.card-graph.r3x4 {
    padding-bottom: 133.3333333333%
}

.card-graph.r1x5 {
    padding-bottom: 500%
}

.card-graph.r2x5 {
    padding-bottom: 250%
}

.card-graph.r3x5 {
    padding-bottom: 166.6666666667%
}

.card-graph.r4x5 {
    padding-bottom: 125%
}

.card-graph.r16x16 {
    padding-bottom: 100%
}

.card-graph.r16x9 {
    padding-bottom: 56.25%
}

.card-graph.r10x9 {
    padding-bottom: 90%
}

.r1c36 {
    width: 38%
}

.r1c32 {
    width: 31%;
    padding-top: 9.3333333333%!important
}

.r1c40 {
    width: 40%
}

.r1c40.r16x3 {
    padding-bottom: 7.5%
}

.r1c40.r16x7 {
    padding-bottom: 17.5%
}

.r1c40.r16x8 {
    padding-bottom: 20%
}

.r1c40.r12x16 {
    padding-bottom: 53.3333333333%
}

.r1c40.r16x12 {
    padding-bottom: 30%
}

.r1c40.r3x1,.r1c40.r6x2 {
    padding-bottom: 13.3333333333%
}

.r1c40.r3x2 {
    padding-bottom: 26.6666666667%
}

.r1c40.r3x4 {
    padding-bottom: 53.3333333333%
}

.r1c40.r1x5 {
    padding-bottom: 200%
}

.r1c40.r2x5 {
    padding-bottom: 100%
}

.r1c40.r3x5 {
    padding-bottom: 66.6666666667%
}

.r1c40.r4x5 {
    padding-bottom: 50%
}

.r1c40.r16x16 {
    padding-bottom: 40%
}

.r1c40.r16x9 {
    padding-bottom: 22.5%
}

.r1c40.r10x9 {
    padding-bottom: 36%
}

.r1c69 {
    width: 68.5%
}

.r1c69.r16x3 {
    padding-bottom: 12.9375%
}

.r1c69.r16x7 {
    padding-bottom: 30.1875%
}

.r1c69.r16x8 {
    padding-bottom: 34.5%
}

.r1c69.r12x16 {
    padding-bottom: 92%
}

.r1c69.r16x12 {
    padding-bottom: 51.75%
}

.r1c69.r3x1,.r1c69.r6x2 {
    padding-bottom: 23%
}

.r1c69.r3x2 {
    padding-bottom: 46%
}

.r1c69.r3x4 {
    padding-bottom: 92%
}

.r1c69.r1x5 {
    padding-bottom: 345%
}

.r1c69.r2x5 {
    padding-bottom: 172.5%
}

.r1c69.r3x5 {
    padding-bottom: 115%
}

.r1c69.r4x5 {
    padding-bottom: 86.25%
}

.r1c69.r16x16 {
    padding-bottom: 69%
}

.r1c69.r16x9 {
    padding-bottom: 38.8125%
}

.r1c69.r10x9 {
    padding-bottom: 62.1%
}

.r1c31 {
    width: 30.5%
}

.r1c31.r16x3 {
    padding-bottom: 5.8125%
}

.r1c31.r16x7 {
    padding-bottom: 13.5625%
}

.r1c31.r16x8 {
    padding-bottom: 15.5%
}

.r1c31.r12x16 {
    padding-bottom: 41.3333333333%
}

.r1c31.r16x12 {
    padding-bottom: 23.25%
}

.r1c31.r3x1,.r1c31.r6x2 {
    padding-bottom: 10.3333333333%
}

.r1c31.r3x2 {
    padding-bottom: 20.6666666667%
}

.r1c31.r3x4 {
    padding-bottom: 41.3333333333%
}

.r1c31.r1x5 {
    padding-bottom: 155%
}

.r1c31.r2x5 {
    padding-bottom: 77.5%
}

.r1c31.r3x5 {
    padding-bottom: 51.6666666667%
}

.r1c31.r4x5 {
    padding-bottom: 38.75%
}

.r1c31.r16x16 {
    padding-bottom: 31%
}

.r1c31.r16x9 {
    padding-bottom: 17.4375%
}

.r1c31.r10x9 {
    padding-bottom: 27.9%
}

.r1c66 {
    width: 66.9014%
}

.r1c33 {
    width: 33.09859%
}

.r1c50 {
    width: 50%
}

.r1c50.r16x3 {
    padding-bottom: 9.375%
}

.r1c50.r16x7 {
    padding-bottom: 21.875%
}

.r1c50.r16x8 {
    padding-bottom: 25%
}

.r1c50.r12x16 {
    padding-bottom: 66.6666666667%
}

.r1c50.r16x12 {
    padding-bottom: 37.5%
}

.r1c50.r3x1,.r1c50.r6x2 {
    padding-bottom: 16.6666666667%
}

.r1c50.r3x2 {
    padding-bottom: 33.3333333333%
}

.r1c50.r3x4 {
    padding-bottom: 66.6666666667%
}

.r1c50.r1x5 {
    padding-bottom: 250%
}

.r1c50.r2x5 {
    padding-bottom: 125%
}

.r1c50.r3x5 {
    padding-bottom: 83.3333333333%
}

.r1c50.r4x5 {
    padding-bottom: 62.5%
}

.r1c50.r16x16 {
    padding-bottom: 50%
}

.r1c50.r16x9 {
    padding-bottom: 28.125%
}

.r1c50.r10x9 {
    padding-bottom: 45%
}

.r1c53 {
    width: 52.95775%
}

.r1c47 {
    width: 47.042%
}

.r1c60 {
    width: 60%
}

.maxw50 {
    max-width: 50%
}

.maxw70 {
    max-width: 70%
}

.no-pad-top {
    padding-top: 0!important
}

.no-pad-left {
    padding-left: 0!important
}

.abs-bottom,.abs-right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute
}

.abs-right {
    top: 0;
    right: 0;
    height: 100%
}

.abs-right .card-text,.abs-right .card-title {
    padding-left: .2666666667rem
}

.abs-right .card-title {
    padding-top: 0
}

.abs-bottom {
    left: 0;
    bottom: 0;
    width: 100%
}

.tpl-2 .abs-bottom,.tpl-3 .abs-bottom {
    padding: 0 .1333333333rem .1333333333rem;
    background-color: hsla(0,0%,100%,.9)
}

.tpl-2 .abs-bottom .card-text,.tpl-3 .abs-bottom .card-text {
    padding-top: .1333333333rem
}

.tpl-2 .abs-bottom .card-title,.tpl-3 .abs-bottom .card-title {
    padding-left: 0;
    padding-right: 0
}

.tpl-2 .tags-list,.tpl-3 .tags-list {
    padding: 0;
    margin-top: .0666666667rem
}

.tpl-2 .tags-list>.item,.tpl-3 .tags-list>.item {
    color: #999
}

.tpl-6 .fr {
    float: right
}

.tpl-6 .chapter .maxw70 {
    width: 62%;
    display: inline-block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.tpl-6 .chapter .maxw30 {
    width: 35%;
    display: inline-block;
    text-align: right
}

.tpl-11 .card-text,.tpl-13 .card-text,.tpl-14 .card-text,.tpl-15 .card-text {
    height: .5333333333rem;
    font-size: 0
}

.tpl-11 .horizontal-item,.tpl-13 .horizontal-item,.tpl-14 .horizontal-item,.tpl-15 .horizontal-item {
    padding-bottom: .2666666667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.tpl-11 .horizontal-item .pic-cover,.tpl-13 .horizontal-item .pic-cover,.tpl-14 .horizontal-item .pic-cover,.tpl-15 .horizontal-item .pic-cover {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 2.2666666667rem;
    -ms-flex-preferred-size: 2.2666666667rem;
    flex-basis: 2.2666666667rem
}

.tpl-11 .horizontal-item .comic-info,.tpl-13 .horizontal-item .comic-info,.tpl-14 .horizontal-item .comic-info,.tpl-15 .horizontal-item .comic-info {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: .4rem
}

.tpl-11 .horizontal-item .comic-info .desc,.tpl-13 .horizontal-item .comic-info .desc,.tpl-14 .horizontal-item .comic-info .desc,.tpl-15 .horizontal-item .comic-info .desc {
    height: .53333rem;
    line-height: .53333rem;
    font-size: .29333rem;
    color: #999;
    margin-top: .0666666667rem
}

.tpl-11 .horizontal-item .comic-info .chapter,.tpl-13 .horizontal-item .comic-info .chapter,.tpl-14 .horizontal-item .comic-info .chapter,.tpl-15 .horizontal-item .comic-info .chapter {
    height: .53333rem;
    line-height: .53333rem;
    font-size: .29333rem;
    color: #999;
    margin-top: .2rem
}

.tpl-13 .horizontal-item {
    padding-bottom: 0
}

.tpl-13 .tags-list {
    padding: 0
}

.tpl-13 .abs-right {
    font-size: .2666666667rem
}

.tpl-14 .horizontal-item .pic-cover {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 4rem;
    -ms-flex-preferred-size: 4rem;
    flex-basis: 4rem
}

.tpl-14 .horizontal-item .comic-info {
    padding-left: .8rem;
    position: relative
}

.tpl-14 .horizontal-item .comic-info .label-order {
    position: absolute;
    left: .4rem;
    -webkit-transform: translateX(-50%) translateY(50%);
    -moz-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    -o-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%)
}

.tpl-14 .horizontal-item .comic-info .label-order .order-num {
    text-align: center;
    display: inline-block;
    font-size: .32rem;
    width: .42667rem;
    line-height: .42667rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ddd;
    color: #fff
}

.tpl-15 .pic-cover {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 4rem!important;
    -ms-flex-preferred-size: 4rem!important;
    flex-basis: 4rem!important
}

.tpl-15 .order-rank {
    font-size: .5333333333rem;
    color: #fc6976;
    position: relative;
    top: .0666666667rem
}

.tpl-16 .border-1px {
    border: 1px solid #ddd;
    border-top: 0
}

.tpl-16 .card {
    padding-bottom: 0!important
}

.tpl-16 .horizontal-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.tpl-16 .horizontal-item .pic-cover {
    -webkit-box-flex: 1;
    -webkit-flex: 1 2;
    -moz-box-flex: 1;
    -ms-flex: 1 2;
    flex: 1 2
}

.tpl-16 .horizontal-item .card-title {
    padding-left: 0!important
}

.tpl-16 .horizontal-item .comic-info {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tpl-16 .horizontal-item .comic-info .desc {
    height: .53333rem;
    line-height: .53333rem;
    font-size: .29333rem;
    color: #999;
    margin-top: .0666666667rem
}

.tpl-16 .horizontal-item .comic-info .chapter {
    height: .53333rem;
    line-height: .53333rem;
    font-size: .29333rem;
    color: #999;
    margin-top: .2rem
}

.tpl-16 .liner-gradent {
    position: absolute;
    z-index: 3;
    left: -.0666666667rem;
    top: 0;
    width: 100%;
    bottom: 0;
    background: -webkit-gradient(linear,left top,right top,from(#fff),to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left,#fff,rgba(0,0,0,0));
    background: -moz-linear-gradient(left,#fff,rgba(0,0,0,0));
    background: -o-linear-gradient(left,#fff,rgba(0,0,0,0));
    background: linear-gradient(90deg,#fff,rgba(0,0,0,0))
}

.tpl-17 .card-lbl.lbl-right {
    top: 0;
    right: .16rem
}

.tpl-17 .mult-slide-bar {
    position: absolute;
    bottom: 2.1333333333rem;
    right: 0
}

.tpl-17 .horizontal-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.tpl-17 .horizontal-item .pic-cover {
    -webkit-box-flex: 1;
    -webkit-flex: 1 2;
    -moz-box-flex: 1;
    -ms-flex: 1 2;
    flex: 1 2;
    border: rgba(0,0,0,0)
}

.tpl-17 .horizontal-item .card-graph {
    position: relative;
    overflow: hidden
}

.tpl-17 .horizontal-item .card-graph:after {
    z-index: 2;
    content: "";
    position: absolute;
    width: 1.3333333333rem;
    right: -3px;
    top: -1px;
    bottom: -1px;
    display: block;
    -webkit-transform: skew(-20deg) translateX(55%);
    -moz-transform: skew(-20deg) translateX(55%);
    -ms-transform: skew(-20deg) translateX(55%);
    -o-transform: skew(-20deg) translateX(55%);
    transform: skew(-20deg) translateX(55%);
    background: #fff
}

.tpl-17 .horizontal-item .card-title {
    padding-left: 0!important
}

.tpl-17 .horizontal-item .comic-info {
    position: relative;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tpl-17 .horizontal-item .comic-info .card-lbl.lbl-right {
    top: 0;
    background-color: #e4e4e4;
    right: 0
}

.tpl-17 .horizontal-item .comic-info .desc {
    height: .53333rem;
    line-height: .53333rem;
    font-size: .29333rem;
    color: #999;
    margin-top: .0666666667rem
}

.tpl-17 .horizontal-item .comic-info .chapter {
    height: .53333rem;
    line-height: .53333rem;
    font-size: .29333rem;
    color: #999;
    margin-top: .2rem
}

.tpl-18 .mult-slide-bar,.tpl-19 .mult-slide-bar {
    width: auto!important;
    position: absolute;
    bottom: 1.0666666667rem!important;
    right: 0!important
}

.tpl-18 .mult-slide-bar {
    bottom: 2.1333333333rem!important;
    right: .2666666667rem!important
}

.tpl-19 .mult-body {
    padding-bottom: .64rem
}

.tpl-19 .mult-slide-bar {
    right: .2666666667rem!important
}

.tpl-21 .is-slidered {
    width: 6.4rem
}

.tpl-22 .mult-slide-bar {
    width: auto
}

.tpl-22 .is-slidered {
    width: 4.1333333333rem
}

.tpl-8 .card a,.tpl-23 .card a,.tpl-24 .card a {
    display: block
}

.tpl-8 .flex-text,.tpl-23 .flex-text,.tpl-24 .flex-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tpl-8 .flex-text p,.tpl-23 .flex-text p,.tpl-24 .flex-text p {
    height: .5333333333rem
}

.tpl-8 .card-lbl.lbl-right,.tpl-23 .card-lbl.lbl-right,.tpl-24 .card-lbl.lbl-right {
    top: 0
}

.tpl-8 .card-lbl.lbl-right {
    top: .1333333333rem
}

.tpl-27 .abs-bottom,.tpl-28 .abs-bottom {
    padding: .1066666667rem 0;
    background-color: rgba(245,243,243,.8)
}

.tpl-27 .tags-list,.tpl-28 .tags-list {
    padding: 0 .1333333333rem
}

.tpl-27 .tags-list>.item,.tpl-28 .tags-list>.item {
    border-color: #ccc
}

.tpl-6 .card-text,.tpl-29 .card-text {
    height: .5333333333rem
}

.tpl-6 .card-text.abs-bottom,.tpl-29 .card-text.abs-bottom {
    left: 0;
    right: 0;
    z-index: 3;
    background-color: hsla(0,0%,100%,.8)
}

.tpl-6 .horizontal-item,.tpl-29 .horizontal-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.tpl-6 .horizontal-item .pic-cover,.tpl-29 .horizontal-item .pic-cover {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 4rem;
    -ms-flex-preferred-size: 4rem;
    flex-basis: 4rem
}

.tpl-6 .horizontal-item .comic-info,.tpl-29 .horizontal-item .comic-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tpl-6 .horizontal-item .comic-info .desc,.tpl-29 .horizontal-item .comic-info .desc {
    height: .53333rem;
    line-height: .53333rem;
    font-size: .29333rem;
    color: #999;
    margin-top: .0666666667rem
}

.tpl-6 .horizontal-item .comic-info .chapter,.tpl-29 .horizontal-item .comic-info .chapter {
    height: .53333rem;
    line-height: .53333rem;
    font-size: .29333rem;
    color: #999;
    margin-top: .2rem
}

.mt25 {
    margin-top: .3333333333rem
}

.mt6 {
    margin-top: .08rem
}

.mb18 {
    margin-bottom: .08rem
}

.flex-content-end ul .flex-end-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-content-end ul,.flex-content-end ul .flex-end-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-content-end ul {
    height: 100%
}

.flex-content-space-between ul {
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-content-space-between ul,.flex-end-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.flex-end-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.pos-right {
    position: absolute;
    right: .1333333333rem;
    bottom: 0
}

.tpl-32 .card-title {
    font-size: .3733333333rem;
    padding-left: 0!important
}

.tpl-32 .card-text {
    font-size: .2666666667rem;
    padding-left: 0!important
}

.tpl-32 .left-part {
    width: 42.33777%;
    display: inline-block
}

.tpl-32 .left-part,.tpl-32 .right-part {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tpl-32 .right-part {
    float: right;
    position: relative;
    width: 57.66223%
}

.tpl-32 .right-part ul {
    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-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.tpl-32 .right-part .list-item {
    width: 100%;
    overflow: hidden;
    font-size: 0
}

.tpl-32 .right-part .list-item a {
    display: block
}

.tpl-32 .right-part .list-item .card-graph {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 38.0576923%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 38.0576923%;
    flex: 0 0 38.0576923%;
    height: 100%
}

.tpl-32 .right-part .list-item .card-graph .pic-wrapper {
    width: 100%;
    padding-bottom: 100%
}

.tpl-32 .right-part .list-item .desc-block {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.9423%;
    overflow: hidden;
    position: relative;
    padding-left: .2666666667rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tpl-32 .right-part .list-item .desc-block .card-title {
    padding: 0;
    line-height: .6666666667rem
}

.tpl-32 .right-part .list-item .desc-block .card-chapter {
    position: absolute;
    bottom: 0;
    width: 93%
}

.tpl-33 .left-part,.tpl-33 .right-part {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    overflow: hidden
}

.tpl-33 .right-part ul {
    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;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.tpl-33 .right-part ul .list-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    overflow: hidden
}

.tpl-33 .right-part ul .pic-wrapper {
    padding-bottom: 100%
}

.tpl-33 .card-graph {
    width: 100%;
    height: auto
}

.tpl-33 .lbl-bar {
    margin-left: .1333333333rem
}

.tpl-37 .icon-arc {
    width: 100%;
    height: .8533333333rem;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -1px;
    background-position: bottom;
    background: url(/static/images/book/icon_top_arc.png) no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.tpl-37 .swiper-37 {
    margin-top: .2666666667rem;
    overflow: hidden
}

.tpl-37 .swiper-37 .swiper-slide {
    width: 1.8133333rem!important
}

.tpl-37 .swiper-37 .swiper-slide:last-child {
    width: 1.38733333rem!important
}

.tpl-37 .swiper-37 .slider-item {
    display: block;
    width: 1.8133333rem!important
}

.tpl-37 .swiper-37 .slider-item .card {
    width: 100%
}

.tpl-38 .bottom-swiper {
    margin-top: .2666666667rem
}

.tpl-38 .icon-arc {
    width: 100%;
    height: .8533333333rem;
    position: absolute;
    background-position: 50%;
    z-index: 10;
    left: 0;
    bottom: -1px;
    background: url(/static/images/book/icon_arc.png) no-repeat;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}

.tpl-38 .inner-wrapper {
    width: 100%
}

.mult.tpl-40 {
    margin-bottom: .4266666667rem
}

.mult.tpl-40 .inner-spd {
    padding-top: 0
}

.mult.tpl-40 .card {
    padding-bottom: 0
}

.tpl-42 .slider-item {
    width: 1.6666666667rem!important
}

.tpl-45,.tpl-45 .book-cover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.tpl-45 .book-cover {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 22.74%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 22.74%;
    flex: 0 0 22.74%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tpl-45 .mult-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.2533333333rem;
    padding-left: .2666666667rem
}

.tpl-45 .mult-body .swiper-container {
    height: 100%
}

.tpl-45 .flex-wrapper {
    height: 100%;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tpl-45 .flex-wrapper .titles {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    overflow: hidden
}

.tpl-45 .flex-wrapper .titles a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.tpl-45 .flex-wrapper .titles .title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.7333333333rem;
    -moz-box-flex: 0;
    -ms-flex: 0 0 1.7333333333rem;
    flex: 0 0 1.7333333333rem;
    color: #fc6976;
    -ms-flex-item-align: center;
    text-align: center
}

.tpl-45 .flex-wrapper .titles .content,.tpl-45 .flex-wrapper .titles .title {
    max-width: 100%;
    -webkit-align-self: center;
    align-self: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.tpl-45 .flex-wrapper .titles .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .2666666667rem;
    -ms-flex-item-align: center;
    color: #666
}

.tpl-45 .flex-wrapper .more {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.0666666667rem;
    -moz-box-flex: 0;
    -ms-flex: 0 0 1.0666666667rem;
    flex: 0 0 1.0666666667rem;
    color: #b6b6b6;
    text-align: right;
    font-size: .32rem;
    height: 1.0666666667rem;
    line-height: 1.0666666667rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mult.tpl-46 {
    margin-bottom: .4266666667rem
}

.mult.tpl-46,.mult.tpl-46 .book-cover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.mult.tpl-46 .book-cover {
    margin-top: .2133333333rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.0666666667rem;
    -moz-box-flex: 0;
    -ms-flex: 0 0 1.0666666667rem;
    flex: 0 0 1.0666666667rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mult.tpl-46 .mult-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.4933333333rem;
    padding-left: .2666666667rem
}

.mult.tpl-46 .mult-body .swiper-container {
    height: 100%
}

.mult.tpl-46 .mult-warp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.mult.tpl-46 .flex-wrapper {
    height: .7466666667rem;
    line-height: .7466666667rem;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: .2666666667rem
}

.mult.tpl-46 .flex-wrapper .title {
    color: #fc6976;
    -ms-flex-item-align: center
}

.mult.tpl-46 .flex-wrapper .content,.mult.tpl-46 .flex-wrapper .title {
    font-size: .32rem;
    max-width: 100%;
    -webkit-align-self: center;
    align-self: center;
    padding-left: .2666666667rem;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.mult.tpl-46 .flex-wrapper .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: center;
    color: #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: .1866666667rem
}

.tpl-48 .flex-text,.tpl-49 .flex-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tpl-48 .flex-text p,.tpl-49 .flex-text p {
    height: .5333333333rem
}

.tpl-48 .flex-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tpl-48 .flex-wrapper .flex-text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.tpl-49 .swiper-slide {
    width: 4.2933333333rem
}

.mult.tpl-temp.tpl-50 {
    padding-bottom: 0;
    padding-top: .2666666667rem
}

.mult.tpl-temp.tpl-50 .card {
    padding-bottom: .24rem
}

.tpl-51 .swiper-slide {
    width: 3rem;
    padding-top: .2666666667rem
}

.tpl-51 .swiper-slide .block {
    display: block
}

.tpl-51 .swiper-slide .block.card {
    float: none;
    padding-bottom: .4rem
}

.tpl-51 .swiper-slide .last-child.card {
    float: none;
    padding-right: 0
}

.tpl-51 .siw .last-swiper {
    width: 2.7333333333rem
}

.tpl-51 .diw .last-swiper {
    width: 2.9333333333rem
}

.tpl-51 .biw .last-swiper {
    width: 2.5733333333rem
}

.mult.tpl-temp.tpl-54 .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mult.tpl-temp.tpl-54 .mult-warp .title {
    height: .4666666667rem
}

.mult.tpl-temp.tpl-54 .mult-warp .content {
    height: .5333333333rem;
    font-size: .2666666667rem
}

.mult.tpl-temp.tpl-55 .flex-wrapper,.mult.tpl-temp.tpl-56 .flex-wrapper,.mult.tpl-temp.tpl-57 .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mult.tpl-temp.tpl-55 .mult-warp .card,.mult.tpl-temp.tpl-56 .mult-warp .card,.mult.tpl-temp.tpl-57 .mult-warp .card {
    padding-top: .2666666667rem;
    padding-bottom: 0
}

.mult.tpl-temp.tpl-55 .mult-warp .title,.mult.tpl-temp.tpl-56 .mult-warp .title,.mult.tpl-temp.tpl-57 .mult-warp .title {
    height: .4666666667rem
}

.mult.tpl-temp.tpl-55 .mult-warp .content,.mult.tpl-temp.tpl-56 .mult-warp .content,.mult.tpl-temp.tpl-57 .mult-warp .content {
    height: .5333333333rem;
    font-size: .2666666667rem
}

.mult.tpl-temp.tpl-58 .flex-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.mult.tpl-temp.tpl-58 .flex-wrapper .flex-text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 47.08%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 47.08%;
    flex: 0 0 47.08%;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mult.tpl-temp.tpl-58 .flex-wrapper .flex-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 52.92%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 52.92%;
    flex: 0 0 52.92%;
    -webkit-border-radius: .2666666667rem;
    -moz-border-radius: .2666666667rem;
    border-radius: .2666666667rem;
    overflow: hidden
}

.mult.tpl-temp.tpl-58 .mult-warp .title {
    height: .4666666667rem
}

.mult.tpl-temp.tpl-58 .mult-warp .content {
    height: .5333333333rem;
    font-size: .2666666667rem
}

.tpl-68 .right-part ul,.tpl-70 .right-part ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tpl-69 .swiper-container {
    margin-top: .2666666667rem
}

.tpl-69 .swiper-slide {
    width: 2.8rem!important
}

.tpl-69 .slider-item {
    display: block
}

.tpl-69 .slider-item .card {
    float: none
}

.tpl-69 .siw .last-swiper {
    width: 2.5333333333rem!important
}

.tpl-69 .siw .last-swiper .card {
    padding-right: 0!important
}

.tpl-69 .biw .last-swiper {
    width: 2.3733333333rem!important
}

.tpl-69 .biw .last-swiper .card {
    padding-right: 0!important
}

.tpl-70 .left-part {
    position: relative
}

.tpl-70 .left-part a {
    display: block
}

.tpl-70 .list-item {
    position: relative
}

.tpl-70 .desc-block {
    background: hsla(0,0%,100%,.9);
    position: absolute;
    bottom: -.0266666667rem;
    left: 0;
    right: 0;
    width: 100%;
    color: #444
}

.tpl-70 .card-title {
    width: 100%;
    padding: 0
}

.tpl-71 {
    font-size: 0
}

.tpl-71 .left-part {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 77.8%
}

.tpl-71 .right-part {
    width: 22.2%
}

.tpl-71 .right-part .label-type {
    position: absolute;
    left: 0;
    top: 0;
    font-size: .32rem;
    text-align: center;
    line-height: .5733333333rem;
    width: .9333333333rem;
    height: .5733333333rem;
    background-color: #fc6976;
    color: #fff;
    -webkit-border-radius: 0 0 50% 0;
    -moz-border-radius: 0 0 50% 0;
    border-radius: 0 0 50% 0;
    -webkit-transform: scale(.7) translate(-22%,-20%);
    -moz-transform: scale(.7) translate(-22%,-20%);
    -ms-transform: scale(.7) translate(-22%,-20%);
    -o-transform: scale(.7) translate(-22%,-20%);
    transform: scale(.7) translate(-22%,-20%)
}

.tpl-71 .list-item {
    width: 100%;
    padding-bottom: 0!important
}

.tpl-71 .list-item:first-child {
    padding-bottom: .06rem!important
}

.tpl-71 .right-part ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0
}

.mult.tpl-74 {
    margin-bottom: .4266666667rem;
    position: relative;
    overflow: hidden;
}

.mult.tpl-74 .cat-ear {
    width: 100%;
    height: 1.50133333333rem;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0.466666667rem;
    background: url(../imgs/icon_cat_ear.png) no-repeat;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px)
}

.mult.tpl-74 .swiper-container {
    margin-right: 0
}

.mult.tpl-74 .swiper-container .card {
    padding: 0
}

.mult.tpl-74 .mult-slide-bar.center {
    bottom: 0;
    text-align: center
}

.tpl-72 {
    overflow: hidden
}

.tpl-72 .slider-item {
    width: 4.4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: .1333333333rem;
    -moz-border-radius: .1333333333rem;
    border-radius: .1333333333rem;
    border: .0533333333rem solid #f5f5f5;
    overflow: hidden
}

.tpl-72 .swiper-slide-active {
    border: .0533333333rem solid #fc6976
}

.tpl-75 {
    padding-bottom: .2666666667rem
}

.tpl-75 .mult-body {
    position: relative
}

.tpl-75 .card {
    padding-bottom: 0
}

.tpl-75 .inner-slider-wrapper {
    position: absolute;
    bottom: .4rem;
    width: 100%;
    left: 0;
    z-index: 12;
    padding: .0533333333rem .2666666667rem .1333333333rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tpl-75 .swiper-3d-75 {
    overflow: hidden;
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.tpl-75 .swiper-3d-75 .slider-item {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tpl-75 .swiper-3d-75 .slider-item .item-wrapper {
    -webkit-border-radius: .1866666667rem;
    -moz-border-radius: .1866666667rem;
    border-radius: .1866666667rem;
    border: .0533333333rem solid #fff;
    overflow: hidden
}

.tpl-75 .swiper-3d-75 .swiper-slide-thumb-active .item-wrapper {
    opacity: 1
}

.tpl-75 .bottom-wave {
    bottom: -1px;
    height: .3466666667rem;
    background: url(/static/images/book/icon_wave.png) no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.tpl-75 .bottom-wave,.tpl-76 .icon-arc {
    position: absolute;
    left: 0;
    z-index: 10;
    width: 100%
}

.tpl-76 .icon-arc {
    height: .8533333333rem;
    background-position: 50%;
    bottom: -2px;
    background: url(/static/images/book/icon_arc.png) no-repeat;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}

.tpl-76 .navi-container {
    width: 100%;
    padding: .2666666667rem 1.2rem
}

.tpl-76 .navi-container .item {
    padding-right: 1.0666666667rem
}

.tpl-76 .navi-container .item .icon {
    display: inline-block;
    vertical-align: middle;
    width: 1.3866666667rem;
    height: 1.3866666667rem;
    -moz-background-size: 1.3866666667rem 1.3866666667rem;
    -o-background-size: 1.3866666667rem 1.3866666667rem;
    background-size: 1.3866666667rem 1.3866666667rem
}

.tpl-76 .navi-container .item .text {
    color: 444;
    margin-left: .1333333333rem;
    font-size: .4266666667rem;
    vertical-align: middle
}

.tpl-76 .mult-body {
    padding-bottom: .64rem
}

.tpl-77 .icon-arc {
    width: 100%;
    height: .8533333333rem;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -1px;
    background-position: bottom;
    background: url(/static/images/book/icon_top_arc.png) no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.tpl-77 .swiper-37 {
    margin-top: .2666666667rem;
    overflow: hidden
}

.tpl-77 .swiper-37 .swiper-slide {
    width: 1.8133333rem!important
}

.tpl-77 .swiper-37 .swiper-slide:last-child {
    width: 1.38733333rem!important
}

.tpl-77 .swiper-37 .slider-item {
    display: block;
    width: 1.8133333rem!important
}

.tpl-77 .swiper-37 .slider-item .card {
    width: 100%
}

.icon-boy_big,.icon-boy_small,.icon-girl_big,.icon-girl_small {
    display: inline-block;
    background-image: url(../imgs//sprite.home.d0cbc@2x.png);
    background-repeat: no-repeat;
    -moz-background-size: 4.16rem 3.2533333333rem;
    -o-background-size: 4.16rem 3.2533333333rem;
    background-size: 4.16rem 3.2533333333rem
}

.icon-boy_big {
    width: 2.0266666667rem;
    height: 2.0266666667rem;
    background-position: 0 0
}

.icon-boy_small {
    width: 1.12rem;
    height: 1.12rem;
    background-position: 0 -2.1333333333rem
}

.icon-girl_big {
    width: 2.0266666667rem;
    height: 2.0266666667rem;
    background-position: -2.1333333333rem 0
}

.icon-girl_small {
    width: 1.12rem;
    height: 1.12rem;
    background-position: -1.2266666667rem -2.1333333333rem
}

.icon-rank_1,.icon-rank_2,.icon-rank_3,.icon-type_label {
    display: inline-block;
    background-image: url(../imgs//sprite.index.d4ea3@2x.png);
    background-repeat: no-repeat;
    -moz-background-size: 1.8133333333rem 1.4133333333rem;
    -o-background-size: 1.8133333333rem 1.4133333333rem;
    background-size: 1.8133333333rem 1.4133333333rem
}

.icon-rank_1 {
    background-position: -.8533333333rem 0
}

.icon-rank_1,.icon-rank_2 {
    width: .4266666667rem;
    height: .5333333333rem
}

.icon-rank_2 {
    background-position: -1.3866666667rem 0
}

.icon-rank_3 {
    width: .4266666667rem;
    height: .5333333333rem;
    background-position: 0 -.88rem
}

.icon-type_label {
    width: .7466666667rem;
    height: .7733333333rem;
    background-position: 0 0;
    position: relative;
    z-index: 2;
    left: .2133333333rem;
    font-size: .32rem;
    font-style: normal;
    color: #fff
}

.icon-type_label .type {
    display: inline-block;
    width: 110%;
    text-align: center;
    -webkit-transform: scale(.7) translateX(-5%);
    -moz-transform: scale(.7) translateX(-5%);
    -ms-transform: scale(.7) translateX(-5%);
    -o-transform: scale(.7) translateX(-5%);
    transform: scale(.7) translateX(-5%);
    position: relative;
    top: .0933333333rem
}

.view-body::-webkit-scrollbar {
    display: none
}

.btn-search {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    position: fixed;
    right: .4rem;
    top: .4rem;
    z-index: 10;
    color: #fc6976;
    background-color: #fff;
    width: .8533333333rem;
    height: .8533333333rem;
    text-align: center;
    line-height: .8533333333rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    font-size: .5866666667rem;
    -webkit-box-shadow: 0 0 .2133333333rem rgba(252,105,118,.25);
    -moz-box-shadow: 0 0 .2133333333rem rgba(252,105,118,.25);
    box-shadow: 0 0 .2133333333rem rgba(252,105,118,.25)
}

.nav-area,.search-area {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.search-area {
    height: .8533333333rem;
    padding: 0 .2666666667rem
}

.book-main {
    position: relative;
    min-height: 100%;
    padding-bottom: 2.1333333333rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.toggle-sex {
    position: fixed;
    left: .1333333333rem;
    top: .4rem;
    z-index: 10;
    width: 1.68rem
}

.toggle-sex .icon-boy_small,.toggle-sex .icon-girl_small {
    position: relative;
    z-index: 1
}

.toggle-sex .noselect {
    position: absolute;
    z-index: 0;
    top: 0;
    left: .4266666667rem
}

.comic-header {
    position: relative;
    background-position: 50%;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

.comic-header .comic-info {
    background-color: rgba(0,0,0,.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.533333333rem .2666666667rem 1.033333333rem;
}
.tucaofather a{
    color: #fff;
}
.comic-header .book-name,.comic-header .comic-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.comic-header .book-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.comic-header .book-name .name {
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: .48rem;
    color: #fff
}

.comic-header .book-name .name .author {
    margin-left: .1333333333rem;
    font-size: .32rem;
    color: hsla(0,0%,100%,.7)
}

.comic-header .book-cover {
    width: 2rem;
    
}

.comic-header .book-cover .origin {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: .0533333333rem;
    width: .4266666667rem;
    height: .8rem;
    color: #fff;
    background-color: #fc6976
}

.comic-header .book-cover .origin:after {
    content: "";
    position: absolute;
    left: 0;
    top: 99%;
    width: .4266666667rem;
    height: .1219047619rem;
    background: url(/static/images/detail/icon_main_labelling.png) no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.comic-header .stars {
    height: .48rem;
    font-size: 0
}

.comic-header .stars .item {
    width: .4266666667rem;
    height: .4266666667rem;
    line-height: .4266666667rem;
    display: inline-block;
    margin-right: .0533333333rem;
    vertical-align: top;
    -moz-background-size: .4266666667rem .4266666667rem;
    -o-background-size: .4266666667rem .4266666667rem;
    background-size: .4266666667rem .4266666667rem;
    font-size: .32rem;
    color: #fff100
}

.comic-header .types {
    padding: .2666666667rem 0;
    font-size: 0
}

.comic-header .types li {
    display: inline-block;
    vertical-align: middle;
    margin-right: .16rem;
    line-height: .4266666667rem;
    height: .4266666667rem
}

.comic-header .types li.count,.comic-header .types li.liting {
    font-size: .32rem;
    color: #f5f5f5
}

.comic-header .types li.count {
    margin-right: .2666666667rem
}

.comic-header .types li .type {
    max-width: .8533333333rem;
    padding: 0 .16rem;
    background: hsla(0,0%,100%,.3);
    font-size: .2666666667rem;
    color: #fff;
    text-align: center;
    -webkit-border-radius: .2133333333rem;
    -moz-border-radius: .2133333333rem;
    border-radius: .2133333333rem;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.comic-intro {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    padding: 0 .2666666667rem .4rem
}

.comic-intro .radius-box {
    position: absolute;
    width: 100%;
    top: -.5333333333rem;
    left: 0;
    overflow: hidden;
    height: .6933333333rem
}

.comic-intro .radius-box .radius {
    width: 53.3333333333rem;
    height: 53.3333333333rem;
    margin-left: -26.6666666667rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-border-radius: 26.6666666667rem 26.6666666667rem 0 0;
    -moz-border-radius: 26.6666666667rem 26.6666666667rem 0 0;
    border-radius: 26.6666666667rem 26.6666666667rem 0 0;
    background-color: #fff
}

.comic-intro .btn-menu {
    height: 1.52rem;
    padding: 0 .2666666667rem;
    margin-top: -.2666666667rem;
    display: flex;
    flex-basis: initial;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 0.3rem;
}
.comic-chapter .chapter-rank {
   
    display: block;
    position: relative;
    height: .64rem;
    cursor: pointer;
    margin: 0 0.1rem;
    width: 0.3rem;
}

.comic-chapter .chapter-rank:after,.comic-chapter .chapter-rank:before {
    position: absolute;
    content:"";
}
ul#js_chapters {
    display: flex;
}
ul#js_chapters.asc {
   
    flex-flow: column;
}
ul#js_chapters.desc {
    
    flex-flow: column-reverse;
}
.comic-chapter .chapter-rank:before {
    border-bottom: .1466666667rem solid #ddd;
    border-left: .1466666667rem dashed rgba(0,0,0,0);
    border-right: .1466666667rem dashed rgba(0,0,0,0);
    top: .1333333333rem;
}

.comic-chapter .chapter-rank:after {
    bottom: .1333333333rem;
    border-top: .1466666667rem solid #ddd;
    border-left: .1466666667rem dashed rgba(0,0,0,0);
    border-right: .1466666667rem dashed rgba(0,0,0,0)
}

.comic-chapter .chapter-rank.asc:before {
    border-bottom-color: #fc6976
}

.comic-chapter .chapter-rank.desc:after {
    border-top-color: #fc6976
}
.comic-intro .btn-menu .btn-menu-item {
    float: left;
    text-align: center;
    position: relative;
   
    font-size: .2933333333rem
}

.comic-intro .btn-menu .btn-menu-item p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .5333333333rem;
    line-height: .5333333333rem;
    text-align: center;
    color: #555;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.comic-intro .btn-menu .btn-menu-item p span {
    margin-left: .1333333333rem
}

.comic-intro .btn-menu .collectfather {
    width: 28%;
    height: 50%;
    /* background: url(/static/images/detail/icon_detail_collect.png) no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain; */
    background-size: contain;
    background-position: bottom
}

.comic-intro .btn-menu .startReadfather {
    width: 40%;
    margin: 0% 2%;
    height: 80%;
    /* background: url(/static/images/detail/icon_detail_reed.png) no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain; */
    background-size: contain;
    background-position: bottom;
    font-size: .3733333333rem
}
span.js_collect_num {
    margin-left: 0.1rem;
}
.comic-intro .btn-menu .startReadfather p {
    height: .8533333333rem;
    line-height: .8533333333rem
}

.comic-intro .btn-menu .startReadfather .start-read {
    font-size: .4rem;
    padding: 0 .2133333333rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    word-break: break-all;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.comic-intro .btn-menu .tucaofather {
    width: 28%;
    height: 50%;
    /* background: url(/static/images/detail/icon_detail_comt.png) no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain; */
    background-size: contain;
    background-position: bottom
}

.comic-intro .intro-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.comic-intro .intro-text .intro-text-wrapper {
    padding-right: .64rem;
    padding-top: .32rem;
    box-sizing: border-box;
    color: #999;
    position: relative;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.comic-intro .intro-text .intro-text-wrapper.spread-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .32rem;
    color: #999;
    position: relative;
    -webkit-line-clamp: 200
}

.comic-intro .intro-text i {
    width: .64rem;
    height: .64rem;
    line-height: .64rem;
    text-align: center;
    position: absolute;
    font-size: .3333333333rem;
    bottom: -.1333333333rem;
    right: 0;
    color: #ddd;
    z-index: 2;
    font-weight: 700;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.authorList {
    background: #fff;
    padding: 0 .2666666667rem;
    border-top: .0266666667rem solid hsla(0,0%,86.7%,.25);
    border-bottom: .0266666667rem solid hsla(0,0%,86.7%,.25)
}

.authorList .card-box-head {
    height: .8533333333rem;
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.authorList .card-box-head.dow {
    margin: 0 .2666666667rem .1333333333rem
}

.authorList .card-box-head .left {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.authorList .card-box-head .title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .64rem;
    line-height: .64rem;
    font-size: .48rem
}

.authorList .card-box-head .btn {
    padding: .1066666667rem 0
}

.authorList .card-box-head .btn-change {
    display: inline-block;
    border: 1px solid #ddd;
    min-width: .5333333333rem;
    height: .4266666667rem;
    padding: 0 .2133333333rem;
    -webkit-border-radius: .2133333333rem;
    -moz-border-radius: .2133333333rem;
    border-radius: .2133333333rem;
    font-size: .2933333333rem;
    text-align: center;
    line-height: .4266666667rem;
    color: #ddd
}

.authorList .author-icon {
    font-size: 0;
    padding: .2666666667rem
}

.authorList .author-icon .item {
    width: 20%;
    padding: 0 .1333333333rem;
    font-size: .2666666667rem;
    display: inline-block;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.authorList .author-icon .item .thumbnail {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 80%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #f5f5f5;
    position: relative;
    *position: relative;
    overflow: hidden;
    *overflow: hidden
}

.authorList .author-icon .item .thumbnail .wrapper-part {
    position: absolute;
    width: 100%;
    height: .48rem;
    z-index: 2;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 50% 50% 0 0;
    -moz-border-radius: 50% 50% 0 0;
    border-radius: 50% 50% 0 0
}

.authorList .author-icon .item .thumbnail .wrapper-part .inner-part {
    top: -172%;
    position: absolute;
    width: 100%;
    height: 1.28rem;
    background-color: #fc6976;
    -webkit-border-radius: 0 0 50% 50%;
    -moz-border-radius: 0 0 50% 50%;
    border-radius: 0 0 50% 50%
}

.authorList .author-icon .item .thumbnail .wrapper-part p {
    position: absolute;
    bottom: .0666666667rem;
    left: 0;
    right: 0;
    font-size: .2666666667rem;
    text-align: center;
    color: #fff
}

.authorList .author-icon .item .thumbnail img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.authorList .author-icon .item .title {
    color: #999;
    font-size: .32rem
}

.arrow-reverse {
    -webkit-transform: rotate(-90deg)!important;
    -moz-transform: rotate(-90deg)!important;
    -ms-transform: rotate(-90deg)!important;
    -o-transform: rotate(-90deg)!important;
    transform: rotate(-90deg)!important
}
.card-box-head {
    height: .8533333333rem;
    margin-bottom: .1333333333rem;
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.card-box-head.dow {
    margin: 0 .2666666667rem .1333333333rem
}

.card-box-head .left {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.card-box-head .left .title {
    height: .64rem;
    font-size: .5333333333rem;
    color: #333
}

.card-box-head .left .switch {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-box-head .btn {
    padding: .1066666667rem 0
}

.card-box-head .btn-change {
    display: inline-block;
    border: 1px solid #ddd;
    min-width: .5333333333rem;
    height: .4266666667rem;
    padding: 0 .2133333333rem;
    -webkit-border-radius: .2133333333rem;
    -moz-border-radius: .2133333333rem;
    border-radius: .2133333333rem;
    font-size: .2933333333rem;
    text-align: center;
    line-height: .4266666667rem;
    color: #ddd
}

.up-chapter-list {
    display: none;
    background-color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.5333333333rem;
    border-top: 1px solid #fc6976;
    font-size: 0;
    z-index: 1
}

.up-chapter-list .list-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.up-chapter-list .list-content div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.up-chapter-list .list-content .comic-collect,.up-chapter-list .list-content .tucao-page {
    -webkit-box-flex: 1;
    -webkit-flex: 1 4;
    -moz-box-flex: 1;
    -ms-flex: 1 4;
    flex: 1 4
}

.up-chapter-list .list-content .comic-collect span,.up-chapter-list .list-content .tucao-page span {
    margin-top: .3333333333rem;
    height: .8666666667rem;
    font-size: .3333333333rem;
    vertical-align: middle;
    line-height: .8666666667rem
}

.up-chapter-list .list-content .comic-collect span {
    display: inline-block
}

.up-chapter-list .list-content .comic-collect .collect-info-logo {
    width: 1.12rem;
    background-repeat: no-repeat;
    -moz-background-size: .7333333333rem .7333333333rem;
    -o-background-size: .7333333333rem .7333333333rem;
    background-size: .7333333333rem .7333333333rem;
    background-position: 50%
}

.up-chapter-list .list-content .comic-collect .collect-logo {
    background-image: url(/static/images/detail/ic_read_last_collection.png)
}

.up-chapter-list .list-content .comic-collect .collected-logo {
    background-image: url(/static/images/detail/icon_detail_colect_tag2@3x.png)
}

.up-chapter-list .list-content .comic-collect .list-collect-num {
    width: 1.3333333333rem;
    text-align: right
}

.up-chapter-list .list-content .tucao-page .tocao-logo {
    display: inline-block;
    width: 1.12rem;
    background-image: url(/static/images/detail/ic_read_last_comment.png);
    background-repeat: no-repeat;
    -moz-background-size: .7333333333rem .7333333333rem;
    -o-background-size: .7333333333rem .7333333333rem;
    background-size: .7333333333rem .7333333333rem;
    background-position: 50%
}

.up-chapter-list .list-content .tucao-page .list-tucao-num {
    text-align: left;
    display: inline-block;
    width: 1.3333333333rem
}

.up-chapter-list .list-content .close-list {
    -webkit-box-flex: 2;
    -webkit-flex: 2 4;
    -moz-box-flex: 2;
    -ms-flex: 2 4;
    flex: 2 4
}
#js_top_nav{
    background: #fc6976;
    color: #fff;
}
.up-chapter-list .list-content .close-list .close-content {
    margin: .3333333333rem auto;
    -webkit-border-radius: .5866666667rem;
    -moz-border-radius: .5866666667rem;
    border-radius: .5866666667rem;
    background-color: #fc6976;
    height: .8666666667rem;
    line-height: .8666666667rem;
    text-align: center;
    color: #fff;
    width: 60%;
}

.up-chapter-list .list-content .close-list .close-content span {
    font-size: .3466666667rem
}

.up-chapter-list .list-content .close-list .close-content span:nth-of-type(2) {
    margin-left: .2666666667rem;
    font-weight: 700
}
.comic-title2 {
    font-size: .4266666667rem
}

.comic-box {
    margin: .4266666667rem 0
}

.comic-box .hd {
    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-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding-right: .4266666667rem;
    padding-left: .4266666667rem;
}

.comic-box .hd .flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.comic-box .hd .more {
    font-size: .4266666667rem;
    color: #999
}

.comic-box>.bd {
    padding: 0 .2666666667rem .2133333333rem
}

.comic-describe {
    position: relative;
    font-size: .32rem;
    height: .5333333333rem;
    line-height: .5333333333rem;
    color: #fff;
    overflow: hidden
}
.comment-textarea-box-ft .comment-submit:before,.comment-textarea-box-ft .comment-submit:hover:before{content:"";height:0;width:0;overflow:hidden}
.comment-list-item,.comment-list-tabtitle,.comment-textarea-box-ft,.comment .comment-bars{zoom:1}
.comment-list-item:after,.comment-list-tabtitle:after,.comment-textarea-box-ft:after,.comment .comment-bars:after{content:"";display:table;clear:both}

.comment{font-size:14px;padding:10px;font-family:Microsoft Yahei,SimSun,Tahoma,arial,SimHei,sans-serif;background:#fff}.comment *{padding:0;margin:0}.comment .comment-hd{border-bottom:1px solid #fc6976;margin-bottom:10px;height:40px}.comment .comment-hd .title{float:left;position:relative;z-index:1;height:40px;padding:0 20px;line-height:40px;font-size:20px;border:1px solid #fc6976;border-bottom:0;margin-bottom:-1px;border-radius:3px 3px 0 0;color:#fc6976;background-color:#fff;cursor:pointer}.comment-number{float:right;padding-top:10px;height:30px;line-height:30px;color:#fc6976}.comment-number strong{padding:0 5px;font-size:20px;}.comment-more-box{height:30px;margin-bottom:10px;line-height:30px;border-radius:0 0 3px 3px;background:#f5f5f5;text-align:center}.comment-more-box .comment-more{font-size:14px;color:#999;cursor:pointer}.comment .comment-bars{margin-top:10px;height:20px;line-height:20px;font-size:12px;color:#999}.comment .comment-time{float:left}.comment .comment-avatar{margin-left:-56px;float:left;width:48px;padding-top:4px}.comment .comment-figure{width:40px;height:40px;border-radius:50%;overflow:hidden;border:1px solid #f5f5f5;text-align:center;line-height:40px}.comment .comment-figure img{width:100%;height:auto;font-size:0;vertical-align:top}.comment .comment-user{height:24px;line-height:24px;color:#fc6976;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.comment-list{display:none}.comment-list.comment-active{display:block}.comment-list-title{font-size:16px;height:21px;line-height:21px;color:#fc6976}.comment-list-title:before{content:"";margin-right:5px;border-left:4px solid #fc6976;font-size:12px;vertical-align:1px}.comment-list-tabtitle{border-bottom:1px solid #eee;font-size:14px}.comment-list-tabtitle-item{float:left;font-size:14px;margin-right:10px;height:20px;color:#999;cursor:pointer}.comment-list-tabtitle-item.comment-active{position:relative;color:#fc6976}.comment-list-tabtitle-item.comment-active:before{content:"";display:block;position:absolute;bottom:-1px;height:1px;width:100%;background-color:#fc6976}.comment-list-item{padding:10px 0 10px 56px;border-bottom:1px dotted #eee}.comment-list-item .comment-list-item{padding:10px 0}.comment-list-item .comment-list-item.last,.comment-list-item .comment-list-item.last-child,.comment-list-item .comment-list-item:last-child{border-bottom:0}.comment-list-item .comment-list-item .comment-avatar{width:40px;margin-left:-40px;padding-top:0}.comment-list-item .comment-list-item .comment-figure{width:32px;height:32px;line-height:32px}.comment .comment-issue{margin-top:5px;min-height:20px;font-size:14px;line-height:1.5;color:#999;word-break:break-all}.comment-textarea-box{margin-bottom:10px;font-size:0}.comment-textarea-box .comment-textarea{width:100%;box-sizing:border-box;display:block;min-height:60px;margin:0;border:none;outline:none;padding:5px 5px 0;font-size:14px;color:#999;background:transparent}.comment-textarea-box .comment-input-num{position:absolute;height:12px;line-height:12px;left:0;bottom:0;padding:0 5px;font-size:12px;color:#dcdcdc}.comment-textarea-box-bd{position:relative;border:1px solid #fc6976;border-radius:3px;padding-bottom:12px}.comment-textarea-box-bd:hover{box-shadow:0 0 5px #fc6976}.comment-textarea-box-ft{padding:10px 0;text-align:right}.comment-textarea-box-ft .comment-submit{position:relative;height:32px;padding:0 16px;border:0;outline:none;font-size:16px;background-color:#fc6976;color:#fff;border-radius:8px 8px 8px 0}.comment-textarea-box-ft .comment-submit:before{position:absolute;left:-5px;bottom:0;border-bottom:5px solid #fc6976;border-left:5px dashed transparent;border-right:5px dashed transparent}.comment-textarea-box-ft .comment-submit:hover{opacity:.9}.comment-textarea-box-ft .comment-submit:hover:before{border-bottom:5px solid #fc6976;border-left:5px dashed transparent;border-right:5px dashed transparent}.comment-textarea-box .comment-noinfo{text-align:center;padding:15px 0;font-size:14px;color:#999}.comment-textarea-box .comment-noinfo .comment-bg{padding-top:110px;text-align:center;background-size:contain}.comment .comment-reply-support{float:right}.comment .comment-reply-support span{display:inline-block;vertical-align:middle;height:20px}.comment .comment-reply-support .comment-replay{margin-left:8px;cursor:pointer}.comment .comment-ift-support,.comment .comment-ift-supported{font-size:14px;cursor:pointer}.comment .comment-ift-support{color:#dcdcdc}.comment .comment-ift-supported,.comment .comment-ift-top{color:#fc6976}.comment .comment-ift-elite{color:#ff7647}.comment .comment-loading{height:300px;text-align:center;line-height:300px}.comment-layer-modal{position:fixed;z-index:999;top:50%;left:50%;width:200px;height:50px;line-height:50px;text-align:center;margin-left:-100px;background:#333;opacity:.7;border-radius:8px;color:#fff}.comment .comment-noinfo{padding:40px 0;text-align:center;color:#999}.comment .comment-noinfo-bg{display:block;margin:0 auto;width:126px;height:144px;text-align:center;background:url(//static.321mh.com/comment/static/images/default/noinfo.png) 50% no-repeat;background-size:contain}
.comic-describe .more {
    position: absolute;
    width: .8533333333rem;
    bottom: 0;
    right: 0;
    text-align: right;
    color: #999;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="transparent",endColorStr="#F3F3F7",gradientType="0");
    background-image: -webkit-gradient(linear,left top,left bottom,from(0),color-stop(rgba(0,0,0,0)),color-stop(60%,#000));
    background-image: -webkit-linear-gradient(0,rgba(0,0,0,0),#000 60%);
    background-image: -moz-linear-gradient(0,rgba(0,0,0,0),#000 60%);
    background-image: -o-linear-gradient(0,rgba(0,0,0,0),#000 60%);
    background-image: linear-gradient(0,rgba(0,0,0,0),#000 60%)
}

.comic-figure-box {
    padding-top: .2666666667rem
}

.comic-figure-box .swiper-container-role {
    padding: .2133333333rem 0 .32rem
}

.comic-figure {
    margin-top: .2133333333rem;
    height: 1.2rem
}

.comic-figure>.item {
    float: left;
    width: 2.6666666667rem;
    height: 1.2rem;
    padding-right: .2133333333rem;
    padding-left: .9066666667rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.comic-figure>.item a {
    color: #fff
}

.comic-figure .figure {
    float: left;
    margin-left: -.9066666667rem;
    font-size: 0
}

.comic-figure .figure .figcaption {
    display: block;
    height: .5333333333rem;
    line-height: .5333333333rem;
    text-align: center;
    font-size: .32rem;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    color: #999
}

.comic-figure .thumb {
    width: .8533333333rem;
    height: .6666666667rem;
    overflow: hidden
}

.comic-figure .thumb .img {
    vertical-align: top;
    width: .8rem;
    height: .8rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.comic-figure .figcaption-title {
    font-weight: 400;
    height: .7466666667rem;
    line-height: .7466666667rem;
    font-size: .2666666667rem;
    color: #fff;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}
.lianzai {
    padding: .2666666667rem 0
}

.lianzai .card-box-head .btn-reverse {
    text-align: center;
    display: inline-block;
    width: .64rem;
    height: .64rem;
    background: url(/static/images/detail/icon_detail_list_b.png) 50%;
    -moz-background-size: .2rem .3333333333rem;
    -o-background-size: .2rem .3333333333rem;
    background-size: .2rem .3333333333rem;
    background-repeat: no-repeat
}

.lianzai .card-box-head .btn-reverse-change {
    background-image: url(/static/images/detail/icon_detail_list_a.png)
}

.lianzai .card-box-head .update_time {
    width: 2.4rem;
    color: #999
}

.lianzai .card-box-head .last-chapter {
    margin-left: .4666666667rem;
    color: #999;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    word-break: break-all;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
    text-align: right;
}

.lianzai .commen-topbar {
    font-size: 0
}

.lianzai .commen-topbar p {
    position: relative;
    font-size: .2933333333rem;
    color: #b6b6b6;
    display: inline-block;
    height: .4266666667rem;
    line-height: .4266666667rem;
    top: -.0666666667rem
}

.lianzai .chapter-list {
    margin-top: .2666666667rem;
    border-top: 1px solid #ddd
}

.lianzai .chapter-list .comic-chapter-item {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    word-break: break-all;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    height: 100%;
    line-height: 1.28rem;
    padding-left: .1333333333rem;
    font-size: .3733333333rem;
    color: #555;
    height: 1.28rem;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    padding-left: .4266666667rem;
}

.lianzai .chapter-list .comic-chapter-item:nth-child(n+6) {
    display: none
}
.button {
   
    background: #fc6976;
    border: 1px;
    border-color: #ff604c;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.lianzai .chapter-list .comic-chapter-item .comic-chapter-link {
    display: block
}

.lianzai .chapter-list .comic-chapter-item .comic-chapter-link:active,.lianzai .chapter-list .comic-chapter-item .comic-chapter-link:hover,.lianzai .chapter-list .comic-chapter-item .comic-chapter-link:link,.lianzai .chapter-list .comic-chapter-item .comic-chapter-link:visited {
    color: #555
}

.lianzai .chapter-list .comic-chapter-item .comic-chapter-link span {
    position: absolute;
    left: -1px;
    margin-top: .4rem;
    display: inline-block;
    width: .9066666667rem;
    height: .4266666667rem;
    line-height: .4266666667rem;
    text-align: center;
    font-size: .32rem;
    -webkit-border-radius: 0 .2133333333rem .2133333333rem 0;
    -moz-border-radius: 0 .2133333333rem .2133333333rem 0;
    border-radius: 0 .2133333333rem .2133333333rem 0;
    border: .0266666667rem solid #ff9400;
    color: #fff
}

.lianzai .chapter-list .comic-chapter-item .comic-chapter-link .read-status-unread {
    color: #ff9400
}

.lianzai .chapter-list .comic-chapter-item .comic-chapter-link .read-status-readed {
    background: #ddd!important;
    border: .0266666667rem solid hsla(0,0%,86.7%,.25)
}

.lianzai .chapter-list .more-chapter {
    padding: .4rem .2666666667rem .2666666667rem
}

.lianzai .chapter-list .more-chapter .more-chapter-btn {
    display: block;
    width: 7.4666666667rem;
    height: .96rem;
    margin: 0 auto;
    border: 1px solid #fc6976;
    -webkit-border-radius: .5333333333rem;
    -moz-border-radius: .5333333333rem;
    border-radius: .5333333333rem;
    text-align: center;
    line-height: .96rem;
    color: #333;
    font-size: .3733333333rem;
    font-weight: 400
}

.lianzai .chapter-list .more-chapter .more-chapter-btn .arrow-direction {
    margin-left: .1066666667rem;
    font-style: normal;
    font-size: .32rem;
    color: #ddd
}

.lianzai .chapter-list .expand .comic-chapter-item {
    display: block
}
.sort-class-container {
    background-color: #fff;
    padding: .2666666667rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.dl-sort-list {
    font-size: 0
}

.dl-sort-list-title {
    font-size: .4266666667rem;
    font-weight: 400;
    margin: .1333333333rem 0;
    color: #000
}

.dl-sort-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-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    -webkit-transition: height .3s linear;
    -o-transition: height .3s linear;
    -moz-transition: height .3s linear;
    transition: height .3s linear
}

.dl-sort-list-item a {
    display: inline-block;
    font-size: .32rem;
    height: .72rem;
    line-height: .72rem;
    color: #555
}

.dl-sort-list-item a.active {
    color: #fc6976
}

.dl-sort-list-item span {
    font-size: .32rem;
    min-width: .64rem
}

.hide-list-item {
    height: 0
}

.show-list-item {
    height: .72rem
}

.sort-order-list-container {
    padding: 0 .2666666667rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.sort-order-list-container .order-list {
    overflow: hidden;
    padding: .2666666667rem 0;
    border-top: 1px solid #ddd
}

.sort-order-list-container .item {
    font-size: .32rem;
    color: #555;
    float: left;
    padding: 0 .2rem;
    border-left: 1px solid #ddd
}

.sort-order-list-container .item.active {
    color: #fc6976
}

.sort-order-list-container .item.first {
    border: none;
    padding-left: 0
}

.sort-order-list-container .sort-show-more {
    position: absolute;
    right: .2666666667rem;
    top: 0;
    font-size: .32rem;
    padding-top: .2666666667rem;
    padding-bottom: .2666666667rem
}

.sort-order-list-container .sort-show-more i {
    vertical-align: middle
}

.icon-rank-comic-1,.icon-rank-comic-2,.icon-rank-comic-3 {
    display: inline-block;
    background-image: url(../imgs//sprite.rank.3d5c7@2x.png);
    background-repeat: no-repeat;
    -moz-background-size: 2.4533333333rem 2.4533333333rem;
    -o-background-size: 2.4533333333rem 2.4533333333rem;
    background-size: 2.4533333333rem 2.4533333333rem
}

.icon-rank-comic-1 {
    width: 1.28rem;
    height: 1.28rem;
    background-position: 0 0
}

.icon-rank-comic-2 {
    background-position: -1.3866666667rem 0
}

.icon-rank-comic-2,.icon-rank-comic-3 {
    width: 1.0666666667rem;
    height: 1.0666666667rem
}

.icon-rank-comic-3 {
    background-position: 0 -1.3866666667rem
}

.rank-container .header-wrap {
    -webkit-box-shadow: 0 0 .2666666667rem 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 .2666666667rem 0 rgba(0,0,0,.2);
    box-shadow: 0 0 .2666666667rem 0 rgba(0,0,0,.2)
}

.view-port.rank-container {
    display: block;
    height: auto
}

.view-body.rank-center-bg {
    background-color: #fff;
    background-image: url(../imgs/bg-comic-list.png);
    background-repeat: no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto
}

.sort-show-more {
    color: #fff;
    font-size: .32rem;
    padding-right: .2666666667rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header-title {
    font-size: .4266666667rem
}

.class-list {
    display: none;
    position: fixed;
    top: 1.1733333333rem;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,.5);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 100
}

.rank-option-menu {
    width: 100%;
    overflow: hidden;
    height: 2rem;
}

.rank-option-menu .menu {
    padding: 0 .2666666667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-evenly;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rank-option-menu .list {
    height: 100%;
    line-height: .8rem;
    position: relative
}

.rank-option-menu .list.active {
    font-weight: 500
}

.rank-option-menu .list.active .menu-link {
    border-bottom: 1px solid #fff;
    padding-bottom: .1066666667rem
}

.rank-option-menu .menu-link {
    font-size: .3733333333rem;
    color: #fff;
    height: .6933333333rem;
    line-height: .6933333333rem
}

.scroll-container {
    width: 100%
}

.scroll-container .content {
    position: relative;
    min-height: 10rem
}

.rank-contain,.scroll-container .content .noinfo {
    background-color: #fff
}

.rank-contain {
    margin-top: .2133333333rem
}

.rank-list-header {
    padding: .24rem .2666666667rem;
    height: .96rem;
    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-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rank-list-header .title {
    font-size: .48rem;
    color: #333;
    font-weight: 400
}

.rank-list-header .title:before {
    content: "";
    display: inline-block;
    height: .4533333333rem;
    width: .1333333333rem;
    background-color: #fc6976;
    -webkit-border-radius: .1333333333rem;
    -moz-border-radius: .1333333333rem;
    border-radius: .1333333333rem;
    vertical-align: middle;
    margin-right: .2666666667rem
}

.rank-list-header .more {
    color: #b6b6b6;
    font-size: .32rem
}

.comic-list,.rank-comic-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.comic-list {
    width: 100%
}

.comic-list .list {
    padding: .2933333333rem .2666666667rem;
    background-color: hsla(0,0%,100%,.95)
}

.comic-list .list .comic-detail {
    padding-left: .2133333333rem;
    overflow: hidden
}

.comic-list .list .comic-desc-item {
    margin-bottom: .1333333333rem
}

.comic-list .list .comic-desc-item .comic-name {
    margin-bottom: 0;
    max-width: 60%
}

.comic-list .list .comic-desc-item .comic-name a {
    display: block
}

.comic-list .list .comic-desc-item .statistics {
    max-width: 35%;
    text-align: right
}

.comic-list .list .comic-type-item .comic-author {
    float: left;
    text-align: left;
    max-width: 50%
}

.comic-list .list .comic-type-item .sort-list {
    max-width: 50%;
    float: right;
    font-size: 0
}

.comic-list .list .comic-type-item .comic-author,.comic-list .list .comic-type-item .sort-list {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.comic-list .list .comic-type-item a {
    display: inline-block;
    margin-left: .0666666667rem;
    font-size: .2666666667rem;
    color: #999
}

.comic-list .statistics {
    float: right
}

.comic-list .order {
    float: left;
    height: .8rem;
    width: .8rem;
    text-align: center;
    line-height: .8rem;
    color: #ddd;
    font-size: .5333333333rem
}

.comic-list .comic-author,.comic-list .statistics {
    font-size: .2666666667rem;
    color: #999
}

.comic-name {
    font-weight: 400;
    margin-bottom: .1333333333rem
}

.comic-name a {
    display: block;
    font-size: .3733333333rem;
    color: #333
}

.comic-author,.comic-name a {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.comic-rank-top {
    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-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding: .6933333333rem .88rem 1.68rem;
    position: relative
}

.comic-rank-top .comic-detail {
    text-align: center
}

.comic-rank-top .suspend {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center
}

.comic-rank-top .suspend span {
    display: inline-block;
    font-size: .2666666667rem
}

.comic-rank-top .suspend i {
    margin: 0 .0533333333rem
}

.comic-rank-top .suspend i,.comic-rank-top .suspend span {
    font-size: .32rem
}

.comic-rank-top .suspend .rank-num {
    height: .3466666667rem;
    line-height: .3733333333rem;
    width: .3466666667rem;
    -webkit-border-radius: .24rem;
    -moz-border-radius: .24rem;
    border-radius: .24rem;
    text-align: center;
    color: #fc6976;
    background-color: #fff;
    margin: 0 .1066666667rem
}

.comic-rank-top .comic-item {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.comic-rank-top .comic-item.top-1 {
    width: 29.1262135922%
}

.comic-rank-top .comic-item.top-1 .suspend {
    top: -.6933333333rem
}

.comic-rank-top .comic-item.top-1 .comic-cover {
    border-width: 3px
}

.comic-rank-top .comic-item.top-2,.comic-rank-top .comic-item.top-3 {
    width: 21.2389380531%
}

.comic-rank-top .comic-item.top-2 .suspend,.comic-rank-top .comic-item.top-3 .suspend {
    top: -.64rem
}

.comic-rank-top .comic-item.top-2 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.comic-rank-top .comic-item.top-1 .comic-name a,.comic-rank-top .comic-item.top-2 .comic-name a,.comic-rank-top .comic-item.top-3 .comic-name a {
    color: #fff
}

.comic-rank-top .comic-images {
    width: 100%
}

.comic-rank-top .comic-cover-link {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 133.3333333333%;
    margin-bottom: .2133333333rem
}

.comic-rank-top .comic-cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2.5px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rank-comic-bg {
    height: 1.28rem;
    width: 100%;
    background-image: url(../imgs/rank-arc-bg.png);
    background-repeat: no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto
}
.login {
    padding: .5333333333rem;
    min-height: 100%;
    -webkit-border-radius: .16rem;
    -moz-border-radius: .16rem;
    border-radius: .16rem;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.login>.bd {
    font-size: .96rem;
    color: #fc6976;
    background-color: #fff
}

.login .form-item-line {
    position: relative;
    height: 1.28rem;
    padding-left: .96rem;
    border-bottom: 1px solid #f5f5f5
}

.login .label {
    width: 100%
}

.login .form-item_label {
    position: absolute;
    left: 0;
    top: 0;
    width: .96rem;
    line-height: 1.28rem;
    font-size: .64rem;
    text-align: center;
    cursor: pointer
}

.login .verify-send {
    padding-right: 4.5866666667rem
}

.login .verify-input {
    padding-right: 2.56rem
}

.login .form-item_input {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    line-height: .4rem;
    font-size: .32rem;
    color: #333;
    border: 0
}

.login .form-item_input:focus {
    border: 0;
    outline: none
}

.login .image-code {
    vertical-align: top;
    cursor: pointer
}

.login .user-operate {
    position: absolute;
    right: 0;
    top: 50%;
    height: .64rem;
    line-height: .64rem;
    margin-top: -.32rem
}

.login .user-operate label {
    font-size: .4266666667rem
}

.login .btn-outline {
    vertical-align: top;
    height: .5866666667rem;
    line-height: .5866666667rem;
    font-size: .32rem;
    color: #fc6976;
    border: 1px solid #fc6976
}
.fullStar {
    background-image: url(../imgs/icon_Game_yx32s.png)
}



.halfStar1 {
    background-image: url(../imgs/icon_Game_yx32b3.png)
}

.halfStar0 {
    background-image: url(../imgs/icon_Game_yx320.png)
}
.login>.ft {
    margin-top: .2833333333rem
}

.login .third-login {
    margin: .6666666667rem 0;
    font-size: 0
}

.login .third-login>.item {
    display: inline-block;
    vertical-align: middle;
    width: 1.2266666667rem;
    height: 1.2266666667rem;
    line-height: 1.2266666667rem;
    margin: 0 .48rem;
    text-align: center;
    color: #fc6976;
    border: 1px solid #fc6976;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

.login .third-login [class*=ift-] {
    font-size: .64rem
}

.avatar-box {
    text-align: center
}

.avatar-box .avatar {
    width: 2.4266666667rem;
    height: 2.4266666667rem;
    margin: .5066666667rem 0
}

.layui-m-layermain .layui-m-layersection .layui-m-layer-login {
    width: 7.2rem;
    background-color: #fff;
    -webkit-border-radius: .2133333333rem;
    -moz-border-radius: .2133333333rem;
    border-radius: .2133333333rem
}

.layui-m-layermain .sms-code-container {
    padding: .8rem .5333333333rem 0;
    font-size: .3733333333rem;
    line-height: normal;
    position: relative
}

.layui-m-layermain .sms-code-container .code-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.layui-m-layermain .sms-code-container .sms-msg {
    width: 3.7333333333rem
}

.layui-m-layermain .sms-code-container .sms-text {
    width: 2.08rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    font-size: .64rem;
    color: #c80000;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(6%,#ff8174),color-stop(77%,#ffce70));
    background: -webkit-linear-gradient(top,#ff8174 6%,#ffce70 77%);
    background: -moz-linear-gradient(top,#ff8174 6%,#ffce70 77%);
    background: -o-linear-gradient(top,#ff8174 6%,#ffce70 77%);
    background: linear-gradient(-180deg,#ff8174 6%,#ffce70 77%);
    border: 1px solid #e5e5e5;
    -webkit-border-radius: .0533333333rem;
    -moz-border-radius: .0533333333rem;
    border-radius: .0533333333rem
}

.layui-m-layermain .sms-code-container .code-text {
    margin-bottom: .4266666667rem
}

.layui-m-layermain .sms-code-container .code-img-wap {
    width: 6.1333333333rem;
    height: 2.6666666667rem;
    margin-bottom: .4266666667rem;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1px
}

.layui-m-layermain .sms-code-container .code-img-wap img {
    width: 100%;
    -webkit-border-radius: .0533333333rem;
    -moz-border-radius: .0533333333rem;
    border-radius: .0533333333rem;
    border: 1px solid #e5e5e5;
    max-height: 100%
}

.layui-m-layermain .sms-code-container .code-img-wap .refresh {
    display: block;
    height: 1.0666666667rem;
    width: 1.0666666667rem;
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5) url(/static/images/login/refresh.png) no-repeat 50%;
    -moz-background-size: .5333333333rem .5333333333rem;
    -o-background-size: .5333333333rem .5333333333rem;
    background-size: .5333333333rem .5333333333rem;
    -webkit-border-top-left-radius: .1066666667rem;
    -moz-border-radius-topleft: .1066666667rem;
    border-top-left-radius: .1066666667rem
}

.layui-m-layermain .sms-code-container .code-img-wap .points-item {
    display: block;
    position: absolute;
    height: .3733333333rem;
    line-height: .3733333333rem;
    font-size: .2666666667rem;
    text-align: center;
    width: .3733333333rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #83da35;
    color: #fff
}

.layui-m-layermain .sms-code-container .layui-header-img {
    width: 3.8133333333rem;
    height: 1.9466666667rem;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%,-92%);
    -moz-transform: translate(-50%,-92%);
    -ms-transform: translate(-50%,-92%);
    -o-transform: translate(-50%,-92%);
    transform: translate(-50%,-92%)
}

.layui-m-layermain .sms-code-container .layui-header-img img {
    width: 100%;
    height: 100%
}

.layui-m-layermain .layui-m-layerbtn {
    height: 1.2rem;
    line-height: 1.2rem;
    background-color: #fff;
    -webkit-border-bottom-left-radius: .2133333333rem;
    -moz-border-radius-bottomleft: .2133333333rem;
    border-bottom-left-radius: .2133333333rem;
    -webkit-border-bottom-right-radius: .2133333333rem;
    -moz-border-radius-bottomright: .2133333333rem;
    border-bottom-right-radius: .2133333333rem
}

.layui-m-layermain .layui-m-layerbtn span,.layui-m-layermain .layui-m-layerbtn span[yes] {
    color: #555;
    font-size: .3733333333rem
}
.icon-user-blueticket,.icon-user-booklist,.icon-user-bookrack,.icon-user-bookstar,.icon-user-coins,.icon-user-collect,.icon-user-contact,.icon-user-crystal,.icon-user-diamond,.icon-user-doubleheart,.icon-user-exit,.icon-user-feedback,.icon-user-gift,.icon-user-good,.icon-user-heartlove,.icon-user-login,.icon-user-orangeticket,.icon-user-peoplelove,.icon-user-prize,.icon-user-recommend,.icon-user-share,.icon-user-shopping,.icon-user-sign,.icon-user-ticket,.icon-user-windmill {
    display: inline-block;
    background-image: url(../imgs//sprite.user.4a48e@2x.png);
    background-repeat: no-repeat;
    -moz-background-size: 4.2133333333rem 3.52rem;
    -o-background-size: 4.2133333333rem 3.52rem;
    background-size: 4.2133333333rem 3.52rem
}

.icon-user-blueticket {
    width: .48rem;
    height: .48rem;
    background-position: -2.9866666667rem -2.24rem
}

.icon-user-booklist {
    width: .64rem;
    height: .64rem;
    background-position: 0 -2.1333333333rem
}

.icon-user-bookrack {
    width: .64rem;
    height: .64rem;
    background-position: -.7466666667rem -2.1333333333rem
}

.icon-user-bookstar {
    width: .64rem;
    height: .64rem;
    background-position: -1.4933333333rem -2.1333333333rem
}

.icon-user-coins {
    width: .7466666667rem;
    height: .7466666667rem;
    background-position: -1.28rem 0
}

.icon-user-collect {
    width: .48rem;
    height: .48rem;
    background-position: -2.9866666667rem -2.88rem
}

.icon-user-contact {
    width: .64rem;
    height: .64rem;
    background-position: -2.24rem -2.1333333333rem
}

.icon-user-crystal {
    background-position: 0 -1.28rem
}

.icon-user-crystal,.icon-user-diamond {
    width: .7466666667rem;
    height: .7466666667rem
}

.icon-user-diamond {
    background-position: -.8533333333rem -1.28rem
}

.icon-user-doubleheart {
    width: .48rem;
    height: .48rem;
    background-position: -3.7333333333rem 0
}

.icon-user-exit {
    width: .64rem;
    height: .64rem;
    background-position: -2.9866666667rem 0
}

.icon-user-feedback {
    width: .64rem;
    height: .64rem;
    background-position: -2.9866666667rem -.7466666667rem
}

.icon-user-gift {
    width: .48rem;
    height: .48rem;
    background-position: -3.7333333333rem -.5866666667rem
}

.icon-user-good {
    width: .48rem;
    height: .48rem;
    background-position: -3.7333333333rem -1.1733333333rem
}

.icon-user-heartlove {
    width: .64rem;
    height: .64rem;
    background-position: -2.9866666667rem -1.4933333333rem
}

.icon-user-login {
    width: .64rem;
    height: .64rem;
    background-position: 0 -2.88rem
}

.icon-user-orangeticket {
    width: .48rem;
    height: .48rem;
    background-position: -3.7333333333rem -1.76rem
}

.icon-user-peoplelove {
    width: .64rem;
    height: .64rem;
    background-position: -.7466666667rem -2.88rem
}

.icon-user-prize {
    width: .48rem;
    height: .48rem;
    background-position: -3.7333333333rem -2.3466666667rem
}

.icon-user-recommend {
    width: .7466666667rem;
    height: .7466666667rem;
    background-position: -2.1333333333rem 0
}

.icon-user-share {
    width: .48rem;
    height: .48rem;
    background-position: -3.7333333333rem -2.9333333333rem
}

.icon-user-shopping {
    width: .64rem;
    height: .64rem;
    background-position: -1.4933333333rem -2.88rem
}

.icon-user-sign {
    width: 1.1733333333rem;
    height: 1.1733333333rem;
    background-position: 0 0
}

.icon-user-ticket {
    width: .7466666667rem;
    height: .7466666667rem;
    background-position: -2.1333333333rem -.8533333333rem
}

.icon-user-windmill {
    width: .64rem;
    height: .64rem;
    background-position: -2.24rem -2.88rem
}

body {
    cursor: pointer;
    background: #f5f5f5
}

body,html {
    height: 100%;
    width: 100%
}

.mine-wrap {
    top: 0;
    overflow: hidden
}

.footer,.mine-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.mine-hat {
    position: relative;
    z-index: 1;
    height: 2.88rem;
    background: url(../imgs/bg_kanmanhua.png) repeat-x;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.mine-hat .sign-entry {
    position: absolute;
    z-index: 2;
    top: .2666666667rem;
    right: .2666666667rem
}

.mine-main {
    position: relative;
    z-index: 2;
    margin-bottom: .2666666667rem;
    background-color: #fff;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.mine-main .my-face {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: -1.1733333333rem;
    padding: .16rem;
    margin-left: -1.1733333333rem;
    background-color: #fff
}

.mine-main .my-face,.mine-main .my-face .circle {
    height: 2.0266666667rem;
    width: 2.0266666667rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.mine-main .my-face .circle {
    overflow: hidden
}

.mine-main .my-face .circle .face {
    display: block;
    height: 2.0266666667rem;
    width: 2.0266666667rem
}

.mine-main .my-face .sex {
    position: absolute;
    right: 0;
    bottom: .2133333333rem;
    height: .48rem;
    width: .48rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    font-size: .3733333333rem;
    line-height: .4rem;
    background-color: #fff
}

.mine-main .my-face .sex i.sex-blue {
    color: #009eec
}

.mine-main .my-face .sex i.sex-primary {
    color: #fc6976
}

.mine-main .my-friend {
    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;
    height: .8rem;
    margin-bottom: .3733333333rem;
    color: #666
}

.mine-main .my-friend .split {
    display: block;
    width: 2.3466666667rem
}

.mine-main .my-friend .friend {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .8rem;
    font-size: .32rem;
    text-align: center;
    line-height: .8rem
}

.mine-main .my-info {
    padding: .2666666667rem 0;
    text-align: center
}

.mine-main .my-info .title {
    height: .64rem;
    margin: 0;
    font-size: .4266666667rem;
    line-height: .64rem;
    white-space: nowrap
}

.mine-main .my-info .title .name {
    font-weight: 500
}

.mine-main .my-info .title .name-user {
    color: #fc6976
}

.mine-main .my-info .title .name-visitor {
    color: #444
}

.mine-main .my-info .title .tag {
    display: inline-block;
    height: .48rem;
    padding: 0 .1333333333rem;
    -webkit-border-radius: .1066666667rem;
    -moz-border-radius: .1066666667rem;
    border-radius: .1066666667rem;
    font-size: .2666666667rem;
    line-height: .48rem;
    font-weight: 500;
    text-align: center;
    vertical-align: .0266666667rem;
    font-family: Tahoma,arial,SimSun,sans-serif;
    color: #fff;
    background-color: #ff7647
}

.mine-main .my-info .desc,.mine-main .my-info .uid {
    height: .48rem;
    margin: 0;
    font-size: .32rem;
    line-height: .48rem;
    font-weight: 300;
    white-space: nowrap;
    color: #b6b6b6
}

.mine-main .my-property {
    height: 1.4933333333rem;
    padding: 0 .2666666667rem
}

.mine-main .my-property,.mine-main .my-property .block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.mine-main .my-property .block {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.0666666667rem;
    padding: .2133333333rem .1333333333rem;
    overflow: hidden;
    color: #444;
    background-color: #fff;
    -webkit-transition: background-color .1s ease-out;
    -o-transition: background-color .1s ease-out;
    -moz-transition: background-color .1s ease-out;
    transition: background-color .1s ease-out
}

.mine-main .my-property .block:active {
    background-color: #f2f2f2
}

.mine-main .my-property .block .mark {
    margin-right: .08rem
}

.mine-main .my-property .block .text {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.0666666667rem;
    font-size: .32rem;
    line-height: 1.0666666667rem;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.mine-func {
    padding-bottom: 1.7066666667rem;
    display: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.mine-func .link-row {
    position: relative;
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .9333333333rem;
    padding: .1733333333rem 1.0666666667rem .1733333333rem .2666666667rem;
    border-bottom: 1px solid #f5f5f5;
    background-color: #fff;
    -webkit-transition: background-color .1s ease-out;
    -o-transition: background-color .1s ease-out;
    -moz-transition: background-color .1s ease-out;
    transition: background-color .1s ease-out;
    text-decoration: none;
    color: #333
}

.mine-func .link-row:active {
    background-color: #f5f5f5
}

.mine-func .link-row .arrow {
    position: absolute;
    right: .2666666667rem;
    top: .1733333333rem;
    display: block;
    height: .9333333333rem;
    width: .8rem;
    font-size: .3733333333rem;
    line-height: .9333333333rem;
    text-align: right;
    color: #ddd
}

.mine-func .link-row .mark {
    margin-right: .16rem
}

.mine-func .link-row .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .9333333333rem;
    font-size: .4rem
}

.mine-func .link-row .hint,.mine-func .link-row .text {
    display: block;
    line-height: .9333333333rem;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.mine-func .link-row .hint {
    height: .9333333333rem;
    height: 2rem;
    font-size: .2933333333rem;
    text-align: right;
    color: #ddd
}