/* 2017-12-19 10:05:51 */
@charset "utf-8";

html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    font-size: 12px;
    text-rendering: optimizelegibility;
}

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

body, button, input, select, textarea {
    font-family: -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Roboto,Segoe UI,Microsoft Yahei,微软雅黑,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,Arial,STHeiti,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    color: #333;
}

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

del {
    text-decoration: line-through;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 400;
}

ul, ol {
    list-style: none;
}

a {
    color: #333;
}

    a:hover {
        text-decoration: none;
    }

ins, a {
    text-decoration: none;
}

strong, b {
    font-weight: 700;
}

[draggable] {
    cursor: move;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

h1, h2, h3, h4, h5, h6 {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Hiragino Sans GB","Microsoft Yahei","微软雅黑",Arial,Helvetica,STHeiti,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 100;
}

table caption {
    border-bottom: none;
}

input, textarea, button {
    -webkit-appearance: none;
    border-radius: 0;
}

em, legend, caption {
    font-weight: inherit;
}

a, input, button, textarea {
    outline: 0;
}

body {
    min-height: 100%;
    overflow-x: hidden;
    background-color: #fff;
}

.mar-top {
    margin-top: 4.4rem;
}

.mar-foot {
    margin-bottom: 50px;
}

.bor-top {
    border-top: 10px solid #f2f2f2;
}

.bor-foot {
    border-bottom: 10px solid #f2f2f2 !important;
}

.green {
    color: #34c083;
}

.orange {
    color: #ff730b;
}

.red {
    color: #f43530;
}

.gay_bg {
    background-color: #f2f2f2;
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.navbar {
    height: 1.2rem;
    background-color: #FEE100;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .navbar.flt {
        right: 0;
    }

    .navbar > .tab-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 4.35rem;
        background-color: #763B00;
        overflow: hidden;
        border-radius: .8rem;
        font-size: .375rem;
    }

        .navbar > .tab-box .item {
            text-align: center;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            -webkit-flex-grow: 0;
            flex-grow: 0;
            width: 50%;
        }

        .navbar > .tab-box > .item a {
            display: block;
            color: #FEE100;
            position: relative;
            line-height: .7rem;
        }

            .navbar > .tab-box > .item a.active {
                border-radius: .8rem;
                background-color: #FEE100;
                color: #bb462c;
            }

    .navbar > .action {
        position: absolute;
        right: .3467rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
    }

        .navbar > .action .btn svg {
            width: .64rem;
            height: .64rem;
        }

        .navbar > .action .btn {
            display: block;
            text-align: center;
            color: #fff;
            font-size: .4267rem;
        }

.tabar {
    background-color: #fff;
    height: 1.333rem;
}

    .tabar > .nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        height: 1.333rem;
    }

        .tabar > .nav .item {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
        }

            .tabar > .nav .item a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                height: 1.333rem;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                font-size: .3467rem;
            }

            .tabar > .nav .item i[class^="icon-"] {
                width: .5333rem;
                height: .5333rem;
                background-size: cover;
                background-repeat: no-repeat;
                margin-right: .16rem;
            }

            .tabar > .nav .item .active {
                color: #ff5420;
            }

            .tabar > .nav .item .icon-book {
                background-image: url('../images/svg/tabbar_book_n.svg');
            }

            .tabar > .nav .item .active .icon-book {
                background-image: url('../images/svg/tabbar_book_s.svg');
            }

            .tabar > .nav .item .icon-home {
                background-image: url('../images/svg/tabbar_home_n.svg');
            }

            .tabar > .nav .item .active .icon-home {
                background-image: url('../images/svg/tabbar_home_s.svg');
            }

            .tabar > .nav .item .icon-user {
                background-image: url('../images/svg/tabbar_me_n.svg');
            }

            .tabar > .nav .item .active .icon-user {
                background-image: url('../images/svg/tabbar_me_s.svg');
            }

.portal-slick img {
    display: block;
    width: 100%;
    opacity: 0;
}

.slick-initialized img {
    opacity: 1;
}

.portal-slick .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

    .portal-slick .slick-dots li {
        margin: 0 3px;
    }

    .portal-slick .slick-dots button {
        border: 0;
        background-color: rgba(0,0,0,.6);
        width: 5px;
        height: 5px;
        border-radius: 5px;
        text-indent: -999px;
        overflow: hidden;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

    .portal-slick .slick-dots .slick-active button {
        width: 12px;
        background-color: #ff5420;
    }

.portal-nav {
    background-color: #fff;
    padding: .32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

    .portal-nav > .item a {
        display: block;
    }

    .portal-nav > .item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        text-align: center;
    }

        .portal-nav > .item i {
            display: block;
            width: 1.8rem;
            height: 1.8rem;
            margin: 0 auto;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .portal-nav > .item .title {
            font-size: .4rem;
            margin-top: .2rem;
            color: #333;
        }

.bm-box {
    background-color: #fff;
}

    .bm-box > .head {
        height: 1.333rem;
        line-height: 1.333rem;
        padding: 0 .32rem;
    }

        .bm-box > .head .title {
            float: left;
            font-size: .4267rem;
        }

        .bm-box > .head .pull-right {
            float: right;
        }

            .bm-box > .head .pull-right a {
                font-size: .32rem;
                color: #ff5420;
            }

                .bm-box > .head .pull-right a svg {
                    vertical-align: middle;
                    margin-top: -2px;
                    width: .1867rem;
                    height: .32rem;
                }

        .bm-box > .head .dot:before {
            display: inline-block;
            width: 4px;
            height: 12px;
            border-radius: 2px;
            background-color: #ff5420;
            vertical-align: middle;
            margin-top: -3px;
            margin-right: 5px;
            content: " ";
        }

        .bm-box > .head .icon-change {
            display: inline-block;
            width: .32rem;
            height: .32rem;
            background-size: .3rem;
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url('../images/svg/novel_icon_change.svg');
            vertical-align: middle;
            margin-top: -3px;
        }

        .bm-box > .head a.change {
            color: #727272;
        }

.books-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

    .books-row > .item {
        margin-bottom: .2667rem;
        width: 33.333333333%;
    }

        .books-row > .item a, .books-row > .item > a img {
            display: block;
        }

        .books-row > .item > a img {
            width: 100%;
			height:150px;
            border-radius: 2px;
        }

        .books-row > .item > a {
            margin: 0 9px;
        }

            .books-row > .item > a .title {
                margin-top: .2133rem;
                font-size: .3467rem;
            }

            .books-row > .item > a .text {
                color: #999;
                font-size: .2933rem;
            }

            .books-row > .item > a .title, .books-row > .item > a .text {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

.books-col > .item a, .books-col > .item > a img {
    display: block;
}

.books-col > .item > a .cover img {
    width: 100%;
}

.books-col > .item > a .content {
    line-height: .56rem;
    padding: .2667rem .32rem .16rem .32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.books-col > .item > a .text {
    padding: 0 .32rem .32rem .32rem;
    font-size: .3467rem;
    color: #999;
}

.books-col > .item > a .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: .4267rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .books-col > .item > a .title .label {
        display: inline-block;
        padding: 0 .1867rem;
        height: .4rem;
        line-height: .42rem;
        font-size: .2933rem;
        vertical-align: middle;
        margin-top: -3px;
        color: #fff;
        border-radius: .4rem;
        margin-right: 6px;
    }

    .books-col > .item > a .title .s1 {
        background-color: #ff7b7e;
    }

    .books-col > .item > a .title .s2 {
        background-color: #5d91dd;
    }

    .books-col > .item > a .title .s3 {
        background-color: #ff654c;
    }

.books-col > .item {
    border-top: .2667rem solid #f5f5f5;
}

    .books-col > .item:first-of-type {
        border-top: 0;
    }

.nav-row-cate {
    background-color: #fff;
    position: relative;
}

    .nav-row-cate > .action {
        position: absolute;
        right: .32rem;
        top: .56rem;
    }

        .nav-row-cate > .action a {
            display: block;
            font-size: .3733rem;
            color: #888;
            line-height: 1;
            padding: .1rem .1867rem;
        }

    .nav-row-cate:before, .nav-row-cate > .shrink .row:before {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background-color: #dcdcdc;
        color: #dcdcdc;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        z-index: 2;
    }

    .nav-row-cate > .shrink .row:last-child:before {
        display: none;
    }

    .nav-row-cate > .shrink {
        font-size: 0;
        line-height: 0;
    }

        .nav-row-cate > .shrink .row {
            position: relative;
            padding: .24rem 0.48rem .24rem .32rem;
            height: auto;
            overflow: hidden;
        }

        .nav-row-cate > .shrink > .has-label {
            padding-left: 1.82rem;
        }

            .nav-row-cate > .shrink > .has-label .label {
                display: block;
                width: 1.4rem;
                float: left;
                margin-left: -1.5rem;
                width: 1.4rem;
                margin: .08rem 0 .08rem -1.4rem;
                color: #888;
            }

        .nav-row-cate > .shrink > .row .item {
            width: 1.4rem;
            margin: .08rem 0;
            float: left;
        }

            .nav-row-cate > .shrink > .row .item a, .nav-row-cate > .shrink > .has-label .label span {
                display: inline-block;
                font-size: .3733rem;
                line-height: 1;
                padding: .1rem .1867rem;
            }

            .nav-row-cate > .shrink > .row .item .active {
                background-color: #f97915;
                color: #fff;
                border-radius: .1rem;
            }

    .nav-row-cate > .action a .icon-arrow {
        display: inline-block;
        width: .32rem;
        height: .32rem;
        vertical-align: middle;
        margin-top: -3px;
        background-image: url('../images/svg/nav-arrow.svg');
        background-size: .32rem;
        margin-left: .16rem;
    }

    .nav-row-cate > .action a.opened .icon-arrow {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.books-list {
    background-color: #fff;
}

    .books-list > .item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: .2133rem .32rem;
    }

    .books-list > .item > a .body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        overflow: hidden;
        margin-left: .4rem;
    }

    .books-list > .item > a .cover img {
        display: block;
        width: 3.444rem;
        height: 1.944rem;
    }

    .books-list > .item > a .body .title {
        color: #000;
        font-size: .4rem;
        line-height: .64rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .books-list > .item > a .body .text {
        font-size: .3467rem;
        color: #999;
        line-height: .4267rem;
        overflow: hidden;
        margin: .12rem 0;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .books-list > .item > a .body .bottom {
        font-size: .32rem;
        color: #999;
    }

        .books-list > .item > a .body .bottom .col {
            padding-right: .3rem;
        }

    .books-list > .item > a .body .icon-eye, .books-list > .item > a .body .icon-gray-hot, .books-list > .item > a .body .icon-hand {
        display: inline-block;
        width: .4267rem;
        height: .4267rem;
        background-size: cover;
        background-repeat: no-repeat;
        vertical-align: middle;
    }

    .books-list > .item > a .body .icon-eye {
        background-image: url('../images/svg/icon-eye.svg');
        margin-top: -2px;
    }

    .books-list > .item > a .body .icon-gray-hot {
        background-image: url('../images/svg/icon_gray_hot.svg');
        margin-top: -5px;
        width: .3245rem;
        height: .3784rem;
    }

    .books-list > .item > a .body .icon-hand {
        background-image: url('../images/svg/icon-hand.svg');
        margin-top: -4px;
    }

.search-bar {
    min-height: 1.333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .search-bar:before {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background-color: #dcdcdc;
        color: #dcdcdc;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        z-index: 2;
    }

    .search-bar > .inner {
        height: .8rem;
        padding: 0 .32rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    .search-bar > .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

        .search-bar > .inner > .field {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            height: .8rem;
            padding: 0 .4rem;
            border-radius: .8rem;
            background-color: #f1f1f1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

            .search-bar > .inner > .field .icon {
                margin-right: .15rem;
            }

                .search-bar > .inner > .field .icon svg {
                    display: block;
                    width: .4267rem;
                    height: .4267rem;
                }

            .search-bar > .inner > .field input {
                width: 100%;
                height: .8rem;
                border: 0;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                -webkit-flex: 1;
                flex: 1;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font-size: .3733rem;
                background-color: transparent;
                line-height: .9rem;
                vertical-align: top;
            }

        .search-bar > .inner > button {
            margin-left: .5333rem;
            border: 0;
            background-color: transparent;
            font-size: .4rem;
            height: .8rem;
            line-height: .8rem;
        }

.search-multiple {
    padding-top: .32rem;
    padding-bottom: .32rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

    .search-multiple > .res-text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 .32rem;
        margin-top: .4267rem;
        font-size: .3733rem;
        color: #7a7a7a;
    }

.hot-words {
    background-color: #fff;
}

    .hot-words > .head {
        height: 1rem;
        line-height: 1rem;
        padding: 0 .32rem;
    }

        .hot-words > .head .title {
            font-size: .3733rem;
            color: #999;
        }

    .hot-words > .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 .1333rem;
        padding-bottom: .1333rem;
    }

        .hot-words > .list > .item a {
            display: block;
            padding: 0 .4267rem;
            font-size: .3467rem;
            line-height: .8rem;
            border-radius: .8rem;
            background-color: #f5f5f5;
        }

        .hot-words > .list > .item {
            margin: .2667rem .1867rem;
        }

.search-history {
    background-color: #fff;
}

    .search-history > .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        color: #999;
        height: .5867rem;
        line-height: .5867rem;
        padding: .333rem .32rem .16rem .32rem;
    }

        .search-history > .head .title {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            font-size: .3733rem;
        }

        .search-history > .head .action a {
            color: #999;
            font-size: .32rem;
        }

            .search-history > .head .action a .icon-del {
                display: inline-block;
                width: .32rem;
                height: .32rem;
                background-image: url('../images/svg/search_icon_del.svg');
                background-size: cover;
                vertical-align: middle;
                margin-top: -3px;
                margin-right: .1rem;
            }

    .search-history > .list .item {
        position: relative;
    }

        .search-history > .list .item:before {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            background-color: #dcdcdc;
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        .search-history > .list .item a {
            display: block;
            padding: 0 .32rem;
            height: 1.333rem;
            line-height: 1.333rem;
            font-size: .3733rem;
            color: #999;
        }

        .search-history > .list .item .action {
            position: absolute;
            right: 0;
            top: 0;
            height: 1.333rem;
            line-height: 1.333rem;
            width: 1rem;
            height: 1.333rem;
            text-align: center;
        }

            .search-history > .list .item .action .icon-close {
                display: inline-block;
                width: .2667rem;
                height: .2667rem;
                vertical-align: middle;
                margin-top: -3px;
                background-image: url('../images/svg/icon_close.svg');
                background-size: cover;
            }

        .search-history > .list .item a .icon-clock {
            display: inline-block;
            width: .4267rem;
            height: .4267rem;
            background-image: url('../images/svg/icon_his.svg');
            background-size: cover;
            vertical-align: middle;
            margin-top: -3px;
            margin-right: .1333rem;
        }

.books-res {
    background-color: #fff;
}

    .books-res > .item {
        position: relative;
    }

        .books-res > .item:before {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            background-color: #dcdcdc;
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        .books-res > .item .link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            padding: .3467rem .32rem;
        }

        .books-res > .item > .link .cover {
            margin-right: .32rem;
        }

            .books-res > .item > .link .cover img {
                display: block;
                width: 1.68rem;
                height: 2.24rem;
                border-radius: 2px;
            }

        .books-res > .item > .link .body {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            overflow: hidden;
            margin-right: 2rem;
        }

        .books-res > .item > .action {
            position: absolute;
            right: .32rem;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            .books-res > .item > .action .btn {
                display: block;
                width: 1.6rem;
                height: .6667rem;
                line-height: .6667rem;
                border-radius: .6667rem;
                border: 1px solid #ff5420;
                text-align: center;
                color: #ff5420;
                font-size: .3467rem;
            }

        .books-res > .item > .link .title {
            font-size: .4267rem;
            color: #000;
            line-height: .5067rem;
        }

        .books-res > .item > .link .author, .books-res > .item > .link .text, .books-res > .item > .link .bottom {
            line-height: .4267rem;
            margin-top: .1333rem;
            color: #999;
            font-size: .3467rem;
        }

        .books-res > .item > .link .bottom {
            font-size: .32rem;
        }

            .books-res > .item > .link .bottom .col {
                padding-right: .2rem;
            }

        .books-res > .item > .link .text, .books-res > .item > .link .title {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .books-res > .item > a .body .icon-eye, .books-res > .item > a .body .icon-gray-hot, .books-res > .item > a .body .icon-hand {
            display: inline-block;
            width: .4267rem;
            height: .4267rem;
            background-size: cover;
            background-repeat: no-repeat;
            vertical-align: middle;
        }

        .books-res > .item > a .body .icon-eye {
            background-image: url('../images/svg/icon-eye.svg');
            margin-top: -2px;
        }

        .books-res > .item > a .body .icon-gray-hot {
            background-image: url('../images/svg/icon_gray_hot.svg');
            margin-top: -5px;
            width: .3245rem;
            height: .3784rem;
        }

        .books-res > .item > a .body .icon-hand {
            background-image: url('../images/svg/icon-hand.svg');
            margin-top: -4px;
        }

    .books-res > .head {
        height: .7rem;
        line-height: .7rem;
        padding: .32rem .32rem 0 .32rem;
    }

        .books-res > .head .title {
            font-size: .4rem;
            color: #000;
        }

.sd-box {
    text-align: center;
    padding: .96rem 0 .6933rem 0;
}

    .sd-box > img {
        display: block;
        margin: 0 auto;
        width: 3.92rem;
        height: 2.32rem;
    }

.cover-box {
    overflow: hidden;
    position: relative;
    background-color: #ccc;
}

    .cover-box > .bg {
        height: 5.6rem;
        max-height: 5.6rem;
        overflow: hidden;
        position: relative;
    }

        .cover-box > .bg img {
            display: block;
            width: 100%;
        }

        .cover-box > .bg .gradient {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0px;
            background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,1)),color-stop(1%,rgba(0,0,0,1)),to(rgba(0,0,0,0)));
            background: linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 1%,rgba(0,0,0,0) 100%);
            opacity: .7;
        }

    .cover-box > .container {
        position: absolute;
        bottom: .48rem;
        width: 100%;
    }

        .cover-box > .container .title {
            padding: 0 .48rem;
            font-size: .5067rem;
            color: #fff;
        }

        .cover-box > .container .tags {
            padding: 0 .48rem;
            margin-top: .2rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
        }

        .cover-box > .container > .tags .item {
            margin-right: 3px;
        }

            .cover-box > .container > .tags .item a {
                display: block;
                color: #fff;
                height: 17px;
                line-height: 17px;
                padding: 0 .1333rem;
                border: 1px solid #fff;
                border-radius: .4267rem;
                font-size: 11px;
            }

    .cover-box > .action {
        position: absolute;
        left: .32rem;
        right: .32rem;
        top: .3467rem;
    }

        .cover-box > .action .btn {
            display: block;
            width: 60px;
            height: 24px;
            line-height: 24px;
            background-color: #ff5420;
            color: #fff;
            border-radius: 12px;
            text-align: center;
            font-size: 12px;
            float: right;
        }

            .cover-box > .action .btn svg {
                vertical-align: middle;
                margin-top: -3px;
                margin-right: 4px;
            }

        .cover-box > .action .gray {
            background-color: #99a5ae;
        }

        .cover-box > .action .back {
            float: left;
            width: .5333rem;
            height: .5333rem;
        }

.bm-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
}

    .bm-tabs:before {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background-color: #dcdcdc;
        color: #dcdcdc;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        z-index: 2;
    }

    .bm-tabs > .item {
        text-align: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        height: 1.2rem;
        line-height: 1.2rem;
    }

        .bm-tabs > .item a {
            display: block;
            font-size: .4267rem;
            position: relative;
        }

            .bm-tabs > .item a.active {
                color: #ff5420;
            }

                .bm-tabs > .item a.active:after {
                    display: block;
                    content: " ";
                    height: 2px;
                    background-color: #ff5420;
                    border-radius: 2px;
                    position: relative;
                    bottom: 2px;
                    width: 4em;
                    left: 50%;
                    margin-left: -2em;
                    z-index: 2;
                }

.ac-box > .article {
    padding: .48rem .32rem .32rem .32rem;
}

    .ac-box > .article .head {
        height: .64rem;
    }

    .ac-box > .article > .head .title {
        font-size: .4rem;
    }

    .ac-box > .article .body {
        color: #666;
        font-size: .3467rem;
        line-height: .5067rem;
    }

    .ac-box > .article .author {
        margin-top: .5rem;
        font-size: .3733rem;
        color: #666;
    }

.ac-box > .bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0 .32rem;
    height: .64rem;
    line-height: .64rem;
    padding-bottom: .48rem;
}

    .ac-box > .bar .col {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        font-size: .32rem;
    }

    .ac-box > .bar .icon-hot, .ac-box > .bar .icon-like, .ac-box > .bar .icon-mark {
        display: inline-block;
        width: .4267rem;
        height: .4267rem;
        vertical-align: middle;
        margin-top: -4px;
        background-size: cover;
    }

    .ac-box > .bar .icon-hot {
        background-image: url('../images/svg/detail_icon_hot.svg');
    }

    .ac-box > .bar .icon-like {
        background-image: url('../images/svg/detail_icon_like.svg');
    }

    .ac-box > .bar .icon-mark {
        background-image: url('../images/svg/detail_icon_mark.svg');
    }

.book-bar {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 1.333rem;
    background-color: #f8f8f8;
}

    .book-bar > .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 1.333rem;
    }

        .book-bar > .inner .body {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            padding: 0 .4267rem;
            font-size: .38rem;
            color: #999;
        }

        .book-bar > .inner > .body .title {
            line-height: 1.333rem;
        }

        .book-bar > .inner > .body .chapter {
            padding-right: .5em;
            color: #666;
        }

        .book-bar > .inner .action {
            width: 3.733rem;
        }

        .book-bar > .inner > .action .btn {
            display: block;
            line-height: 1.333rem;
            height: 1.333rem;
            text-align: center;
            background-color: #ff730a;
            color: #fff;
            font-size: .4267rem;
        }

.ac-box > .ch {
    height: 1.28rem;
    line-height: 1.28rem;
    padding: 0 .32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .ac-box > .ch .title {
        font-size: .4rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

    .ac-box > .ch > .title .small {
        font-size: .32rem;
        color: #999;
    }

    .ac-box > .ch .sort, .ac-box > .ch .sort a {
        font-size: .32rem;
        color: #999;
    }

        .ac-box > .ch .sort a.active {
            color: #ff730a;
        }

        .ac-box > .ch .sort span {
            display: inline-block;
            width: 1px;
            height: 12px;
            background-color: #999;
            vertical-align: middle;
            margin-top: -3px;
            margin-left: 3px;
            margin-right: 3px;
        }

.ac-box > .list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .16rem .16rem .16rem;
}

    .ac-box > .list .item {
        width: 33.3%;
    }

    .ac-box > .list > .item a {
        display: block;
        margin: .16rem;
        text-align: center;
        line-height: .7467rem;
        border: 1px solid #dcdcdc;
        border-radius: 3px;
        font-size: 12px;
        color: #666;
        position: relative;
    }

        .ac-box > .list > .item a.active {
            border-color: #ff730a;
            background-color: #ff730a;
            color: #fff;
        }

    .ac-box > .list > .unlock a:after, .ac-box > .list > .lock a:after {
        display: block;
        content: " ";
        width: .3733rem;
        height: .3733rem;
        position: absolute;
        right: .1333rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-size: .3733rem;
    }

    .ac-box > .list > .unlock a:after {
        background-image: url('../images/svg/menu_icon_lock_n.svg');
    }

    .ac-box > .list > .unlock a.active:after {
        background-image: url('../images/svg/dmenu_icon_lock_f.svg');
    }

    .ac-box > .list > .lock a:after {
        background-image: url('../images/svg/menu_icon_lock_d.svg');
    }

    .ac-box > .list > .lock a.active:after {
        background-image: url('../images/svg/menu_icon_lock_e.svg');
    }

.ac-box > .action {
    padding: .32rem;
}

    .ac-box > .action .btn {
        display: block;
        height: 1.067rem;
        line-height: 1.067rem;
        text-align: center;
        font-size: .3733rem;
        color: #666;
        background-color: #f1f1f1;
        border-radius: .1333rem;
    }

    .ac-box > .action .icon-arrow {
        background-image: url('../images/svg/icon_arrow.svg');
        background-size: cover;
        width: .4267rem;
        height: .4267rem;
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
        margin-left: 3px;
    }

.rt-bar {
    background-color: #fff;
    position: relative;
    height: 1.333rem;
    width: 100%;
}

    .rt-bar:before {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background-color: #dcdcdc;
        color: #dcdcdc;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        z-index: 2;
    }

    .rt-bar > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
    }

        .rt-bar > .row .col {
            text-align: center;
            line-height: 1.333rem;
        }

        .rt-bar > .row .title {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            font-size: .4267rem;
        }

        .rt-bar > .row .icon {
            width: 1rem;
            height: 1.333rem;
        }

        .rt-bar > .row .link {
            width: 1.333rem;
            height: 1.333rem;
        }

            .rt-bar > .row .link a, .rt-bar > .row .icon a {
                display: block;
            }

        .rt-bar > .row .icon svg {
            vertical-align: middle;
            margin-top: -3px;
            width: .5333rem;
            height: .5333rem;
        }

        .rt-bar > .row .link a {
            font-size: .3733rem;
            color: #ff5420;
        }

.read-article {
    padding-top: 1.333rem;
}

    .read-article .item img {
        display: block;
        width: 100%;
    }

    .read-article .holdplace {
        min-height: 400px;
        background-color: #fafafa;
        background-image: url('/wap_v3/images/placeholder.png?v=20171208');
        background-size: 100px;
        background-repeat: no-repeat;
        background-position: center;
    }

.read-footer {
    background-color: #fff;
    font-size: .4rem;
}

    .read-footer > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        padding: .48rem 0;
    }

        .read-footer > .row:before {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            background-color: #dcdcdc;
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        .read-footer > .row .col {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            text-align: center;
        }

            .read-footer > .row .col a {
                color: #666;
            }

        .read-footer > .row .icon-fav, .row .icon-share,.read-footer > .row .icon-dir, .read-footer > .row .icon-good {
            display: block;
            width: .7rem;
            height: .7rem;
            margin: 0 auto 5px auto;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .read-footer > .row .icon-fav {
            background-image: url('../images/svg/read_icon_book_n.svg');
        }
		
		.read-footer > .row .icon-share {
            background-image: url('../images/svg/share.svg');
        }

        .read-footer > .row .icon-dir {
            background-image: url('../images/svg/read_icon_menu_n.svg');
        }

        .read-footer > .row .icon-good {
            background-image: url('../images/svg/read_icon_like_n.svg');
        }

        .read-footer > .row .active .icon-fav {
            background-image: url('../images/svg/read_icon_book_s.svg');
        }

        .read-footer > .row .active .icon-good {
            background-image: url('../images/svg/read_icon_like_s.svg');
        }

        .read-footer > .row a.active {
            color: #ff5420;
        }

    .read-footer > .control {
        padding: .64rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
    }

        .read-footer > .control .item {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            text-align: center;
            color: #666;
        }

        .read-footer > .control > .item a i {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#828282" d="M7.36 22.71l-1.41-1.42L15.24 12 5.95 2.71l1.41-1.42L18.07 12 7.36 22.71"/></svg>');
            background-size: cover;
            background-repeat: no-repeat;
            width: .32rem;
            height: .32rem;
            vertical-align: middle;
            margin-top: -3px;
            display: none;
            margin-left: 3px;
        }

        .read-footer > .control > .prev a i, .read-footer > .control > .next a i {
            display: inline-block;
        }

        .read-footer > .control > .prev a i {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            margin-right: 3px;
        }

       

.down-app > a {
    height: 1.333rem;
    line-height: 1.333rem;
    display: block;
    background: #fff;
    text-align: center;
    color: #ff7800;
    font-size: .4rem;
    text-decoration: underline;
}

    .down-app > a .icon-xz {
        width: .4267rem;
        height: .4267rem;
        display: inline-block;
        position: relative;
        top: 3px;
        margin-right: 8px;
        background-size: cover;
        background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><path d="M16.5 0A16.5 16.5 0 1 0 33 16.5 16.52 16.52 0 0 0 16.5 0zm0 32A15.5 15.5 0 1 1 32 16.5 15.52 15.52 0 0 1 16.5 32z" fill="#ff7800"/><path d="M19.5 12.5a3 3 0 0 0-6 0v4h-7l10 10 10-10h-7zM15 8.5h3a1.5 1.5 0 0 0 0-3h-3a1.5 1.5 0 0 0 0 3z" fill="#ff7800"/></svg>');
    }

#read_list {
    font-size: .3733rem;
    color: #505050;
    padding: 0 .4rem;
}

    #read_list > li {
        position: relative;
    }

        #read_list > li:before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            height: 1px;
            background-color: #dcdcdc;
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        #read_list > li:first-child:before {
            display: none;
        }

        #read_list > li a {
            height: 1.333rem;
            line-height: 1.333rem;
            display: block;
            text-decoration: underline;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            color: #505050;
        }

.rb-bar {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1.2rem;
    line-height: 1.2rem;
    background-color: #fff;
    z-index: 3;
    font-size: .3733rem;
    color: #999;
}

    .rb-bar > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        height: 1.2rem;
    }

        .rb-bar > .row:before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            height: 1px;
            background-color: #dcdcdc;
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        .rb-bar > .row .col {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            text-align: center;
        }

            .rb-bar > .row .col a {
                display: block;
                color: #999;
            }

            .rb-bar > .row .col .icon-good, .rb-bar > .row .col .icon-fav {
                display: inline-block;
                width: .4267rem;
                height: .4267rem;
                vertical-align: middle;
                margin-top: -3px;
                background-size: cover;
                margin-right: 3px;
            }

            .rb-bar > .row .col .icon-good {
                background-image: url('../images/svg/bottom_icon_like_n.svg');
            }

            .rb-bar > .row .col .icon-fav {
                background-image: url('../images/svg/bottom_icon_book_n.svg');
            }

            .rb-bar > .row .col .active .icon-good {
                background-image: url('../images/svg/bottom_icon_like_s.svg');
            }

            .rb-bar > .row .col .active .icon-fav {
                background-image: url('../images/svg/bottom_icon_book_s.svg');
            }

            .rb-bar > .row .col .active {
                color: #ff5420;
            }

.circle-box {
    position: fixed;
    right: .32rem;
    bottom: 2rem;
    z-index: 3;
    color: #fff;
}

    .circle-box > a.portal {
        display: -webkit-box;
        display: -ms-flexbox;
        font-size: .24rem;
        display: -webkit-flex;
        display: flex;
        width: 1.067rem;
        height: 1.066rem;
        color: #fff;
        background-color: rgba(0,0,0,.4);
        border-radius: 1.067rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

	.circle-box > a.portal i {
		display: block;
		width: .4267rem;
		height: .4267rem;
		background-size: cover;
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34"><path d="M32.68 14.21L20.55 2A5 5 0 0 0 17 .5 5 5 0 0 0 13.45 2L1.32 14.21c-1.45 1.47-1.51 3-1.08 3.93a3.1 3.1 0 0 0 3 1.8H4v8.37a5 5 0 0 0 4.84 5.19H15V22.15v-.28h4V33.5h6.2a5 5 0 0 0 4.8-5.15v-8.41h.69a3.1 3.1 0 0 0 3.07-1.8c.42-.94.36-2.46-1.08-3.93zm-.74 3.1a1.14 1.14 0 0 1-1.17.64H28v10.44a3 3 0 0 1-2.83 3.11H21v-9.31a2.29 2.29 0 0 0-.48-1.81 2.05 2.05 0 0 0-1.52-.51h-4a2.05 2.05 0 0 0-1.48.52 2.29 2.29 0 0 0-.52 1.8v9.31H8.88A3 3 0 0 1 6 28.35V17.94H3.15a1.08 1.08 0 0 1-1.09-.64s-.3-.69.68-1.69L14.88 3.38A3 3 0 0 1 17 2.5a3 3 0 0 1 2.12.88l12.13 12.23c.75.8.8 1.44.69 1.69z" fill="#fff"/></svg>');
	}
	
	.circle-box > a.portal .icon-share {
		background-image: url('../images/svg/share_left.svg')!important;
	}
	
.unlock-bar {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 2.5rem;
    z-index: 5;
}

    .unlock-bar:before {
        display: block;
        content: " ";
        width: 100%;
        height: 2.5rem;
        position: absolute;
        left: 0;
        top: 0;
        background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
        background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    }

    .unlock-bar > .inner {
        background-color: #fff;
    }

        .unlock-bar > .inner > .head {
            height: .96rem;
            line-height: .96rem;
            margin: 0 .32rem;
            margin-top: .2667rem;
            text-align: center;
            position: relative;
        }

            .unlock-bar > .inner > .head .title {
                display: inline-block;
                padding: 0 .7rem;
                background-color: #fff;
                font-size: .3733rem;
                line-height: .96rem;
                vertical-align: top;
                position: relative;
                color: #bebebe;
            }

            .unlock-bar > .inner > .head .typo-orange {
                color: #ff5420;
            }

            .unlock-bar > .inner > .head:before {
                content: " ";
                position: absolute;
                left: 0;
                top: 50%;
                right: 0;
                height: 1px;
                background-color: #dcdcdc;
                color: #dcdcdc;
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
                -webkit-transform: scaleY(0.5);
                transform: scaleY(0.5);
            }

    .unlock-bar .notice {
        text-align: center;
        padding: .4rem .4rem .6rem .4rem;
        font-size: .4rem;
    }

        .unlock-bar .notice .action {
            margin-top: .5333rem;
        }

    .unlock-bar .action > .btn {
        display: block;
        height: 1.2rem;
        line-height: 1.2rem;
        background-color: #ff730b;
        border-radius: 1.2rem;
        color: #fff;
        font-size: .4rem;
        text-align: center;
    }

    .unlock-bar .body {
        padding: .1rem .4rem 0 .4rem;
        font-size: .3733rem;
    }

        .unlock-bar .body p {
            line-height: .7467rem;
            height: .7467rem;
        }

        .unlock-bar .body .action {
            margin: .2667rem 0;
        }

        .unlock-bar .body .typo-orange {
            color: #ff5420;
        }

        .unlock-bar .body .typo-blue {
            color: #2086d7;
        }

        .unlock-bar .body .typo-gray {
            color: #999;
        }

        .unlock-bar .body small {
            font-size: .32rem;
        }

        .unlock-bar .body u {
            text-decoration: line-through;
        }

    .unlock-bar .check-box {
        margin: .16rem .4rem;
        height: .96rem;
        line-height: .96rem;
        position: relative;
    }

        .unlock-bar .check-box input {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            opacity: 0;
            width: 100%;
            height: 100%;
        }

        .unlock-bar .check-box svg {
            vertical-align: middle;
            margin-top: -3px;
            margin-right: 3px;
        }

        .unlock-bar .check-box input:checked ~ .text path {
            fill: #ff5420;
        }

.mask-box {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 5;
}

.modal {
    position: fixed;
    width: 100%;
    left: 0;
    top: 50%;
    right: 0;
    z-index: 8;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .modal > .inner {
        width: 8.6rem;
        background-color: #fff;
        margin: 0 auto;
        border-radius: .1333rem;
        position: relative;
    }

.item2p {
    position: fixed;
    width: 100%;
    left: 0;
    top: 24%;
    z-index: 11;
}

    .item2p .inner {
        position: absolute;
        left: 30px;
        right: 30px;
        margin: 0 auto;
        background: #fff;
        border-radius: 10px;
        text-align: center;
        padding: 20px 0;
        overflow: hidden;
    }

        .item2p .inner .close {
            position: absolute;
            right: 20px;
            top: 20px;
        }

            .item2p .inner .close a {
                width: 20px;
                height: 20px;
                display: block;
                background: url('/wap_v2/images/utils/modal-close.svg') no-repeat;
                background-size: cover;
            }

        .item2p .inner .title {
            text-align: center;
            font-size: .48rem;
        }

.choice-pay .inner .entry {
    margin: 0 15px;
    overflow: hidden;
    margin-top: 5px;
}

    .choice-pay .inner .entry li {
        height: 58px;
        line-height: 58px;
        display: block;
        border: 1px solid #dfe1e2;
        border-radius: 5px;
        margin-top: 10px;
    }

        .choice-pay .inner .entry li a {
            display: block;
            font-size: .48rem;
            text-align: left;
        }

            .choice-pay .inner .entry li a i {
                width: 32px;
                height: 32px;
                display: inline-block;
                background: url(/wap_v3/images/utils/icon-pay.png) no-repeat;
                background-size: 96px 32px;
                position: relative;
                top: 10px;
                margin-right: 10px;
                margin-left: 24%;
            }

                .choice-pay .inner .entry li a i.icon-ios {
                    background-position: 0 0;
                }

                .choice-pay .inner .entry li a i.icon-wechat {
                    background-position: -32px 0;
                }

                .choice-pay .inner .entry li a i.icon-alipay {
                    background-position: -64px 0;
                }

.confirm-modal > .inner {
    width: 7.733rem;
}

.rp-modal > .inner {
    width: 8.133rem;
    background-color: transparent;
}

.modal > .inner .pull-action {
    position: absolute;
    right: .32rem;
    top: .32rem;
}

.m-box > .head {
    text-align: center;
    height: 1.013rem;
    line-height: 1.013rem;
    padding: .2667rem 0;
}

    .m-box > .head .title {
        font-size: .48rem;
    }

.br-box {
    background-color: #63e37d;
}

.bh-box {
    background-color: #ffcc03;
}

.tj-box {
    background-color: #fe90e6;
}

.free-box {
    background-color: #92d3ff;
}

.br-box > .tl {
    padding: 28px 29px 23px 26px;
	position:relative;
}

    .br-box > .tl img {
        display: block;
        width: 100%;
    }

    .br-box > .tl .time {
        height: 3rem;
        border-radius: 3rem;
        font-size: 1.3rem;
        text-align: center;
        line-height: 3rem;
        background-color: #69b5e9;
        color: #fff;
        margin-top: 1rem;
    }

    .br-box > .tl i.wbg {
        width: 320px;
        background-image: url(../images/moreList.png);
        background-repeat: no-repeat;
        background-size: 100%;
        display: inline-block;
    }

    .br-box > .tl i.wbg {
        height: 96px;
        background-position: 0 0;
    }

.bh-box > .tl i.wbg {
    height: 99px;
    background-position: 0 -96px;
}

.tj-box > .tl i.wbg {
    height: 96px;
    background-position: 0 -195px;
}

.free-box > .tl i.wbg {
    height: 104px;
}

.bh-box > .tl span.times {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #ebb11d;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    text-align: center;
}

.rank-view > .list {
    margin: 2px 10px 0 10px;
    position: relative;
    background-color: #fff;
    padding: 0 .4rem;
    height: auto;
}

    .rank-view > .list:before {
        background-image: url('../images/br.png');
        background-size: 22px;
        background-repeat: repeat-x;
        background-position: center top;
        content: " ";
        display: block;
        width: 100%;
        height: 22px;
        position: absolute;
        left: 0;
        top: -13px;
    }

.list > .item .col svg {
    position: relative;
    top: 1px;
}

.rank-view > .list > .item {
    position: relative;
}

    .rank-view > .list > .item a {
        display: block;
        padding: 12px 0 12px 87px;
        border-bottom: 1px solid #e5e5e5;
    }

    .rank-view > .list > .item:last-child a {
        border-bottom: 0;
    }

    .rank-view > .list > .item .cover {
        width: 75px;
        height: 100px;
        float: left;
        margin-left: -85px;
    }

        .rank-view > .list > .item .cover img {
            display: block;
            border-radius: 3px;
        }

    .rank-view > .list > .item .col {
        font-size: .35rem;
    }

    .rank-view > .list > .item .title, .rank-view > .list > .item .col {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #888;
    }

    .rank-view > .list > .item .title {
        font-size: .45rem;
        color: #000;
    }

    .rank-view > .list > .item:after {
        display: block;
		content: " ";
		right: 10px;
		top: 50%;
		margin-top: -1.45rem;
		position: absolute;
		font-size: .7rem;
		color: #dfdfdf;
    }

    .rank-view > .list > .item:nth-child(1):after, .rank-view > .list > .item:nth-child(2):after, .rank-view > .list > .item:nth-child(3):after {
        display: block;
        content: " ";
        width: 34px;
        height: 34px;
        background-image: url('../images/crwon.png');
        background-size: 104px 34px;
        margin-top: -57px;
    }

    .rank-view > .list > .item:nth-child(1):after {
        background-position: 0 0;
    }

    .rank-view > .list > .item:nth-child(2):after {
        background-position: -34px 0;
    }

    .rank-view > .list > .item:nth-child(3):after {
        background-position: -68px 0;
    }

    .rank-view > .list > .item:nth-child(4):after {
        content: "04";
    }

    .rank-view > .list > .item:nth-child(5):after {
        content: "05";
    }

    .rank-view > .list > .item:nth-child(6):after {
        content: "06";
    }

    .rank-view > .list > .item:nth-child(7):after {
        content: "07";
    }

    .rank-view > .list > .item:nth-child(8):after {
        content: "08";
    }

    .rank-view > .list > .item:nth-child(9):after {
        content: "09";
    }

    .rank-view > .list > .item:nth-child(10):after {
        content: "10";
    }

    .rank-view > .list > .item .tag {
        display: inline-block;
        height: 18px;
        line-height: 18px;
        border: 1px solid #ccc;
        border-radius: 18px;
        color: #888;
        font-size: .35rem;
        padding: 0 7px;
    }

    .rank-view > .list > .item .col {
        margin-top: 5px;
    }

.bpv-box {
    background-color: #ff92a9;
}

    .bpv-box > .tl img {
        width: 100%;
    }

.ppv-box {
    background-image: url('/wap_v3/images/utils/ppv.png');
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #b7b7ff;
}

    .ppv-box > .tl {
        height: 12rem;
    }

.backtop {
    position: fixed;
    width: 44px;
    height: 44px;
    right: .4rem;
    bottom: 1.9rem;
	z-index:9999;
}

    .backtop > a {
        display: block;
        background-color: rgba(0,0,0,.4);
        border-radius: 44px;
        height: 44px;
        width: 44px;
        overflow: hidden;
        line-height: 54px;
        text-align: center;
        color: #fff;
        background-repeat: no-repeat;
        margin-top: 10px;
    }

        .backtop > a.top {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 24"><path d="M30.12 20.58a1.87 1.87 0 0 1-1.33-.58L16 7.25 3.21 20a1.88 1.88 0 1 1-2.66-2.62L14 3.92a2.89 2.89 0 0 1 4 0l13.45 13.46a1.88 1.88 0 0 1-1.33 3.21z" fill="#fff"/></svg>');
            background-size: 16px 12px;
            background-position: center 8px;
			font-size:12px;
        }

        .backtop > a.home {
            background-color: rgba(255,120,0,.65);
            background-size: 24px;
            background-position: center;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><title>icon</title><path d="M43 25.5v15c0 5.34-1.7 7-7 7H14c-5.3 0-7-1.66-7-7V25.73M8 25.5H5c-3.78.23-3.31-1.59-2-3l3-3" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="3"/><path d="M42 25.5h4c2.47.19 2.38-1.59 1-3l-3-3" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="3"/><path d="M5.54 19.72c2.93-3 12.89-13 15.17-15.38A5.08 5.08 0 0 1 25 2.54S27 2 29.78 5c2.32 2.4 12.56 12.72 14.56 14.76M22 27.5h6a3 3 0 0 1 3 3v17H19v-17a3 3 0 0 1 3-3z" fill="none" stroke="#fff" stroke-width="3"/></svg>');
        }

.recharge-box > .list {
    padding: 0 .5333rem .2rem .5333rem;
}

    .recharge-box > .list > .item {
        margin-bottom: .32rem;
    }

        .recharge-box > .list > .item .wrap {
            position: relative;
        }

        .recharge-box > .list > .item .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            width: 100%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            position: relative;
            min-height: 1.28rem;
            border-radius: .1333rem;
            background-color: #fafafa;
            border: 1px solid #e9e9e9;
            position: relative;
        }

            .recharge-box > .list > .item .container .text {
                font-size: .4rem;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                -webkit-flex: 1;
                flex: 1;
                padding: 0 .6rem;
            }

                .recharge-box > .list > .item .container .text .add {
                    font-size: .32rem;
                    color: #999;
                }

        .recharge-box > .list > .item .active .container .text .add {
            font-size: .32rem;
        }

        .recharge-box > .list > .item .container .price {
            width: 2.4rem;
            text-align: center;
            font-size: .4267rem;
        }

        .recharge-box > .list > .item input {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            background-color: #000;
            z-index: 2;
        }

            .recharge-box > .list > .item input:checked ~ .container {
                border-color: #ff730b;
                background-color: #fef7ec;
            }

                .recharge-box > .list > .item input:checked ~ .container .add {
                    color: #ff730b;
                }

        .recharge-box > .list > .item .wrap .label-j, .recharge-box > .list > .item .wrap .label-c {
            position: absolute;
            left: 0px;
            top: 0px;
            width: .96rem;
            height: 1.04rem;
            background-size: cover;
            display: block;
            border-top-left-radius: .1333rem;
        }

        .recharge-box > .list > .item .wrap .label-j {
            background-image: url('../images/png/label-j.png');
        }

        .recharge-box > .list > .item .wrap .label-c {
            background-image: url('../images/png/label-c.png');
        }

        .recharge-box > .list > .item .container:before {
            display: block;
            content: " ";
            width: 1px;
            height: .48rem;
            background-color: rgba(0,0,0,.1);
            position: absolute;
            left: 2.4rem;
            border-right: 1px solid #fff;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.recharge-box > .action {
    padding-bottom: .4rem;
    margin: 0 .5333rem;
}

    .recharge-box > .action .btn {
        height: 1.333rem;
        line-height: 1.333rem;
        text-align: center;
        background-color: #ff730b;
        color: #fff;
        font-size: .4267rem;
        border-radius: 1.333rem;
        display: block;
    }

.bs-box {
    top: 1.2rem;
    left: 0;
    right: 0;
    margin-bottom: 1.333rem;
    background-color: #f8f8f8;
    position: absolute;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
    background-color: #f8f8f8;
}

    .bs-box > .row-list {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 4px;
    }

        .bs-box > .row-list .item {
            width: 33.333%;
            position: relative;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            -webkit-flex-grow: 0;
            flex-grow: 0;
        }

            .bs-box > .row-list .item .cover {
                position: relative;
            }

        .bs-box > .row-list > .item a {
            display: block;
            background-color: #fff;
            text-align: center;
            margin: .16rem 4px;
            border-radius: .1333rem;
            overflow: hidden;
        }

        .bs-box > .row-list > .item img {
            display: block;
            width: 100%;
        }

        .bs-box > .row-list > .item a .body {
            padding: .16rem;
            text-align: center;
        }

            .bs-box > .row-list > .item a .body .title {
                font-size: .3733rem;
                color: #000;
            }

            .bs-box > .row-list > .item a .body .text {
                margin-top: .1rem;
                font-size: .32rem;
                color: #999;
            }

            .bs-box > .row-list > .item a .body .title, .bs-box > .row-list > .item a .body .text {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

    .bs-box > .column-list > .item {
        position: relative;
        background-color: #fff;
        position: relative;
    }

        .bs-box > .column-list > .item:before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            height: 1px;
            background-color: #dcdcdc;
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        .bs-box > .column-list > .item .link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: .2133rem .32rem;
        }

        .bs-box > .column-list > .item .cover img {
            display: block;
            width: 1.68rem;
            height: 2.24rem;
        }

        .bs-box > .column-list > .item .body {
            margin-left: .4rem;
            margin-right: 1.6rem;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            overflow: hidden;
        }

        .bs-box > .column-list > .item .title {
            font-size: .4267rem;
            color: #000;
            line-height: .64rem;
            margin-top: .1rem;
            margin-bottom: .16rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .bs-box > .column-list > .item .author, .bs-box > .column-list > .item .text {
            font-size: .3733rem;
            color: #999;
            line-height: .5rem;
        }

        .bs-box > .column-list > .item .author {
            margin-bottom: .16rem;
			white-space: nowrap;
			text-overflow: ellipsis;
			word-break: break-all;
			overflow: hidden;
        }

        .bs-box > .column-list > .item .action {
            position: absolute;
            right: .32rem;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            .bs-box > .column-list > .item .action .btn {
                display: block;
                padding: 0 1em;
                height: .72rem;
                line-height: .72rem;
                background-color: #fff;
                border: 1px solid #ff5420;
                border-radius: .1rem;
                font-size: .32rem;
                color: #ff5420;
            }

        .bs-box > .column-list > .item:first-child:before {
            display: none;
        }

    .bs-box > .column-list.editable > .item .cp-box {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

        .bs-box > .column-list.editable > .item .cp-box .swtich {
            width: .5333rem;
            height: .5333rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid #dcdcdc;
            border-radius: .5333rem;
            margin-right: .4rem;
        }

        .bs-box > .column-list.editable > .item .cp-box input {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            opacity: 0;
        }

            .bs-box > .column-list.editable > .item .cp-box input:checked ~ .swtich {
                border: 0;
                background-image: url('../images/svg/radio_button_on.svg');
                background-repeat: no-repeat;
                background-size: cover;
            }

    .bs-box > .row-list.editable > .item .cp-box {
        position: absolute;
        left: 4px;
        top: .16rem;
        right: 4px;
        bottom: .16rem;
    }

        .bs-box > .row-list.editable > .item .cp-box .swtich {
            position: absolute;
            right: .24rem;
            bottom: 1.5rem;
            width: .5333rem;
            height: .5333rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid #dcdcdc;
            border-radius: .5333rem;
        }

    .bs-box > .row-list.editable > .item .cover:after {
        display: block;
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.8);
        border-top-left-radius: .1333rem;
        border-top-right-radius: .1333rem;
    }

    .bs-box > .row-list.editable > .item .cp-box input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        opacity: 0;
    }

        .bs-box > .row-list.editable > .item .cp-box input:checked ~ .swtich {
            border: 0;
            background-image: url('../images/svg/radio_button_on.svg');
            background-repeat: no-repeat;
            background-size: cover;
        }

.editable-bar {
    position: fixed;
    width: 100%;
    height: 1.333rem;
    left: 0;
    bottom: 0;
    z-index: 4;
}

    .editable-bar > .row {
        height: 1.333rem;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        background-color: #fff;
    }

        .editable-bar > .row:before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            height: 1px;
            background-color: #dcdcdc;
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        .editable-bar > .row .cp-box {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            height: 1.333rem;
            font-size: .4rem;
            position: relative;
        }

            .editable-bar > .row .cp-box .text {
                width: 2.267rem;
                text-align: center;
                position: relative;
                line-height: 1.333rem;
            }

                .editable-bar > .row .cp-box .text i {
                    display: inline-block;
                    width: .4rem;
                    height: .4rem;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    border: 1px solid #dcdcdc;
                    border-radius: .1067rem;
                    background-color: #fff;
                    vertical-align: middle;
                    margin-top: -3px;
                    margin-right: 5px;
                    overflow: hidden;
                }

            .editable-bar > .row .cp-box input {
                position: absolute;
                left: 0;
                top: 0;
                width: 2.267rem;
                height: 1.333rem;
                opacity: 0;
                z-index: 2;
            }

        .editable-bar > .row .action {
            margin-right: .4rem;
            line-height: 1.333rem;
            font-size: .4rem;
        }

            .editable-bar > .row .action .btn {
                display: block;
                line-height: 1.333rem;
                color: #ff852a;
            }

                .editable-bar > .row .action .btn svg {
                    vertical-align: middle;
                    margin-top: -4px;
                    margin-right: .1067rem;
                }

        .editable-bar > .row .cp-box input:checked ~ .text i {
            border: 0;
            background-image: url('../images/svg/bookshelf_icon_chackbox_s.svg');
        }

.side-rp {
    position: fixed;
    width: 1.04rem;
    height: 1.227rem;
    right: .3733rem;
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('../images/png/icon_hongbao.png');
    background-size: cover;
    z-index: 3;
}

    .side-rp > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        height: 100%;
    }

        .side-rp > .container .time {
            -ms-flex-item-align: end;
            -webkit-align-self: flex-end;
            align-self: flex-end;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            text-align: center;
            height: .533rem;
            line-height: .533rem;
            font-size: .2933rem;
            color: #ffea39;
        }

        .side-rp > .container .action {
            position: absolute;
            right: -.16rem;
            top: -.16rem;
            width: .3733rem;
            height: .3733rem;
        }

            .side-rp > .container .action a {
                display: block;
            }

                .side-rp > .container .action a .icon-close {
                    background-image: url('../images/png/rclose.png');
                    background-size: cover;
                    width: .3733rem;
                    height: .3733rem;
                    display: block;
                }

.confirm-box > .body {
    min-height: 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    font-size: .4rem;
    padding: 0 .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .confirm-box > .body .title {
        font-size: .48rem;
    }

    .confirm-box > .body .text {
        font-size: .3733rem;
        color: #666;
    }

    .confirm-box > .body .title, .confirm-box > .body .text {
        margin: .3733rem 0;
    }

.confirm-box > .action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    position: relative;
}

    .confirm-box > .action:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 1px;
        background-color: #dcdcdc;
        color: #dcdcdc;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        z-index: 2;
    }

    .confirm-box > .action:after {
        content: " ";
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        height: 200%;
        background-color: #dcdcdc;
        color: #dcdcdc;
        width: 1px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        z-index: 2;
    }

    .confirm-box > .action .btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        font-size: .4267rem;
        color: #999;
    }

    .confirm-box > .action .cancel {
        color: #ff730a;
    }

.rp-box {
    font-size: .4rem;
}

    .rp-box > .head {
        position: relative;
        overflow: hidden;
    }

        .rp-box > .head img {
            display: block;
            width: 100%;
        }

        .rp-box > .head .container {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .rp-box > .head .title {
            font-size: .4533rem;
            font-weight: 900;
            color: #ff5420;
            margin-top: .16rem;
        }

            .rp-box > .head .title strong {
                font-size: .88rem;
                color: #fdaa33;
            }

        .rp-box > .head .text {
            font-size: .3733rem;
            color: #af502f;
            margin-top: .1rem;
        }

    .rp-box > .body {
        background-color: #dc513a;
        border-bottom-left-radius: .16rem;
        border-bottom-right-radius: .16rem;
        padding: .4267rem .8533rem;
        color: #ffe21d;
        text-align: center;
        position: relative;
        margin-top: -1px;
    }

        .rp-box > .body .title {
            font-size: .72rem;
        }

        .rp-box > .body .text {
            margin-top: .4267rem;
            color: #ffc21d;
            font-size: .3733rem;
        }

        .rp-box > .body .action {
            margin-top: .64rem;
        }

            .rp-box > .body .action .btn {
                display: block;
            }

            .rp-box > .body .action .confirm {
                height: 1.2rem;
                line-height: 1.1rem;
                background-color: #ffce25;
                font-size: .5067rem;
                color: #ff5420;
                border-radius: 1.2rem;
                font-weight: 600;
                -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
                box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
            }

            .rp-box > .body .action .cancel {
                margin: .4rem 0 .2rem 0;
                color: #ee9485;
                font-size: .4533rem;
            }

.uh-box {
    position: relative;
}

    .uh-box > .bg {
        display: block;
        width: 100%;
    }

    .uh-box > .container {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .uh-box > .container .avatar {
            margin: 0 .48rem;
            position: relative;
        }

            .uh-box > .container .avatar img {
                display: block;
                width: 1.733rem;
                height: 1.733rem;
                border-radius: 1.733rem;
                border: 2px solid #dcdcdc;
            }

            .uh-box > .container .avatar .deco {
                position: absolute;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                bottom: -.1rem;
            }

            .uh-box > .container .avatar .rank {
                display: block;
                height: .32rem;
                line-height: .3rem;
                text-align: center;
                font-size: .2667rem;
                font-weight: 600;
                background-color: #ff730a;
                padding: 0 .1333rem;
                border-radius: .32rem;
                border: 1px solid #fff;
                white-space: nowrap;
                color: #fff;
                -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
                box-shadow: 0 1px 0 rgba(0,0,0,.1);
            }

                .uh-box > .container .avatar .rank i {
                    font-size: .32rem;
                }

        .uh-box > .container .body {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            color: #fff;
            margin-right: .2667rem;
        }

        .uh-box > .container .action {
            margin-right: .4rem;
        }

            .uh-box > .container .action .btn {
                display: block;
                width: 1.867rem;
                height: .78rem;
                line-height: .78rem;
                border-radius: .8rem;
                text-align: center;
                background-color: #fff;
                color: #ff4141;
                font-size: .31rem;
            }

        .uh-box > .container .body .title, .uh-box > .container .body .text {
            margin: .1rem 0;
        }

        .uh-box > .container .body .title {
            font-size: .4533rem;
        }

        .uh-box > .container .body .text {
            font-size: .3733rem;
        }

            .uh-box > .container .body .text span {
                padding-right: .15rem;
            }

.uh-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: .4rem 0;
    font-size: .3733rem;
    position: relative;
}

    .uh-row > .col {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        text-align: center;
    }

        .uh-row > .col .num {
            font-size: .56rem;
            color: #ff5420;
        }

    .uh-row:after {
        content: " ";
        position: absolute;
        width: 1px;
        height: 1.12rem;
        left: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #dcdcdc;
    }

.uh-nav > .item {
    position: relative;
    height: 1.333rem;
    line-height: 1.333rem;
}

    .uh-nav > .item .action {
        position: absolute;
        right: .3733rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .uh-nav > .item .action .btn {
            display: block;
            height: .6133rem;
            line-height: .6133rem;
            padding: 0 .32rem;
            border-radius: .6133rem;
            border: 1px solid #ff5420;
            color: #ff5420;
            font-size: .32rem;
        }

    .uh-nav > .item a.link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 0 .3733rem;
        line-height: 1.333rem;
        font-size: .3733rem;
        height: 1.333rem;
    }

        .uh-nav > .item a.link .title {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            padding-top: 3.1px;
            line-height: 1.18rem;
        }

.uh-nav > .tl:before {
    content: " ";
    position: absolute;
    left: 1.28rem;
    top: 0;
    right: 0;
    height: 1px;
    background-color: #dcdcdc;
    color: #dcdcdc;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}

.uh-nav > .item a.link i[class^="icon-"] {
    width: .5333rem;
    height: .5333rem;
    display: block;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: .3733rem;
}

.uh-nav > .item a.link .icon-account {
    background-image: url('../images/svg/me_icon_account.svg');
}

.uh-nav > .item a.link .icon-buy {
    background-image: url('../images/svg/me_icon_buy.svg');
}

.uh-nav > .item a.link .icon-coupon {
    background-image: url('../images/svg/me_icon_coupon.svg');
}

.uh-nav > .item a.link .icon-feedback {
    background-image: url('../images/svg/me_icon_feedback.svg');
}

.uh-nav > .item a.link .icon-hezuo {
    background-image: url('../images/svg/me_icon_hezuo.svg');
}

.uh-nav > .item a.link .icon-message {
    background-image: url('../images/svg/me_icon_message.svg');
}

.uh-nav > .item a.link .icon-service {
    background-image: url('../images/svg/me_icon_service.svg');
}

.uh-nav > .item a.link .icon-msg {
    background-image: url('../images/svg/msg.svg');
}

.uh-nav > .item a.link .icon-home {
    background-image: url('../images/svg/tabbar_home_n.svg');
}

.uh-nav > .item a.link .icon-arrow {
    background-image: url('../images/svg/icon_arrow.svg');
}

.uh-nav > .item a.link .icon-share {
    background-image: url('../images/svg/share.svg');
}

.uh-nav > .item a.link .icon-me {
    background-image: url('../images/svg/tabbar_me_s.svg');
}

.uh-nav > .item a.link .icon-autoBuy {
    background-image: url('../images/svg/autoBuy.svg');
}

.uh-nav > .item a.link .icon-read {
    background-image: url('../images/svg/read_icon_book_n.svg');
}

.uh-nav > .item a.link .icon-rwdt {
    background-image: url('../images/svg/read_icon_menu_n.svg');
}
.uh-nav > .item a.link .icon-lock {
    background-image: url('../images/svg/menu_icon_lock_d.svg');
}

.uh-nav > .item a.link .text svg {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.uh-nav > .item .typo-orange {
    color: #ff5420;
}

.uh-nav > .item .typo-gray {
    color: #999;
}

.uh-nav > .item .cp-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.uh-nav > .item .cp-box {
    position: absolute;
    right: .3733rem;
    left: 0;
    top: 0;
    height: 100%;
}

.auto-switch {
    position: relative;
    width: 1.386rem;
    height: .746rem;
    border: 1px solid #dcdcdc;
    outline: 0;
    border-radius: .746rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #dcdcdc;
    -webkit-transition: background-color 0.1s,border 0.1s;
    transition: background-color 0.1s,border 0.1s;
}

    .auto-switch:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 1.333rem;
        height: .693rem;
        border-radius: .693rem;
        background-color: #dcdcdc;
        -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45,1,0.4,1);
        transition: -webkit-transform 0.35s cubic-bezier(0.45,1,0.4,1);
        transition: transform 0.35s cubic-bezier(0.45,1,0.4,1);
        transition: transform 0.35s cubic-bezier(0.45,1,0.4,1),-webkit-transform 0.35s cubic-bezier(0.45,1,0.4,1);
        transition: transform 0.35s cubic-bezier(0.45,1,0.4,1),-webkit-transform 0.35s cubic-bezier(0.45,1,0.4,1);
    }

    .auto-switch:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: .693rem;
        height: .693rem;
        border-radius: .693rem;
        background-color: #FFFFFF;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
        box-shadow: 0 1px 3px rgba(0,0,0,0.4);
        -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4,0.4,0.25,1.35);
        transition: -webkit-transform 0.35s cubic-bezier(0.4,0.4,0.25,1.35);
        transition: transform 0.35s cubic-bezier(0.4,0.4,0.25,1.35);
        transition: transform 0.35s cubic-bezier(0.4,0.4,0.25,1.35),-webkit-transform 0.35s cubic-bezier(0.4,0.4,0.25,1.35);
        transition: transform 0.35s cubic-bezier(0.4,0.4,0.25,1.35),-webkit-transform 0.35s cubic-bezier(0.4,0.4,0.25,1.35);
    }

    .auto-switch:checked {
        border-color: #ff5420;
        background-color: #ff5420;
    }

        .auto-switch:checked:before {
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .auto-switch:checked:after {
            -webkit-transform: translateX(.6133rem);
            transform: translateX(.6133rem);
        }

.rt-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: .4267rem;
    position: relative;
    height: 1.1733rem;
    line-height: 1.1733rem;
}

    .rt-tabs:before {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background-color: #dcdcdc;
        color: #dcdcdc;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        z-index: 2;
    }

    .rt-tabs > .item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        text-align: center;
    }

        .rt-tabs > .item a {
            display: block;
            position: relative;
            color: #666;
        }

            .rt-tabs > .item a.active {
                color: #333;
            }

                .rt-tabs > .item a.active:after {
                    display: block;
                    content: " ";
                    width: 8em;
                    height: 1px;
                    background-color: #ff5420;
                    position: relative;
                    bottom: 1px;
                    margin: 0 auto;
                }

.rt-list > .item {
    position: relative;
    padding: .48rem .32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .rt-list > .item:before {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background-color: #dcdcdc;
        color: #dcdcdc;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        z-index: 2;
    }

    .rt-list > .item .title {
        font-size: .3733rem;
    }

    .rt-list > .item .body {
        text-align: right;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        font-size: .32rem;
    }

        .rt-list > .item .body .typo-orange {
            font-size: .3733rem;
            color: #ff5420;
        }

        .rt-list > .item .body .typo-gray {
            font-size: .32rem;
            color: #999;
        }

.rt-list > .bar {
    padding: .32rem .32rem 0 .32rem;
}

    .rt-list > .bar a {
        color: #4394ff;
        text-decoration: underline;
    }

.rl-box {
    position: absolute;
    left: 0;
    top: 1.333rem;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
    background-color: #f5f5f5;
}

    .rl-box > .item {
        background-color: #fff;
        position: relative;
        padding: .4rem .2667rem;
    }

        .rl-box > .item:before {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            background-color: #dcdcdc;
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        .rl-box > .item .title {
            font-size: .4267rem;
        }

        .rl-box > .item .body {
            margin-top: .16rem;
            font-size: .3733rem;
            color: #666;
        }

    .rl-box > .notice {
        text-align: center;
        font-size: .3733rem;
        color: #999;
        padding: .32rem;
    }

.cons-box {
    position: absolute;
    left: 0;
    top: 1.333rem;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
    background-color: #f5f5f5;
}

    .cons-box .item {
        background-color: #fff;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: .2667rem .32rem;
        font-size: .32rem;
    }

        .cons-box .item:before {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            background-color: #dcdcdc;
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        .cons-box .item > .body {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            line-height: 1.8;
            margin-right: 1em;
        }

            .cons-box .item > .body .title {
                font-size: .4rem;
                color: #333;
            }

            .cons-box .item > .body .text {
                color: #666;
            }

            .cons-box .item > .body .bottom {
                color: #999;
            }

            .cons-box .item > .body .label {
                display: inline-block;
                padding: 0 .16rem;
                border-radius: .32rem;
                height: .32rem;
                line-height: .32rem;
                font-size: .2667rem;
                vertical-align: middle;
                margin-top: -4px;
            }

            .cons-box .item > .body .orange {
                background-color: #ff5420;
                color: #fff;
            }

        .cons-box .item > .pull-right {
            -ms-flex-item-align: center;
            -webkit-align-self: center;
            align-self: center;
            font-size: .3733rem;
        }

.rk-box {
    padding: .4267rem .32rem;
}

    .rk-box > .title {
        font-size: .4rem;
        margin-bottom: 1em;
    }

    .rk-box > table th {
        text-align: left;
    }

    .rk-box > table th, .rk-box > table td {
        border: 1px solid #f1f1f1;
        padding: .32rem .48rem;
        font-size: .3467rem;
    }

    .rk-box > table .vip {
        display: inline-block;
        width: .96rem;
        height: .32rem;
        border: 1px solid #fff;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
        box-shadow: 0 1px 1px rgba(0,0,0,.2);
        background-color: #ff730a;
        line-height: .3rem;
        text-align: center;
        font-weight: 600;
        color: #fff;
        border-radius: .32rem;
        font-size: .2667rem;
    }

        .rk-box > table .vip i {
            font-size: .32rem;
        }

.lvl-box {
    padding: 0 .32rem;
    margin-bottom: .4267rem;
}

    .lvl-box > .title {
        font-size: .4rem;
        margin-bottom: .5em;
    }

    .lvl-box > .list {
        padding: .1667rem .32rem;
        border: 1px solid #f1f1f1;
        font-size: .3467rem;
    }

        .lvl-box > .list p {
            margin: .2rem 0;
        }

            .lvl-box > .list p i {
                display: inline-block;
                width: .4rem;
                height: .4rem;
                background-color: #ff5420;
                color: #fff;
                font-size: .32rem;
                text-align: center;
                line-height: .4rem;
                border-radius: .4rem;
                margin-top: -4px;
                vertical-align: middle;
            }

.uc-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 1.333rem;
    bottom: 0;
    background-color: #f5f5f5;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.card-box {
    background-color: #ff682d;
    color: #fff;
    border-radius: .1333rem;
    margin: .2667rem;
    font-size: .4rem;
}

    .card-box > .head-bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: .2667rem 0 .3667rem 0;
        position: relative;
    }

        .card-box > .head-bar:before {
            content: " ";
            position: absolute;
            left: .1333rem;
            bottom: 0;
            right: .1333rem;
            height: 1px;
            background-color: rgba(255,255,255,.3);
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        .card-box > .head-bar .avatar {
            width: 2.24rem;
            text-align: center;
            position: relative;
        }

        .card-box > .head-bar > .avatar img {
            display: block;
            width: 1.333rem;
            height: 1.333rem;
            border-radius: 1.333rem;
            margin: 0 auto;
            border: 2px solid #fff;
        }

        .card-box > .head-bar > .avatar .deco {
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: -.1rem;
        }

        .card-box > .head-bar > .avatar .rank {
            display: block;
            height: .32rem;
            line-height: .32rem;
            text-align: center;
            font-size: .2667rem;
            font-weight: 600;
            background-color: #ff730a;
            padding: 0 .1333rem;
            border-radius: .32rem;
            border: 1px solid #fff;
            white-space: nowrap;
            color: #fff;
            -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
            box-shadow: 0 1px 0 rgba(0,0,0,.1);
        }

            .card-box > .head-bar > .avatar .rank i {
                font-size: .32rem;
            }

        .card-box > .head-bar > .body {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            -ms-flex-item-align: center;
            -webkit-align-self: center;
            align-self: center;
            padding-right: .4rem;
        }

            .card-box > .head-bar > .body .title {
                font-size: .4267rem;
            }

            .card-box > .head-bar > .body .text {
                font-size: .3733rem;
            }

    .card-box > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        margin: .4rem 0;
    }

        .card-box > .row:before {
            content: " ";
            position: absolute;
            left: 50%;
            top: 0;
            width: 1px;
            height: 200%;
            background-color: rgba(255,255,255,.3);
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        .card-box > .row .col {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            text-align: center;
        }

            .card-box > .row .col .num {
                font-size: .56rem;
            }

            .card-box > .row .col .title {
                font-size: .3733rem;
            }

            .card-box > .row .col .num, .card-box > .row .col .title {
                margin: 4px 0;
            }

    .card-box > .action {
        padding-bottom: .5rem;
        margin: 0 1.5rem;
    }

        .card-box > .action .btn {
            display: block;
            height: 1.067rem;
            line-height: 1.067rem;
            color: #ff682d;
            background-color: #fff;
            border-radius: 1.067rem;
            text-align: center;
            font-size: .4rem;
        }

.uc-nav {
    background-color: #fff;
    margin: 0 .2667rem;
    border-radius: .1333rem;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.04);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.04);
}

    .uc-nav > .item {
        font-size: .3733rem;
        position: relative;
    }

        .uc-nav > .item:before {
            content: " ";
            position: absolute;
            left: .4rem;
            top: 0;
            right: .4rem;
            height: 1px;
            background-color: #dcdcdc;
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        .uc-nav > .item:first-child:before {
            display: none;
        }

        .uc-nav > .item a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            height: 1.333rem;
            line-height: 1.333rem;
        }

        .uc-nav > .item .title {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            padding-top: 3.6px;
            line-height: 1.18rem;
        }

        .uc-nav > .item a i[class^="icon-"] {
            display: block;
            width: .533rem;
            height: .533rem;
            margin: 0 .4rem;
            -ms-flex-item-align: center;
            -webkit-align-self: center;
            align-self: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .uc-nav > .item a .text {
            -ms-flex-item-align: center;
            -webkit-align-self: center;
            align-self: center;
            margin-right: .4rem;
        }

        .uc-nav > .item a .icon-money {
            background-image: url('../images/svg/me_icon_money.svg');
        }

        .uc-nav > .item a .icon-shop {
            background-image: url('../images/svg/me_icon_shop.svg');
        }

        .uc-nav > .item a .icon-level {
            background-image: url('../images/svg/me_icon_level.svg');
        }

.message-box {
    background-color: #fff;
}

    .message-box > .item:last-child {
        border-bottom: .2667rem solid #f5f5f5;
    }

    .message-box > .item a {
        display: block;
        padding-bottom: .32rem;
    }

    .message-box > .item .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: .45rem .4rem .32rem;
        position: relative;
    }

        .message-box > .item .head:before {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            background-color: #dcdcdc;
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

    .message-box > .item .body {
        font-size: .3467rem;
        padding: 0 .4rem;
        margin-top: .2667rem;
    }

        .message-box > .item .body p {
            line-height: .5067rem;
        }

    .message-box > .item .title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        margin-right: 1em;
        font-size: .4rem;
    }

    .message-box > .item .body img {
        display: block;
        width: 100%;
        margin-bottom: .32rem;
    }

    .message-box > .item .date {
        font-size: .32rem;
        color: #666;
        line-height: .5333rem;
    }

    .message-box > .item .title .label-new {
        display: inline-block;
        height: 12px;
        line-height: 12px;
        font-size: 8px;
        color: #fff;
        font-style: italic;
        background-color: #ff1616;
        border-radius: 12px;
        padding: 0 3px;
        vertical-align: top;
    }

    .message-box > .item a:visited, .message-box > .item a.visited, .message-box > .item a:visited .date, .message-box > .item a.visited .date {
        color: #999;
    }

.lc-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 1.333rem;
    bottom: 0;
    background-color: #f5f5f5;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
}

    .lc-box > .item {
        margin: 0 .4rem;
        position: relative;
        margin-bottom: .24rem;
        overflow: hidden;
    }

        .lc-box > .item:first-child {
            margin-top: .4267rem;
        }

        .lc-box > .item .bg {
            display: block;
            width: 100%;
            pointer-events: none;
        }

        .lc-box > .item .container {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            left: 0;
            top: 0;
            height: 100%;
            position: absolute;
        }

        .lc-box > .item .c1, .lc-box > .item .c2 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            margin-top: -.2133rem;
            text-align: center;
        }

        .lc-box > .item .c1 {
            width: 2.72rem;
        }

        .lc-box > .item .c2 {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
        }

        .lc-box > .item .body {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            text-align: left;
            padding: 0 .75rem;
        }

        .lc-box > .item .price {
            text-align: center;
            text-indent: .2667rem;
            color: #ff5420;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            font-size: 1.01rem;
        }

            .lc-box > .item .price small {
                font-size: .64rem;
            }

        .lc-box > .item .title {
            font-size: .4533rem;
        }

        .lc-box > .item .text {
            font-size: .4rem;
        }

        .lc-box > .item .title, .lc-box > .item .text {
            margin: .1333rem 0;
        }

    .lc-box > .disabled div {
        color: #c4c4c4 !important;
    }

    .lc-box > .disabled a {
        pointer-events: none;
    }

    .lc-box > .item label {
        display: block;
        width: 1.38rem;
        height: 1.38rem;
        background-size: 1.37rem;
        position: absolute;
        right: .16rem;
        top: -.24rem;
    }

    .lc-box > .item .corner-usable {
        background-image: url('../images/utils/lc-usable.png');
    }

    .lc-box > .item .corner-expired {
        background-image: url('../images/utils/lc-expired.png');
    }

    .lc-box > .item .corner-used {
        background-image: url('../images/utils/lc-used.png');
    }

.contact-box {
    background-color: #fff;
    padding: .32rem;
}

    .contact-box > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        font-size: .4rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin: .24rem 0;
    }

        .contact-box > .row .label {
            margin-left: .2667rem;
            border: 1px dotted #ff730b;
            background-color: #fffde2;
            height: .7733rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            line-height: .72rem;
            padding: 0 .24rem;
            color: #ff730b;
            font-size: .3467rem;
        }

        .contact-box > .row img {
            display: block;
            width: 2.4rem;
            height: .7733rem;
        }

.qa-box {
    background-color: #fff;
    font-size: .4rem;
}

    .qa-box > .item {
        position: relative;
    }

        .qa-box > .item input {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
            width: 100%;
            height: 1.5rem;
        }

        .qa-box > .item > .head {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            padding: .48rem .32rem;
            position: relative;
        }

            .qa-box > .item > .head:before {
                content: " ";
                position: absolute;
                left: 0;
                bottom: 0;
                right: 0;
                height: 1px;
                background-color: #dcdcdc;
                color: #dcdcdc;
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
                -webkit-transform: scaleY(0.5);
                transform: scaleY(0.5);
                z-index: 2;
            }

            .qa-box > .item > .head .title {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                -webkit-flex: 1;
                flex: 1;
                margin-right: 1em;
            }

            .qa-box > .item > .head .action {
                width: .48rem;
                height: .48rem;
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
            }

            .qa-box > .item > .head ~ .body {
                padding: .4rem .32rem;
                background-color: #f9f9fb;
                line-height: .64rem;
                font-size: .3733rem;
                color: #757575;
                position: relative;
                display: none;
            }

        .qa-box > .item > .toggle ~ .body {
            display: block;
        }

        .qa-box > .item > .body:before {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            background-color: #dfdfdf;
            color: #dfdfdf;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        .qa-box > .item > .toggle .action {
            -webkit-animation: rotateIn .2s normal linear both;
            animation: rotateIn .2s normal linear both;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

.feedback-box {
    background-color: #fff;
    padding: .32rem;
}

    .feedback-box > .row textarea {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .24rem .32rem;
        border-radius: .1333rem;
        border: 1px solid #dcdcdc;
        -webkit-appearance: none;
        height: 5.2rem;
        font-size: .3467rem;
    }

    .feedback-box > .action {
        margin-top: .52rem;
    }

        .feedback-box > .action .btn {
            display: block;
            background-color: #ff5420;
            height: 1.067rem;
            line-height: 1.067rem;
            text-align: center;
            font-size: .4267rem;
            border-radius: 1.067rem;
            color: #fff;
        }

.recharge-list {
    margin: .32rem .1rem;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .recharge-list > .item {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
    }

        .recharge-list > .item input {
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
        }

        .recharge-list > .item > .container {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            margin: 0 .2133rem .4rem .2133rem;
            border-radius: 3px;
            border: 1px solid #e6e6e6;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            height: 2.24rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
            position: relative;
        }

            .recharge-list > .item > .container .num {
                font-size: .48rem;
                color: #333;
            }

            .recharge-list > .item > .container .body {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                -webkit-flex: 1;
                flex: 1;
                text-align: center;
                font-size: .3467rem;
                color: #999;
            }

    .recharge-list > .active > .container {
        border-color: #ff730b;
        background: #fdf2e9;
    }

        .recharge-list > .active > .container .num {
            color: #ff730b;
        }

        .recharge-list > .active > .container .text {
            color: #ff5539;
        }

    .recharge-list > .item > .container .label {
        display: block;
        width: 1.333rem;
        height: .9333rem;
        position: absolute;
        right: 0;
        top: 0;
        background-size: cover;
        background-image: url('../images/svg/label.svg');
    }

    .recharge-list > .action {
        margin: .4rem .2133rem 0 .2133rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

        .recharge-list > .action .btn {
            display: block;
            height: 1.333rem;
            line-height: 1.333rem;
            text-align: center;
            border-radius: 1.333rem;
            background-color: #ff730a;
            color: #fff;
            font-size: .4267rem;
        }

.recharge-notice {
    padding: .32rem .32rem .5rem .32rem;
    font-size: .3467rem;
    color: #666;
}

    .recharge-notice > .title {
        height: .8rem;
        line-height: .8rem;
    }

    .recharge-notice > p {
        line-height: 1.8;
    }

    .recharge-notice > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: .48rem;
        padding: 0 .32rem;
    }

        .recharge-notice > .row img {
            display: block;
            width: 2.4rem;
            height: .7733rem;
        }

        .recharge-notice > .row .label {
            display: block;
            height: .7467rem;
            line-height: .7467rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px dotted #ff730b;
            color: #ff730b;
            padding: 0 .2133rem;
            background-color: #fffde2;
            margin-left: .2333rem;
        }

.flt {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 4;
}

.flb {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 4;
}

.tabar.flb {
    right: 0;
}

.mt-navbar {
    margin-top: 1.2rem;
}

.mt-10 {
    border-top: .2667rem solid #f5f5f5;
}

.mb-10 {
    border-bottom: .2667rem solid #f5f5f5;
}

.mt-7 {
    border-top: .1867rem solid #f5f5f5;
}

.mb-tabar {
    margin-bottom: 1.333rem;
}

.hls1:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #dcdcdc;
    color: #dcdcdc;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}

.has-navbar {
    top: 1.2rem;
}

.typo-orange {
    color: #ff730b;
}

.cm-box > .item > a .head {
    height: 1.12rem;
    padding: .3733rem .4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .3467rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
}

    .cm-box > .item > a .head .avatar {
        display: block;
        width: .8rem;
        height: .8rem;
        margin-right: .2666rem;
        border-radius: .8rem;
    }

    .cm-box > .item > a .head .main {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .cm-box > .item > a .head .timeago {
        color: #999;
        font-size: .2933rem;
    }

    .cm-box > .item > a .head .name {
        color: #333;
    }

.cm-box > .item > a .container {
    padding: 0 .4rem .4rem .4rem;
    font-size: .3733rem;
}

    .cm-box > .item > a .container .source {
        margin-top: .32rem;
        background-color: #f5f5f5;
        padding: .2rem .4rem;
        color: #999;
    }

.cm-box > .item .badge {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff1616;
    width: .1867rem;
    height: .1867rem;
    border-radius: .1867rem;
    left: 1.2rem;
    top: .4rem;
}

.cm-box > .item > a:visited, .cm-box > .item > a:visited .body, .cm-box > .item > a.visited, .cm-box > .item > a.visited .body {
    color: #999 !important;
}

    .cm-box > .item > a:visited .badge, .cm-box > .item > a.visited .badge {
        display: none !important;
    }

.cm-box > .item > a {
    padding-bottom: .32rem !important;
    display: block;
    position: relative;
}

.comments-box > .item > .head {
    height: .8rem;
    padding: .4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .3467rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    font-size: .4rem;
}

    .comments-box > .item > .head .avatar {
        display: block;
        width: .8rem;
        height: .8rem;
        margin-right: .4rem;
        border-radius: .8rem;
    }

.comments-box > .item > .container {
    margin: 0 .4rem .4rem .4rem;
    position: relative;
    padding-left: 1.2rem;
    font-size: .4rem;
}

.comments-box > .item > .replies {
    margin: 0 .4rem;
    padding: .26rem 0 .26rem 1.2rem;
    position: relative;
    font-size: .3733rem;
}

    .comments-box > .item > .replies:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 1px;
        background-color: #f2f2f2;
        color: #f2f2f2;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        z-index: 2;
    }

    .comments-box > .item > .replies .item {
        margin: .22rem 0;
    }

        .comments-box > .item > .replies .item .name {
            color: #ff5420;
        }

.comments-box > .item > .container .bottom {
    margin-top: .48rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .32rem;
    color: #999;
}

    .comments-box > .item > .container .bottom a {
        color: #999;
        margin-left: .2666rem;
    }

        .comments-box > .item > .container .bottom a.active {
            color: #ff730b;
        }

    .comments-box > .item > .container .bottom .action {
        text-align: right;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .comments-box > .item > .container .bottom .date {
        margin-right: .2633rem;
    }

    .comments-box > .item > .container .bottom .icon-good {
        display: inline-block;
        width: .4267rem;
        height: .4267rem;
        vertical-align: middle;
        background-image: url('../images/svg/icon-good.svg');
        background-size: cover;
        margin-top: -5px;
    }

    .comments-box > .item > .container .bottom .active .icon-good {
        background-image: url('../images/svg/icon-active-good.svg');
    }

    .comments-box > .item > .container .bottom .icon-comment {
        display: inline-block;
        width: .4267rem;
        height: .4267rem;
        vertical-align: middle;
        background-image: url('../images/svg/icon-comments.svg');
        background-size: cover;
        margin-top: -5px;
    }

.comment-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.333rem;
    background-color: #fff;
}

    .comment-bar > .inner {
        position: relative;
        padding: 0 .4rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 1.333rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .comment-bar > .inner:before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            height: 1px;
            background-color: #dcdcdc;
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

        .comment-bar > .inner .field {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            position: relative;
        }

            .comment-bar > .inner .field:after {
                display: block;
                position: absolute;
                left: .36rem;
                top: 50%;
                content: " ";
                width: .32rem;
                height: .32rem;
                background-image: url('../images/svg/read_icon_ping.svg');
                background-size: .32rem;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        .comment-bar > .inner .action {
            width: .98rem;
            text-align: center;
        }

            .comment-bar > .inner .field input, .comment-bar > .inner .action .btn {
                border: 0;
                width: 100%;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height: .8rem;
            }

        .comment-bar > .inner .field input {
            padding: 0 .32rem 0 .96rem;
            border: 1px solid #dcdcdc;
            border-radius: .8rem;
        }

        .comment-bar > .inner .action .btn {
            width: 100%;
            background-color: transparent;
            text-align: right;
        }

.announcement-box > .item {
    padding-bottom: .32rem;
    background-color: #fff;
}

    .announcement-box > .item .head, .article-box > .header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: .3733rem .4rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .announcement-box > .item .head {
        padding: .3733rem 0;
    }

    .announcement-box > .item > a .head .avatar, .article-box > .header .avatar {
        display: block;
        width: .8rem;
        height: .8rem;
        border-radius: .8rem;
        margin-right: .4rem;
    }

    .announcement-box > .item > .head .body, .article-box > .header .body {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .announcement-box > .item > .head .name, .article-box > .header .name {
        font-size: .3467rem;
        margin-bottom: 2px;
    }

    .announcement-box > .item > .head .timeago, .article-box > .header .timeago {
        font-size: .2933rem;
        color: #999;
        margin-top: 2px;
    }

    .announcement-box > .item .container {
        display: block;
        padding: 0 .4rem;
        position: relative;
    }

    .announcement-box > .item .title {
        font-size: .4rem;
    }

    .announcement-box > .item .body {
        font-size: .3467rem;
        color: #666;
    }

    .announcement-box > .item .badge {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #ff1616;
        width: .1867rem;
        height: .1867rem;
        border-radius: .1867rem;
        left: 1.2rem;
        top: .4rem;
    }

    .announcement-box > .item > a:visited, .announcement-box > .item > a:visited > .body, .announcement-box > .item > a.visited, .announcement-box > .item > a.visited > .body {
        color: #999 !important;
    }

        .announcement-box > .item > a:visited .badge, .announcement-box > .item > a.visited .badge {
            display: none !important;
        }

    .announcement-box > .item > a {
        padding-bottom: .32rem !important;
        display: block;
    }

.article-box {
    background-color: #fff;
}

    .article-box > .body {
        padding: 0 .4rem;
        font-size: .3467rem;
        line-height: .64rem;
    }

        .article-box > .body p img {
            max-width: 100%;
            margin: 0 auto;
        }

.message-bar {
    background-color: #fff;
}

    .message-bar > .item a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        padding: .24rem .48rem .24rem 0;
        position: relative;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .message-bar > .item a:before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            height: 1px;
            background-color: #dcdcdc;
            color: #dcdcdc;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            z-index: 2;
        }

    .message-bar > .item:first-child a:before {
        display: none;
    }

    .message-bar > .item a .badge {
        position: absolute;
        width: .2133rem;
        height: .2133rem;
        border-radius: .2133rem;
        background-color: #ff3615;
        top: .3rem;
        left: 1rem;
    }

    .message-bar > .item .icon-comment, .message-bar > .item .icon-notice {
        display: block;
        width: .5867rem;
        height: .586rem;
        margin: 0 .4rem;
        background-size: .5867rem;
    }

    .message-bar > .item .icon-comment {
        background-image: url('../images/png/messages.png');
    }

    .message-bar > .item .icon-notice {
        background-image: url('../images/png/notice.png');
    }

    .message-bar > .item .title {
        font-size: .3733rem;
    }

    .message-bar > .item .text {
        font-size: .3467rem;
        color: #999;
    }

.sign-box {
    padding: .56rem 0;
    text-align: center;
}

    .sign-box > .head .title {
        font-size: .48rem;
    }

    .sign-box > .body .text {
        margin-top: .48rem;
        font-size: .4267rem;
        color: #ff5420;
    }

    .sign-box > .body .desc {
        font-size: .3467rem;
        color: #666;
        padding-top: .56rem;
    }

    .sign-box > .body .row {
        position: relative;
        height: 20px;
        margin: .48rem auto;
        width: 236px;
    }

        .sign-box > .body .row .col {
            float: left;
            z-index: 2;
            margin-left: 16px;
            width: 16px;
            height: 16px;
            position: relative;
            border: 2px solid #dcdcdc;
            background-color: #fff;
            border-radius: 16px;
            line-height: 16px;
            font-size: 12px;
            color: #999;
        }

            .sign-box > .body .row .col:after {
                position: absolute;
                content: " ";
                display: block;
                height: 7px;
                width: 16px;
                top: 50%;
                background-color: #e5e5e5;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .sign-box > .body .row .col:after {
                left: -18px;
                top: 50%;
                background-position: right top;
            }

        .sign-box > .body .row .after {
            border-color: #fff;
            background-color: #ff5420;
            background-image: url('../images/png/fail.png');
            background-size: 8px;
            background-position: center center;
            background-repeat: no-repeat;
        }

            .sign-box > .body .row .after span {
                text-indent: 999px;
                overflow: hidden;
                display: block;
            }

            .sign-box > .body .row .after:after {
                background-image: url('../images/png/progress.png');
                background-size: 11px 7px;
            }

        .sign-box > .body .row .signed {
            border-color: #ff7214;
            background-color: #fff;
            color: #ff7214;
        }

            .sign-box > .body .row .signed span {
                display: inline;
            }

        .sign-box > .body .row .mon {
            margin-left: 0;
        }

            .sign-box > .body .row .mon:after {
                display: none;
            }

.modal > .inner .pull-action-2 {
    position: absolute;
    right: -.2rem;
    top: -.2rem;
}

    .modal > .inner .pull-action-2 a {
        display: block;
        width: .8rem;
        height: .8rem;
        border: 1px solid #dcdcdc;
        border-radius: .8rem;
        background-color: #fff;
        text-align: center;
        line-height: .8rem;
    }

        .modal > .inner .pull-action-2 a svg {
            vertical-align: middle;
            margin-top: -3px;
        }

@media only screen and (min-width:1024px) {
    html {
        position: relative;
        width: 375px;
        min-height: 100%;
        margin: 0 auto;
        background: #ccc;
        font-size: 37.5px !important;
    }

    body {
        background: #fff;
        min-height: 100%;
        height: auto;
    }

    .navbar, .tabar, .book-bar, .rt-bar, .editable-bar, .unlock-bar, .rb-bar {
        width: 10rem;
        margin: 0 auto;
    }

        .book-bar, .editable-bar, .rt-bar.flt {
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }
}

.common-nt {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.common-ne {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: .4rem;
}

    .common-ne > .subject {
        color: #888;
        font-size: .375rem;
    }

    .common-ne > .action {
        margin: .2rem 2rem 0 2rem;
    }

        .common-ne > .action .btn {
            display: inline-block;
            font-size: .4267rem;
            color: #fff;
            background-color: #ff5420;
            border-radius: 1.12rem;
            padding: .22rem .5rem;
        }

.bs-box > .row-list .item .icon-tj, .bs-box > .column-list > .item .cover .icon-tj {
    position: absolute;
    right: 4px;
    top: .16rem;
    width: 1rem;
    height: 1rem;
}

.bs-box > .row-list .item .icon-tj {
    width: 1.3rem;
    height: 1.3rem;
}

.bs-box > .column-list > .item .cover .icon-tj {
    top: 0;
    right: 0;
}

.bs-box > .column-list > .item .cover {
    position: relative;
}

    .bs-box > .column-list > .item .cover .icon-tj img {
        display: block;
        width: 100% !important;
        height: 100% !important;
    }

.toback {
    position: fixed;
    left: 20px;
    top: 20px;
    background-size: 40px 40px;
    height: 40px;
    width: 40px;
    z-index: 99;
}

.tobackbg-new {
    background-image: url(../images/back-new.png);
}

.tobackbg-rank {
    background-image: url(../images/back-rank.png);
}

.tobackbg-hot {
    background-image: url(../images/back-hot.png);
}

.tobackbg-free {
    background-image: url(../images/back-free.png);
}

.reply-message-null {
    background-repeat: no-repeat;
    margin-bottom: 0px;
    bottom: 0px;
    background-image: url(../images/default_comment.png?v=1);
    background-size: 40%;
    background-position: center 35%;
}

.follow_btn {
    text-align: center;
    overflow: hidden;
    padding: 20px 0 26px 0;
    border-bottom: 1px solid #f2f2f2;
}

    .follow_btn a {
        width: 112px;
        height: 38px;
        line-height: 38px;
        display: block;
        background: #d00109;
        color: #fff;
        border-radius: 5px;
        margin: 0 auto;
        font-size: 1.6rem;
    }

.qr-modal {
    position: fixed;
    width: 100%;
    top: 50%;
    left: 0px;
    right: 0;
    z-index: 9;
}

    .qr-modal > .inner {
        width: 80%;
        margin: 0 auto;
        background-color: #fff;
        border-radius: 5px;
        position: relative;
    }

    .qr-modal .qr-box {
        padding: 20px;
    }

        .qr-modal .qr-box > .body p {
            margin-bottom: 4px;
            margin-top: 10px;
        }

        .qr-modal .qr-box > .head {
            text-align: center;
        }

            .qr-modal .qr-box > .head > .title {
                font-weight: 600;
                font-size: 15px;
            }

        .qr-modal .qr-box > .body {
            font-size: 15px;
            text-align: center;
        }

    .qr-modal .typo-red {
        color: #f43530;
    }

    .qr-modal .qr-box > .body .anpic {
        font-size: 18px;
        font-weight: 600;
    }

    .qr-modal .qr-box > .body > .qr-media img {
        display: block;
        margin: 0 auto;
        box-shadow: 0 3px 6px rgba(0,0,0,.1);
    }

    .qr-modal > .inner > .pull-action {
        position: absolute;
        right: 15px;
        top: 15px;
    }

        .qr-modal > .inner > .pull-action a, .modal > .inner > .pull-action .icon-close {
            display: block;
            width: 20px;
            height: 20px;
        }

        .qr-modal > .inner > .pull-action .icon-close {
            display: block;
            width: 20px;
            height: 20px;
            background-image: url(../images/modal-close.svg);
        }

.rpse-modal > .inner {
    width: 8.64rem;
    height: 10.03rem;
    background-color: transparent;
    background-image: url('../images/png/rpbg.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

    .rpse-modal > .inner > .rt {
        height: 2.8rem;
        padding-top: 1.2rem;
        text-align: center;
    }

        .rpse-modal > .inner > .rt .subject {
            font-weight: 600;
            font-size: .4533rem;
            color: #fc552e;
        }

            .rpse-modal > .inner > .rt .subject strong {
                font-size: .88rem;
                color: #da5240;
            }

        .rpse-modal > .inner > .rt .cd {
            font-size: .3733rem;
            color: #ad5034;
        }

            .rpse-modal > .inner > .rt .cd strong {
                color: #fc412d;
                font-weight: 500;
            }

    .rpse-modal > .inner > .body {
        padding-top: .64rem;
        text-align: center;
    }

        .rpse-modal > .inner > .body .subject {
            font-size: .72rem;
            color: #fff;
        }

        .rpse-modal > .inner > .body .text {
            font-size: .3733rem;
            color: #ffd429;
            margin-top: .4rem;
        }

    .rpse-modal > .inner > .action {
        margin-top: .48rem;
        text-align: center;
    }

        .rpse-modal > .inner > .action .btn {
            display: block;
            -webkit-box-shadow: 0px 3px 0px 0px #d1302e;
            box-shadow: 0px 3px 0px 0px #d1302e;
            border-bottom: 3px solid #dd9c36;
            background: rgb(255,204,29);
            background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,204,29,1)),to(rgba(255,222,88,1)));
            background: linear-gradient(to top,rgba(255,204,29,1) 0%,rgba(255,222,88,1) 100%);
            height: 1.28rem;
            line-height: 1.28rem;
            margin: 0 .96rem;
            border-radius: 1.28rem;
            font-size: .48rem;
            font-weight: 600;
            color: #d52626;
        }

        .rpse-modal > .inner > .action .close {
            display: block;
            color: #ffa7a3;
            font-size: .4267rem;
            width: 3em;
            margin: .4rem auto 0 auto;
            text-decoration: underline;
        }

.sign-box > .body .row .col div {
    text-align: center;
    font-size: .2133rem;
    color: #999 !important;
    white-space: nowrap;
    margin-top: .16rem;
}

.unbound-link {
    position: relative;
    background: #fff;
    width: 90%;
    margin: -1em auto 0;
    box-shadow: 1px 1px 10px 1px #ccc;
    z-index: 100;
}
.unbound-link a.link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: .27rem .3733rem;
    line-height: 1.1rem;
    font-size: .3733rem;
}
.unbound-link a.link .icon-unbound {
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    background-size: 100% auto;
}
.unbound-link .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    line-height: .58rem;
    margin-left: .4rem;
    height: 1.1rem;
}
.unbound-link .title h3 {
    font-size: .4233rem;
    font-weight: 600;
    color: #ff5420;
}

.unbound-box-wrapper {
    /* position: absolute; */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #666;
    font-size: .4rem;
    z-index: 1000;
}
.unbound-box-wrapper .bt-line {
    position: relative;
}
.unbound-box-wrapper .bt-line:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #dcdcdc;
    line-height: 0;
    font-size: 0;
    padding: 0;
    transform: scaleY(0.7);

}
.unbound-box-wrapper .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3;
}
.unbound-box-wrapper .unbound-box {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #fff;
    line-height: 1rem;
    padding: .2rem .5rem .5rem;
    box-sizing: border-box;
}
.unbound-box-wrapper .unbound-box ul {
    width: 80%;
    margin: 0 auto;
}
.unbound-box-wrapper .unbound-box ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    line-height: 1.333rem;
    height: 1.333rem;
}
.unbound-box-wrapper .sort-line {
    width: 2rem;
    height: .12rem;
    border-radius: .12rem;
    background: #aaa;
    margin: 0 auto .2rem;
}
.unbound-box-wrapper .input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: block;
    /* width: 100%; */
    border: 0;
    padding: 0;
    outline: none;
    line-height: 1rem;
    font-size: .9em;
}
.unbound-box-wrapper .getCode {
    border: 1px solid #ff5420;
    font-size: .8em;
    display: block;
    min-width: 5em;
    padding: .2rem .3rem;
    height: 1em;
    line-height: 1em;
    margin-top: .8em;
    color: #ff5420;
    border-radius: 2em;
    text-align: center;
}
.unbound-box-wrapper .banBtn {
    color: #ccc;
    border-color: #ccc;
}
.unbound-box-wrapper .button {
    display: block;
    width: 100%;
    line-height: 1rem;
    height: 1rem;
    text-align: center;
    color: #fff;
    background: #ff5420;
    border-radius: 1rem;
}
.unbound-box-wrapper .pt5 {
    padding-top: .5rem;
}
.unbound-info {
    margin-bottom: -2em;
    text-align: center;
    font-size: 1.08em;
    line-height: 1.333rem;
    color: #666;
}
.unbound-info svg {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

/*视频*/
.vd-nav{
	width: 100%;
	border-bottom: 10px solid #EFEFF4;
	display: flex;
	padding-bottom: .5rem;
}
.vd-nav ul{
	width:100%;
}
.vd-nav li{
	float:left;
	width:25%;
}
.vd-nav li img{
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	margin: .5rem auto .2rem auto;
	border-radius: 50%;
}
.vd-nav li span{
	text-align: center;
	width: 100%;
	display: block;
	font-size: .35rem;
}
.vd-content{
	width:100%;
}
.vd-content .vd-items{
	padding:.5rem .35rem;
	border-bottom: 10px solid #EFEFF4;
}
.vd-content .vd-items .title{
	height: .6rem;
	line-height: .6rem;
	font-size: .43rem;
	font-weight: 600;
}
.vd-content .vd-items .title span{
	font-weight:400;
	font-size:0.35rem;
	color:#999;
	float:right;
}
.vd-content .vd-items ul li{
	overflow: hidden;
	border-bottom: 1px solid #eee;
}
.vd-content .vd-items ul li:last-child{
	border:none;
}
.vd-content .vd-items ul li img{
	width: 2.7rem;
	height: 2rem;
	display: block;
	float: left;
	margin: .5rem 0;
	border-radius: 5px;
}
.vd-content .vd-items ul li .txt{
	padding-left:2.9rem;
	padding-top:.5rem;
}
.vd-content .vd-items ul li .txt h1{
	font-size:.4rem;
	word-break: break-all;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.vd-content .vd-items ul li .txt span{
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
	color: #999;
	font-size: .35rem;
	margin-top: 0.2rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}
.vd-content .vd-items ul li .txt p{
	margin-top:.3rem;
	font-size:.35rem;
	color:#999;
}
.vd-content .vd-items ul li .txt p i{
	font-style: normal;
	float: right;
	color: #ff5420;
	font-size: .35rem;
}


.vinfo-title{
	padding:.4rem .2rem;
	border-bottom: 10px solid #EFEFF4;
}
.vinfo-title h1{
	font-size:.4rem;
}
.vinfo-title p{
	font-size: .32rem;
	color: #999;
	margin: .1rem .2rem;
}
.vinfo-content{
	width:100%;
	margin-bottom:1.5rem;
}
.vinfo-content .title{
	height: 1rem;
	padding-left: .5rem;
	line-height: 1rem;
	font-size: .45rem;
}
.vinfo-content .txt{
	padding:.2rem;
}
.vinfo-content .txt img{
	width:100%!important;
}
.vinfo-content .txt span{
	font-size:.4rem!important;
}
.vinfo-content .txt p{
	font-size:.4rem!important;
}

.vinfo-footer{
	height: 1.5rem;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 8px #c1c1c1;
}
.vinfo-footer input{
	height: 1.2rem;
	width: 94%;
	margin: .15rem 3%;
	border: none;
	-webkit-appearance: none;
	background: #55B837;
	color: #fff;
	border-radius: 5px;
	font-size: .4rem;
}

/*名家经典*/
.sl-content{
	margin-bottom:1.6rem;
}
.sl-items{
	position: relative;
	height: 5rem;
	border-radius: 3px;
	width: 96%;
	margin: .3rem 2% 0rem 2%;
}
.sl-items .coverpic{
	width:100%;
	height:100%;
	border-radius:3px;
}
.sl-items .txt{
	position:absolute;
	height:1.6rem;
	bottom:0;
	left:0;
	width:100%;
	z-index:999;
}
.sl-items .msk{
	width: 100%;
	position: absolute;
	height: 1.6rem;
	bottom: 0;
	background: #000;
	opacity: .5;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius:3px;
}
.sl-items .txt .logo{
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 50%;
	margin: 0.2rem .2rem;
	float: left;
}
.sl-items .txt .title{
	padding-left: 1.8rem;
	padding-right: .6rem;
	padding-top: .3rem;
}
.sl-items .txt .title h1{
	color: #fff;
	font-size: .4rem;
	font-weight: 600;
	word-break: break-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.sl-items .txt .title p{
	font-size: .32rem;
	margin: .1rem 0 0 0;
	color: #e8dede;
	word-break: break-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.sl-items .smoney{
	position: absolute;
	right: 0;
	top: 0;
	padding: .2rem .7rem;
	text-align: center;
	background: #ef7b7d;
	color: #fff;
	font-size: .35rem;
	border-top-right-radius: 3px;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
}

/*名家经典详情*/
.sellinfo-top{
	width: 100%;
	height: 6rem;
	position:relative;
}
.sellinfo-top .coverpic{
	width:100%;
	height:100%;
}
.sellinfo-top .msk{
	width: 100%;
	height: 1.5rem;
	background: #000;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: .5;
}
.sellinfo-top .txts{
	position: absolute;
	left: 0;
	height: 1.5rem;
	width: 100%;
	bottom: 0;
}
.sellinfo-top .txts .spfl{
	display: block;
	position: absolute;
	height: 1.5rem;
	color:#fff;
	font-size:.36rem;
	line-height:1.5rem;
	left:0;
	text-align:left;
	padding-left: .5rem;
}
.sellinfo-top .txts .spfl img{
	width: .8rem;
	vertical-align: middle;
}
.sellinfo-top .txts .spfr{
	display: block;
	position: absolute;
	height: 1.5rem;
	color:#fff;
	font-size:.36rem;
	line-height:1.5rem;
	right:0;
	text-align:right;
	padding-right:.5rem;
}
.sellinfo-top .txts .spfr img{
	width: .8rem;
	vertical-align: middle;
}
.sellinfo-top .txts .logo{
	width: 33.33%;
	position: absolute;
	left: 33.33%;
	bottom: 0;
	height:1.5rem;
}
.sellinfo-top .txts .logo img{
	width: 1.65rem;
	height: 1.65rem;
	border-radius: 50%;
	margin: -.75rem auto;
	display: block;
}
.sellinfo-notice{
	height: 1rem;
	border-bottom: .2rem solid #eee;
	border-top: .2rem solid #eee;
}
.sellinfo-notice ul{
	width:100%;
	height:1rem;
}
.sellinfo-notice ul li{
	float:left;
	height:1rem;
	line-height: 1rem;
}
.sellinfo-notice ul li span{
	padding: .1rem .3rem;
	background: #d84646;
	font-size: .32rem;
	margin: .8rem .2rem;
	color: #fff;
}
.sellinfo-notice ul li:nth-child(1){
	width:20%;
}
.sellinfo-notice ul li:nth-child(2){
	width:80%;
}
.seller-banner{width:100%;height:3.5rem;}
.seller-banner img{width:100%;height:3.5rem;}

.sellinfo-notice ul li marquee{font-size: .35rem;}
.sellinfo-content{width:100%;border-top: .2rem solid #eee;}
.sellinfo-content p{font-size:.35rem!important}
.sellinfo-content span{font-size:.35rem!important}
.sellinfo-content img{width:100%;}

.sellinfo-footer{
	width: 100%;
	height: 5rem;
	position: fixed;
	background: #fff;
	bottom: 0;
	display:none;
}
.sellinfo-footer .title{
	height: 1rem;
    background: #F4F5F7;
    border-top: 1.5px solid #F14141;
    text-align: center;
    line-height: 1rem;
    font-size: .4rem;
    color: #000;
    position: relative;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 1rem;
}
.sellinfo-footer .title span{
	height: 1rem;
	width: .5rem;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: #F14141;
	border-bottom-left-radius: 1rem;
	line-height: .8rem;
	text-align: left;
	padding-left: .5rem;
	color: #fff;
	font-size: .5rem;
}
.sellinfo-footer .addNum{
	width: 60%;
	height: 1.5rem;
	margin: .2rem 20%;
}
.sellinfo-footer .addNum div{
	width:33.333%;
	float:left;
	height:100%;
}
.sellinfo-footer .addNum div span{
	width: .8rem;
	height: .8rem;
	display: block;
	line-height: .6rem;
	border-radius: 50%;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 1.5rem;
	margin: .2rem 60%;
	color: #5a5454;
}
.sellinfo-footer .addNum div:nth-child(3)>span{
	margin: .2rem 60% .2rem 0;
	font-size: 1rem;
	line-height: .65rem;
}
.sellinfo-footer .addNum .nums{
	text-align: center;
	line-height: 1.25rem;
	font-size: .5rem;
	font-weight: 600;
}
.sellinfo-footer button{
	width: 60%;
	margin: .2rem 20%;
	height: 1rem;
	border: none;
	-webkit-appearance: none;
	border-radius: 5px;
	background: #F3514F;
	color: #fff;
	font-size: .4rem;
}
.sellinfo-footer button span{
	font-size: .6rem;
	margin-left: .2rem;
	margin-right: .2rem;
}
.sellinfo-buy{
	position: fixed;
	right: 0;
	top: 45%;
	width: .5rem;
	text-align: center;
	font-size: .4rem;
	padding: .2rem 0.1rem;
	background: #F04141;
	color: #fff;
	z-index:999999;
}


/*自动购买章节*/
.autoBuy{
	padding: 10px 0;
}
.autoBuy .checkbox {
  position: relative;
  display: inline-block;
}

.autoBuy .checkbox label {
	  width: 90px;
	  height: 42px;
	  background: #DCDCDC;
	  position: relative;
	  display: inline-block;
	  border-radius: 46px;
	  -webkit-transition: 0.4s;
	  transition: 0.4s;
}
.autoBuy .checkbox label:after {
	  content: '';
	  position: absolute;
	  width: 50px;
	  height: 50px;
	  border-radius: 100%;
	  left: 2px;
	  top: -5px;
	  z-index: 2;
	  background: #fff;
	  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	  -webkit-transition: 0.4s;
	  transition: 0.4s;
}
.autoBuy .checkbox input {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 5;
	  opacity: 0;
	cursor: pointer;
}
.autoBuy .checkbox input:hover + label:after {
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}
.autoBuy .checkbox input:checked + label:after {
	left: 26px;
}
.autoBuy .checkbox label {
  background: #DCDCDC;
  width: 60px;
  height: 32px;
  border-radius: 20px;
}
.autoBuy .checkbox label:after {
  border-radius: 50%;
  top: 0;
  width: 32px;
  height: 32px;
}
.autoBuy .checkbox input:checked + label {
  background: #FF5420;
}
.autoBuy .checkbox input:checked + label:after {
  background: #fff;
  left: 26px;
}


/*我的消息*/
.rt-list .notice{
	width:100%;
}
.rt-list .notice li{
	border-bottom:1px solid #eee;
}
.rt-list .notice li i{
	width: .8rem;
	background: url(../images/notice.png) no-repeat;
	height: .8rem;
	display: block;
	border-radius: 50%;
	background-color: #FF7550;
	background-size: 50%;
	background-position: .18rem .2rem;
	float:left;
	margin:.4rem .3rem;
}
.rt-list .notice .txts{
	padding:.2rem .2rem .2rem 1.5rem;
}
.rt-list .notice .txts h1{
	font-size:.4rem;
	color: #000;
	font-weight: 600;
}
.rt-list .notice .txts h1 span{
	float: right;
	margin-right: .5rem;
	font-size: .35rem;
	color: #666;
	margin-top: .05rem;
}
.rt-list .notice .txts p{
	margin-top:.2rem;
	font-size:.35rem;
	color: #999;
	word-break: break-all;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*书本详情新增*/
.mui-media-object {
	border-radius: 100%;
	width: 30px;
	height: 30px;
}
.mui-table-view-cell > a:not(.mui-btn) {
	white-space: normal;
}
.mui-media-body p {
	margin-top: 5px;
	font-size: 12px;
	color: #666;
}
.mui-media-body .mui-pull-right {
	font-size: 12px;
	color: #666;
}
.mui-table-view:before {
	height: 0;
}
.white-a {
	color: #007aff !important;
}
/*
.cover {
	width: 50px !important;
	height: 50px !important;
}
*/
.comment-btn {
	color: #007aff !important;
	font-size: 10px !important;
	border: 1px solid #007aff;
	display: inline-block;
	padding: 4px 8px;
	border-radius: 4px;
}
.chaps{width:100%;}
.chaps ul{width:100%;}
.chaps ul li{width:100%;border-bottom:1px solid #eee;display:flex}
.chaps ul li .coverimg{height: 1.6rem;width: 2rem;margin: .2rem 1em .2rem .3rem;float:left;}
.chaps ul li .txts{position:relative;min-width:65%}
.chaps ul li .txts h1{font-size: .4rem;margin-top: .1rem;}
.chaps ul li .txts p{ margin-top: .2rem;font-size: .35rem;color: #ff7800;}
.chaps ul li .txts .doll{width: .4rem;height: .4rem;vertical-align: middle;margin-top: -3.5px;margin-right: 3px;}
.chaps ul li .txts span{position:absolute;bottom:0.2rem;color:#999;left:0;}
.info-prize{
	width:100%;
	border-top:.2667rem solid #f5f5f5;
}
.info-prize .title{
	height:1.5rem;
	line-height:1.5rem;
	font-size:.35rem;
	text-align:center;
}
.info-prize .title .money{
	font-size:.6rem;
	color: #FF9C28;
}
.info-prize .title .nums{
	font-size:.45rem;
	color:#AF91FF;
}
.info-prize .texts ul{
	width:100%;
	display: flex;
}
.info-prize .texts ul li{
	width:33.33%;
	float:left;
}
.info-prize .texts ul li span{
	display: block;
	width: 34px;
	height: 34px;
	background-image: url(../images/crwon.png);
	background-size: 104px 34px;
	margin:0 auto;
}
.info-prize .texts ul li:nth-child(2) span{
	background-position: -34px 0;
}
.info-prize .texts ul li:nth-child(3) span{
	background-position: -68px 0;
}
.info-prize .texts ul li .txt{
	padding:0 .3rem;
}
.info-prize .texts ul li .txt img{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin: .35rem 0;
	float:left;
}
.info-prize .texts ul li .txt .bom{
	padding:0 .3rem;
}
.info-prize .texts ul li .txt .bom .umoney{
	padding: .38rem 0px .5rem 45px;
}
.info-prize .prize-btn{
	width: 50%;
	height: .9rem;
	border: none;
	-webkit-appearance: none;
	margin: .3rem 25% .6rem 25%;
	border-radius: .2rem;
	color: #fff;
	background: #F96EA7;
	font-size:.4rem;
}

.prize{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:9999;
	display:none;
}
.prize .msk{
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
}
.prize .items{
	width: 80%;
	position: absolute;
	top: 25%;
	left: 10%;
	background: #fff;
	border-radius: 10px;
	padding-bottom:.6rem;
}
.prize .items .title{
	height: 1rem;
	line-height: 1rem;
	font-size: .4rem;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.prize .items ul{
	padding: .5rem;
	/*display: inline-block; */
}
.prize .items ul li{
	float: left;
	width: 33.33%;
	height: 1.5rem;
}
.prize .items ul li span{
	display: block;
	width: 70%;
	margin: .2rem 15%;
	font-size: .4rem;
	text-align: center;
	line-height: 1.1rem;
	height: 1.1rem;
	border: 1px solid #ddd;
	border-radius: .5rem;
}
.prize .items .active{
	color:#F984C5;
	border:1px solid #F984C5;
}
.prize .aBtn{
	float: right;
	margin: 0.2rem 1rem 0 0;
	width: 3rem;
	height: .95rem;
	border: none;
	-webkit-appearance: none;
	background: #F96EA7;
	color: #fff;
	border-radius: .5rem;
	font-size: .4rem;
}
.prize .cBtn{
	background:#979797;
	color:#444;
}