@import url(normalize.css);

html,
body {
    margin: 0;
    padding: 0;
    color: #28292d;
    font-size: 24px;
    font-family: "PingFang SC", "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif
}

[data-dpr="1"] html,
[data-dpr="1"] body {
    font-size: 12px
}

[data-dpr="2"] html,
[data-dpr="2"] body {
    font-size: 24px
}

[data-dpr="3"] html,
[data-dpr="3"] body {
    font-size: 36px
}

a {
    text-decoration: none;
    outline: none;
    color: inherit
}

a:visited {
    color: inherit
}

h1,
h2 {
    margin: 0;
    font-weight: normal
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0
}

p {
    margin: 0
}

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

.hide {
    display: none
}

.debug-container {
    width: 100%;
    height: 4rem;
    background: #f5f5f5;
    font-size: .53333rem;
    font-weight: 600
}

img.cover,
.cover>img {
    background-repeat: no-repeat;
    background-size: cover
}

@font-face {
    font-family: "mkzh5";
    src: url("https://static.mkzcdn.com/mobile/fonts/iconfont.eot?t=1510555373566");
    src: url("https://static.mkzcdn.com/mobile/fonts/iconfont.eot?t=1510555373566") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("https://static.mkzcdn.com/mobile/fonts/iconfont.ttf?t=1510555373566") format("truetype"), url("https://static.mkzcdn.com/mobile/fonts/iconfont.svg?t=1510555373566") format("svg")
}

.ift,
[class^="ift-"] {
    font-family: "mkzh5" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ift-back:before {
    content: "\e629"
}

.ift-leftbar_fkbc:before {
    content: "\e601"
}

.ift-leftbar_gxqm:before {
    content: "\e602"
}

.ift-leftbar_rjfx:before {
    content: "\e603"
}

.ift-leftbar_jcgx:before {
    content: "\e604"
}

.ift-leftbar_gywm:before {
    content: "\e605"
}

.ift-leftbar_rjsz:before {
    content: "\e606"
}

.ift-leftbar_wdsd:before {
    content: "\e607"
}

.ift-leftbar_wdsj:before {
    content: "\e608"
}

.ift-leftbar_wdtc:before {
    content: "\e609"
}

.ift-me_money:before {
    content: "\e60a"
}

.ift-me_month:before {
    content: "\e60b"
}

.ift-me_support:before {
    content: "\e60c"
}

.ift-ic_me_support:before {
    content: "\e62e"
}

.ift-login_key:before {
    content: "\e614"
}

.ift-list_popular:before {
    content: "\e615"
}

.ift-home_feedback:before {
    content: "\e616"
}

.ift-input_txtclear:before {
    content: "\e617"
}

.ift-history_clear:before {
    content: "\e618"
}

.ift-list_refresh:before {
    content: "\e619"
}

.ift-home_pc:before {
    content: "\e61a"
}

.ift-nav_search:before {
    content: "\e61b"
}

.ift-search_history:before {
    content: "\e61c"
}

.ift-search_icon:before {
    content: "\e61d"
}

.ift-search_input:before {
    content: "\e61e"
}

.ift-searchlist_clearo:before {
    content: "\e61f"
}

.ift-searchlist_read:before {
    content: "\e620"
}

.ift-tab_book_hl:before {
    content: "\e621"
}

.ift-tab_book_no:before {
    content: "\e622"
}

.ift-tab_class_hl:before {
    content: "\e623"
}

.ift-tab_class_no:before {
    content: "\e624"
}

.ift-tab_home_hl:before {
    content: "\e625"
}

.ift-tab_home_no:before {
    content: "\e626"
}

.ift-tab_me_hl:before {
    content: "\e627"
}

.ift-tab_me_no:before {
    content: "\e628"
}

.ift-coment_like_on:before {
    content: "\e644"
}

.ift-coment_like_off:before {
    content: "\e645"
}

.ift-detail_gohome:before {
    content: "\e646"
}

.ift-detail_coll_off:before {
    content: "\e647"
}

.ift-detail_coll_hl:before {
    content: "\e648"
}

.ift-detail_qq:before {
    content: "\e649"
}

.ift-detail_pyq:before {
    content: "\e64a"
}

.ift-detail_qqkj:before {
    content: "\e64b"
}

.ift-detail_reward:before {
    content: "\e64d"
}

.ift-detail_share:before {
    content: "\e64e"
}

.ift-detail_sort_up:before {
    content: "\e64f"
}

.ift-detail_sort_down:before {
    content: "\e650"
}

.ift-detail_wx:before {
    content: "\e651"
}

.ift-detail_xl:before {
    content: "\e652"
}

.ift-nav_close:before {
    content: "\e653"
}

.ift-nav_more:before {
    content: "\e654"
}

.ift-readlist_look:before {
    content: "\e655"
}

.ift-monthticket:before {
    content: "\e656"
}

.ift-readlist_more:before {
    content: "\e659"
}

.ift-readlist_stop:before {
    content: "\e65a"
}

.ift-readlist_vip:before {
    content: "\e65b"
}

.ift-reward:before {
    content: "\e65c"
}

.ift-book_choose_off_n:before {
    content: "\e62f"
}

.ift-book_delete:before {
    content: "\e630"
}

.ift-list_arrange:before {
    content: "\e631"
}

.ift-left_come:before {
    content: "\e67e"
}

.ift-ne_left_feedback:before {
    content: "\e67f"
}

.ift-login_qq:before {
    content: "\e680"
}

.ift-login_gosign:before {
    content: "\e681"
}

.ift-login_wb:before {
    content: "\e682"
}

.ift-login_key2:before {
    content: "\e683"
}

.ift-sign_key_off:before {
    content: "\e684"
}

.ift-login_name:before {
    content: "\e685"
}

.ift-sign_key_on:before {
    content: "\e686"
}

.ift-read_coll_off:before {
    content: "\e687"
}

.ift-read_chooseon:before {
    content: "\e688"
}

.ift-read_chooseoff:before {
    content: "\e689"
}

.ift-read_home:before {
    content: "\e68a"
}

.ift-read_feedback:before {
    content: "\e68b"
}

.ift-read_magic_l:before {
    content: "\e68c"
}

.ift-read_magic_r:before {
    content: "\e68d"
}

.ift-read_tab_flip:before {
    content: "\e68e"
}

.ift-read_tab_roll:before {
    content: "\e68f"
}

.ift-read_tab_share:before {
    content: "\e690"
}

.ift-readcenter_coll:before {
    content: "\e691"
}

.ift-read_pay_8z:before {
    content: "\e692"
}

.ift-book_choose_on:before {
    content: "\e639"
}

.ift-readlist_money_on:before {
    content: "\e63e"
}

.ift-readlist_money_of:before {
    content: "\e63f"
}

.ift-detail_monthticke:before {
    content: "\e640"
}

.ift-ic_httab_comment:before {
    content: "\e642"
}

.ift-readercenteryb:before {
    content: "\e64c"
}

.ift-searchlist_read1:before {
    content: "\e657"
}

.ift-searchlist_continue:before {
    content: "\e658"
}

.ift-paylist_chooseoff:before {
    content: "\e65d"
}

iframe[id^="head__"] {
    display: none !important
}

iframe[id^="utp__"] {
    display: none !important
}

iframe[src*="ucweb.com"] {
    display: none !important
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 1.17333rem;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    line-height: 1.17333rem;
    font-size: 36px;
    background: #fff;
    z-index: 99
}

[data-dpr="1"] .header {
    font-size: 18px
}

[data-dpr="2"] .header {
    font-size: 36px
}

[data-dpr="3"] .header {
    font-size: 54px
}

.header .logo {
    width: 3.90667rem;
    height: .78667rem;
    float: left;
    margin-top: .13333rem;
    margin-left: .32rem;
    font-size: 0
}

.header .logo img {
    width: 100%
}

.header .ift-nav_search {
    float: right;
    margin-right: .32rem;
    font-size: 44px;
    color: #ff7830
}

[data-dpr="1"] .header .ift-nav_search {
    font-size: 22px
}

[data-dpr="2"] .header .ift-nav_search {
    font-size: 44px
}

[data-dpr="3"] .header .ift-nav_search {
    font-size: 66px
}

.header .downloadApp {
    float: right;
    box-sizing: border-box;
    margin-right: .32rem;
    margin-top: .32rem;
    width: 1.6rem;
    height: .58667rem;
    font-size: 22px;
    line-height: .58667rem;
    border: 1px solid #ff7830;
    border-radius: .29333rem
}

[data-dpr="1"] .header .downloadApp {
    font-size: 11px
}

[data-dpr="2"] .header .downloadApp {
    font-size: 22px
}

[data-dpr="3"] .header .downloadApp {
    font-size: 33px
}

.header .go-back,
.header .back-btn {
    position: absolute;
    left: .48rem;
    color: #ff7830
}

.header .p-dt-share {
    position: absolute;
    right: 1.44rem;
    color: #ff7830;
    font-size: .58667rem;
    margin-top: .13333rem;
    padding: 0 .13333rem
}

.header .p-dt-share .ift-read_tab_share {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_nav_share.png") no-repeat;
    background-size: contain;
    width: .56rem;
    height: .56rem;
    display: inline-block
}

.header .p-dt-share .ift-read_tab_share:before {
    content: ""
}

.header .p-dt-home {
    position: absolute;
    right: .32rem;
    color: #ff7830;
    font-size: .58667rem;
    margin-top: .13333rem;
    padding: 0 .13333rem
}

.header .p-dt-home .ift-read_home {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_nav_gohome.png") no-repeat;
    background-size: contain;
    width: .61333rem;
    height: .61333rem;
    display: inline-block
}

.header .p-dt-home .ift-read_home:before {
    content: ""
}

.header .header-more {
    position: absolute;
    right: .48rem;
    color: #ff7830
}

.header .clean-up {
    position: absolute;
    right: .32rem;
    top: 0
}

.header .feedback,
.header .my-feedback {
    font-size: 32px;
    color: #b4b4b4
}

[data-dpr="1"] .header .feedback,
[data-dpr="1"] .header .my-feedback {
    font-size: 16px
}

[data-dpr="2"] .header .feedback,
[data-dpr="2"] .header .my-feedback {
    font-size: 32px
}

[data-dpr="3"] .header .feedback,
[data-dpr="3"] .header .my-feedback {
    font-size: 48px
}

.header .feedback.active,
.header .my-feedback.active {
    color: #28292d
}

.header .feedback {
    margin-right: 1.06667rem
}

.under-header {
    margin-top: 1.17333rem;
    overflow: hidden
}

#footBar {
    width: 100%;
    height: 1.33333rem;
    font-size: 22px;
    color: #999;
    border-top: 1px solid #ebebeb;
    position: fixed;
    bottom: -1px;
    background: #fff;
    z-index: 999
}

[data-dpr="1"] #footBar {
    font-size: 11px
}

[data-dpr="2"] #footBar {
    font-size: 22px
}

[data-dpr="3"] #footBar {
    font-size: 33px
}

#footBar li {
    float: left;
    width: 25%;
    text-align: center;
    padding-top: .21333rem
}

#footBar i {
    display: inline-block;
    width: .64rem;
    height: .64rem
}

.comic-item {
    float: left;
    width: 3.01333rem;
    margin-right: .16rem;
    margin-bottom: .26667rem;
    padding-bottom: .16rem;
    position: relative
}

.comic-item .cover,
.comic-item .cover>img {
    width: 100%;
    height: 4rem
}

.comic-item .i-comic-new {
    position: absolute;
    top: 0;
    right: 0;
    width: .64rem;
    height: .64rem
}

.comic-item .comic-down-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4rem;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 8px;
    color: #fff;
    text-align: center;
    line-height: 4rem
}

.comic-info-box {
    width: 100%;
    text-align: center;
    color: #28292d
}

.comic-info-box .comic-name {
    height: .53333rem;
    margin-top: .13333rem;
    line-height: .53333rem;
    font-size: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .comic-info-box .comic-name {
    font-size: 13px
}

[data-dpr="2"] .comic-info-box .comic-name {
    font-size: 26px
}

[data-dpr="3"] .comic-info-box .comic-name {
    font-size: 39px
}

.comic-info-box .comic-tip {
    height: .4rem;
    line-height: .4rem;
    font-size: 20px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .comic-info-box .comic-tip {
    font-size: 10px
}

[data-dpr="2"] .comic-info-box .comic-tip {
    font-size: 20px
}

[data-dpr="3"] .comic-info-box .comic-tip {
    font-size: 30px
}

.notice-txt {
    color: #ff7830
}

.comic-list-item {
    padding: .26667rem 0;
    color: #999;
    border-bottom: 1px solid #ebebeb;
    position: relative
}

.comic-list-item .delete-hide-block {
    box-sizing: border-box;
    position: absolute;
    left: -1.76rem;
    top: 0;
    width: 1.44rem;
    height: 2.66667rem;
    padding-top: 1.41333rem
}

.comic-list-item .delete-hide-block .delete-select-btn {
    width: .58667rem;
    height: .58667rem;
    margin: 0 auto;
    background: url("https://static.mkzcdn.com/mobile/img/ic_book_choose_off_n.png") no-repeat center center;
    background-size: cover
}

.comic-list-item .cover {
    position: relative;
    float: left;
    width: 2.16rem;
    height: 2.88rem
}

.comic-list-item .cover img {
    width: 100%;
    height: 100%
}

.comic-list-item.invalid .comic-down-mask {
    display: block
}

.comic-list-item .comic-down-mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 2.16rem;
    height: 1.81333rem;
    padding-top: 1.06667rem;
    text-align: center;
    font-size: .26667rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .37333rem;
    background: rgba(54, 64, 92, 0.7)
}

.comic-list-item .i-comic-new2 {
    position: absolute;
    right: 0;
    top: 0;
    width: .64rem;
    height: .32rem
}

.comic-list-item p {
    margin: .08rem 0
}

.comic-list-item .comic-name {
    margin-top: .30667rem;
    margin-bottom: .16rem
}

.comic-list-item .fast-read-btn {
    position: absolute;
    top: 50%;
    right: .26667rem;
    width: .90667rem;
    margin-top: -.53333rem;
    color: #ff7830;
    font-size: 24px;
    text-align: center
}

[data-dpr="1"] .comic-list-item .fast-read-btn {
    font-size: 12px
}

[data-dpr="2"] .comic-list-item .fast-read-btn {
    font-size: 24px
}

[data-dpr="3"] .comic-list-item .fast-read-btn {
    font-size: 36px
}

.comic-list-item .fast-read-btn i {
    font-size: .61333rem
}

.comic-list-item .fast-read-btn span {
    display: inline-block;
    line-height: .48rem
}

.comic-list-item.invalid .auto-pay {
    display: none
}

.comic-list-item .auto-pay {
    position: absolute;
    right: .32rem;
    top: 1.01333rem;
    width: 2.26667rem;
    height: .61333rem;
    line-height: .64rem;
    text-align: center;
    border-radius: .32rem;
    border: 1px solid #ccc;
    z-index: 999
}

.comic-list-item .comic-tags,
.comic-list-item .comic-read-at {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comic-item-info {
    box-sizing: border-box;
    float: left;
    margin-left: .32rem;
    width: 5.89333rem;
    font-size: 24px;
    line-height: .48rem;
    height: 100%
}

[data-dpr="1"] .comic-item-info {
    font-size: 12px
}

[data-dpr="2"] .comic-item-info {
    font-size: 24px
}

[data-dpr="3"] .comic-item-info {
    font-size: 36px
}

.comic-item-info .comic-name {
    font-size: 30px;
    line-height: .58667rem;
    color: #28292d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .comic-item-info .comic-name {
    font-size: 15px
}

[data-dpr="2"] .comic-item-info .comic-name {
    font-size: 30px
}

[data-dpr="3"] .comic-item-info .comic-name {
    font-size: 45px
}

.comic-item-info .comic-tip {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.update-list .comic-tags {
    margin-top: .41333rem
}

.update-list .comic-update-at {
    margin: .08rem 0
}

.update-list .comic-click-count {
    margin: .08rem 0
}

.update-list .comic-author {
    margin: .08rem 0
}

.gap-12 {
    height: .16rem;
    background: #f6f6f6
}

.gap-8 {
    height: .10667rem;
    background: #f6f6f6
}

.read-ctrl {
    width: 10rem;
    height: 17.92rem;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4)
}

.read-ctrl .ctrl-notice {
    position: absolute;
    top: 3.73333rem;
    left: 2.50667rem;
    width: 5rem;
    height: 7.45333rem;
    border: 2px dashed #fff
}

.read-ctrl .ctrl-notice .icon-read-toast {
    display: block;
    width: 2.54667rem;
    height: 2.16rem;
    margin: 2.6rem auto;
    background: url("https://static.mkzcdn.com/mobile/img/pic_read_toast_m.png") no-repeat center center;
    background-size: cover
}

.read-ctrl .up-line,
.read-ctrl .down-line {
    position: absolute;
    left: 50%;
    width: 1px;
    height: 3.73333rem;
    border: 1px dashed #fff
}

.read-ctrl .up-line {
    top: 0
}

.read-ctrl .down-line {
    width: 1px;
    height: 6.53333rem;
    bottom: 0
}

.read-ctrl .icon-prev,
.read-ctrl .icon-next {
    width: .92rem;
    height: 1.06667rem;
    position: absolute;
    top: 7.2rem
}

.read-ctrl .icon-prev {
    left: .72rem;
    background: url("https://static.mkzcdn.com/mobile/img/pic_read_toast_l.png") no-repeat center center;
    background-size: cover
}

.read-ctrl .icon-next {
    right: .72rem;
    background: url("https://static.mkzcdn.com/mobile/img/pic_read_toast_r.png") no-repeat center center;
    background-size: cover
}

.getmore {
    float: left;
    width: 100%;
    height: 1.33333rem;
    line-height: 1.33333rem;
    text-align: center;
    color: #b4b4b4
}

a.buy-ticket {
    margin-left: .13333rem;
    font-size: 28px;
    color: #ff7830;
    letter-spacing: 0;
    text-decoration: underline
}

[data-dpr="1"] a.buy-ticket {
    font-size: 14px
}

[data-dpr="2"] a.buy-ticket {
    font-size: 28px
}

[data-dpr="3"] a.buy-ticket {
    font-size: 42px
}

.common-header {
    width: 10rem;
    height: 1.28rem;
    background: #FFFFFF;
    overflow: hidden;
    border-bottom: 1px solid #F0F0F0
}

.common-header-back {
    float: left;
    width: .58667rem;
    height: .58667rem;
    margin: .32rem .16rem 0 .32rem;
    background: url("https://static.mkzcdn.com/mobile/img/common/ic_nav_return@2x.png") no-repeat center center;
    background-size: cover
}

.common-header-title {
    font-size: 36px;
    font-weight: bold;
    color: #28292D;
    line-height: 1.28rem
}

[data-dpr="1"] .common-header-title {
    font-size: 18px
}

[data-dpr="2"] .common-header-title {
    font-size: 36px
}

[data-dpr="3"] .common-header-title {
    font-size: 54px
}

.common-header-search {
    position: absolute;
    right: .4rem;
    top: .34667rem;
    width: .64rem;
    height: .64rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/catalogs/ic_nav_search_b@2x.png");
    background-size: cover
}

.i-hm-jp {
    background: url("https://static.mkzcdn.com/mobile/img/ic_home_jp.png") no-repeat center center;
    background-size: contain
}

.i-hm-dj {
    background: url("https://static.mkzcdn.com/mobile/img/ic_home_dj.png") no-repeat center center;
    background-size: contain
}

.i-hm-ss {
    background: url("https://static.mkzcdn.com/mobile/img/ic_home_ss.png") no-repeat center center;
    background-size: contain
}

.i-hm-hz {
    background: url("https://static.mkzcdn.com/mobile/img/ic_home_hz.png") no-repeat center center;
    background-size: contain
}

.i-hm-zt {
    background: url("https://static.mkzcdn.com/mobile/img/ic_home_zt.png") no-repeat center center;
    background-size: contain
}

.i-hm-cx {
    background: url("https://static.mkzcdn.com/mobile/img/ic_home_cx.png") no-repeat center center;
    background-size: contain
}

.i-hm-more {
    background: url("https://static.mkzcdn.com/mobile/img/ic_home_listtitle.png") no-repeat center center;
    background-size: .13333rem .26667rem
}

.i-dt-gg {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_detail_gg.png") no-repeat center center;
    background-size: contain
}

.i-dt-coll {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_detailtab_colloff.png") no-repeat center center;
    background-size: contain
}

.i-dt-collon {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_detailtab_collon.png") no-repeat center center;
    background-size: contain
}

.i-dt-star {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_readimg_star.png") no-repeat center center;
    background-size: contain
}

.i-dt-ticket {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_detailtab_paymoney.png") no-repeat center center;
    background-size: contain
}

.i-dt-gold {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_detailtab_ticket.png") no-repeat center center;
    background-size: contain
}

.i-dt-lock {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_readlist_money_off.png") no-repeat center center;
    background-size: contain
}

.i-dt-face {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_comment_bq.png") no-repeat center center;
    background-size: contain
}

.i-dt-unlock {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_readlist_money_on.png") no-repeat center center;
    background-size: contain
}

.i-dt-read {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_readlist_look.png") no-repeat center center;
    background-size: contain
}

.i-dt-vip {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_readlist_vip.png") no-repeat center center;
    background-size: contain
}

.i-com-jp {
    background: url("https://static.mkzcdn.com/mobile/img/icons/pic_comment_wonderful.png") no-repeat center center;
    background-size: contain
}

.i-com-vip {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_list_vip.png") no-repeat center center;
    background-size: contain
}

.i-com-gf {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_list_mk.png") no-repeat center center;
    background-size: contain
}

.i-com-zz {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_list_author.png") no-repeat center center;
    background-size: contain
}

.i-rd-prev {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_readpage_up.png") no-repeat center center;
    background-size: contain
}

.i-rd-mid {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_readpage_back.png") no-repeat center center;
    background-size: contain
}

.i-rd-next {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_readpage_down.png") no-repeat center center;
    background-size: contain
}

.i-my-account {
    display: inline-block;
    width: .53333rem;
    height: .50667rem;
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_ne_left_account.png") no-repeat center center;
    background-size: contain
}

.i-my-buy {
    display: inline-block;
    width: .53333rem;
    height: .53333rem;
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_ne_left_mybook.png") no-repeat center center;
    background-size: contain
}

.i-my-feed {
    display: inline-block;
    width: .53333rem;
    height: .53333rem;
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_ne_left_feedback.png") no-repeat center center;
    background-size: contain
}

.i-acc-yb {
    display: inline-block;
    width: .58667rem;
    height: .58667rem;
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_me_money.png") no-repeat center center;
    background-size: contain
}

.i-acc-yp {
    display: inline-block;
    width: .58667rem;
    height: .58667rem;
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_me_monthticket.png") no-repeat center center;
    background-size: contain
}

.i-acc-vip {
    display: inline-block;
    width: .58667rem;
    height: .58667rem;
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_me_vip.png") no-repeat center center;
    background-size: contain
}

.i-acc-itm {
    display: inline-block;
    width: .96rem;
    height: .96rem
}

.i-acc-itm.item1 {
    background: url("https://static.mkzcdn.com/mobile/img/icons/pic_viptq_1.png") no-repeat center center;
    background-size: .96rem
}

.i-acc-itm.item2 {
    background: url("https://static.mkzcdn.com/mobile/img/icons/pic_viptq_2.png") no-repeat center center;
    background-size: .96rem
}

.i-acc-itm.item3 {
    background: url("https://static.mkzcdn.com/mobile/img/icons/pic_viptq_3.png") no-repeat center center;
    background-size: .96rem
}

.i-acc-itm.item4 {
    background: url("https://static.mkzcdn.com/mobile/img/icons/pic_viptq_4.png") no-repeat center center;
    background-size: .96rem
}

.i-order-rec {
    display: inline-block;
    width: 1.2rem;
    height: .42667rem;
    background: url(https://static.mkzcdn.com/mobile/img/icons/ic_buyvip_tj.png) no-repeat center center;
    background-size: cover
}

.i-order-choose {
    display: inline-block;
    width: .42667rem;
    height: .37333rem;
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_yb_chooseon.png") no-repeat center center;
    background-size: cover
}

.i-tab-home {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_tab_home_no.png") no-repeat center center;
    background-size: .58667rem .58667rem
}

.i-tab-class {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_tab_class_no.png") no-repeat center center;
    background-size: .58667rem .58667rem
}

.i-tab-book {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_tab_book_no.png") no-repeat center center;
    background-size: .58667rem .58667rem
}

.i-tab-me {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_tab_me_no.png") no-repeat center center;
    background-size: .58667rem .58667rem
}

.z-active .i-tab-home {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_tab_home_hl.png") no-repeat center center;
    background-size: .58667rem .58667rem
}

.z-active .i-tab-class {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_tab_class_hl.png") no-repeat center center;
    background-size: .58667rem .58667rem
}

.z-active .i-tab-book {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_tab_book_hl.png") no-repeat center center;
    background-size: .58667rem .58667rem
}

.z-active .i-tab-me {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_tab_me_hl.png") no-repeat center center;
    background-size: .58667rem .58667rem
}

.i-comic-new {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_collectlist_new.png") no-repeat center center;
    background-size: contain
}

.i-comic-new2 {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_historylist_new.png") no-repeat center center;
    background-size: contain
}

.layui-m-layermain .layer-tourist-reset {
    box-sizing: border-box;
    width: 10rem;
    height: 13.33333rem;
    padding-top: 9.04rem;
    background-color: transparent;
    background: url("https://static.mkzcdn.com/mobile/img/tourist/bg_xsvip_float@2x.png") no-repeat center center;
    background-size: cover;
    position: relative
}

.dialog-tourist {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    padding: 0 1.33333rem
}

.tourist__login-btn {
    width: 3.46667rem;
    height: 1.2rem;
    margin: 0;
    background: url("https://static.mkzcdn.com/mobile/img/tourist/pic_xsvip_txt2@2x.png") no-repeat center center;
    background-size: cover
}

.tourist__confirm {
    width: 3.46667rem;
    height: 1.2rem;
    margin: 0;
    background: url("https://static.mkzcdn.com/mobile/img/tourist/pic_xsvip_txt1@2x.png") no-repeat center center;
    background-size: cover
}

.tourist__close {
    position: absolute;
    top: 2.13333rem;
    right: 1.2rem;
    width: 1.06667rem;
    height: 1.06667rem;
    font-size: .34667rem;
    color: #B07247;
    letter-spacing: 0;
    line-height: .26667rem
}

.layer-tourist-confirm.layui-m-layerchild h3 {
    margin-top: .48rem;
    margin-bottom: .16rem;
    height: .96rem;
    line-height: .96rem;
    font-weight: 600
}

.layer-tourist-confirm.layui-m-layerchild .layui-m-layercont {
    padding: .16rem .96rem .48rem
}

.p-index-mn {
    background: #efefef;
    overflow: hidden
}

.main-nav {
    box-sizing: border-box;
    height: .96rem;
    background: #fff
}

.main-nav li {
    box-sizing: border-box;
    width: 33%;
    height: .93333rem;
    float: left;
    text-align: center
}

.main-nav li a {
    display: inline-block;
    width: 100%;
    line-height: .96rem;
    font-size: 30px
}

[data-dpr="1"] .main-nav li a {
    font-size: 15px
}

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

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

.main-nav .hover {
    border-bottom: .02667rem solid #ff7830
}

.main-nav .hover a {
    color: #ff7830
}

.float-download {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    width: 100%;
    height: 1.46667rem;
    background: url("https://static.mkzcdn.com/mobile/img/pic_index_app.png") no-repeat center center;
    background-size: cover
}

.float-download .float-download-close {
    float: left;
    width: .53333rem;
    height: 1.46667rem
}

.banner {
    height: 6.66667rem;
    position: relative;
    overflow: hidden
}

.banner .banner-search {
    position: absolute;
    top: 1.81333rem;
    right: .32rem;
    width: .8rem;
    height: .82667rem;
    background: url("https://static.mkzcdn.com/mobile/img/ic_home_search.png") no-repeat left bottom;
    background-size: cover;
    z-index: 99
}

.banner .banner-search.top {
    top: .32rem
}

.banner .banner-bg {
    background: url("https://static.mkzcdn.com/mobile/img/bg_banner.png") no-repeat left bottom;
    height: .26667rem;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    z-index: 2
}

.banner img {
    width: 100%;
    height: 100%
}

.banner .swiper-pagination {
    box-sizing: border-box;
    padding-right: .32rem;
    text-align: right;
    height: .66667rem;
    line-height: .66667rem
}

.banner .swiper-pagination-bullet {
    width: .13333rem;
    height: .13333rem;
    background: #fff;
    opacity: 0.6
}

.banner .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1
}

.banner.swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
    bottom: 0
}

.nav-menu {
    background-color: #fff;
    padding: .32rem .46667rem .37333rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-menu .menu-item {
    width: 2.4rem;
    height: 1.17333rem;
    position: relative
}

.nav-menu .menu-item .item-icon {
    width: 100%;
    height: 100%
}

.nav-menu .menu-title {
    font-size: .4rem;
    line-height: 1.5;
    color: #3c3c48
}

.nav-menu .menu-subtitle {
    font-size: .29333rem;
    color: #b4b4b4
}

.nav-menu .ic-update {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_home_gx.png") no-repeat;
    width: 1.30667rem;
    height: 1.30667rem;
    display: inline-block;
    background-size: contain
}

.nav-menu .ic-ranking {
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_home_ph.png") no-repeat;
    width: 1.30667rem;
    height: 1.30667rem;
    display: inline-block;
    background-size: contain
}

.m-hm-ad {
    position: relative;
    background: #fff;
    text-align: center;
    padding: 0 .32rem .4rem;
    background: url("https://static.mkzcdn.com/mobile/img/bg_gg_bg.png") no-repeat .32rem bottom #fff;
    background-size: 9.36rem .4rem;
    margin-top: -1px
}

.m-hm-ad img {
    width: 9.36rem;
    height: 3.49333rem;
    display: block;
    border-radius: 2px
}

.m-hm-ad .tag {
    position: absolute;
    right: .32rem;
    bottom: .32rem;
    width: 1.25333rem;
    height: .37333rem;
    color: #fff;
    background: #ff7830;
    text-align: center;
    line-height: .37333rem;
    font-size: .21333rem
}

.floor {
    padding-left: .32rem;
    padding-bottom: .13333rem;
    background: #fff;
    margin-bottom: 1px
}

.floor:last-child {
    margin-bottom: 0
}

.floor img.cover,
.floor .cover img {
    border-radius: 2px
}

.floor .title {
    position: relative;
    box-sizing: border-box;
    height: 1.22667rem;
    font-size: 32px;
    line-height: 1.22667rem
}

[data-dpr="1"] .floor .title {
    font-size: 16px
}

[data-dpr="2"] .floor .title {
    font-size: 32px
}

[data-dpr="3"] .floor .title {
    font-size: 48px
}

.floor .title>a {
    display: block
}

.floor .title .more {
    float: right;
    margin-right: .32rem;
    text-align: center;
    font-size: .32rem;
    color: #b4b4b4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.floor .title .icon {
    float: left;
    width: .53333rem;
    height: .53333rem;
    margin-top: .34667rem;
    margin-right: .16rem
}

.floor .i-hm-more {
    display: inline-block;
    width: .13333rem;
    height: .26667rem;
    margin-left: .16rem
}

.floor .comic-item-jp,
.floor .comic-item-zt {
    width: 4.6rem;
    margin-right: .16rem;
    margin-bottom: .4rem;
    float: left;
    position: relative
}

.floor .comic-item-jp>a,
.floor .comic-item-zt>a {
    display: block
}

.floor .comic-item-jp .cover,
.floor .comic-item-zt .cover {
    width: 100%;
    height: 2.58667rem;
    border-radius: .10667rem;
    display: block
}

.floor .comic-item-jp .comic-name,
.floor .comic-item-zt .comic-name {
    width: 100%;
    line-height: .50667rem;
    font-size: 28px;
    color: #28292d;
    margin-top: .16rem
}

[data-dpr="1"] .floor .comic-item-jp .comic-name,
[data-dpr="1"] .floor .comic-item-zt .comic-name {
    font-size: 14px
}

[data-dpr="2"] .floor .comic-item-jp .comic-name,
[data-dpr="2"] .floor .comic-item-zt .comic-name {
    font-size: 28px
}

[data-dpr="3"] .floor .comic-item-jp .comic-name,
[data-dpr="3"] .floor .comic-item-zt .comic-name {
    font-size: 42px
}

.floor .comic-item-jp .comic-des,
.floor .comic-item-zt .comic-des {
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .45333rem;
    color: #999999;
    margin-top: .02667rem
}

[data-dpr="1"] .floor .comic-item-jp .comic-des,
[data-dpr="1"] .floor .comic-item-zt .comic-des {
    font-size: 12px
}

[data-dpr="2"] .floor .comic-item-jp .comic-des,
[data-dpr="2"] .floor .comic-item-zt .comic-des {
    font-size: 24px
}

[data-dpr="3"] .floor .comic-item-jp .comic-des,
[data-dpr="3"] .floor .comic-item-zt .comic-des {
    font-size: 36px
}

.floor .comic-item-zt {
    height: auto
}

.floor .comic-item-zt .cover {
    width: 4.6rem;
    height: 3.06667rem
}

.floor .comic-item-zt .topic-name {
    font-size: 30px;
    line-height: .50667rem;
    margin-top: .16rem;
    max-width: 100%;
    color: #28292d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .floor .comic-item-zt .topic-name {
    font-size: 15px
}

[data-dpr="2"] .floor .comic-item-zt .topic-name {
    font-size: 30px
}

[data-dpr="3"] .floor .comic-item-zt .topic-name {
    font-size: 45px
}

.floor .dj-2 {
    display: none
}

.floor .change {
    width: 9.36rem;
    height: .8rem;
    margin: .05333rem;
    line-height: .8rem;
    background: #f8f8f8;
    border-radius: .05333rem;
    text-align: center;
    font-size: 24px
}

[data-dpr="1"] .floor .change {
    font-size: 12px
}

[data-dpr="2"] .floor .change {
    font-size: 24px
}

[data-dpr="3"] .floor .change {
    font-size: 36px
}

.floor .change .ift-list_refresh {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    margin-right: .16rem
}

.floor .comic-big {
    position: relative;
    width: 9.36rem;
    margin-bottom: .4rem
}

.floor .comic-big .cover {
    width: 9.36rem;
    height: 5.26667rem;
    border-radius: .10667rem;
    background-size: cover;
    display: block
}

.floor .comic-big .comic-tag {
    position: absolute;
    top: .26667rem;
    right: .13333rem;
    padding: 0 .16rem 0 .53333rem;
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_newlist_hot.png") no-repeat .13333rem center;
    background-size: .32rem;
    background-color: rgba(0, 0, 0, 0.5);
    line-height: .53333rem;
    font-size: 22px;
    color: #fff;
    border-radius: .26667rem
}

[data-dpr="1"] .floor .comic-big .comic-tag {
    font-size: 11px
}

[data-dpr="2"] .floor .comic-big .comic-tag {
    font-size: 22px
}

[data-dpr="3"] .floor .comic-big .comic-tag {
    font-size: 33px
}

.floor .comic-name {
    font-size: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #28292d;
    margin-top: .16rem
}

[data-dpr="1"] .floor .comic-name {
    font-size: 15px
}

[data-dpr="2"] .floor .comic-name {
    font-size: 30px
}

[data-dpr="3"] .floor .comic-name {
    font-size: 45px
}

.floor .comic-tip {
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .45333rem;
    color: #999999;
    margin-top: .02667rem
}

[data-dpr="1"] .floor .comic-tip {
    font-size: 12px
}

[data-dpr="2"] .floor .comic-tip {
    font-size: 24px
}

[data-dpr="3"] .floor .comic-tip {
    font-size: 36px
}

.floor .comic-info-box {
    text-align: left
}

.floor .comic-item {
    margin-bottom: .4rem;
    padding-bottom: 0
}

.floor .comic-item .cover {
    display: block;
    border-radius: .10667rem
}

.m-up-item1 {
    margin-bottom: .26667rem
}

.m-up-item1 .cover-wrap {
    float: left;
    width: 2.6rem;
    height: 3.46667rem;
    position: relative
}

.m-up-item1 .cover-wrap .cover {
    display: block;
    width: 2.6rem;
    height: 3.46667rem
}

.m-up-item1 .cover-wrap .cover-tag {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .48rem;
    text-align: center;
    line-height: .48rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-up-item1 .item-info {
    float: left;
    box-sizing: border-box;
    padding: .26667rem .42667rem;
    width: 6.76rem;
    height: 3.46667rem
}

.m-up-item1 .item-info .comic-name {
    max-width: 4.89333rem;
    font-size: 30px;
    line-height: pxx2rem(46px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: .26667rem
}

[data-dpr="1"] .m-up-item1 .item-info .comic-name {
    font-size: 15px
}

[data-dpr="2"] .m-up-item1 .item-info .comic-name {
    font-size: 30px
}

[data-dpr="3"] .m-up-item1 .item-info .comic-name {
    font-size: 45px
}

.m-up-item1 .item-info .tag-box {
    margin-top: .26667rem
}

.m-up-item1 .item-info .tag-box span {
    float: left;
    box-sizing: border-box;
    margin-right: .08rem;
    line-height: .45333rem;
    font-size: 24px;
    color: #999;
    position: relative;
    padding-right: .16rem
}

[data-dpr="1"] .m-up-item1 .item-info .tag-box span {
    font-size: 12px
}

[data-dpr="2"] .m-up-item1 .item-info .tag-box span {
    font-size: 24px
}

[data-dpr="3"] .m-up-item1 .item-info .tag-box span {
    font-size: 36px
}

.m-up-item1 .item-info .tag-box span:after {
    content: ".";
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1;
    font-size: 24px
}

[data-dpr="1"] .m-up-item1 .item-info .tag-box span:after {
    font-size: 12px
}

[data-dpr="2"] .m-up-item1 .item-info .tag-box span:after {
    font-size: 24px
}

[data-dpr="3"] .m-up-item1 .item-info .tag-box span:after {
    font-size: 36px
}

.m-up-item1 .item-info .tag-box span:last-child:after {
    content: ""
}

.m-up-item1 .item-info .comic-click {
    color: #999;
    line-height: .45333rem;
    font-size: 24px;
    margin-top: .26667rem
}

[data-dpr="1"] .m-up-item1 .item-info .comic-click {
    font-size: 12px
}

[data-dpr="2"] .m-up-item1 .item-info .comic-click {
    font-size: 24px
}

[data-dpr="3"] .m-up-item1 .item-info .comic-click {
    font-size: 36px
}

.m-up-item1 .item-info .comic-click strong {
    color: #ff7830;
    font-weight: normal
}

.m-up-item1 .item-info .comic-update,
.m-up-item1 .item-info .comic-feature {
    margin-top: .56rem;
    font-size: 24px;
    line-height: .48rem;
    color: #999;
    max-width: 475px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .m-up-item1 .item-info .comic-update,
[data-dpr="1"] .m-up-item1 .item-info .comic-feature {
    font-size: 12px
}

[data-dpr="2"] .m-up-item1 .item-info .comic-update,
[data-dpr="2"] .m-up-item1 .item-info .comic-feature {
    font-size: 24px
}

[data-dpr="3"] .m-up-item1 .item-info .comic-update,
[data-dpr="3"] .m-up-item1 .item-info .comic-feature {
    font-size: 36px
}

.m-up-item1 .item-info .comic-feature {
    margin-top: .26667rem;
    color: #999;
    line-height: .45333rem;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .m-up-item1 .item-info .comic-feature {
    font-size: 12px
}

[data-dpr="2"] .m-up-item1 .item-info .comic-feature {
    font-size: 24px
}

[data-dpr="3"] .m-up-item1 .item-info .comic-feature {
    font-size: 36px
}

.footer {
    box-sizing: border-box;
    padding-bottom: 2.13333rem;
    padding-top: .26667rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.footer .pc,
.footer .feedback {
    width: 2.66667rem;
    height: .8rem;
    margin-right: .53333rem;
    line-height: .8rem;
    text-align: center;
    font-size: 26px;
    border-radius: .4rem;
    display: block
}

[data-dpr="1"] .footer .pc,
[data-dpr="1"] .footer .feedback {
    font-size: 13px
}

[data-dpr="2"] .footer .pc,
[data-dpr="2"] .footer .feedback {
    font-size: 26px
}

[data-dpr="3"] .footer .pc,
[data-dpr="3"] .footer .feedback {
    font-size: 39px
}

.footer .pc i,
.footer .feedback i {
    margin-right: .16rem
}

.footer .pc {
    border: 2px solid #ff7830;
    color: #ff7830
}

.footer .feedback {
    border: 2px solid #ffaf37;
    color: #ffaf37;
    margin-right: 0
}

.footer .char-img {
    width: 1.06667rem;
    height: 1.4rem;
    background: url("https://static.mkzcdn.com/mobile/img/pic_home_footimg.png") no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: .8rem
}

.float-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 1.17333rem;
    text-align: center;
    height: 1.17333rem;
    background: #fff;
    z-index: 999
}

.float-nav .ift-nav_search {
    float: right;
    margin-right: .32rem;
    font-size: 44px;
    color: #ff7830
}

[data-dpr="1"] .float-nav .ift-nav_search {
    font-size: 22px
}

[data-dpr="2"] .float-nav .ift-nav_search {
    font-size: 44px
}

[data-dpr="3"] .float-nav .ift-nav_search {
    font-size: 66px
}

.float-nav ul {
    float: left
}

.float-nav li {
    float: left;
    width: 1.6rem;
    line-height: 1.17333rem;
    font-size: 30px
}

[data-dpr="1"] .float-nav li {
    font-size: 15px
}

[data-dpr="2"] .float-nav li {
    font-size: 30px
}

[data-dpr="3"] .float-nav li {
    font-size: 45px
}

.float-nav .underline {
    width: .29333rem;
    height: .08rem;
    position: absolute;
    bottom: .13333rem;
    left: .66667rem;
    background: #ff7830;
    border-radius: .04rem
}

.p-update {
    background: #efefef
}

.upadte-container {
    min-height: 100%;
    background: #F6F6F7
}

.update-nav {
    height: 1.06667rem;
    background: #fff
}

.update-nav .update-nav-item {
    float: left;
    width: 14.285%;
    line-height: 1.06667rem;
    text-align: center;
    color: #999;
    font-size: 28px;
    position: relative
}

[data-dpr="1"] .update-nav .update-nav-item {
    font-size: 14px
}

[data-dpr="2"] .update-nav .update-nav-item {
    font-size: 28px
}

[data-dpr="3"] .update-nav .update-nav-item {
    font-size: 42px
}

.update-nav .active span {
    color: #FF620E
}

.update-nav .active .underline {
    opacity: 1
}

.update-nav .underline {
    opacity: 0;
    width: .32rem;
    height: .08rem;
    background: #FF620E;
    border-radius: .04rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.16rem
}

.update-list {
    margin-top: .10667rem
}

.update-item {
    box-sizing: border-box;
    position: relative;
    margin-bottom: .16rem;
    padding: .32rem;
    width: 10rem;
    background: #fff
}

.update-item .comic-name {
    width: 7.01333rem;
    height: .56rem;
    font-weight: bold;
    line-height: .56rem;
    font-size: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .update-item .comic-name {
    font-size: 15px
}

[data-dpr="2"] .update-item .comic-name {
    font-size: 30px
}

[data-dpr="3"] .update-item .comic-name {
    font-size: 45px
}

.update-item .comic-update-at {
    width: 7.01333rem;
    height: .45333rem;
    margin-top: .10667rem;
    color: #999;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .update-item .comic-update-at {
    font-size: 12px
}

[data-dpr="2"] .update-item .comic-update-at {
    font-size: 24px
}

[data-dpr="3"] .update-item .comic-update-at {
    font-size: 36px
}

.update-item .update-tag-qxk {
    display: none;
    width: .93333rem;
    height: .45333rem;
    vertical-align: middle;
    background: url("https://static.mkzcdn.com/mobile/img/update/ic_gx_qxk@2x.png") no-repeat center center;
    background-size: cover
}

.update-item .update-read-first {
    box-sizing: border-box;
    position: absolute;
    right: .32rem;
    top: .50667rem;
    width: 1.81333rem;
    height: .74667rem;
    text-align: center;
    line-height: .74667rem;
    font-size: 22px;
    background: #FFFFFF;
    border-radius: .37333rem;
    border: .02667rem solid #E3E3EC
}

[data-dpr="1"] .update-item .update-read-first {
    font-size: 11px
}

[data-dpr="2"] .update-item .update-read-first {
    font-size: 22px
}

[data-dpr="3"] .update-item .update-read-first {
    font-size: 33px
}

.update-item .cover {
    position: relative;
    display: block;
    width: 9.36rem;
    height: 5.26667rem;
    margin-top: .32rem
}

.update-item .cover img {
    display: block
}

.update-item .update-cover-info {
    position: absolute;
    bottom: .21333rem;
    overflow: hidden
}

.update-item .update-feature {
    float: left;
    height: .56rem;
    padding: 0 .21333rem;
    margin-left: .21333rem;
    color: #fff;
    line-height: .56rem;
    font-size: 22px;
    border-radius: .28rem;
    background-color: rgba(0, 0, 0, 0.5)
}

[data-dpr="1"] .update-item .update-feature {
    font-size: 11px
}

[data-dpr="2"] .update-item .update-feature {
    font-size: 22px
}

[data-dpr="3"] .update-item .update-feature {
    font-size: 33px
}

.update-item .upadte-count {
    float: left;
    height: .56rem;
    padding: 0 .21333rem;
    margin-left: .21333rem;
    color: #fff;
    line-height: .56rem;
    font-size: 22px;
    border-radius: .28rem;
    background-color: rgba(0, 0, 0, 0.5)
}

[data-dpr="1"] .update-item .upadte-count {
    font-size: 11px
}

[data-dpr="2"] .update-item .upadte-count {
    font-size: 22px
}

[data-dpr="3"] .update-item .upadte-count {
    font-size: 33px
}

.update-item .update-limit-free {
    opacity: 0;
    position: absolute;
    top: .05333rem;
    right: .05333rem;
    width: 2.05333rem;
    height: .96rem;
    background: url("https://static.mkzcdn.com/mobile/img/update/pic_gx_list_free@2x.png") no-repeat center center;
    background-size: cover
}

.rank-list {
    box-sizing: border-box;
    padding: 0 .32rem;
    color: #999
}

.rank-list .cover,
.rank-list .cover>img {
    float: left;
    width: 2rem;
    height: 2.66667rem
}

.rank-list .hot-count {
    position: absolute;
    top: .46667rem;
    right: 0;
    width: 2.66667rem;
    line-height: .26667rem;
    text-align: right
}

.rank-list .ift-list_popular {
    color: #ff7830
}

.comic-null {
    margin-top: .8rem;
    text-align: center
}

.comic-null .bg {
    width: 4.32rem;
    height: 2.8rem;
    margin: 0 auto;
    background: url("https://static.mkzcdn.com/mobile/img/pic_coll_null.png") no-repeat center center;
    background-size: cover
}

.comic-null a {
    color: #ff7830
}

.rank-nav {
    box-sizing: border-box;
    position: fixed;
    top: 1.17333rem;
    left: 0;
    width: 2rem;
    height: 100%;
    overflow-y: scroll;
}

.rank-nav .rank-nav-item {
    width: 2rem;
    height: .8rem;
    margin-top: .4rem;
    color: #666666;
    font-size: 28px;
    line-height: .8rem;
    text-align: center;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem
}

[data-dpr="1"] .rank-nav .rank-nav-item {
    font-size: 14px
}

[data-dpr="2"] .rank-nav .rank-nav-item {
    font-size: 28px
}

[data-dpr="3"] .rank-nav .rank-nav-item {
    font-size: 42px
}

.rank-nav .active {
    background: #B47C5F;
    color: #fff
}

.rank-list-container {
    float: right;
    width: 7.6rem;
    padding-left: .4rem
}

.rank-item {
    margin-top: .4rem;
    margin-bottom: .66667rem;
    position: relative
}

.rank-item .comic-cover {
    float: left;
    width: 2.32rem;
    height: 3.09333rem;
    border-radius: .05333rem
}

.rank-item .rank-top-tag {
    position: absolute;
    width: .64rem;
    height: .8rem;
    top: .26667rem;
    right: .32rem;
    font-weight: bold
}

.rank-item .rank-tag {
    position: absolute;
    top: .26667rem;
    right: .32rem;
    width: .64rem;
    height: .64rem;
    border-radius: .32rem;
    background: #F6F6F7;
    font-size: 26px;
    line-height: .64rem;
    color: #666;
    text-align: center
}

[data-dpr="1"] .rank-item .rank-tag {
    font-size: 13px
}

[data-dpr="2"] .rank-item .rank-tag {
    font-size: 26px
}

[data-dpr="3"] .rank-item .rank-tag {
    font-size: 39px
}

.rank-item .rank-1 {
    background: url("https://static.mkzcdn.com/mobile/img/rank/ic_popular_list1@2x.png") no-repeat center center;
    background-size: cover
}

.rank-item .rank-2 {
    background: url("https://static.mkzcdn.com/mobile/img/rank/ic_popular_list2@2x.png") no-repeat center center;
    background-size: cover
}

.rank-item .rank-3 {
    background: url("https://static.mkzcdn.com/mobile/img/rank/ic_popular_list3@2x.png") no-repeat center center;
    background-size: cover
}

.rank-item .comic-tip {
    margin-top: .4rem
}

.rank-item p {
    margin: .08rem 0
}

.rank-item-info {
    float: left;
    margin-left: .26667rem
}

.rank-item-info .comic-name {
    width: 3.92rem;
    height: .58667rem;
    margin-top: .37333rem;
    font-size: 32px;
    font-weight: 800;
    color: #28292D;
    line-height: .58667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .rank-item-info .comic-name {
    font-size: 16px
}

[data-dpr="2"] .rank-item-info .comic-name {
    font-size: 32px
}

[data-dpr="3"] .rank-item-info .comic-name {
    font-size: 48px
}

.rank-item-info .comic-author,
.rank-item-info .comic-tip,
.rank-item-info .comic-click-count {
    width: 3.92rem;
    height: .42667rem;
    margin-top: .16rem;
    font-size: 24px;
    font-weight: 400;
    color: #999999;
    line-height: .42667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .rank-item-info .comic-author,
[data-dpr="1"] .rank-item-info .comic-tip,
[data-dpr="1"] .rank-item-info .comic-click-count {
    font-size: 12px
}

[data-dpr="2"] .rank-item-info .comic-author,
[data-dpr="2"] .rank-item-info .comic-tip,
[data-dpr="2"] .rank-item-info .comic-click-count {
    font-size: 24px
}

[data-dpr="3"] .rank-item-info .comic-author,
[data-dpr="3"] .rank-item-info .comic-tip,
[data-dpr="3"] .rank-item-info .comic-click-count {
    font-size: 36px
}

.search-header {
    width: 10rem;
    height: 1.33333rem;
    background: #FFFFFF
}

.search-btn {
    float: right;
    margin-right: .32rem;
    color: #FF620E;
    font-size: 30px;
    line-height: 1.33333rem
}

[data-dpr="1"] .search-btn {
    font-size: 15px
}

[data-dpr="2"] .search-btn {
    font-size: 30px
}

[data-dpr="3"] .search-btn {
    font-size: 45px
}

.search-box {
    float: left;
    width: 7.38667rem;
    height: .90667rem;
    margin-top: .21333rem;
    background: #F5F5F5;
    border-radius: .45333rem;
    position: relative
}

.search-box .search-input {
    float: left;
    box-sizing: border-box;
    width: 7.38667rem;
    height: .90667rem;
    padding-left: .85333rem;
    border-radius: .10667rem;
    font-size: 24px;
    border: none;
    outline: none;
    background: url("https://static.mkzcdn.com/mobile/img/icons/ic_search_icon.png") no-repeat .26667rem center;
    background-size: .32rem
}

[data-dpr="1"] .search-box .search-input {
    font-size: 12px
}

[data-dpr="2"] .search-box .search-input {
    font-size: 24px
}

[data-dpr="3"] .search-box .search-input {
    font-size: 36px
}

.search-box .search-input::-webkit-input-placeholder {
    color: #b4b4b4
}

.search-box .clear-btn {
    position: absolute;
    right: .16rem;
    top: .24rem;
    font-size: 24px;
    line-height: .32rem;
    color: #ccc
}

[data-dpr="1"] .search-box .clear-btn {
    font-size: 12px
}

[data-dpr="2"] .search-box .clear-btn {
    font-size: 24px
}

[data-dpr="3"] .search-box .clear-btn {
    font-size: 36px
}

.hot-search {
    padding: 0 .32rem
}

.hot-search .hot-search-item {
    float: left;
    padding: .21333rem .32rem;
    margin-right: .21333rem;
    margin-bottom: .21333rem;
    border-radius: .48rem;
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    line-height: .53333rem;
    text-align: center
}

.search-title-text {
    color: #b4b4b4;
    line-height: .74667rem;
    margin-bottom: .16rem;
    font-weight: bold;
    position: relative
}

.search-title-text .icon-trash {
    position: absolute;
    right: 0;
    top: .08rem;
    width: .64rem;
    height: .64rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/search/ic_search_clear@2x.png");
    background-size: cover
}

.search-history {
    margin-top: .53333rem;
    padding: 0 .32rem
}

.search-history .search-history-item {
    box-sizing: border-box;
    line-height: 1.17333rem;
    border-bottom: 1px solid #ebebeb;
    position: relative
}

.search-history .search-history-item>a {
    float: left;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 28px
}

[data-dpr="1"] .search-history .search-history-item>a {
    font-size: 14px
}

[data-dpr="2"] .search-history .search-history-item>a {
    font-size: 28px
}

[data-dpr="3"] .search-history .search-history-item>a {
    font-size: 42px
}

.search-history .del-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 .26667rem;
    color: #666;
    font-size: 19px
}

[data-dpr="1"] .search-history .del-btn {
    font-size: 9.5px
}

[data-dpr="2"] .search-history .del-btn {
    font-size: 19px
}

[data-dpr="3"] .search-history .del-btn {
    font-size: 28.5px
}

.search-active {
    padding: 0 .32rem;
    margin-top: .34667rem
}

.search-active-item {
    box-sizing: border-box;
    height: 1.49333rem;
    padding-top: .24rem;
    border-bottom: 1px solid #ebebeb
}

.search-active-item .comic-name {
    font-size: 30px;
    line-height: .56rem
}

[data-dpr="1"] .search-active-item .comic-name {
    font-size: 15px
}

[data-dpr="2"] .search-active-item .comic-name {
    font-size: 30px
}

[data-dpr="3"] .search-active-item .comic-name {
    font-size: 45px
}

.search-active-item .comic-author {
    margin-top: .05333rem;
    font-size: 22px;
    line-height: .4rem;
    color: #999
}

[data-dpr="1"] .search-active-item .comic-author {
    font-size: 11px
}

[data-dpr="2"] .search-active-item .comic-author {
    font-size: 22px
}

[data-dpr="3"] .search-active-item .comic-author {
    font-size: 33px
}

.search-result {
    padding: 0 .32rem
}

.search-result .comic-list-item {
    padding: .32rem 0
}

.search-result .comic-name {
    line-height: .48rem
}

.search-result .cover {
    border-radius: .05333rem;
    overflow: hidden
}

.spotlight-empty {
    box-sizing: border-box;
    height: 2.13333rem;
    line-height: 2.13333rem;
    font-size: 28px;
    color: #666666;
    text-align: center
}

[data-dpr="1"] .spotlight-empty {
    font-size: 14px
}

[data-dpr="2"] .spotlight-empty {
    font-size: 28px
}

[data-dpr="3"] .spotlight-empty {
    font-size: 42px
}

.spotlight-recommend .gap-line {
    height: .16rem;
    background-color: #F6F6F7
}

.spotlight-recommend .recommend-title {
    padding-top: .4rem;
    padding-left: .4rem;
    height: .56rem;
    font-size: 30px;
    font-weight: 800;
    color: #28292D;
    line-height: .56rem
}

[data-dpr="1"] .spotlight-recommend .recommend-title {
    font-size: 15px
}

[data-dpr="2"] .spotlight-recommend .recommend-title {
    font-size: 30px
}

[data-dpr="3"] .spotlight-recommend .recommend-title {
    font-size: 45px
}

.no-more {
    height: 1.33333rem;
    text-align: center;
    line-height: 1.33333rem;
    color: #999
}

.no-more img {
    vertical-align: middle
}

.p-dt-header {
    height: 1.33333rem;
    position: relative
}

.header .comic-name {
    display: inline-block;
    font-size: 32px;
    line-height: 1.33333rem;
    max-width: 6.13333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .header .comic-name {
    font-size: 16px
}

[data-dpr="2"] .header .comic-name {
    font-size: 32px
}

[data-dpr="3"] .header .comic-name {
    font-size: 48px
}

.detail-content {
    overflow: hidden
}

.gap-16 {
    background: #f6f6f7;
    height: .21333rem
}

.detail-container .j-app-downloader {
    background: #fff;
    position: relative;
    width: 100%;
    box-shadow: 0 4px 4px 0 rgba(213, 216, 227, 0.5);
    z-index: 2
}

.detail-container .j-app-downloader img {
    width: 100%
}

.detail-container .j-app-downloader .close {
    position: absolute;
    top: 0;
    right: 0;
    width: .93333rem;
    height: 1.46667rem;
    z-index: 99
}

.detail-container .detail__banner {
    height: 5.62667rem;
    position: relative;
    overflow: hidden;
    padding-bottom: 1px
}

.detail-container .detail__banner .banner__cover {
    width: 100%;
    height: 100%
}

.detail-container .detail__banner .banner__info {
    position: absolute;
    bottom: .48rem;
    left: .4rem;
    right: .4rem;
    color: #fff;
    z-index: 3
}

.detail-container .detail__banner .banner__info--title {
    font-size: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-text-stroke: 1px #000;
    font-weight: bold
}

[data-dpr="1"] .detail-container .detail__banner .banner__info--title {
    font-size: 20px
}

[data-dpr="2"] .detail-container .detail__banner .banner__info--title {
    font-size: 40px
}

[data-dpr="3"] .detail-container .detail__banner .banner__info--title {
    font-size: 60px
}

.detail-container .detail__banner .banner__info--author {
    font-size: 24px;
    line-height: 1.5;
    margin-top: .05333rem
}

[data-dpr="1"] .detail-container .detail__banner .banner__info--author {
    font-size: 12px
}

[data-dpr="2"] .detail-container .detail__banner .banner__info--author {
    font-size: 24px
}

[data-dpr="3"] .detail-container .detail__banner .banner__info--author {
    font-size: 36px
}

.detail-container .detail__banner .banner__info--theme {
    font-size: 24px;
    line-height: 1.5;
    margin-top: .05333rem
}

[data-dpr="1"] .detail-container .detail__banner .banner__info--theme {
    font-size: 12px
}

[data-dpr="2"] .detail-container .detail__banner .banner__info--theme {
    font-size: 24px
}

[data-dpr="3"] .detail-container .detail__banner .banner__info--theme {
    font-size: 36px
}

.detail-container .detail__banner .banner__info--hot {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: .26667rem;
    padding: .08rem .21333rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.detail-container .detail__banner .banner__bg {
    width: 100%;
    height: 56.266666666666666vw;
    max-height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.detail-container .detail__banner .banner__bg2 {
    width: 100%;
    height: 2.6666666666666665vw;
    position: absolute;
    left: 0;
    bottom: -0.13333333333333333vw;
    z-index: 1
}

.detail-container .detail__banner .i-hot {
    background: url("https://static.mkzcdn.com/mobile/img/detail/ic_list_rq.png") no-repeat;
    background-size: contain;
    display: inline-block;
    width: .32rem;
    height: .32rem;
    margin-right: .10667rem
}

.detail-container .detail__collect {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .4rem
}

.detail-container .detail__collect .collect {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 30px
}

[data-dpr="1"] .detail-container .detail__collect .collect {
    font-size: 15px
}

[data-dpr="2"] .detail-container .detail__collect .collect {
    font-size: 30px
}

[data-dpr="3"] .detail-container .detail__collect .collect {
    font-size: 45px
}

.detail-container .detail__collect .collect span {
    font-size: 24px
}

[data-dpr="1"] .detail-container .detail__collect .collect span {
    font-size: 12px
}

[data-dpr="2"] .detail-container .detail__collect .collect span {
    font-size: 24px
}

[data-dpr="3"] .detail-container .detail__collect .collect span {
    font-size: 36px
}

.detail-container .detail__collect .collect.active .i-collect {
    background: url("https://static.mkzcdn.com/mobile/img/detail/ic_detail_coll_on.png") no-repeat;
    background-size: contain;
    display: inline-block;
    width: .64rem;
    height: .64rem;
    margin-right: .2rem
}

.detail-container .detail__collect .read {
    font-size: 36px;
    max-width: 6rem;
    min-width: 5.33333rem;
    height: 1.06667rem;
    line-height: 1.06667rem;
    background: #ff7830;
    border-radius: .53333rem;
    color: #fff;
    text-align: center
}

[data-dpr="1"] .detail-container .detail__collect .read {
    font-size: 18px
}

[data-dpr="2"] .detail-container .detail__collect .read {
    font-size: 36px
}

[data-dpr="3"] .detail-container .detail__collect .read {
    font-size: 54px
}

.detail-container .detail__collect .read a {
    display: block
}

.detail-container .detail__collect .i-collect {
    background: url("https://static.mkzcdn.com/mobile/img/detail/ic_detail_coll_off.png") no-repeat;
    display: inline-block;
    background-size: contain;
    width: .64rem;
    height: .64rem;
    margin-right: .2rem
}

.footer-toolbar {
    position: fixed;
    bottom: -1px;
    width: 100%;
    height: 1.33333rem;
    box-sizing: border-box;
    background: #fff;
    border-top: 1px solid #ddd;
    z-index: 10
}

.footer-toolbar .toolbar-list {
    display: -ms-flexbox;
    display: flex;
    height: 1.33333rem
}

.footer-toolbar .toolbar-list .item {
    font-size: 28px;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #28292d;
    position: relative
}

[data-dpr="1"] .footer-toolbar .toolbar-list .item {
    font-size: 14px
}

[data-dpr="2"] .footer-toolbar .toolbar-list .item {
    font-size: 28px
}

[data-dpr="3"] .footer-toolbar .toolbar-list .item {
    font-size: 42px
}

.footer-toolbar .toolbar-list .item a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.footer-toolbar .toolbar-list .item:first-child:after {
    display: none
}

.footer-toolbar .toolbar-list .item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: .53333rem;
    width: 1px;
    background: #d0d0d0
}

.footer-toolbar .toolbar-list .item i {
    margin-right: .13333rem
}

.footer-toolbar .i-ticket {
    background: url("https://static.mkzcdn.com/mobile/img/detail/ic_detail_tab_yp.png") no-repeat;
    background-size: contain;
    display: inline-block;
    width: .64rem;
    height: .64rem
}

.footer-toolbar .i-reward {
    background: url("https://static.mkzcdn.com/mobile/img/detail/ic_detail_tab_ds.png") no-repeat;
    background-size: contain;
    display: inline-block;
    width: .64rem;
    height: .64rem
}

.footer-toolbar .i-share {
    background: url("https://static.mkzcdn.com/mobile/img/detail/ic_detail_tab_fx.png") no-repeat;
    background-size: contain;
    display: inline-block;
    width: .64rem;
    height: .64rem
}

.footer-toolbar .i-home {
    background: url("https://static.mkzcdn.com/mobile/img/detail/ic_detail_tab_sy.png") no-repeat;
    background-size: contain;
    display: inline-block;
    width: .64rem;
    height: .64rem
}

.detail-nav {
    height: 1.05333rem;
    margin-bottom: .02667rem;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    position: relative
}

.detail-nav ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.detail-nav li {
    font-size: 32px;
    min-width: 1.33333rem;
    line-height: 1.06667rem;
    margin: 0 .53333rem;
    color: #666;
    text-align: center
}

[data-dpr="1"] .detail-nav li {
    font-size: 16px
}

[data-dpr="2"] .detail-nav li {
    font-size: 32px
}

[data-dpr="3"] .detail-nav li {
    font-size: 48px
}

.detail-nav li.active {
    color: #28292d;
    font-weight: bold
}

.detail-nav .underline {
    position: absolute;
    bottom: 0;
    left: 54.8%;
    width: 1.33333rem;
    height: .06667rem;
    background: #ff7830
}

.detail-intro-box {
    box-sizing: border-box;
    line-height: .61333rem;
    font-size: 28px;
    color: #28292d;
    padding-bottom: 1.33333rem
}

[data-dpr="1"] .detail-intro-box {
    font-size: 14px
}

[data-dpr="2"] .detail-intro-box {
    font-size: 28px
}

[data-dpr="3"] .detail-intro-box {
    font-size: 42px
}

.detail-intro-box .detail-intro {
    padding: .4rem .4rem .53333rem;
    background: #fff
}

.detail-intro-box .comic-intro {
    font-size: 28px;
    color: #28292d;
    line-height: 1.5;
    text-align: justify
}

[data-dpr="1"] .detail-intro-box .comic-intro {
    font-size: 14px
}

[data-dpr="2"] .detail-intro-box .comic-intro {
    font-size: 28px
}

[data-dpr="3"] .detail-intro-box .comic-intro {
    font-size: 42px
}

.detail-intro-box .notice {
    font-size: 24px;
    margin-top: .13333rem;
    color: #999;
    line-height: 1.5
}

[data-dpr="1"] .detail-intro-box .notice {
    font-size: 12px
}

[data-dpr="2"] .detail-intro-box .notice {
    font-size: 24px
}

[data-dpr="3"] .detail-intro-box .notice {
    font-size: 36px
}

.detail-intro-box .status-put-down {
    padding: .4rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #E5E5E5;
    margin-left: -.4rem;
    margin-right: -.4rem;
    margin-bottom: .4rem;
    display: none
}

.detail-intro-box .status-put-down .status-con {
    background: url("https://static.mkzcdn.com/mobile/img/detail/pic_default_magicnull.png") no-repeat left center;
    padding-left: 2.93333rem;
    height: 2.13333rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.detail-intro-box .status-put-down .status-con .title {
    font-size: 32px;
    color: #666
}

[data-dpr="1"] .detail-intro-box .status-put-down .status-con .title {
    font-size: 16px
}

[data-dpr="2"] .detail-intro-box .status-put-down .status-con .title {
    font-size: 32px
}

[data-dpr="3"] .detail-intro-box .status-put-down .status-con .title {
    font-size: 48px
}

.detail-intro-box .status-put-down .status-con .desc {
    font-size: 24px;
    color: #b4b4b4;
    margin-top: .16rem
}

[data-dpr="1"] .detail-intro-box .status-put-down .status-con .desc {
    font-size: 12px
}

[data-dpr="2"] .detail-intro-box .status-put-down .status-con .desc {
    font-size: 24px
}

[data-dpr="3"] .detail-intro-box .status-put-down .status-con .desc {
    font-size: 36px
}

.catalog-box {
    padding-bottom: 1.46667rem
}

.catalog-box .comic-remove,
.catalog-box .comic-only-app {
    margin: 1.33333rem 0;
    text-align: center;
    color: #666;
    font-size: 24px
}

[data-dpr="1"] .catalog-box .comic-remove,
[data-dpr="1"] .catalog-box .comic-only-app {
    font-size: 12px
}

[data-dpr="2"] .catalog-box .comic-remove,
[data-dpr="2"] .catalog-box .comic-only-app {
    font-size: 24px
}

[data-dpr="3"] .catalog-box .comic-remove,
[data-dpr="3"] .catalog-box .comic-only-app {
    font-size: 36px
}

.catalog-box .comic-remove .remove-bg,
.catalog-box .comic-only-app .remove-bg {
    width: 2.98667rem;
    height: 1.86667rem;
    margin: .4rem auto 0;
    background: url("https://static.mkzcdn.com/mobile/img/pic_search_null.png") no-repeat center center;
    background-size: cover
}

.catalog-box .comic-remove .btn,
.catalog-box .comic-only-app .btn {
    display: inline-block;
    width: 3.06667rem;
    height: .90667rem;
    margin-top: .26667rem;
    line-height: .90667rem;
    font-size: 28px;
    color: #ff7830;
    border: 1px solid #ff7830;
    border-radius: .45333rem
}

[data-dpr="1"] .catalog-box .comic-remove .btn,
[data-dpr="1"] .catalog-box .comic-only-app .btn {
    font-size: 14px
}

[data-dpr="2"] .catalog-box .comic-remove .btn,
[data-dpr="2"] .catalog-box .comic-only-app .btn {
    font-size: 28px
}

[data-dpr="3"] .catalog-box .comic-remove .btn,
[data-dpr="3"] .catalog-box .comic-only-app .btn {
    font-size: 42px
}

.catalog-box .comic-update-info {
    padding: .32rem .32rem 0;
    color: #999;
    font-size: 24px;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[data-dpr="1"] .catalog-box .comic-update-info {
    font-size: 12px
}

[data-dpr="2"] .catalog-box .comic-update-info {
    font-size: 24px
}

[data-dpr="3"] .catalog-box .comic-update-info {
    font-size: 36px
}

.catalog-box .comic-update-info .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -ms-flex: 1;
    flex: 1
}

.catalog-box .comic-update-info .status {
    font-size: 32px;
    color: #28292D;
    margin-right: .13333rem
}

[data-dpr="1"] .catalog-box .comic-update-info .status {
    font-size: 16px
}

[data-dpr="2"] .catalog-box .comic-update-info .status {
    font-size: 32px
}

[data-dpr="3"] .catalog-box .comic-update-info .status {
    font-size: 48px
}

.catalog-box .comic-update-info .update-date {
    font-size: 24px;
    color: #999;
    -ms-flex: 1;
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

[data-dpr="1"] .catalog-box .comic-update-info .update-date {
    font-size: 12px
}

[data-dpr="2"] .catalog-box .comic-update-info .update-date {
    font-size: 24px
}

[data-dpr="3"] .catalog-box .comic-update-info .update-date {
    font-size: 36px
}

.catalog-box .comic-update-info .sort {
    font-size: 26px;
    color: #28292D;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

[data-dpr="1"] .catalog-box .comic-update-info .sort {
    font-size: 13px
}

[data-dpr="2"] .catalog-box .comic-update-info .sort {
    font-size: 26px
}

[data-dpr="3"] .catalog-box .comic-update-info .sort {
    font-size: 39px
}

.catalog-box .comic-update-info .i-sort {
    width: .37333rem;
    height: .37333rem;
    background: url("https://static.mkzcdn.com/mobile/img/detail/ic_detail_zjsx.png") no-repeat center center;
    background-size: contain;
    margin-right: .06667rem;
    display: inline-block
}

.catalog-box .catalog-list {
    box-sizing: border-box;
    background: #fff;
    padding: .13333rem 0 .13333rem 0
}

.catalog-box .catalog-list>ul {
    display: none
}

.catalog-box .catalog-list .i-new {
    width: .4rem;
    height: .4rem;
    background: url("https://static.mkzcdn.com/mobile/img/detail/ic_readlist_new.png") no-repeat center center;
    background-size: contain;
    display: none
}

.catalog-box .catalog-list .i-lock {
    width: .4rem;
    height: .4rem;
    background: url("https://static.mkzcdn.com/mobile/img/detail/ic_readlist_lock_off.png") no-repeat center center;
    background-size: contain;
    display: none
}

.catalog-box .catalog-list .i-vip {
    width: .8rem;
    height: .37333rem;
    background: url("https://static.mkzcdn.com/mobile/img/detail/ic_readlist_vip.png") no-repeat center center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -1px;
    margin-left: -1px
}

.catalog-box .catalog-list .i-buy {
    display: none
}

.catalog-box .catalog-list .i-look {
    width: .4rem;
    height: .4rem;
    background: url("https://static.mkzcdn.com/mobile/img/detail/ic_readlist_look.png") no-repeat center center;
    background-size: contain;
    display: none
}

.catalog-box .catalog-list .chapter-item {
    box-sizing: border-box;
    padding: .26667rem .4rem;
    line-height: .88rem;
    border-bottom: 1px solid #ebebeb;
    position: relative
}

.catalog-box .catalog-list .chapter-item.look .title-text {
    color: #FF7830
}

.catalog-box .catalog-list .chapter-item.look .i-look {
    display: inline-block
}

.catalog-box .catalog-list .chapter-item .item-cover {
    position: relative;
    width: 3.2rem;
    height: 1.8rem;
    font-size: 0;
    margin-right: .32rem;
    border-radius: .10667rem;
    border: 1px solid #E5E5E5
}

.catalog-box .catalog-list .chapter-item .item-cover.lock:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    border-radius: .10667rem
}

.catalog-box .catalog-list .chapter-item .item-cover.lock .i-lock {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.catalog-box .catalog-list .chapter-item .cover {
    width: 100%;
    height: 100%;
    border-radius: .10667rem
}

.catalog-box .catalog-list .chapter-item .item-link {
    display: -ms-flexbox;
    display: flex
}

.catalog-box .catalog-list .chapter-item .title {
    font-size: 30px;
    color: #28292d;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5
}

[data-dpr="1"] .catalog-box .catalog-list .chapter-item .title {
    font-size: 15px
}

[data-dpr="2"] .catalog-box .catalog-list .chapter-item .title {
    font-size: 30px
}

[data-dpr="3"] .catalog-box .catalog-list .chapter-item .title {
    font-size: 45px
}

.catalog-box .catalog-list .chapter-item .title-text {
    margin-right: .13333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.catalog-box .catalog-list .chapter-item .date {
    font-size: 24px;
    color: #b4b4b4;
    margin-top: .46667rem;
    line-height: 1.5
}

[data-dpr="1"] .catalog-box .catalog-list .chapter-item .date {
    font-size: 12px
}

[data-dpr="2"] .catalog-box .catalog-list .chapter-item .date {
    font-size: 24px
}

[data-dpr="3"] .catalog-box .catalog-list .chapter-item .date {
    font-size: 36px
}

.catalog-box .catalog-list .chapter-item .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
    max-width: 5.68rem
}

.look-first-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: url("https://static.mkzcdn.com/mobile/img/detail/bg_mhml_list@2x.png") no-repeat center center;
    background-size: cover;
    z-index: 99;
    overflow: hidden
}

.look-first-mask .mask-title {
    margin-top: .61333rem;
    font-size: 30px;
    font-weight: 400;
    color: #7D2500;
    line-height: .53333rem
}

[data-dpr="1"] .look-first-mask .mask-title {
    font-size: 15px
}

[data-dpr="2"] .look-first-mask .mask-title {
    font-size: 30px
}

[data-dpr="3"] .look-first-mask .mask-title {
    font-size: 45px
}

.look-first-mask .mask-link {
    margin-top: .08rem;
    font-size: 24px;
    font-weight: 400;
    color: #B3663F;
    line-height: .42667rem
}

[data-dpr="1"] .look-first-mask .mask-link {
    font-size: 12px
}

[data-dpr="2"] .look-first-mask .mask-link {
    font-size: 24px
}

[data-dpr="3"] .look-first-mask .mask-link {
    font-size: 36px
}

.comic-recommend {
    padding: .4rem;
    background: #fff
}

.comic-recommend .title {
    font-size: 28px;
    color: #28292d;
    text-align: left;
    margin: 0;
    font-weight: normal
}

[data-dpr="1"] .comic-recommend .title {
    font-size: 14px
}

[data-dpr="2"] .comic-recommend .title {
    font-size: 28px
}

[data-dpr="3"] .comic-recommend .title {
    font-size: 42px
}

.comic-recommend>ul,
.comic-recommend .recommend-list {
    margin-top: .32rem;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll
}

.comic-recommend>ul .item,
.comic-recommend .recommend-list .item {
    margin-left: .4rem;
    width: 2.8rem
}

.comic-recommend>ul .item:first-child,
.comic-recommend .recommend-list .item:first-child {
    margin-left: 0
}

.comic-recommend>ul .item .item-link,
.comic-recommend .recommend-list .item .item-link {
    display: block;
    line-height: 0
}

.comic-recommend>ul .item .cover,
.comic-recommend .recommend-list .item .cover {
    height: 3.73333rem;
    border-radius: .10667rem;
    width: 100%
}

.comic-recommend>ul .item .comic-name,
.comic-recommend .recommend-list .item .comic-name {
    font-size: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .13333rem;
    line-height: 1.5
}

[data-dpr="1"] .comic-recommend>ul .item .comic-name,
[data-dpr="1"] .comic-recommend .recommend-list .item .comic-name {
    font-size: 13px
}

[data-dpr="2"] .comic-recommend>ul .item .comic-name,
[data-dpr="2"] .comic-recommend .recommend-list .item .comic-name {
    font-size: 26px
}

[data-dpr="3"] .comic-recommend>ul .item .comic-name,
[data-dpr="3"] .comic-recommend .recommend-list .item .comic-name {
    font-size: 39px
}

.comic-recommend>ul .item .comic-feature,
.comic-recommend .recommend-list .item .comic-feature {
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
    margin-top: .02667rem;
    line-height: 1.5
}

[data-dpr="1"] .comic-recommend>ul .item .comic-feature,
[data-dpr="1"] .comic-recommend .recommend-list .item .comic-feature {
    font-size: 12px
}

[data-dpr="2"] .comic-recommend>ul .item .comic-feature,
[data-dpr="2"] .comic-recommend .recommend-list .item .comic-feature {
    font-size: 24px
}

[data-dpr="3"] .comic-recommend>ul .item .comic-feature,
[data-dpr="3"] .comic-recommend .recommend-list .item .comic-feature {
    font-size: 36px
}

.comment-box {
    padding: .61333rem 0 2.45333rem;
    background: #fff
}

.comment-box .no-comment {
    display: none;
    font-size: 26px;
    color: #666;
    line-height: .53333rem;
    text-align: center;
    position: relative
}

[data-dpr="1"] .comment-box .no-comment {
    font-size: 13px
}

[data-dpr="2"] .comment-box .no-comment {
    font-size: 26px
}

[data-dpr="3"] .comment-box .no-comment {
    font-size: 39px
}

.comment-box .no-comment .no-comment-bg {
    width: 3.48rem;
    height: 1.92rem;
    margin: .8rem auto;
    background: url("https://static.mkzcdn.com/mobile/img/pic_commentback_null.png") no-repeat center center;
    background-size: cover
}

.comment-box .comment-item {
    position: relative;
    margin-bottom: .48rem;
    padding: 0 .32rem;
    clear: both
}

.comment-box .comment-item .i-com-jp {
    width: .90667rem;
    height: .53333rem;
    position: absolute;
    top: 0;
    right: 0
}

.comment-box .comment-item .main-comment {
    word-wrap: break-word;
    word-break: break-all
}

.comment-box .avatar {
    float: left;
    width: .74667rem;
    height: .74667rem;
    margin-right: .32rem;
    background: #ccc;
    border-radius: 50%;
    overflow: hidden
}

.comment-box .avatar>img {
    width: 100%
}

.comment-box .name {
    font-size: 26px;
    line-height: .53333rem;
    color: #28292d
}

[data-dpr="1"] .comment-box .name {
    font-size: 13px
}

[data-dpr="2"] .comment-box .name {
    font-size: 26px
}

[data-dpr="3"] .comment-box .name {
    font-size: 39px
}

.comment-box .name.vip {
    color: #ff3a37
}

.comment-box .name.role {
    color: #33cdff
}

.comment-box .name .i-com-vip {
    display: inline-block;
    width: .64rem;
    height: .32rem;
    margin-left: .13333rem;
    vertical-align: middle
}

.comment-box .name .i-com-zz {
    display: inline-block;
    width: .64rem;
    height: .32rem;
    margin-left: .13333rem;
    vertical-align: middle
}

.comment-box .name .i-com-gf {
    display: inline-block;
    width: .64rem;
    height: .32rem;
    margin-left: .13333rem;
    vertical-align: middle
}

.comment-box .comment-time {
    font-size: 20px;
    line-height: .4rem;
    color: #b4b4b4
}

[data-dpr="1"] .comment-box .comment-time {
    font-size: 10px
}

[data-dpr="2"] .comment-box .comment-time {
    font-size: 20px
}

[data-dpr="3"] .comment-box .comment-time {
    font-size: 30px
}

.comment-box .zan-btn {
    padding: .32rem;
    margin-top: .29333rem;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 32px;
    color: #999
}

[data-dpr="1"] .comment-box .zan-btn {
    font-size: 16px
}

[data-dpr="2"] .comment-box .zan-btn {
    font-size: 32px
}

[data-dpr="3"] .comment-box .zan-btn {
    font-size: 48px
}

.comment-box .zan-btn .num {
    font-size: 22px
}

[data-dpr="1"] .comment-box .zan-btn .num {
    font-size: 11px
}

[data-dpr="2"] .comment-box .zan-btn .num {
    font-size: 22px
}

[data-dpr="3"] .comment-box .zan-btn .num {
    font-size: 33px
}

.comment-box .zaned,
.comment-box .ift-coment_like_on {
    color: #ff7830
}

.comment-box .comment-content {
    margin-top: .16rem;
    margin-left: 1.06667rem;
    font-size: 28px;
    line-height: .56rem
}

[data-dpr="1"] .comment-box .comment-content {
    font-size: 14px
}

[data-dpr="2"] .comment-box .comment-content {
    font-size: 28px
}

[data-dpr="3"] .comment-box .comment-content {
    font-size: 42px
}

.comment-box .comment-content img {
    width: 1.06667rem;
    height: 1.06667rem;
    vertical-align: middle
}

.comment-box .sub-comment {
    box-sizing: border-box;
    padding: .13333rem .26667rem;
    margin-top: .28rem;
    background: #f6f6f6
}

.comment-box .sub-item {
    margin-bottom: .16rem;
    font-size: 26px;
    line-height: .48rem;
    color: #2a2a2a
}

[data-dpr="1"] .comment-box .sub-item {
    font-size: 13px
}

[data-dpr="2"] .comment-box .sub-item {
    font-size: 26px
}

[data-dpr="3"] .comment-box .sub-item {
    font-size: 39px
}

.comment-box .sub-item .name {
    color: #5385b9
}

.reply-box {
    float: right;
    box-sizing: border-box;
    width: 8.29333rem;
    margin: .26667rem 0;
    padding: 0 .26667rem;
    background: #f6f6f6
}

.reply-box .reply-item {
    margin: .13333rem 0
}

.reply-box img {
    width: 1.06667rem;
    height: 1.06667rem;
    vertical-align: middle
}

.reply-box .name {
    color: #005fac
}

.comment-loading,
.comment-loading-failed {
    height: 1.33333rem;
    line-height: 1.33333rem;
    text-align: center;
    font-size: 24px;
    color: #999
}

[data-dpr="1"] .comment-loading,
[data-dpr="1"] .comment-loading-failed {
    font-size: 12px
}

[data-dpr="2"] .comment-loading,
[data-dpr="2"] .comment-loading-failed {
    font-size: 24px
}

[data-dpr="3"] .comment-loading,
[data-dpr="3"] .comment-loading-failed {
    font-size: 36px
}

.comment-loading img,
.comment-loading-failed img {
    vertical-align: middle
}

.comment-input-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.17333rem;
    background: #fff;
    z-index: 99
}

.comment-input-box .comment-btn {
    width: 9.33333rem;
    height: .82667rem;
    background: #f8f8f8;
    border-radius: .4rem;
    margin: .13333rem auto;
    color: #b4b4b4;
    font-size: .37333rem;
    line-height: .8rem;
    text-align: center
}

.comment-layout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999
}

.comment-layout .header {
    border-bottom: 1px solid #ccc
}

.comment-layout .area-wrap {
    position: relative;
    box-sizing: border-box;
    width: 9.33333rem;
    margin: 1.6rem auto .16rem;
    padding: .21333rem .21333rem 1.2rem;
    border-radius: .10667rem;
    border: 1px solid #ccc
}

.comment-layout .area-wrap .J_face_btn {
    position: absolute;
    left: .32rem;
    bottom: 0;
    padding: .16rem
}

.comment-layout .area-wrap .i-dt-face {
    display: inline-block;
    width: .58667rem;
    height: .58667rem
}

.comment-layout .ift-nav_close {
    position: absolute;
    left: .32rem
}

.comment-layout .comment-sumit {
    width: 3.73333rem;
    height: 1.01333rem;
    margin: .48rem auto;
    font-size: 32px;
    color: #fff;
    line-height: 1.01333rem;
    text-align: center;
    background: #ccc;
    border-radius: .50667rem
}

[data-dpr="1"] .comment-layout .comment-sumit {
    font-size: 16px
}

[data-dpr="2"] .comment-layout .comment-sumit {
    font-size: 32px
}

[data-dpr="3"] .comment-layout .comment-sumit {
    font-size: 48px
}

.comment-layout .audit-link {
    position: absolute;
    top: 0;
    right: .32rem;
    height: 1.17333rem;
    color: #666;
    font-size: 30px;
    text-align: center;
    line-height: 1.17333rem
}

[data-dpr="1"] .comment-layout .audit-link {
    font-size: 15px
}

[data-dpr="2"] .comment-layout .audit-link {
    font-size: 30px
}

[data-dpr="3"] .comment-layout .audit-link {
    font-size: 45px
}

.face-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.face-wrapper .face-list {
    width: 100%;
    overflow: hidden;
    background: #fbfbfb
}

.face-wrapper .face-list .item {
    float: left;
    width: 20%;
    margin: 20px 0;
    text-align: center;
    cursor: pointer
}

.face-wrapper .face-list .item .pic {
    width: 1.33333rem;
    height: 1.33333rem
}

.face-wrapper .face-list .item .name {
    margin-top: .10667rem;
    line-height: .42667rem;
    font-size: 22px
}

[data-dpr="1"] .face-wrapper .face-list .item .name {
    font-size: 11px
}

[data-dpr="2"] .face-wrapper .face-list .item .name {
    font-size: 22px
}

[data-dpr="3"] .face-wrapper .face-list .item .name {
    font-size: 33px
}

.face-group {
    width: 100%;
    height: 1.06667rem;
    background: #fff
}

.group-item {
    float: left;
    width: 2rem;
    height: 1.04rem;
    text-align: center
}

.group-item img {
    width: .58667rem;
    height: .58667rem;
    margin-top: .22667rem;
    border-radius: .29333rem
}

.group-item.active {
    background: #fbfbfb
}

#commentArea {
    display: block;
    width: 100%;
    min-height: 2.13333rem;
    box-sizing: border-box;
    resize: none;
    outline: none;
    border: 0;
    font-size: 28px
}

[data-dpr="1"] #commentArea {
    font-size: 14px
}

[data-dpr="2"] #commentArea {
    font-size: 28px
}

[data-dpr="3"] #commentArea {
    font-size: 42px
}

#commentArea .pic {
    width: .8rem;
    height: .8rem;
    vertical-align: center
}

.header-more-ctrl {
    position: absolute;
    top: 1.17333rem;
    left: 0;
    width: 100%;
    height: 3.2rem;
    background: #fff
}

.ctrl-item {
    float: left;
    width: 25%;
    height: 3.2rem;
    text-align: center;
    line-height: .48rem;
    color: #666
}

.ctrl-item i {
    font-size: .69333rem;
    color: #ff7830
}

.ctrl-item .btn {
    display: block;
    float: none;
    width: 1.30667rem;
    height: 1.30667rem;
    margin: .64rem auto .17333rem;
    padding: 0;
    text-align: center;
    line-height: 1.30667rem;
    border-radius: 50%;
    background: #fffbf9
}

.share-ctrl .title {
    font-size: 28px;
    line-height: .74667rem;
    text-align: center;
    color: #28292d
}

[data-dpr="1"] .share-ctrl .title {
    font-size: 14px
}

[data-dpr="2"] .share-ctrl .title {
    font-size: 28px
}

[data-dpr="3"] .share-ctrl .title {
    font-size: 42px
}

.share-ctrl .ctrl-item {
    width: 20%
}

.share-ctrl .wx {
    background: url("https://static.mkzcdn.com/mobile/img/icon_weixin.png") no-repeat center center;
    background-size: cover
}

.share-ctrl .qq {
    background: url("https://static.mkzcdn.com/mobile/img/icon_qq.png") no-repeat center center;
    background-size: cover
}

.share-ctrl .qqkj {
    background: url("https://static.mkzcdn.com/mobile/img/icon_qqzone.png") no-repeat center center;
    background-size: cover
}

.share-ctrl .xl {
    background: url("https://static.mkzcdn.com/mobile/img/icon_xl.png") no-repeat center center;
    background-size: cover
}

.dialog-play {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    display: none
}

.dialog-play h2.title {
    font-size: 34px;
    color: #28292d;
    text-align: center;
    line-height: 1.5;
    padding: .4rem 0;
    font-weight: bold
}

[data-dpr="1"] .dialog-play h2.title {
    font-size: 17px
}

[data-dpr="2"] .dialog-play h2.title {
    font-size: 34px
}

[data-dpr="3"] .dialog-play h2.title {
    font-size: 51px
}

.dialog-play .gift-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dialog-play .gift-item {
    width: 25%;
    height: 3.12rem;
    line-height: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.dialog-play .gift-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: 2px solid #ff7830;
    border-radius: .10667rem
}

.dialog-play .gift-item .item-pic {
    width: 1.6rem;
    height: 1.6rem
}

.dialog-play .gift-item .item-title {
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #28292d;
    margin-top: .10667rem;
    line-height: 1.5
}

[data-dpr="1"] .dialog-play .gift-item .item-title {
    font-size: 12px
}

[data-dpr="2"] .dialog-play .gift-item .item-title {
    font-size: 24px
}

[data-dpr="3"] .dialog-play .gift-item .item-title {
    font-size: 36px
}

.dialog-play .gift-item .item-price {
    font-size: 22px;
    color: #999;
    line-height: 1.5
}

[data-dpr="1"] .dialog-play .gift-item .item-price {
    font-size: 11px
}

[data-dpr="2"] .dialog-play .gift-item .item-price {
    font-size: 22px
}

[data-dpr="3"] .dialog-play .gift-item .item-price {
    font-size: 33px
}

.dialog-play .dialog-footer {
    margin-top: .26667rem;
    margin-bottom: .4rem;
    height: 1.06667rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .4rem
}

.dialog-play .dialog-footer .info {
    display: -ms-flexbox;
    display: flex
}

.dialog-play .dialog-footer .gold-num {
    font-size: 28px;
    color: #28292d
}

[data-dpr="1"] .dialog-play .dialog-footer .gold-num {
    font-size: 14px
}

[data-dpr="2"] .dialog-play .dialog-footer .gold-num {
    font-size: 28px
}

[data-dpr="3"] .dialog-play .dialog-footer .gold-num {
    font-size: 42px
}

.dialog-play .dialog-footer .gold-num .num {
    margin-left: .02667rem
}

.dialog-play .dialog-footer .buy-btn {
    font-size: 28px;
    color: #ff7830;
    margin-left: .26667rem
}

[data-dpr="1"] .dialog-play .dialog-footer .buy-btn {
    font-size: 14px
}

[data-dpr="2"] .dialog-play .dialog-footer .buy-btn {
    font-size: 28px
}

[data-dpr="3"] .dialog-play .dialog-footer .buy-btn {
    font-size: 42px
}

.dialog-play .dialog-footer .submit-btn {
    color: #fff;
    background: #ff7830;
    border-radius: .58667rem;
    width: 4.26667rem;
    height: 1.06667rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dialog-ticket {
    width: 7.73333rem;
    height: 4.66667rem;
    padding: .53333rem 0;
    background: #FFFFFF;
    border-radius: .26667rem !important;
    z-index: 999;
    overflow: hidden;
    display: none
}

.dialog-ticket .dialog-title {
    font-size: 32px;
    font-weight: 400;
    color: #28292D;
    line-height: .58667rem;
    text-align: center
}

[data-dpr="1"] .dialog-ticket .dialog-title {
    font-size: 16px
}

[data-dpr="2"] .dialog-ticket .dialog-title {
    font-size: 32px
}

[data-dpr="3"] .dialog-ticket .dialog-title {
    font-size: 48px
}

.dialog-ticket-content {
    height: 1.76rem;
    margin-top: .53333rem;
    padding: 0 .42667rem;
    border: 0 .42667rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box
}

.dialog-ticket-content .ticket-item {
    box-sizing: border-box;
    width: 2.02667rem;
    height: 1.76rem;
    font-weight: 400;
    color: #999999;
    line-height: .42667rem;
    text-align: center;
    background: #FFFFFF;
    border: 2px solid #F0F0F0;
    border-radius: 8px
}

.dialog-ticket-content .ticket-item.active {
    color: #FF620E
}

.dialog-ticket-content .icon-ticket {
    display: block;
    width: .96rem;
    height: .96rem;
    margin: .18667rem auto 0;
    background-size: cover
}

.dialog-ticket-content .type1 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/ic_typ_yp1_off@2x.png")
}

.dialog-ticket-content .type2 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/ic_typ_yp2_off@2x.png")
}

.dialog-ticket-content .type3 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/ic_typ_yp3_off@2x.png")
}

.dialog-ticket-content .active {
    border: 2px solid #FF620E;
    background: #FEF1EA
}

.dialog-ticket-content .active .type1 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/ic_typ_yp1@2x.png")
}

.dialog-ticket-content .active .type2 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/ic_typ_yp2@2x.png")
}

.dialog-ticket-content .active .type3 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/ic_typ_yp3@2x.png")
}

.dialog-ticket-info {
    height: .42667rem;
    padding: 0 .42667rem;
    margin-top: .33333rem;
    font-weight: 400;
    color: #999999;
    line-height: .42667rem
}

.dialog-ticket-info .link {
    float: right;
    font-weight: 400;
    color: #FF7830;
    line-height: .42667rem;
    text-decoration: underline
}

.dialog-ticket-buttons {
    display: -ms-flexbox;
    display: flex;
    width: 7.73333rem;
    height: 1.22667rem;
    margin-top: .33333rem
}

.dialog-ticket-buttons .button-cancel,
.dialog-ticket-buttons .button-confirm {
    width: 3.86667rem;
    font-size: 32px;
    font-weight: 400;
    color: #666666;
    line-height: 1.22667rem;
    text-align: center
}

[data-dpr="1"] .dialog-ticket-buttons .button-cancel,
[data-dpr="1"] .dialog-ticket-buttons .button-confirm {
    font-size: 16px
}

[data-dpr="2"] .dialog-ticket-buttons .button-cancel,
[data-dpr="2"] .dialog-ticket-buttons .button-confirm {
    font-size: 32px
}

[data-dpr="3"] .dialog-ticket-buttons .button-cancel,
[data-dpr="3"] .dialog-ticket-buttons .button-confirm {
    font-size: 48px
}

.dialog-ticket-buttons .button-cancel.invalid,
.dialog-ticket-buttons .button-confirm.invalid {
    background: #FFC09F
}

.dialog-ticket-buttons .button-confirm {
    color: #fff;
    background: #FF620E
}

.dialog-ticket-buttons .button-cancel {
    border-top: .01333rem solid #e5e5e5
}

.reward-box {
    width: 7.70667rem;
    background: #fff;
    position: fixed;
    top: 1.33333rem
}

.reward-box .reward-list {
    line-height: 1.33333rem
}

.reward-box .reward-item {
    float: left;
    width: 33.33%;
    text-align: center;
    position: relative;
    color: #999
}

.reward-box .reward-item i {
    font-size: 1.17333rem
}

.reward-box .reward-item span {
    position: absolute;
    bottom: -.05333rem;
    left: 50%;
    width: .96rem;
    height: .34667rem;
    margin-left: -.48rem;
    font-size: 20px;
    line-height: .34667rem;
    background: #fff;
    border-radius: .17333rem;
    border: 1px solid #999
}

[data-dpr="1"] .reward-box .reward-item span {
    font-size: 10px
}

[data-dpr="2"] .reward-box .reward-item span {
    font-size: 20px
}

[data-dpr="3"] .reward-box .reward-item span {
    font-size: 30px
}

.reward-box p {
    text-align: center;
    line-height: .48rem
}

.reward-box .has {
    margin-top: .46667rem;
    color: #b4b4b4
}

.reward-box .vip {
    margin-top: .08rem;
    color: #005fac
}

.reward-box .select {
    color: #ff7830
}

.reward-box .select span {
    color: #ff7830;
    border-color: #ff7830
}

.m-gift-box {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8.48rem;
    background: #fff
}

.m-gift-box .title {
    box-sizing: border-box;
    height: 1.17333rem;
    padding: 0 .32rem;
    line-height: 1.17333rem;
    font-size: 32px;
    border-bottom: .01333rem solid #ddd
}

[data-dpr="1"] .m-gift-box .title {
    font-size: 16px
}

[data-dpr="2"] .m-gift-box .title {
    font-size: 32px
}

[data-dpr="3"] .m-gift-box .title {
    font-size: 48px
}

.m-gift-box .order-g {
    float: right;
    font-size: 28px;
    cursor: pointer
}

[data-dpr="1"] .m-gift-box .order-g {
    font-size: 14px
}

[data-dpr="2"] .m-gift-box .order-g {
    font-size: 28px
}

[data-dpr="3"] .m-gift-box .order-g {
    font-size: 42px
}

.m-gift-box .gift-itm,
.m-gift-box .gift-itm-1 {
    box-sizing: border-box;
    float: left;
    width: 25%;
    height: 3.06667rem;
    text-align: center
}

.m-gift-box .gift-itm.z-select,
.m-gift-box .gift-itm-1.z-select {
    border: 1px solid #ff7830
}

.m-gift-box .itm-pic {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    margin-top: .26667rem
}

.m-gift-box .itm-pic>img {
    width: 100%;
    height: 100%
}

.m-gift-box .none {
    background: url("https://static.mkzcdn.com/mobile/img/pic_lw_jqqd.png") no-repeat center center;
    background-size: 1.06667rem .85333rem
}

.m-gift-box .itm-title {
    font-size: 26px;
    line-height: .50667rem
}

[data-dpr="1"] .m-gift-box .itm-title {
    font-size: 13px
}

[data-dpr="2"] .m-gift-box .itm-title {
    font-size: 26px
}

[data-dpr="3"] .m-gift-box .itm-title {
    font-size: 39px
}

.m-gift-box .itm-pay {
    font-size: 22px;
    line-height: .42667rem;
    color: #999
}

[data-dpr="1"] .m-gift-box .itm-pay {
    font-size: 11px
}

[data-dpr="2"] .m-gift-box .itm-pay {
    font-size: 22px
}

[data-dpr="3"] .m-gift-box .itm-pay {
    font-size: 33px
}

.m-gift-box .itm-title-1 {
    color: #999
}

.m-gift-box .gift-confirm {
    box-sizing: border-box;
    padding-left: .32rem;
    line-height: 1.17333rem;
    border-top: 1px solid #ddd;
    font-size: 26px;
    color: #ff7830
}

[data-dpr="1"] .m-gift-box .gift-confirm {
    font-size: 13px
}

[data-dpr="2"] .m-gift-box .gift-confirm {
    font-size: 26px
}

[data-dpr="3"] .m-gift-box .gift-confirm {
    font-size: 39px
}

.m-gift-box .btn {
    float: right;
    width: 2.13333rem;
    height: 1.17333rem;
    text-align: center;
    background: #ff7830;
    color: #fff;
    font-size: 32px
}

[data-dpr="1"] .m-gift-box .btn {
    font-size: 16px
}

[data-dpr="2"] .m-gift-box .btn {
    font-size: 32px
}

[data-dpr="3"] .m-gift-box .btn {
    font-size: 48px
}

.comic-limit-block {
    display: none;
    position: relative;
    box-sizing: border-box;
    margin: 20px auto;
    padding-left: 1.36rem;
    width: 9.2rem;
    height: .85333rem;
    font-size: 24px;
    font-weight: bold;
    color: #FF4343;
    line-height: .85333rem;
    background: url("https://static.mkzcdn.com/mobile/img/detail/limit-bg-image.png") no-repeat center center;
    background-size: cover
}

[data-dpr="1"] .comic-limit-block {
    font-size: 12px
}

[data-dpr="2"] .comic-limit-block {
    font-size: 24px
}

[data-dpr="3"] .comic-limit-block {
    font-size: 36px
}

.comic-limit-block .limit-time {
    font-size: 22px;
    font-weight: 400;
    color: #FF4343;
    line-height: .85333rem
}

[data-dpr="1"] .comic-limit-block .limit-time {
    font-size: 11px
}

[data-dpr="2"] .comic-limit-block .limit-time {
    font-size: 22px
}

[data-dpr="3"] .comic-limit-block .limit-time {
    font-size: 33px
}

.comic-limit-block .limit-login-button {
    position: absolute;
    right: .10667rem;
    top: .10667rem;
    width: 1.76rem;
    height: .64rem;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 400;
    line-height: .64rem;
    text-align: center;
    background-color: #ff7830;
    border-radius: .32rem
}

[data-dpr="1"] .comic-limit-block .limit-login-button {
    font-size: 11px
}

[data-dpr="2"] .comic-limit-block .limit-login-button {
    font-size: 22px
}

[data-dpr="3"] .comic-limit-block .limit-login-button {
    font-size: 33px
}

.catagory-header {
    width: 10rem;
    height: 1.28rem;
    line-height: 1.28rem;
    background: #FFFFFF;
    position: relative;
    border-bottom: 1px solid #F0F0F0
}

.catagory-search {
    position: absolute;
    right: .4rem;
    top: .34667rem;
    width: .64rem;
    height: .64rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/catalogs/ic_nav_search_b@2x.png");
    background-size: cover
}

.catagory-nav {
    position: relative;
    float: left
}

.catagory-nav .nav-item {
    float: left;
    padding: 0 .32rem;
    font-size: 30px
}

[data-dpr="1"] .catagory-nav .nav-item {
    font-size: 15px
}

[data-dpr="2"] .catagory-nav .nav-item {
    font-size: 30px
}

[data-dpr="3"] .catagory-nav .nav-item {
    font-size: 45px
}

.catagory-nav .active {
    color: #ff7830
}

.catagory-nav .underline {
    width: .29333rem;
    height: .08rem;
    position: absolute;
    bottom: .13333rem;
    left: 10%;
    background: #ff7830;
    border-radius: .04rem
}

.shelf-nav .nav-item {
    width: 1.46667rem
}

.collect-nav .underline {
    left: 70%
}

.history-nav .underline {
    left: 20%
}

#catagoryCon {
    overflow: hidden;
    padding-bottom: 1.33333rem;
    padding-top: .4rem;
    padding-left: .32rem
}

.catalog-item {
    box-sizing: border-box;
    float: left;
    margin-right: .29333rem;
    margin-bottom: .4rem;
    width: 4.52rem;
    height: 2.4rem
}

.catalog-item img {
    display: block;
    width: 100%;
    height: 100%
}

.header-bookshelf {
    width: 9.2rem;
    height: 1.28rem;
    padding: 0 .4rem;
    background: #FFFFFF;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

.header-bookshelf .link-item {
    float: left;
    width: .85333rem;
    height: 1.28rem;
    margin-right: .8rem;
    font-size: 32px;
    line-height: 1.28rem;
    position: relative
}

[data-dpr="1"] .header-bookshelf .link-item {
    font-size: 16px
}

[data-dpr="2"] .header-bookshelf .link-item {
    font-size: 32px
}

[data-dpr="3"] .header-bookshelf .link-item {
    font-size: 48px
}

.header-bookshelf .active {
    font-weight: bold;
    color: #FF620E
}

.header-bookshelf .underline {
    position: absolute;
    left: .26667rem;
    bottom: 0;
    width: .32rem;
    height: .08rem;
    background: #FF620E;
    border-radius: .04rem
}

.collection-container,
.history-container {
    margin-top: 1.33333rem
}

.collect-settle,
.history-settle {
    float: right;
    width: .64rem;
    height: .64rem;
    margin-top: .32rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/ic_list_arrange@2x.png");
    background-size: cover
}

.collect-settle.setting,
.history-settle.setting {
    width: .8rem;
    background-image: none;
    font-size: 30px;
    font-weight: bold;
    color: #FF620E;
    line-height: .64rem
}

[data-dpr="1"] .collect-settle.setting,
[data-dpr="1"] .history-settle.setting {
    font-size: 15px
}

[data-dpr="2"] .collect-settle.setting,
[data-dpr="2"] .history-settle.setting {
    font-size: 30px
}

[data-dpr="3"] .collect-settle.setting,
[data-dpr="3"] .history-settle.setting {
    font-size: 45px
}

.no-login-collection {
    text-align: center;
    padding-top: 2.4rem
}

.no-login-collection .no-login-image {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 auto;
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/pic_default_colllogin@2x.png");
    background-size: cover
}

.no-login-collection .no-login-text {
    height: .48rem;
    margin-top: .26667rem;
    font-size: 26px;
    font-weight: 400;
    color: #666666;
    line-height: .48rem
}

[data-dpr="1"] .no-login-collection .no-login-text {
    font-size: 13px
}

[data-dpr="2"] .no-login-collection .no-login-text {
    font-size: 26px
}

[data-dpr="3"] .no-login-collection .no-login-text {
    font-size: 39px
}

.no-login-collection .no-login-button {
    display: block;
    box-sizing: border-box;
    width: 2.93333rem;
    height: .96rem;
    margin: .53333rem auto;
    font-size: 30px;
    line-height: .96rem;
    color: #FFFFFF;
    background: #FF620E;
    border-radius: .48rem
}

[data-dpr="1"] .no-login-collection .no-login-button {
    font-size: 15px
}

[data-dpr="2"] .no-login-collection .no-login-button {
    font-size: 30px
}

[data-dpr="3"] .no-login-collection .no-login-button {
    font-size: 45px
}

.empty-collection {
    text-align: center;
    padding-top: 2.4rem
}

.empty-collection .empty-image {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 auto;
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/pic_default_collnull@2x.png");
    background-size: cover
}

.empty-collection .empty-text {
    height: .48rem;
    margin-top: .26667rem;
    font-size: 26px;
    font-weight: 400;
    color: #666666;
    line-height: .48rem
}

[data-dpr="1"] .empty-collection .empty-text {
    font-size: 13px
}

[data-dpr="2"] .empty-collection .empty-text {
    font-size: 26px
}

[data-dpr="3"] .empty-collection .empty-text {
    font-size: 39px
}

.collections-wrapper {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .32rem;
    padding-bottom: 1.33333rem
}

.collections-wrapper:after {
    content: "";
    width: 2.88rem
}

.collections-wrapper .collection {
    width: 2.94667rem;
    position: relative;
    margin-bottom: .32rem;
    position: relative
}

.collections-wrapper .comic-cover {
    display: block;
    width: 2.94667rem;
    height: 3.93333rem;
    border-radius: .05333rem
}

.collections-wrapper .comic-name {
    margin-top: .21333rem;
    font-size: 28px;
    font-weight: bold;
    color: #28292D;
    line-height: .53333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .collections-wrapper .comic-name {
    font-size: 14px
}

[data-dpr="2"] .collections-wrapper .comic-name {
    font-size: 28px
}

[data-dpr="3"] .collections-wrapper .comic-name {
    font-size: 42px
}

.collections-wrapper .comic-chapter {
    color: #A7A9B0;
    line-height: .42667rem
}

.collections-wrapper .comic-down-mask {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 2.94667rem;
    height: 3.93333rem;
    padding-top: 1.58667rem;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .37333rem;
    text-align: center;
    background: rgba(54, 64, 92, 0.7);
    z-index: 997
}

[data-dpr="1"] .collections-wrapper .comic-down-mask {
    font-size: 10px
}

[data-dpr="2"] .collections-wrapper .comic-down-mask {
    font-size: 20px
}

[data-dpr="3"] .collections-wrapper .comic-down-mask {
    font-size: 30px
}

.collections-wrapper .settle-mask {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 2.94667rem;
    height: 3.93333rem;
    background: rgba(0, 0, 0, 0.6);
    z-index: 998
}

.collections-wrapper .settle-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1.18667rem;
    height: 1.46667rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/pic_colllist_choose_off@2x.png");
    background-size: cover
}

.collections-wrapper .selected .settle-image {
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/pic_colllist_choose_on@2x.png")
}

.historys-wrapper {
    box-sizing: border-box;
    padding: .32rem;
    padding-bottom: 1.33333rem
}

.historys-wrapper .history {
    padding: .26667rem 0;
    color: #999;
    position: relative
}

.historys-wrapper .history .comic-cover-wrap {
    float: left;
    width: 2.16rem;
    height: 2.88rem;
    margin-right: .32rem;
    border-radius: .05333rem;
    overflow: hidden;
    position: relative
}

.historys-wrapper .history .comic-cover {
    display: block;
    width: 2.16rem;
    height: 2.88rem
}

.historys-wrapper .history .comic-down-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.16rem;
    height: 1.81333rem;
    padding-top: 1.06667rem;
    text-align: center;
    font-size: .26667rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .37333rem;
    background: rgba(54, 64, 92, 0.7)
}

.historys-wrapper .history .comic-name {
    width: 5.44rem;
    margin-top: .32rem;
    font-size: 32px;
    font-weight: bold;
    color: #28292D;
    line-height: .58667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .historys-wrapper .history .comic-name {
    font-size: 16px
}

[data-dpr="2"] .historys-wrapper .history .comic-name {
    font-size: 32px
}

[data-dpr="3"] .historys-wrapper .history .comic-name {
    font-size: 48px
}

.historys-wrapper .history .comic-author,
.historys-wrapper .history .comic-read-at,
.historys-wrapper .history .comic-update-at {
    width: 5.44rem;
    margin: .16rem 0;
    font-size: 24px;
    font-weight: 400;
    color: #999999;
    line-height: .42667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .historys-wrapper .history .comic-author,
[data-dpr="1"] .historys-wrapper .history .comic-read-at,
[data-dpr="1"] .historys-wrapper .history .comic-update-at {
    font-size: 12px
}

[data-dpr="2"] .historys-wrapper .history .comic-author,
[data-dpr="2"] .historys-wrapper .history .comic-read-at,
[data-dpr="2"] .historys-wrapper .history .comic-update-at {
    font-size: 24px
}

[data-dpr="3"] .historys-wrapper .history .comic-author,
[data-dpr="3"] .historys-wrapper .history .comic-read-at,
[data-dpr="3"] .historys-wrapper .history .comic-update-at {
    font-size: 36px
}

.historys-wrapper .history .comic-read-button {
    position: absolute;
    top: 50%;
    right: .26667rem;
    width: .90667rem;
    margin-top: -.53333rem;
    color: #ff7830;
    font-size: 24px;
    text-align: center;
    line-height: .48rem
}

[data-dpr="1"] .historys-wrapper .history .comic-read-button {
    font-size: 12px
}

[data-dpr="2"] .historys-wrapper .history .comic-read-button {
    font-size: 24px
}

[data-dpr="3"] .historys-wrapper .history .comic-read-button {
    font-size: 36px
}

.history-container.setting .comic-read-button {
    display: none !important
}

.historys-wrapper .history .icon-location {
    display: block;
    width: .64rem;
    height: .64rem;
    margin: 0 auto;
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/ic_searchlist_continu@2x.png");
    background-size: cover
}

.historys-wrapper .delete-hide-block {
    box-sizing: border-box;
    position: absolute;
    left: -1.76rem;
    top: 0;
    width: 1.44rem;
    height: 2.66667rem;
    padding-top: 1.41333rem
}

.historys-wrapper .delete-select-btn {
    width: .58667rem;
    height: .58667rem;
    margin: 0 auto;
    background: url("https://static.mkzcdn.com/mobile/img/ic_book_choose_off_n.png") no-repeat center center;
    background-size: cover
}

.historys-wrapper .settle-button {
    display: none;
    position: absolute;
    top: 1.44rem;
    right: .4rem;
    width: .64rem;
    height: .64rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/ic_book_choose_off@2x.png");
    background-size: cover
}

.historys-wrapper .history.selected .settle-button {
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/ic_book_choose_on@2x.png")
}

.history-container.setting .settle-button {
    display: block !important
}

.empty-history {
    text-align: center;
    padding-top: 2.4rem
}

.empty-history .empty-image {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 auto;
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/pic_default_listnull@2x.png");
    background-size: cover
}

.empty-history .empty-text {
    height: .48rem;
    margin-top: .26667rem;
    font-size: 26px;
    font-weight: 400;
    color: #666666;
    line-height: .48rem
}

[data-dpr="1"] .empty-history .empty-text {
    font-size: 13px
}

[data-dpr="2"] .empty-history .empty-text {
    font-size: 26px
}

[data-dpr="3"] .empty-history .empty-text {
    font-size: 39px
}

.empty-history .empty-button {
    display: block;
    width: 3.73333rem;
    height: .96rem;
    margin: .73333rem auto;
    font-size: 30px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .96rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/bg_history_null_btn@2x.png");
    background-size: cover
}

[data-dpr="1"] .empty-history .empty-button {
    font-size: 15px
}

[data-dpr="2"] .empty-history .empty-button {
    font-size: 30px
}

[data-dpr="3"] .empty-history .empty-button {
    font-size: 45px
}

.no-login-history {
    box-sizing: border-box;
    width: 10rem;
    padding-left: 1.06667rem;
    font-size: 26px;
    font-weight: 400;
    color: #2b0e0e;
    line-height: 1.06667rem;
    background-color: #F7F6F6;
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/pic_sj_qdl@2x.png");
    background-repeat: no-repeat;
    background-size: .64rem;
    background-position: .32rem .21333rem
}

[data-dpr="1"] .no-login-history {
    font-size: 13px
}

[data-dpr="2"] .no-login-history {
    font-size: 26px
}

[data-dpr="3"] .no-login-history {
    font-size: 39px
}

.no-login-history .button {
    float: right;
    width: 1.33333rem;
    margin-right: .33333rem;
    margin-top: .21333rem;
    font-size: 26px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .64rem;
    text-align: center;
    background: #DA966B;
    border-radius: .32rem
}

[data-dpr="1"] .no-login-history .button {
    font-size: 13px
}

[data-dpr="2"] .no-login-history .button {
    font-size: 26px
}

[data-dpr="3"] .no-login-history .button {
    font-size: 39px
}

.bookshelf-container .select .delete-select-btn {
    background-image: url("https://static.mkzcdn.com/mobile/img/ic_book_choose_on.png")
}

.settle-confirm {
    position: fixed;
    bottom: 1.33333rem;
    left: 0;
    width: 100%;
    background: #fff;
    color: #666;
    z-index: 9999;
    display: none
}

.settle-confirm .select-button,
.settle-confirm .delete-button {
    box-sizing: border-box;
    width: 50%;
    line-height: 1.33333rem;
    border-top: 1px solid #ddd;
    font-size: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

[data-dpr="1"] .settle-confirm .select-button,
[data-dpr="1"] .settle-confirm .delete-button {
    font-size: 16px
}

[data-dpr="2"] .settle-confirm .select-button,
[data-dpr="2"] .settle-confirm .delete-button {
    font-size: 32px
}

[data-dpr="3"] .settle-confirm .select-button,
[data-dpr="3"] .settle-confirm .delete-button {
    font-size: 48px
}

.settle-confirm .delete-button {
    color: #FF620E
}

.settle-confirm .invalid {
    color: #D0D0D0
}

.settle-confirm .select-button {
    border-right: 1px solid #ddd
}

.settle-confirm .icon-select {
    display: inline-block;
    width: .64rem;
    height: .64rem;
    margin-right: .08rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/ic_tab_choose_off@2x.png");
    background-size: cover
}

.settle-confirm .selected .icon-select {
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/ic_tab_choose_on@2x.png")
}

.settle-confirm .icon-trash {
    display: inline-block;
    width: .64rem;
    height: .64rem;
    margin-right: .08rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/ic_tab_del_on@2x.png");
    background-size: cover
}

.settle-confirm .invalid .icon-trash {
    background-image: url("https://static.mkzcdn.com/mobile/img/bookshelf/ic_tab_del_off@2x.png")
}

.pay-main {
    padding-left: .32rem
}

.pay-main .no-collect-bg {
    width: 4.32rem;
    height: 2.8rem;
    margin: .8rem auto 0;
    background: url("https://static.mkzcdn.com/mobile/img/pic_coll_null.png") no-repeat center center;
    background-size: cover
}

.pay-main .recommend .title {
    line-height: 1.33333rem
}

.pay-main .no-buy {
    text-align: center
}

.pay-main .no-buy .txt {
    margin-top: .18667rem;
    font-size: 30px;
    line-height: .58667rem;
    color: #666
}

[data-dpr="1"] .pay-main .no-buy .txt {
    font-size: 15px
}

[data-dpr="2"] .pay-main .no-buy .txt {
    font-size: 30px
}

[data-dpr="3"] .pay-main .no-buy .txt {
    font-size: 45px
}

.mine-header {
    width: 100%;
    height: 2.66667rem;
    background: url("https://static.mkzcdn.com/mobile/img/mine/bg_me_top.png") no-repeat center center;
    background-size: cover;
    overflow: hidden
}

.mine-header-avatar {
    box-sizing: border-box;
    width: 1.6rem;
    height: 1.6rem;
    float: left;
    margin-top: .48rem;
    margin-left: .41333rem;
    margin-right: .37333rem;
    border: .05333rem solid #fff;
    border-radius: 50%;
    overflow: hidden
}

.mine-header-avatar img {
    width: 100%;
    height: 100%
}

.mine-header-text1 {
    margin-top: .77333rem;
    font-size: 34px;
    line-height: .58667rem;
    color: #fff;
    font-weight: 600
}

[data-dpr="1"] .mine-header-text1 {
    font-size: 17px
}

[data-dpr="2"] .mine-header-text1 {
    font-size: 34px
}

[data-dpr="3"] .mine-header-text1 {
    font-size: 51px
}

.mine-header-text1 .name {
    display: inline-block;
    vertical-align: middle
}

.mine-header-text1 .icon {
    display: inline-block;
    width: .42667rem;
    height: .42667rem;
    vertical-align: middle
}

.mine-header-text1 .icon-type-1 {
    background: url("https://static.mkzcdn.com/mobile/img/mine/ic_me_bjvip@2x.png") no-repeat center center;
    background-size: cover
}

.mine-header-text1 .icon-type-2 {
    background: url("https://static.mkzcdn.com/mobile/img/mine/ic_me_hjvip@2x.png") no-repeat center center;
    background-size: cover
}

.mine-header-text2 {
    margin-top: .10667rem;
    font-size: 24px;
    line-height: .42667rem;
    color: #fff;
    font-weight: 300
}

[data-dpr="1"] .mine-header-text2 {
    font-size: 12px
}

[data-dpr="2"] .mine-header-text2 {
    font-size: 24px
}

[data-dpr="3"] .mine-header-text2 {
    font-size: 36px
}

.mine-header-login {
    width: 2rem;
    height: .64rem;
    position: absolute;
    top: 1.04rem;
    right: .4rem;
    font-size: 24px;
    color: #FF620E;
    text-align: center;
    line-height: .64rem;
    background: #FFF;
    border: .02667rem solid #FF620E;
    border-radius: .34667rem
}

[data-dpr="1"] .mine-header-login {
    font-size: 12px
}

[data-dpr="2"] .mine-header-login {
    font-size: 24px
}

[data-dpr="3"] .mine-header-login {
    font-size: 36px
}

.mine-header-login:visited {
    color: #FF620E
}

.mine-account {
    box-sizing: border-box;
    width: 100%;
    height: 3.86667rem;
    padding-top: .33333rem;
    margin-top: -.26667rem;
    border-radius: .26667rem .26667rem 0 0;
    background: #ffffff
}

.mine-account-info {
    display: -ms-flexbox;
    display: flex
}

.mine-account-button {
    box-sizing: border-box;
    width: 2.4rem;
    heigh: 1.33333rem;
    padding-top: .85333rem;
    text-align: center;
    line-height: .4rem;
    color: #694d4d;
    background: url("https://static.mkzcdn.com/mobile/img/mine/ic_me_menu_wdzh.png") no-repeat center .05333rem;
    background-size: .74667rem;
    position: relative
}

.mine-account-button .button-shadow {
    position: absolute;
    right: 0;
    top: 0;
    width: .16rem;
    height: 1.33333rem;
    background: url("https://static.mkzcdn.com/mobile/img/mine/ic_me_zhgd.png") no-repeat center center
}

.mine-account-gold,
.mine-account-ticket,
.mine-account-ticket2 {
    box-sizing: border-box;
    width: 2.4rem;
    height: 1.33333rem;
    padding-top: .25333rem;
    text-align: center
}

.mine-account-gold>span,
.mine-account-ticket>span,
.mine-account-ticket2>span {
    display: block
}

.mine-account-gold .num,
.mine-account-ticket .num,
.mine-account-ticket2 .num {
    font-size: 30px;
    font-weight: bold;
    line-height: .53333rem
}

[data-dpr="1"] .mine-account-gold .num,
[data-dpr="1"] .mine-account-ticket .num,
[data-dpr="1"] .mine-account-ticket2 .num {
    font-size: 15px
}

[data-dpr="2"] .mine-account-gold .num,
[data-dpr="2"] .mine-account-ticket .num,
[data-dpr="2"] .mine-account-ticket2 .num {
    font-size: 30px
}

[data-dpr="3"] .mine-account-gold .num,
[data-dpr="3"] .mine-account-ticket .num,
[data-dpr="3"] .mine-account-ticket2 .num {
    font-size: 45px
}

.mine-account-gold .text,
.mine-account-ticket .text,
.mine-account-ticket2 .text {
    line-height: .42667rem;
    font-size: .32rem;
    color: #888
}

.mine-account-image {
    display: block;
    width: 9.2rem;
    height: 1.6rem;
    margin: .26667rem auto;
    background: url("https://static.mkzcdn.com/mobile/img/mine/pic_me_vipimg.png") no-repeat center center;
    background-size: cover
}

.mine-select-list {
    padding-bottom: 8rem;
    background: #F6F6F7;
    overflow: hidden
}

.mine-select-item {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 1.33333rem;
    margin: .21333rem 0;
    padding: 0 .4rem;
    line-height: 1.33333rem;
    font-size: 30px;
    background: #fff
}

[data-dpr="1"] .mine-select-item {
    font-size: 15px
}

[data-dpr="2"] .mine-select-item {
    font-size: 30px
}

[data-dpr="3"] .mine-select-item {
    font-size: 45px
}

.mine-select-item .num {
    font-size: 26px;
    color: #666
}

[data-dpr="1"] .mine-select-item .num {
    font-size: 13px
}

[data-dpr="2"] .mine-select-item .num {
    font-size: 26px
}

[data-dpr="3"] .mine-select-item .num {
    font-size: 39px
}

.mine-select-item .text2 {
    float: right;
    font-size: 26px;
    color: #666
}

[data-dpr="1"] .mine-select-item .text2 {
    font-size: 13px
}

[data-dpr="2"] .mine-select-item .text2 {
    font-size: 26px
}

[data-dpr="3"] .mine-select-item .text2 {
    font-size: 39px
}

.mine-select-item .icon-more {
    float: right;
    width: .16rem;
    height: .32rem;
    margin-top: .50667rem;
    background: url("https://static.mkzcdn.com/mobile/img/mine/ic_right_gdjt.png") no-repeat center center;
    background-size: cover
}

.mine-select-item.logout {
    text-align: center
}

.go-app-dialog-layer {
    background-color: transparent !important
}

.go-app-dialog {
    width: 7.6rem;
    height: 3.36rem;
    padding-top: .6rem;
    background: #FFFFFF;
    border-radius: .26667rem
}

.go-app-dialog .text {
    font-size: 32px;
    color: #28292D;
    text-align: center;
    line-height: .64rem
}

[data-dpr="1"] .go-app-dialog .text {
    font-size: 16px
}

[data-dpr="2"] .go-app-dialog .text {
    font-size: 32px
}

[data-dpr="3"] .go-app-dialog .text {
    font-size: 48px
}

.go-app-dialog-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 .73333rem;
    margin-top: .46667rem
}

.go-app-dialog-buttons .button {
    width: 2.93333rem;
    height: 1.01333rem;
    font-size: 30px;
    text-align: center;
    line-height: 1.01333rem;
    border-radius: .50667rem
}

[data-dpr="1"] .go-app-dialog-buttons .button {
    font-size: 15px
}

[data-dpr="2"] .go-app-dialog-buttons .button {
    font-size: 30px
}

[data-dpr="3"] .go-app-dialog-buttons .button {
    font-size: 45px
}

.go-app-dialog-buttons .button-close {
    color: #888888;
    background: #ECEEF3
}

.go-app-dialog-buttons .button-go-app {
    color: #fff;
    background: #FF620E
}

.page-account {
    padding-bottom: 5.33333rem;
    background: #F6F6F7
}

.page-account-head {
    width: 100%;
    height: 4.8rem;
    margin-top: .32rem;
    background: #fff;
    overflow: hidden;
    background: #F6F6F7
}

.page-account-head-card {
    box-sizing: border-box;
    width: 9.2rem;
    height: 4.26667rem;
    padding-top: .45333rem;
    margin: .13333rem auto;
    background: url("https://static.mkzcdn.com/mobile/img/mine/bg_wdzh.png") no-repeat center center;
    background-size: cover
}

.page-account-head-text {
    text-align: center;
    font-size: 30px;
    color: #FFF
}

[data-dpr="1"] .page-account-head-text {
    font-size: 15px
}

[data-dpr="2"] .page-account-head-text {
    font-size: 30px
}

[data-dpr="3"] .page-account-head-text {
    font-size: 45px
}

.page-account-head-text .num {
    font-size: 70px;
    line-height: 1.46667rem
}

[data-dpr="1"] .page-account-head-text .num {
    font-size: 35px
}

[data-dpr="2"] .page-account-head-text .num {
    font-size: 70px
}

[data-dpr="3"] .page-account-head-text .num {
    font-size: 105px
}

.page-account-head-text2 {
    text-align: center;
    font-size: 26px;
    color: #FFDCAC
}

[data-dpr="1"] .page-account-head-text2 {
    font-size: 13px
}

[data-dpr="2"] .page-account-head-text2 {
    font-size: 26px
}

[data-dpr="3"] .page-account-head-text2 {
    font-size: 39px
}

.page-account-head-button {
    display: block;
    width: 5.33333rem;
    height: 1.06667rem;
    margin: .42667rem auto;
    font-size: 32px;
    line-height: 1.06667rem;
    text-align: center;
    color: #FF620E;
    background: #FFF;
    border-radius: .53333rem
}

[data-dpr="1"] .page-account-head-button {
    font-size: 16px
}

[data-dpr="2"] .page-account-head-button {
    font-size: 32px
}

[data-dpr="3"] .page-account-head-button {
    font-size: 48px
}

.page-account-head-button:visited {
    color: #FF620E
}

.page-account-item {
    display: block;
    box-sizing: border-box;
    width: 9.36rem;
    height: 1.86667rem;
    margin: .21333rem auto;
    padding-left: 1.41333rem;
    border-radius: .53333rem;
    background: #FFF;
    overflow: hidden;
    position: relative
}

.page-account-item-ticket {
    background: #fff url("https://static.mkzcdn.com/mobile/img/mine/ic_wdzh_yp@2x.png") no-repeat .4rem center;
    background-size: .74667rem
}

.page-account-item-ticket2 {
    background: #fff url("https://static.mkzcdn.com/mobile/img/mine/ic_wdzh_kq@2x.png") no-repeat .4rem center;
    background-size: .74667rem
}

.page-account-item-vip {
    background: #fff url("https://static.mkzcdn.com/mobile/img/mine/ic_wdzh_vip@2x.png") no-repeat .4rem center;
    background-size: .74667rem
}

.page-account-item .title {
    margin-top: .4rem;
    font-size: 32px;
    line-height: .56rem
}

[data-dpr="1"] .page-account-item .title {
    font-size: 16px
}

[data-dpr="2"] .page-account-item .title {
    font-size: 32px
}

[data-dpr="3"] .page-account-item .title {
    font-size: 48px
}

.page-account-item .text {
    margin-top: .10667rem;
    color: #B4B4B4;
    font-size: 26px;
    line-height: .45333rem
}

[data-dpr="1"] .page-account-item .text {
    font-size: 13px
}

[data-dpr="2"] .page-account-item .text {
    font-size: 26px
}

[data-dpr="3"] .page-account-item .text {
    font-size: 39px
}

.page-account-item .more {
    position: absolute;
    top: .8rem;
    right: .4rem;
    width: .16rem;
    height: .32rem;
    background: url("https://static.mkzcdn.com/mobile/img/mine/ic_right_gdjt.png") no-repeat center center;
    background-size: cover
}

.vip-charge-header {
    width: 100%;
    height: 1.17333rem;
    background: #0C142C;
    position: relative
}

.vip-charge-header-back {
    position: absolute;
    left: .4rem;
    top: .26667rem;
    width: .64rem;
    height: .64rem;
    background: url("https://static.mkzcdn.com/mobile/img/mine/ic_nav_newreturn.png") no-repeat center center;
    background-size: cover
}

.vip-charge-header-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 4.46667rem;
    height: 1.17333rem;
    line-height: 1.17333rem;
    margin: 0 auto
}

.vip-charge-header-tab {
    font-size: 34px;
    color: #FFFFFF;
    font-weight: 300;
    position: relative
}

[data-dpr="1"] .vip-charge-header-tab {
    font-size: 17px
}

[data-dpr="2"] .vip-charge-header-tab {
    font-size: 34px
}

[data-dpr="3"] .vip-charge-header-tab {
    font-size: 51px
}

.vip-charge-header-tab.active {
    font-weight: 500
}

.vip-charge-header-tab.active .underline {
    opacity: 1
}

.vip-charge-header-tab .underline {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: .98667rem;
    width: .30667rem;
    height: .10667rem;
    margin-left: -.15333rem;
    border-radius: .05333rem;
    background: #fff
}

.vip-charge-top-black,
.vip-charge-top {
    height: 3.2rem;
    margin-top: -.02667rem;
    background: url("https://static.mkzcdn.com/mobile/img/mine/bg_vip_topimg.png") no-repeat center center;
    background-size: cover;
    position: relative
}

.vip-charge-top-black .vip-charge-user-board {
    background: url("https://static.mkzcdn.com/mobile/img/mine/bg_hjvip_card.png") no-repeat center center;
    background-size: cover
}

.vip-charge-user-board {
    box-sizing: border-box;
    position: absolute;
    top: .26667rem;
    left: .4rem;
    width: 9.2rem;
    height: 3.73333rem;
    padding-top: .4rem;
    background: url("https://static.mkzcdn.com/mobile/img/mine/bg_bjvip_card.png") no-repeat center center;
    background-size: cover
}

.vip-charge-user-board .user-avatar {
    float: left;
    width: 1.36rem;
    height: 1.36rem;
    margin-left: .25333rem;
    margin-right: .18667rem;
    border-radius: 50%
}

.vip-charge-user-board .username {
    margin-top: .13333rem;
    font-size: 32px;
    color: #FFFFFF;
    line-height: .56rem
}

[data-dpr="1"] .vip-charge-user-board .username {
    font-size: 16px
}

[data-dpr="2"] .vip-charge-user-board .username {
    font-size: 32px
}

[data-dpr="3"] .vip-charge-user-board .username {
    font-size: 48px
}

.vip-charge-user-board .vip-time {
    margin-top: .13333rem;
    font-size: 22px;
    color: #FFFFFF;
    line-height: .4rem;
    font-weight: 300
}

[data-dpr="1"] .vip-charge-user-board .vip-time {
    font-size: 11px
}

[data-dpr="2"] .vip-charge-user-board .vip-time {
    font-size: 22px
}

[data-dpr="3"] .vip-charge-user-board .vip-time {
    font-size: 33px
}

.vip-charge-user-board .user-tip {
    margin-top: .65333rem;
    font-size: 24px;
    color: #FFFFFF;
    line-height: .45333rem;
    text-indent: .4rem;
    opacity: 0.8
}

[data-dpr="1"] .vip-charge-user-board .user-tip {
    font-size: 12px
}

[data-dpr="2"] .vip-charge-user-board .user-tip {
    font-size: 24px
}

[data-dpr="3"] .vip-charge-user-board .user-tip {
    font-size: 36px
}

.vip-charge-user-board .black-gift-tip {
    width: 4.73333rem;
    height: .69333rem;
    padding-left: .2rem;
    margin-top: .46667rem;
    margin-left: .4rem;
    line-height: .69333rem;
    border-radius: .13333rem;
    background: #F2B68A
}

.vip-charge-user-board .black-gift-tip .button {
    float: right;
    width: 1.06667rem;
    height: .58667rem;
    margin-top: .05333rem;
    margin-right: .05333rem;
    font-size: 24px;
    text-align: center;
    line-height: .58667rem;
    color: #FFFFFF;
    background: #EF803A;
    border-radius: .13333rem
}

[data-dpr="1"] .vip-charge-user-board .black-gift-tip .button {
    font-size: 12px
}

[data-dpr="2"] .vip-charge-user-board .black-gift-tip .button {
    font-size: 24px
}

[data-dpr="3"] .vip-charge-user-board .black-gift-tip .button {
    font-size: 36px
}

.vip-charge-user-board .black-gift-tip2 {
    margin-top: .65333rem;
    font-size: 24px;
    color: #FFFFFF;
    line-height: .45333rem;
    text-indent: .4rem;
    opacity: 0.8
}

[data-dpr="1"] .vip-charge-user-board .black-gift-tip2 {
    font-size: 12px
}

[data-dpr="2"] .vip-charge-user-board .black-gift-tip2 {
    font-size: 24px
}

[data-dpr="3"] .vip-charge-user-board .black-gift-tip2 {
    font-size: 36px
}

.vip-charge-user-board .board-image-black,
.vip-charge-user-board .board-image-black-off,
.vip-charge-user-board .board-image {
    position: absolute;
    top: 0;
    right: .33333rem;
    width: 1.81333rem;
    height: 2.29333rem;
    background: url("https://static.mkzcdn.com/mobile/img/mine/pic_bjvip_card.png") no-repeat center center;
    background-size: cover
}

.vip-charge-user-board .board-image-black {
    background: url("https://static.mkzcdn.com/mobile/img/mine/pic_hjvip_card.png") no-repeat center center;
    background-size: cover
}

.vip-charge-user-board .board-image-black-off {
    background: url("https://static.mkzcdn.com/mobile/img/mine/pic_hjvip_card_off.png") no-repeat center center;
    background-size: cover
}

.vip-charge-sections {
    margin-top: .4rem;
    background: #F6F6F7
}

.vip-charge-section {
    width: 100%;
    padding: .4rem 0;
    margin-top: .26667rem;
    background: #fff
}

.vip-charge-selects-title {
    font-size: 32px;
    color: #28292D;
    line-height: .56rem;
    font-weight: 600;
    text-indent: .4rem
}

[data-dpr="1"] .vip-charge-selects-title {
    font-size: 16px
}

[data-dpr="2"] .vip-charge-selects-title {
    font-size: 32px
}

[data-dpr="3"] .vip-charge-selects-title {
    font-size: 48px
}

.vip-charge-selects-title .text2 {
    margin-left: .33333rem;
    font-size: 24px;
    font-weight: 400
}

[data-dpr="1"] .vip-charge-selects-title .text2 {
    font-size: 12px
}

[data-dpr="2"] .vip-charge-selects-title .text2 {
    font-size: 24px
}

[data-dpr="3"] .vip-charge-selects-title .text2 {
    font-size: 36px
}

.vip-charge-selects-title .text3 {
    float: right;
    margin-right: .4rem;
    font-size: 24px;
    font-weight: 400
}

[data-dpr="1"] .vip-charge-selects-title .text3 {
    font-size: 12px
}

[data-dpr="2"] .vip-charge-selects-title .text3 {
    font-size: 24px
}

[data-dpr="3"] .vip-charge-selects-title .text3 {
    font-size: 36px
}

.vip-charge-goods {
    height: 3.06667rem;
    margin-top: .26667rem;
    padding-top: .4rem;
    padding-left: .4rem;
    overflow-x: scroll
}

.vip-charge-goods .scroll-wrap {
    display: -ms-flexbox;
    display: flex;
    width: 11.52rem
}

.vip-charge-good {
    box-sizing: border-box;
    width: 2.61333rem;
    height: 3.06667rem;
    text-align: center;
    margin-right: .26667rem;
    border-radius: .13333rem;
    border: .02667rem solid #DA966B;
    position: relative
}

.vip-charge-good.selected {
    background: #FFF9EF
}

.vip-charge-good>.title {
    margin-top: .37333rem;
    font-size: 28px;
    line-height: .53333rem
}

[data-dpr="1"] .vip-charge-good>.title {
    font-size: 14px
}

[data-dpr="2"] .vip-charge-good>.title {
    font-size: 28px
}

[data-dpr="3"] .vip-charge-good>.title {
    font-size: 42px
}

.vip-charge-good>.price {
    height: .93333rem;
    margin-top: .16rem;
    line-height: .93333rem;
    font-size: 32px;
    color: #CB7138
}

[data-dpr="1"] .vip-charge-good>.price {
    font-size: 16px
}

[data-dpr="2"] .vip-charge-good>.price {
    font-size: 32px
}

[data-dpr="3"] .vip-charge-good>.price {
    font-size: 48px
}

.vip-charge-good>.price .num {
    font-size: .93333rem
}

.vip-charge-good>.old-price {
    color: #999999;
    font-size: 24px;
    line-height: .42667rem
}

[data-dpr="1"] .vip-charge-good>.old-price {
    font-size: 12px
}

[data-dpr="2"] .vip-charge-good>.old-price {
    font-size: 24px
}

[data-dpr="3"] .vip-charge-good>.old-price {
    font-size: 36px
}

.vip-charge-good .gift-tag {
    position: absolute;
    left: 0;
    top: -.21333rem;
    height: .42667rem;
    padding: .08rem .13333rem;
    font-size: 20px;
    line-height: .42667rem;
    color: #fff;
    background: #FF620E;
    border-radius: .05333rem .21333rem .05333rem .21333rem
}

[data-dpr="1"] .vip-charge-good .gift-tag {
    font-size: 10px
}

[data-dpr="2"] .vip-charge-good .gift-tag {
    font-size: 20px
}

[data-dpr="3"] .vip-charge-good .gift-tag {
    font-size: 30px
}

.section-pay-types {
    height: 3.89333rem;
    background: #fff
}

.vip-charge-pay-types {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 .4rem;
    margin-top: .4rem
}

.vip-charge-pay-type {
    box-sizing: border-box;
    width: 2.8rem;
    height: 2.13333rem;
    padding-top: 1.17333rem;
    border-radius: .13333rem;
    text-align: center;
    font-size: 28px;
    border: .02667rem solid #e6e6e6
}

[data-dpr="1"] .vip-charge-pay-type {
    font-size: 14px
}

[data-dpr="2"] .vip-charge-pay-type {
    font-size: 28px
}

[data-dpr="3"] .vip-charge-pay-type {
    font-size: 42px
}

.vip-charge-pay-type.goldpay {
    background: url("https://static.mkzcdn.com/mobile/img/mine/ic_pay_byyb.png") no-repeat center .4rem;
    background-size: .58667rem
}

.vip-charge-pay-type.alipay {
    background: url("https://static.mkzcdn.com/mobile/img/mine/ic_pay_byzfb.png") no-repeat center .4rem;
    background-size: .58667rem
}

.vip-charge-pay-type.wxpay {
    background: url("https://static.mkzcdn.com/mobile/img/mine/ic_pay_bywx.png") no-repeat center .4rem;
    background-size: .58667rem
}

.vip-charge-intros {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .13333rem
}

.vip-charge-intro {
    box-sizing: border-box;
    width: 25%;
    height: 2.08rem;
    padding-top: 1.38667rem;
    text-align: center;
    line-height: .42667rem;
    background-repeat: no-repeat;
    background-position: center .26667rem;
    background-size: .96rem
}

.vip-charge-intro.icon1 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/pic_vip_privilege_1@2x.png")
}

.vip-charge-intro.icon2 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/pic_vip_privilege_2@2x.png")
}

.vip-charge-intro.icon3 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/pic_vip_privilege_3@2x.png")
}

.vip-charge-intro.icon4 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/pic_vip_privilege_4@2x.png")
}

.vip-charge-intro.icon5 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/pic_vip_privilege_5@2x.png")
}

.vip-charge-intro.icon6 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/pic_vip_privilege_6@2x.png")
}

.vip-charge-intro.icon7 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/pic_vip_privilege_7@2x.png")
}

.vip-charge-intro.icon8 {
    background-image: url("https://static.mkzcdn.com/mobile/img/mine/pic_vip_privilege_8@2x.png")
}

.vip-charge-section-bottom {
    text-align: center
}

.vip-charge-section-bottom .tip {
    margin-top: .13333rem;
    margin-bottom: .26667rem;
    text-align: center;
    font-size: 28px;
    line-height: .48rem
}

[data-dpr="1"] .vip-charge-section-bottom .tip {
    font-size: 14px
}

[data-dpr="2"] .vip-charge-section-bottom .tip {
    font-size: 28px
}

[data-dpr="3"] .vip-charge-section-bottom .tip {
    font-size: 42px
}

.vip-charge-section-bottom .link {
    font-size: 24px;
    line-height: .42667rem;
    color: #666
}

[data-dpr="1"] .vip-charge-section-bottom .link {
    font-size: 12px
}

[data-dpr="2"] .vip-charge-section-bottom .link {
    font-size: 24px
}

[data-dpr="3"] .vip-charge-section-bottom .link {
    font-size: 36px
}

.vip-charge-black-gifts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 0 .4rem;
    margin-top: .13333rem
}

.vip-charge-black-gifts .gift-item {
    display: -ms-flexbox;
    display: flex;
    width: 4.4rem;
    margin-top: .26667rem
}

.vip-charge-black-gifts .left {
    width: 3.33333rem;
    height: 1.6rem;
    background: #F7DDC4;
    border-radius: .13333rem;
    text-indent: .32rem
}

.vip-charge-black-gifts .left .title {
    margin-top: .36rem;
    font-size: 28px;
    color: #33292B;
    line-height: .48rem;
    font-weight: bold
}

[data-dpr="1"] .vip-charge-black-gifts .left .title {
    font-size: 14px
}

[data-dpr="2"] .vip-charge-black-gifts .left .title {
    font-size: 28px
}

[data-dpr="3"] .vip-charge-black-gifts .left .title {
    font-size: 42px
}

.vip-charge-black-gifts .left .detail {
    margin-top: .02667rem;
    font-size: 20px;
    color: #33292B;
    line-height: .37333rem
}

[data-dpr="1"] .vip-charge-black-gifts .left .detail {
    font-size: 10px
}

[data-dpr="2"] .vip-charge-black-gifts .left .detail {
    font-size: 20px
}

[data-dpr="3"] .vip-charge-black-gifts .left .detail {
    font-size: 30px
}

.vip-charge-black-gifts .right {
    box-sizing: border-box;
    width: 1.06667rem;
    height: 1.6rem;
    padding: .45333rem .24rem;
    background: #33292B;
    border-radius: .13333rem;
    font-size: 20px;
    color: #EDC79F;
    text-align: center;
    line-height: .34667rem
}

[data-dpr="1"] .vip-charge-black-gifts .right {
    font-size: 10px
}

[data-dpr="2"] .vip-charge-black-gifts .right {
    font-size: 20px
}

[data-dpr="3"] .vip-charge-black-gifts .right {
    font-size: 30px
}

.black-gift-dialog {
    width: 6.93333rem;
    height: 4.08rem;
    padding-top: 1.86667rem;
    background: #fff url("https://static.mkzcdn.com/mobile/img/mine/bg_hjvip_lblq.png") no-repeat top center;
    background-size: 6.93333rem 1.86667rem;
    border-radius: .21333rem
}

.black-gift-dialog .gift-item {
    box-sizing: border-box;
    width: 5.6rem;
    height: 2rem;
    margin: .26667rem auto;
    padding-top: .57333rem;
    padding-left: .58667rem;
    background: url("https://static.mkzcdn.com/mobile/img/mine/bg_hjvip_list.png") no-repeat center center;
    background-size: cover
}

.black-gift-dialog .gift-item-title {
    font-size: 26px;
    line-height: .45333rem;
    color: #33292B
}

[data-dpr="1"] .black-gift-dialog .gift-item-title {
    font-size: 13px
}

[data-dpr="2"] .black-gift-dialog .gift-item-title {
    font-size: 26px
}

[data-dpr="3"] .black-gift-dialog .gift-item-title {
    font-size: 39px
}

.black-gift-dialog .gift-item-time {
    margin-top: .02667rem;
    font-size: 20px;
    line-height: .37333rem;
    color: #633815
}

[data-dpr="1"] .black-gift-dialog .gift-item-time {
    font-size: 10px
}

[data-dpr="2"] .black-gift-dialog .gift-item-time {
    font-size: 20px
}

[data-dpr="3"] .black-gift-dialog .gift-item-time {
    font-size: 30px
}

.black-gift-dialog .gift-button {
    width: 5.6rem;
    height: 1.01333rem;
    margin: .4rem auto;
    line-height: 1.01333rem;
    text-align: center;
    font-size: 30px;
    color: #fff;
    background: #DA966B;
    border-radius: .50667rem
}

[data-dpr="1"] .black-gift-dialog .gift-button {
    font-size: 15px
}

[data-dpr="2"] .black-gift-dialog .gift-button {
    font-size: 30px
}

[data-dpr="3"] .black-gift-dialog .gift-button {
    font-size: 45px
}

.wonderful-container {
    background: #F6F6F7
}

.wonder-comic {
    box-sizing: border-box;
    width: 10rem;
    height: 2.8rem;
    padding: .32rem;
    margin-bottom: .16rem;
    background: #FFFFFF
}

.wonder-comic .comic-cover {
    float: left;
    width: 3.84rem;
    height: 2.16rem;
    margin-right: .16rem;
    border-radius: .05333rem
}

.wonder-comic .comic-name {
    height: .56rem;
    font-size: 30px;
    font-weight: bold;
    line-height: .56rem
}

[data-dpr="1"] .wonder-comic .comic-name {
    font-size: 15px
}

[data-dpr="2"] .wonder-comic .comic-name {
    font-size: 30px
}

[data-dpr="3"] .wonder-comic .comic-name {
    font-size: 45px
}

.wonder-comic .comic-feature {
    height: .45333rem;
    margin-top: .13333rem;
    font-weight: 400;
    color: #999999;
    line-height: .45333rem
}

.wonder-comic .comic-read-button {
    width: 1.81333rem;
    height: .69333rem;
    margin-top: .32rem;
    font-size: 22px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .69333rem;
    background: #FF620E;
    border-radius: .34667rem;
    text-align: center;
    display: inline-block
}

[data-dpr="1"] .wonder-comic .comic-read-button {
    font-size: 11px
}

[data-dpr="2"] .wonder-comic .comic-read-button {
    font-size: 22px
}

[data-dpr="3"] .wonder-comic .comic-read-button {
    font-size: 33px
}

.question-list {
    padding: .16rem 0 .16rem .33333rem;
    background: #fff
}

.question-item {
    float: left;
    width: 2.4rem;
    height: 1.06667rem;
    margin: .2rem .33333rem;
    text-align: center;
    line-height: 1.06667rem;
    font-size: 32px;
    background: #f6f6f6;
    border: 1px solid #ddd;
    border-radius: .05333rem
}

[data-dpr="1"] .question-item {
    font-size: 16px
}

[data-dpr="2"] .question-item {
    font-size: 32px
}

[data-dpr="3"] .question-item {
    font-size: 48px
}

.question-item.select {
    background: #ff7830;
    color: #fff
}

.no-feedback {
    line-height: 2.66667rem;
    text-align: center;
    font-size: 32px;
    color: #b4b4b4
}

[data-dpr="1"] .no-feedback {
    font-size: 16px
}

[data-dpr="2"] .no-feedback {
    font-size: 32px
}

[data-dpr="3"] .no-feedback {
    font-size: 48px
}

.feed-submit {
    display: block;
    margin: .53333rem auto;
    width: 3.73333rem;
    height: 1.17333rem;
    font-size: 36px;
    line-height: 1.17333rem;
    text-align: center;
    color: #fff;
    background: #ff7830;
    border: 0;
    border-radius: .05333rem
}

[data-dpr="1"] .feed-submit {
    font-size: 18px
}

[data-dpr="2"] .feed-submit {
    font-size: 36px
}

[data-dpr="3"] .feed-submit {
    font-size: 54px
}

.feedback-input #feedback {
    box-sizing: border-box;
    width: 100%;
    height: 3.30667rem;
    padding: .4rem .32rem;
    margin-top: .16rem;
    font-size: 28px;
    outline: none;
    resize: none;
    border: 0
}

[data-dpr="1"] .feedback-input #feedback {
    font-size: 14px
}

[data-dpr="2"] .feedback-input #feedback {
    font-size: 28px
}

[data-dpr="3"] .feedback-input #feedback {
    font-size: 42px
}

.feedback-input #feedback::-webkit-input-placeholder {
    color: #b4b4b4
}

.feedback-input #feedback:-ms-input-placeholder {
    color: #b4b4b4
}

.feedback-input #feedback::placeholder {
    color: #b4b4b4
}

.feedback-input .email {
    width: 100%;
    line-height: 1.33333rem;
    font-size: 28px;
    text-indent: .32rem;
    outline: none;
    border: 0
}

[data-dpr="1"] .feedback-input .email {
    font-size: 14px
}

[data-dpr="2"] .feedback-input .email {
    font-size: 28px
}

[data-dpr="3"] .feedback-input .email {
    font-size: 42px
}

.feedback-input .email::-webkit-input-placeholder {
    color: #b4b4b4
}

.feedback-input .email:-ms-input-placeholder {
    color: #b4b4b4
}

.feedback-input .email::placeholder {
    color: #b4b4b4
}

.my-feedback-list {
    margin-top: .16rem;
    padding: 0 .32rem;
    color: #999;
    background: #fff
}

.my-feedback-list .my-feed-item {
    border-bottom: 1px solid #ebebeb;
    padding: .32rem 0
}

.my-feedback-list .feed-tag {
    float: left;
    width: 1.65333rem;
    height: .69333rem;
    margin-right: .32rem;
    line-height: .69333rem;
    text-align: center;
    color: #ff7830;
    background: #f6f6f6;
    border-radius: .05333rem
}

.my-feedback-list .feed-content {
    float: left;
    width: 7.38667rem;
    font-size: 26px;
    line-height: .53333rem
}

[data-dpr="1"] .my-feedback-list .feed-content {
    font-size: 13px
}

[data-dpr="2"] .my-feedback-list .feed-content {
    font-size: 26px
}

[data-dpr="3"] .my-feedback-list .feed-content {
    font-size: 39px
}

.my-feedback-list .feed-time {
    float: right;
    width: 7.38667rem;
    margin-top: .16rem;
    font-size: 20px;
    line-height: .4rem
}

[data-dpr="1"] .my-feedback-list .feed-time {
    font-size: 10px
}

[data-dpr="2"] .my-feedback-list .feed-time {
    font-size: 20px
}

[data-dpr="3"] .my-feedback-list .feed-time {
    font-size: 30px
}

.my-feedback-list .feed-reply {
    float: left;
    width: 100%;
    margin-top: .32rem;
    line-height: .85333rem;
    text-indent: .16rem;
    background: #f6f6f6;
    border-radius: .05333rem
}

.p-feedback .tip {
    text-align: center;
    line-height: .4rem;
    color: #b4b4b4
}

.p-feedback .tip .qq {
    color: #ff7830
}

.account-info {
    height: 1.36rem;
    padding-top: .24rem
}

.account-info .avatar {
    float: left;
    width: 1.12rem;
    height: 1.12rem;
    margin-left: .32rem;
    margin-right: .16rem;
    border-radius: 50%;
    overflow: hidden;
    background: url("https://static.mkzcdn.com/mobile/img/pic_default_avatar.png") no-repeat center center
}

.account-info .avatar img {
    width: 100%;
    height: 100%
}

.account-info .user-name {
    font-size: 32px;
    line-height: .64rem;
    color: #ff7830
}

[data-dpr="1"] .account-info .user-name {
    font-size: 16px
}

[data-dpr="2"] .account-info .user-name {
    font-size: 32px
}

[data-dpr="3"] .account-info .user-name {
    font-size: 48px
}

.account-info .user-name .icon {
    display: inline-block;
    width: .42667rem;
    height: .42667rem;
    background: url("https://static.mkzcdn.com/mobile/img/ic_me_name_vip.png") no-repeat center center;
    background-size: cover
}

.account-info .not-vip,
.account-info .is-vip {
    color: #b4b4b4
}

.pay-user-info {
    box-sizing: border-box;
    padding: 0 .32rem;
    line-height: 1.06667rem;
    font-size: 26px;
    color: #666;
    background: #fff
}

[data-dpr="1"] .pay-user-info {
    font-size: 13px
}

[data-dpr="2"] .pay-user-info {
    font-size: 26px
}

[data-dpr="3"] .pay-user-info {
    font-size: 39px
}

.pay-user-info .user-gold {
    float: right
}

.pay-user-info .user-ticket {
    float: right;
    margin-right: .26667rem
}

.pay-user-info .hl {
    color: #FF620E
}

.p-order-gold {
    background: #F6F6F6
}

.gold-charge-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 8.05333rem;
    padding: .32rem;
    background: #f6f6f6;
    box-sizing: border-box
}

.gold-charge-container .pay-item.gold {
    box-sizing: border-box;
    width: 2.90667rem;
    height: 3.6rem;
    margin-bottom: .21333rem;
    border-radius: .21333rem;
    text-align: center;
    background: #fff
}

.gold-charge-container .pay-item.gold.select {
    border: .04rem solid #ff7830
}

.gold-charge-container .pay-item.gold .icon-bag,
.gold-charge-container .pay-item.gold .icon-gold {
    display: block;
    width: 1.86667rem;
    height: 1.86667rem;
    margin: .21333rem auto 0;
    background-image: url("https://static.mkzcdn.com/mobile/img/order/pic_czyb_img1@2x.png");
    background-size: cover
}

.gold-charge-container .pay-item.gold .icon-gold {
    background-image: url("https://static.mkzcdn.com/mobile/img/order/pic_czyb_img2@2x.png")
}

.gold-charge-container .pay-item.gold .num {
    font-size: 34px;
    line-height: .58667rem
}

[data-dpr="1"] .gold-charge-container .pay-item.gold .num {
    font-size: 17px
}

[data-dpr="2"] .gold-charge-container .pay-item.gold .num {
    font-size: 34px
}

[data-dpr="3"] .gold-charge-container .pay-item.gold .num {
    font-size: 51px
}

.gold-charge-container .pay-item.gold .text {
    font-size: 22px;
    font-family: PingFang-SC-Medium, PingFang-SC;
    color: #666666;
    line-height: .42667rem
}

[data-dpr="1"] .gold-charge-container .pay-item.gold .text {
    font-size: 11px
}

[data-dpr="2"] .gold-charge-container .pay-item.gold .text {
    font-size: 22px
}

[data-dpr="3"] .gold-charge-container .pay-item.gold .text {
    font-size: 33px
}

.gold-charge-container .pay-item.gold .price {
    width: 2.13333rem;
    height: .64rem;
    margin: 0 auto;
    line-height: .64rem;
    font-size: 26px;
    background: #f6f6f6;
    border-radius: .34667rem
}

[data-dpr="1"] .gold-charge-container .pay-item.gold .price {
    font-size: 13px
}

[data-dpr="2"] .gold-charge-container .pay-item.gold .price {
    font-size: 26px
}

[data-dpr="3"] .gold-charge-container .pay-item.gold .price {
    font-size: 39px
}

.gold-charge-container .pay-item.gold.select .price {
    background: #FF620E;
    color: #fff
}

.gold-pay-functions {
    width: 10rem;
    height: 3.09333rem;
    background: #FFFFFF
}

.gold-pay-functions .title {
    height: 1.17333rem;
    font-size: 28px;
    font-weight: 400;
    color: #28292D;
    line-height: 1.17333rem;
    text-indent: .32rem
}

[data-dpr="1"] .gold-pay-functions .title {
    font-size: 14px
}

[data-dpr="2"] .gold-pay-functions .title {
    font-size: 28px
}

[data-dpr="3"] .gold-pay-functions .title {
    font-size: 42px
}

.gold-pay-functions .function-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 .32rem
}

.gold-pay-functions .function {
    width: 4.57333rem;
    height: 1.6rem;
    font-size: 28px;
    font-weight: 400;
    color: #666666;
    line-height: 1.6rem;
    background: #FFFFFF;
    border-radius: .21333rem;
    border: 1px solid #D0D0D0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

[data-dpr="1"] .gold-pay-functions .function {
    font-size: 14px
}

[data-dpr="2"] .gold-pay-functions .function {
    font-size: 28px
}

[data-dpr="3"] .gold-pay-functions .function {
    font-size: 42px
}

.gold-pay-functions .txt {
    margin-left: .16rem
}

.gold-pay-functions .icon-alipay,
.gold-pay-functions .icon-wechat {
    display: block;
    width: .85333rem;
    height: .85333rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/order/ic_gz_pay_zfb@2x.png");
    background-size: cover
}

.gold-pay-functions .icon-wechat {
    background-image: url("https://static.mkzcdn.com/mobile/img/order/ic_gz_pay_wx@2x.png")
}

.ticket-charge-container {
    padding: .32rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ticket-charge-container .pay-item.ticket {
    box-sizing: border-box;
    width: 2.90667rem;
    height: 2.26667rem;
    padding-top: .32rem;
    margin-bottom: .21333rem;
    text-align: center;
    background: #FFFFFF;
    border-radius: .21333rem
}

.ticket-charge-container .ticket-text {
    font-size: 22px;
    font-weight: 400;
    color: #666666;
    line-height: .4rem;
    color: #666666
}

[data-dpr="1"] .ticket-charge-container .ticket-text {
    font-size: 11px
}

[data-dpr="2"] .ticket-charge-container .ticket-text {
    font-size: 22px
}

[data-dpr="3"] .ticket-charge-container .ticket-text {
    font-size: 33px
}

.ticket-charge-container .ticket-text .num {
    font-size: 46px;
    line-height: .85333rem;
    color: #28292D
}

[data-dpr="1"] .ticket-charge-container .ticket-text .num {
    font-size: 23px
}

[data-dpr="2"] .ticket-charge-container .ticket-text .num {
    font-size: 46px
}

[data-dpr="3"] .ticket-charge-container .ticket-text .num {
    font-size: 69px
}

.ticket-charge-container .ticket-button {
    display: block;
    box-sizing: border-box;
    width: 2.13333rem;
    height: .64rem;
    margin: .13333rem auto;
    line-height: .64rem;
    text-align: center;
    background: #F6F6F6;
    border-radius: .34667rem;
    font-size: 26px
}

[data-dpr="1"] .ticket-charge-container .ticket-button {
    font-size: 13px
}

[data-dpr="2"] .ticket-charge-container .ticket-button {
    font-size: 26px
}

[data-dpr="3"] .ticket-charge-container .ticket-button {
    font-size: 39px
}

.ticket-charge-container .select {
    border: .04rem solid #FF620E
}

.ticket-charge-container .select .ticket-button {
    color: #fff;
    background: #ff620e
}

.ticket-pay-functions {
    width: 10rem;
    height: 3.6rem;
    background: #FFFFFF
}

.ticket-pay-functions .title {
    height: 1.17333rem;
    font-size: 28px;
    font-weight: 400;
    color: #28292D;
    line-height: 1.17333rem;
    text-indent: .32rem
}

[data-dpr="1"] .ticket-pay-functions .title {
    font-size: 14px
}

[data-dpr="2"] .ticket-pay-functions .title {
    font-size: 28px
}

[data-dpr="3"] .ticket-pay-functions .title {
    font-size: 42px
}

.ticket-pay-functions .function-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 .32rem
}

.ticket-pay-functions .function {
    box-sizing: border-box;
    width: 2.90667rem;
    height: 2.13333rem;
    padding-top: .34667rem;
    font-size: 28px;
    font-weight: 400;
    background: #FFFFFF;
    border-radius: .21333rem;
    border: 1px solid #D0D0D0
}

[data-dpr="1"] .ticket-pay-functions .function {
    font-size: 14px
}

[data-dpr="2"] .ticket-pay-functions .function {
    font-size: 28px
}

[data-dpr="3"] .ticket-pay-functions .function {
    font-size: 42px
}

.ticket-pay-functions .txt {
    text-align: center;
    line-height: .53333rem;
    color: #666666
}

.ticket-pay-functions .icon-alipay,
.ticket-pay-functions .icon-wechat,
.ticket-pay-functions .icon-gold {
    display: block;
    width: .85333rem;
    height: .85333rem;
    margin: 0 auto;
    background-image: url("https://static.mkzcdn.com/mobile/img/order/ic_gz_pay_zfb@2x.png");
    background-size: cover
}

.ticket-pay-functions .icon-wechat {
    background-image: url("https://static.mkzcdn.com/mobile/img/order/ic_gz_pay_wx@2x.png")
}

.ticket-pay-functions .icon-gold {
    background-image: url("https://static.mkzcdn.com/mobile/img/order/ic_gz_pay_yb@2x.png")
}

.vip-box {
    margin-bottom: .32rem;
    padding-left: .32rem
}

.vip-box .head {
    margin: 0;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.17333rem;
    text-indent: .32rem
}

[data-dpr="1"] .vip-box .head {
    font-size: 16px
}

[data-dpr="2"] .vip-box .head {
    font-size: 32px
}

[data-dpr="3"] .vip-box .head {
    font-size: 48px
}

.pay-item.vip {
    position: relative;
    float: left;
    box-sizing: border-box;
    padding-top: .4rem;
    margin-right: .24rem;
    margin-bottom: .24rem;
    width: 4.48rem;
    height: 3.14667rem;
    text-align: center;
    border: 2px solid #e5e5e5;
    border-radius: .05333rem
}

.pay-item.vip.select {
    background: #fff5e6;
    border: 1px solid #ddd;
    border-color: #ff7830
}

.pay-item.vip .title {
    font-size: 28px;
    line-height: .48rem;
    color: #666
}

[data-dpr="1"] .pay-item.vip .title {
    font-size: 14px
}

[data-dpr="2"] .pay-item.vip .title {
    font-size: 28px
}

[data-dpr="3"] .pay-item.vip .title {
    font-size: 42px
}

.pay-item.vip .detail {
    font-size: 24px;
    line-height: .48rem;
    color: #b4b4b4
}

[data-dpr="1"] .pay-item.vip .detail {
    font-size: 12px
}

[data-dpr="2"] .pay-item.vip .detail {
    font-size: 24px
}

[data-dpr="3"] .pay-item.vip .detail {
    font-size: 36px
}

.pay-item.vip .price {
    font-size: 56px;
    line-height: .88rem;
    color: #ff7830
}

[data-dpr="1"] .pay-item.vip .price {
    font-size: 28px
}

[data-dpr="2"] .pay-item.vip .price {
    font-size: 56px
}

[data-dpr="3"] .pay-item.vip .price {
    font-size: 84px
}

.pay-item.vip .gift {
    font-size: 24px;
    color: #ff7830;
    line-height: .42667rem
}

[data-dpr="1"] .pay-item.vip .gift {
    font-size: 12px
}

[data-dpr="2"] .pay-item.vip .gift {
    font-size: 24px
}

[data-dpr="3"] .pay-item.vip .gift {
    font-size: 36px
}

.pay-item.vip .gift>span {
    display: inline-block;
    vertical-align: middle
}

.pay-item.vip .icon-zeng {
    display: inline-block;
    width: .37333rem;
    height: .37333rem;
    background-size: .37333rem;
    background-repeat: no-repeat;
    vertical-align: middle
}

.pay-item.vip .flow-tip {
    position: absolute;
    top: -.21333rem;
    left: -.06667rem;
    width: 1.89333rem;
    height: .42667rem;
    font-size: 20px;
    line-height: .42667rem;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat
}

[data-dpr="1"] .pay-item.vip .flow-tip {
    font-size: 10px
}

[data-dpr="2"] .pay-item.vip .flow-tip {
    font-size: 20px
}

[data-dpr="3"] .pay-item.vip .flow-tip {
    font-size: 30px
}

.pay-func .title {
    line-height: 1.09333rem;
    font-size: 28px;
    text-indent: .32rem;
    color: #999
}

[data-dpr="1"] .pay-func .title {
    font-size: 14px
}

[data-dpr="2"] .pay-func .title {
    font-size: 28px
}

[data-dpr="3"] .pay-func .title {
    font-size: 42px
}

.pay-func .title .has {
    float: right;
    font-size: 24px;
    margin-right: .32rem
}

[data-dpr="1"] .pay-func .title .has {
    font-size: 12px
}

[data-dpr="2"] .pay-func .title .has {
    font-size: 24px
}

[data-dpr="3"] .pay-func .title .has {
    font-size: 36px
}

.pay-func .title .has b {
    color: #ff7830
}

.pay-func .item-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.pay-func .func-item {
    width: 2.4rem;
    height: 2.32rem;
    border: 1px solid #ddd;
    border-radius: .13333rem;
    -ms-flex-align: center;
    align-items: center
}

.pay-func .func-item>a {
    display: block
}

.pay-func .func-item .txt {
    margin-top: .21333rem;
    text-align: center;
    line-height: .56rem;
    color: #666;
    font-size: 28px
}

[data-dpr="1"] .pay-func .func-item .txt {
    font-size: 14px
}

[data-dpr="2"] .pay-func .func-item .txt {
    font-size: 28px
}

[data-dpr="3"] .pay-func .func-item .txt {
    font-size: 42px
}

.pay-func .tip-no {
    float: right;
    font-size: 24px;
    margin-right: .16rem
}

[data-dpr="1"] .pay-func .tip-no {
    font-size: 12px
}

[data-dpr="2"] .pay-func .tip-no {
    font-size: 24px
}

[data-dpr="3"] .pay-func .tip-no {
    font-size: 36px
}

.pay-func .i-order-rec {
    vertical-align: middle
}

.pay-func [class^="ift-"] {
    float: right;
    color: #ccc;
    font-size: .32rem
}

.pay-func .select [class^="ift-"] {
    color: #ff7830
}

.pay-func .select .ift-paylist_chooseoff:before {
    content: "\e639"
}

.pay-func .i-order-pay {
    margin-top: .42667rem;
    margin-left: .85333rem
}

.m-order-confirm {
    width: 7.86667rem;
    height: 7.17333rem;
    margin: 0 auto;
    z-index: 999
}

.m-order-confirm .layui-m-layercont {
    padding: 0;
    text-align: left
}

.m-order-confirm .pop-header {
    height: 1.33333rem;
    padding: 0 .32rem;
    font-size: 32px;
    line-height: 1.33333rem;
    border-bottom: 1px solid #ddd
}

[data-dpr="1"] .m-order-confirm .pop-header {
    font-size: 16px
}

[data-dpr="2"] .m-order-confirm .pop-header {
    font-size: 32px
}

[data-dpr="3"] .m-order-confirm .pop-header {
    font-size: 48px
}

.m-order-confirm .pop-header .has {
    float: right;
    font-size: 24px
}

[data-dpr="1"] .m-order-confirm .pop-header .has {
    font-size: 12px
}

[data-dpr="2"] .m-order-confirm .pop-header .has {
    font-size: 24px
}

[data-dpr="3"] .m-order-confirm .pop-header .has {
    font-size: 36px
}

.m-order-confirm .pop-header .has b {
    color: #ff7830
}

.m-order-confirm .prod {
    box-sizing: border-box;
    width: 7.01333rem;
    height: 1.33333rem;
    padding: 0 .21333rem;
    margin: .61333rem auto;
    line-height: 1.33333rem;
    font-size: 28px;
    border-radius: .13333rem;
    background: #fff5e6
}

[data-dpr="1"] .m-order-confirm .prod {
    font-size: 14px
}

[data-dpr="2"] .m-order-confirm .prod {
    font-size: 28px
}

[data-dpr="3"] .m-order-confirm .prod {
    font-size: 42px
}

.m-order-confirm .prod .price {
    float: right;
    color: #ff7830
}

.m-order-confirm .prod .price b {
    font-size: 38px
}

[data-dpr="1"] .m-order-confirm .prod .price b {
    font-size: 19px
}

[data-dpr="2"] .m-order-confirm .prod .price b {
    font-size: 38px
}

[data-dpr="3"] .m-order-confirm .prod .price b {
    font-size: 57px
}

.m-order-confirm .btn {
    display: block;
    box-sizing: border-box;
    width: 6.48rem;
    height: 1.17333rem;
    margin: .32rem auto;
    line-height: 1.17333rem;
    text-align: center;
    font-size: 32px;
    border-radius: .58667rem;
    color: #fff;
    background: #ff7830
}

[data-dpr="1"] .m-order-confirm .btn {
    font-size: 16px
}

[data-dpr="2"] .m-order-confirm .btn {
    font-size: 32px
}

[data-dpr="3"] .m-order-confirm .btn {
    font-size: 48px
}

.m-order-confirm .other {
    background: #fff;
    color: #999;
    border: 1px solid #ddd
}

.tip-box {
    margin-top: .26667rem;
    padding: .13333rem .32rem;
    font-size: 26px;
    color: #ccc;
    line-height: .64rem
}

[data-dpr="1"] .tip-box {
    font-size: 13px
}

[data-dpr="2"] .tip-box {
    font-size: 26px
}

[data-dpr="3"] .tip-box {
    font-size: 39px
}

.login-header-wrapper {
    width: 10rem;
    height: 4.24rem;
    background: url("https://static.mkzcdn.com/mobile/img/login/bg_login_top@2x.png") no-repeat top center;
    background-size: 10rem 3.2rem
}

.login-header-wrapper .login-header {
    height: 1.33333rem;
    line-height: 1.33333rem
}

.login-header-wrapper .header-titile {
    float: left;
    height: .66667rem;
    margin-top: .33333rem;
    margin-left: .16rem;
    font-size: 36px;
    font-weight: bold;
    line-height: .66667rem
}

[data-dpr="1"] .login-header-wrapper .header-titile {
    font-size: 18px
}

[data-dpr="2"] .login-header-wrapper .header-titile {
    font-size: 36px
}

[data-dpr="3"] .login-header-wrapper .header-titile {
    font-size: 54px
}

.login-header-wrapper .header-back {
    float: left;
    width: .58667rem;
    height: .58667rem;
    margin-left: .48rem;
    margin-top: .37333rem;
    background: url("https://static.mkzcdn.com/mobile/img/login/ic_nav_return_login@2x.png") no-repeat center center;
    background-size: cover
}

.login-header-wrapper .header-forgot {
    float: right;
    margin-right: .32rem;
    font-size: 30px
}

[data-dpr="1"] .login-header-wrapper .header-forgot {
    font-size: 15px
}

[data-dpr="2"] .login-header-wrapper .header-forgot {
    font-size: 30px
}

[data-dpr="3"] .login-header-wrapper .header-forgot {
    font-size: 45px
}

.login-header-wrapper .login-header-logo {
    width: 2.8rem;
    height: 1.81333rem;
    margin: .13333rem auto;
    background: url("https://static.mkzcdn.com/mobile/img/login/pic_login_logo@2x.png") no-repeat center center;
    background-size: cover
}

.login-form-container {
    margin-top: .93333rem
}

.clear-input {
    position: absolute;
    top: .4rem;
    right: .32rem;
    width: .32rem;
    height: .32rem;
    line-height: .29333rem;
    color: #fff;
    background: #ccc;
    border-radius: 50%;
    text-align: center;
    font-size: .21333rem
}

.form-login .user-input,
.form-login .password-input {
    box-sizing: border-box;
    width: 7.86667rem;
    height: 1.06667rem;
    margin: .32rem auto;
    border: 1px solid #d0d0d0;
    border-radius: .53333rem;
    overflow: hidden;
    position: relative
}

.form-login .icon-user,
.form-login .icon-password {
    position: absolute;
    top: .32rem;
    left: .4rem;
    width: .42667rem;
    height: .42667rem;
    background-size: cover
}

.form-login .icon-user {
    background-image: url("https://static.mkzcdn.com/mobile/img/login/ic_login_name@2x.png")
}

.form-login .icon-password {
    background-image: url("https://static.mkzcdn.com/mobile/img/login/ic_login_key@2x.png")
}

.form-login .input {
    float: left;
    width: 7.86667rem;
    height: 1.06667rem;
    padding-left: 1.06667rem;
    font-size: 30px;
    border: 0;
    outline: none
}

[data-dpr="1"] .form-login .input {
    font-size: 15px
}

[data-dpr="2"] .form-login .input {
    font-size: 30px
}

[data-dpr="3"] .form-login .input {
    font-size: 45px
}

.form-login .input::-webkit-input-placeholder {
    color: #b4b4b4
}

.form-login .input:-ms-input-placeholder {
    color: #b4b4b4
}

.form-login .input::placeholder {
    color: #b4b4b4
}

.login-button,
.register-button,
.finish-button {
    display: block;
    width: 7.86667rem;
    height: 1.17333rem;
    margin: .4rem auto 0;
    font-size: 36px;
    text-align: center;
    line-height: .48rem;
    color: #fff;
    background: #FF620E;
    border: 0;
    border-radius: .58667rem
}

[data-dpr="1"] .login-button,
[data-dpr="1"] .register-button,
[data-dpr="1"] .finish-button {
    font-size: 18px
}

[data-dpr="2"] .login-button,
[data-dpr="2"] .register-button,
[data-dpr="2"] .finish-button {
    font-size: 36px
}

[data-dpr="3"] .login-button,
[data-dpr="3"] .register-button,
[data-dpr="3"] .finish-button {
    font-size: 54px
}

.login-button.invalid,
.register-button.invalid,
.finish-button.invalid {
    background: #FFC09F
}

.fast-register {
    display: block;
    margin-top: .4rem;
    font-size: 26px;
    line-height: .48rem;
    text-align: center
}

[data-dpr="1"] .fast-register {
    font-size: 13px
}

[data-dpr="2"] .fast-register {
    font-size: 26px
}

[data-dpr="3"] .fast-register {
    font-size: 39px
}

.fast-register .text {
    display: inline-block;
    vertical-align: middle
}

.fast-register .icon-arrow-r {
    display: inline-block;
    width: .48rem;
    height: .48rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/login/ic_login_sjkszc.png");
    background-size: cover;
    vertical-align: middle
}

.login-other-title {
    width: 6rem;
    height: .4rem;
    margin: 1.6rem auto 0;
    color: #999;
    line-height: .4rem;
    text-align: center;
    background-image: url("https://static.mkzcdn.com/mobile/img/login/bg_login_qtfsdl@2x.png");
    background-size: cover
}

.login-others {
    text-align: center;
    margin: .33333rem auto;
    width: 3.41333rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.login-fn-qq,
.login-fn-wechat,
.login-fn-weibo {
    display: block;
    width: .96rem;
    height: .4rem;
    padding-top: .96rem;
    font-size: 22px;
    color: #999;
    text-align: center;
    background-position: top center;
    background-size: .96rem;
    background-repeat: no-repeat
}

[data-dpr="1"] .login-fn-qq,
[data-dpr="1"] .login-fn-wechat,
[data-dpr="1"] .login-fn-weibo {
    font-size: 11px
}

[data-dpr="2"] .login-fn-qq,
[data-dpr="2"] .login-fn-wechat,
[data-dpr="2"] .login-fn-weibo {
    font-size: 22px
}

[data-dpr="3"] .login-fn-qq,
[data-dpr="3"] .login-fn-wechat,
[data-dpr="3"] .login-fn-weibo {
    font-size: 33px
}

.login-fn-qq {
    background-image: url("https://static.mkzcdn.com/mobile/img/login/ic_login_qq@2x.png")
}

.login-fn-wechat {
    display: none;
    background-image: url("https://static.mkzcdn.com/mobile/img/login/ic_login_qq@2x.png")
}

.login-fn-weibo {
    background-image: url("https://static.mkzcdn.com/mobile/img/login/ic_login_wb@2x.png")
}

.register-form-container,
.forgot-form-container {
    margin-top: -2.90667rem
}

.form-register .phone-input,
.form-register .code-input,
.form-register .password-input,
.form-forgot .phone-input,
.form-forgot .code-input,
.form-forgot .password-input {
    box-sizing: border-box;
    width: 7.86667rem;
    height: 1.06667rem;
    margin: .32rem auto;
    font-size: 30px;
    line-height: 1.06667rem;
    border: 1px solid #ddd;
    border-radius: .53333rem;
    overflow: hidden;
    position: relative
}

[data-dpr="1"] .form-register .phone-input,
[data-dpr="1"] .form-register .code-input,
[data-dpr="1"] .form-register .password-input,
[data-dpr="1"] .form-forgot .phone-input,
[data-dpr="1"] .form-forgot .code-input,
[data-dpr="1"] .form-forgot .password-input {
    font-size: 15px
}

[data-dpr="2"] .form-register .phone-input,
[data-dpr="2"] .form-register .code-input,
[data-dpr="2"] .form-register .password-input,
[data-dpr="2"] .form-forgot .phone-input,
[data-dpr="2"] .form-forgot .code-input,
[data-dpr="2"] .form-forgot .password-input {
    font-size: 30px
}

[data-dpr="3"] .form-register .phone-input,
[data-dpr="3"] .form-register .code-input,
[data-dpr="3"] .form-register .password-input,
[data-dpr="3"] .form-forgot .phone-input,
[data-dpr="3"] .form-forgot .code-input,
[data-dpr="3"] .form-forgot .password-input {
    font-size: 45px
}

.form-register .input,
.form-forgot .input {
    float: left;
    box-sizing: border-box;
    font-size: 30px;
    width: 6.30667rem;
    height: 1.06667rem;
    text-indent: .32rem;
    border: 0;
    outline: none
}

[data-dpr="1"] .form-register .input,
[data-dpr="1"] .form-forgot .input {
    font-size: 15px
}

[data-dpr="2"] .form-register .input,
[data-dpr="2"] .form-forgot .input {
    font-size: 30px
}

[data-dpr="3"] .form-register .input,
[data-dpr="3"] .form-forgot .input {
    font-size: 45px
}

.form-register .input::-webkit-input-placeholder,
.form-forgot .input::-webkit-input-placeholder {
    color: #b4b4b4
}

.form-register .input:-ms-input-placeholder,
.form-forgot .input:-ms-input-placeholder {
    color: #b4b4b4
}

.form-register .input::placeholder,
.form-forgot .input::placeholder {
    color: #b4b4b4
}

.form-register #phoneInput,
.form-forgot #phoneInput {
    width: 6.13333rem
}

.form-register .code-input input,
.form-forgot .code-input input {
    width: 5.44rem
}

.form-register .password-input input,
.form-forgot .password-input input {
    width: 7.86667rem
}

.form-register .phone86,
.form-forgot .phone86 {
    float: left;
    width: 1.52rem;
    height: .58667rem;
    line-height: .58667rem;
    margin-top: .24rem;
    text-align: center;
    border-right: 1px solid #ccc
}

.form-register .code-btn,
.form-forgot .code-btn {
    float: left;
    width: 2.29333rem;
    text-align: center;
    font-size: 26px;
    color: #666
}

[data-dpr="1"] .form-register .code-btn,
[data-dpr="1"] .form-forgot .code-btn {
    font-size: 13px
}

[data-dpr="2"] .form-register .code-btn,
[data-dpr="2"] .form-forgot .code-btn {
    font-size: 26px
}

[data-dpr="3"] .form-register .code-btn,
[data-dpr="3"] .form-forgot .code-btn {
    font-size: 39px
}

.form-register .code-btn.active,
.form-forgot .code-btn.active {
    color: #b4b4b4
}

.form-register .register-btn,
.form-register .finish-btn,
.form-forgot .register-btn,
.form-forgot .finish-btn {
    background: #ffaf84;
    outline: none
}

.form-register .change-title,
.form-forgot .change-title {
    margin-top: .64rem;
    margin-left: 1.06667rem;
    line-height: .48rem;
    color: #b4b4b4
}

.protocol {
    font-size: 24px;
    text-align: center;
    margin-top: .46667rem;
    color: #b4b4b4
}

[data-dpr="1"] .protocol {
    font-size: 12px
}

[data-dpr="2"] .protocol {
    font-size: 24px
}

[data-dpr="3"] .protocol {
    font-size: 36px
}

.protocol a {
    color: #28292d
}

.read-container .read-pos {
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 0 .32rem;
    line-height: .48rem;
    font-size: 24px;
    color: #fff;
    background: rgba(0, 0, 0, 0.3)
}

[data-dpr="1"] .read-container .read-pos {
    font-size: 12px
}

[data-dpr="2"] .read-container .read-pos {
    font-size: 24px
}

[data-dpr="3"] .read-container .read-pos {
    font-size: 36px
}

.read-container .comic-page {
    margin-top: -1px
}

.read-container .comic-page img {
    display: block
}

.top-tool-bar {
    box-sizing: border-box;
    position: fixed;
    top: -1.33333rem;
    left: 0;
    width: 100%;
    height: 1.33333rem;
    padding: 0 .32rem;
    font-size: 32px;
    line-height: 1.33333rem;
    background: rgba(26, 26, 26, 0.9);
    color: #ccc
}

[data-dpr="1"] .top-tool-bar {
    font-size: 16px
}

[data-dpr="2"] .top-tool-bar {
    font-size: 32px
}

[data-dpr="3"] .top-tool-bar {
    font-size: 48px
}

.top-tool-bar .comic-name {
    float: left;
    width: 7.46667rem;
    font-size: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .top-tool-bar .comic-name {
    font-size: 16px
}

[data-dpr="2"] .top-tool-bar .comic-name {
    font-size: 32px
}

[data-dpr="3"] .top-tool-bar .comic-name {
    font-size: 48px
}

.top-tool-bar .back-btn {
    float: left;
    padding: 0 .14667rem;
    font-size: 42px;
    color: #fff
}

[data-dpr="1"] .top-tool-bar .back-btn {
    font-size: 21px
}

[data-dpr="2"] .top-tool-bar .back-btn {
    font-size: 42px
}

[data-dpr="3"] .top-tool-bar .back-btn {
    font-size: 63px
}

.top-tool-bar .feedback,
.top-tool-bar .home {
    position: absolute;
    padding: 0 .13333rem;
    font-size: .58667rem;
    color: #fff
}

.top-tool-bar .top-button {
    position: absolute;
    top: .34667rem;
    width: .64rem;
    height: .64rem;
    background-repeat: no-repeat;
    background-size: cover
}

.top-tool-bar .top-button-collect {
    right: 2.56rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/read/ic_read_nav_sc.png")
}

.top-tool-bar .top-button-collect.collected {
    background-image: url("https://static.mkzcdn.com/mobile/img/read/ic_read_nav_sc_on.png")
}

.top-tool-bar .top-button-feedback {
    right: 1.44rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/read/ic_read_feedback.png")
}

.top-tool-bar .top-button-home {
    right: .32rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/read/ic_read_home.png")
}

.bottom-tool-bar {
    box-sizing: border-box;
    position: fixed;
    bottom: -1.6rem;
    left: 0;
    width: 100%;
    height: 1.6rem;
    padding-top: .32rem;
    color: #fff;
    background: rgba(26, 26, 26, 0.9)
}

.bottom-tool-bar .button,
.bottom-tool-bar li {
    float: left;
    width: 25%;
    text-align: center
}

.bottom-tool-bar span {
    font-size: 20px;
    line-height: .4rem;
    color: #ccc
}

[data-dpr="1"] .bottom-tool-bar span {
    font-size: 10px
}

[data-dpr="2"] .bottom-tool-bar span {
    font-size: 20px
}

[data-dpr="3"] .bottom-tool-bar span {
    font-size: 30px
}

.bottom-tool-bar .icon {
    display: block;
    width: .64rem;
    height: .64rem;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat
}

.bottom-tool-bar .icon-category {
    background-image: url("https://static.mkzcdn.com/mobile/img/read/ic_read_tab_ml.png")
}

.bottom-tool-bar i {
    display: inline-block;
    width: 100%;
    margin-bottom: .06667rem;
    font-size: 44px
}

[data-dpr="1"] .bottom-tool-bar i {
    font-size: 22px
}

[data-dpr="2"] .bottom-tool-bar i {
    font-size: 44px
}

[data-dpr="3"] .bottom-tool-bar i {
    font-size: 66px
}

.bottom-tool-bar .ift-detail_coll_hl {
    color: #ff7830
}

.read-bottom-download {
    position: absolute;
    bottom: 2.4rem;
    right: 0;
    width: 3.12rem;
    height: .92rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://static.mkzcdn.com/mobile/img/read/pic_read_app.png")
}

.read-container img {
    width: 100%;
    height: 100%
}

.read-end {
    height: 17.46667rem
}

.read-end .back {
    margin-top: .32rem;
    margin-bottom: .74667rem;
    font-size: 32px;
    line-height: .56rem;
    text-indent: .32rem;
    text-align: left
}

[data-dpr="1"] .read-end .back {
    font-size: 16px
}

[data-dpr="2"] .read-end .back {
    font-size: 32px
}

[data-dpr="3"] .read-end .back {
    font-size: 48px
}

.read-end .back a {
    color: #999
}

.read-end p {
    font-size: 24px;
    text-align: center
}

[data-dpr="1"] .read-end p {
    font-size: 12px
}

[data-dpr="2"] .read-end p {
    font-size: 24px
}

[data-dpr="3"] .read-end p {
    font-size: 36px
}

.read-end p.txt {
    font-size: 36px;
    line-height: .72rem
}

[data-dpr="1"] .read-end p.txt {
    font-size: 18px
}

[data-dpr="2"] .read-end p.txt {
    font-size: 36px
}

[data-dpr="3"] .read-end p.txt {
    font-size: 54px
}

.read-end p.txt2 {
    margin-top: .16rem;
    line-height: .48rem;
    color: #999
}

.read-end .read-end-ctrl {
    width: 100%
}

.read-end .read-end-ctrl i {
    font-size: .69333rem
}

.read-end .gap {
    height: .16rem;
    background: #f6f6f6
}

.chapter-end {
    box-sizing: border-box;
    width: 100%;
    height: 3.54667rem;
    padding-top: .66667rem
}

.chapter-end .end-txt {
    font-size: 32px;
    line-height: .56rem;
    text-align: center
}

[data-dpr="1"] .chapter-end .end-txt {
    font-size: 16px
}

[data-dpr="2"] .chapter-end .end-txt {
    font-size: 32px
}

[data-dpr="3"] .chapter-end .end-txt {
    font-size: 48px
}

.chapter-end .end-txt span {
    font-size: 28px;
    color: #999
}

[data-dpr="1"] .chapter-end .end-txt span {
    font-size: 14px
}

[data-dpr="2"] .chapter-end .end-txt span {
    font-size: 28px
}

[data-dpr="3"] .chapter-end .end-txt span {
    font-size: 42px
}

.chapter-end ul {
    margin-top: .26667rem;
    padding-left: 1.04rem
}

.chapter-end .end-itm {
    float: left;
    width: 33%;
    line-height: .64rem;
    color: #666;
    font-size: 26px
}

[data-dpr="1"] .chapter-end .end-itm {
    font-size: 13px
}

[data-dpr="2"] .chapter-end .end-itm {
    font-size: 26px
}

[data-dpr="3"] .chapter-end .end-itm {
    font-size: 39px
}

.chapter-end .end-itm i {
    display: inline-block;
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem;
    vertical-align: middle
}

.comic-disappear {
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden
}

.comic-disappear .go-home {
    display: inline-block;
    margin-top: .32rem;
    font-size: 32px;
    line-height: .56rem;
    text-indent: .32rem;
    text-align: left;
    color: #999
}

[data-dpr="1"] .comic-disappear .go-home {
    font-size: 16px
}

[data-dpr="2"] .comic-disappear .go-home {
    font-size: 32px
}

[data-dpr="3"] .comic-disappear .go-home {
    font-size: 48px
}

.comic-disappear .disappear-bg {
    display: block;
    margin: 2.16rem auto .48rem
}

.comic-disappear p {
    text-align: center;
    color: #ccc
}

.comic-disappear p a {
    color: #ff7830
}

.comic-disappear p.txt {
    font-size: 30px;
    line-height: .58667rem
}

[data-dpr="1"] .comic-disappear p.txt {
    font-size: 15px
}

[data-dpr="2"] .comic-disappear p.txt {
    font-size: 30px
}

[data-dpr="3"] .comic-disappear p.txt {
    font-size: 45px
}

.comic-disappear p.txt2 {
    margin-top: .16rem;
    font-size: 24px;
    line-height: .48rem
}

[data-dpr="1"] .comic-disappear p.txt2 {
    font-size: 12px
}

[data-dpr="2"] .comic-disappear p.txt2 {
    font-size: 24px
}

[data-dpr="3"] .comic-disappear p.txt2 {
    font-size: 36px
}

.comic-disappear .comic-recommend {
    background: #000
}

.pay-chapter-box {
    width: 8.66667rem
}

.pay-chapter-box p {
    font-size: 26px;
    line-height: .53333rem;
    margin: .16rem .48rem;
    text-align: left
}

[data-dpr="1"] .pay-chapter-box p {
    font-size: 13px
}

[data-dpr="2"] .pay-chapter-box p {
    font-size: 26px
}

[data-dpr="3"] .pay-chapter-box p {
    font-size: 39px
}

.pay-chapter-box p span {
    color: #ff7830
}

.pay-chapter-box p .num {
    font-size: 32px
}

[data-dpr="1"] .pay-chapter-box p .num {
    font-size: 16px
}

[data-dpr="2"] .pay-chapter-box p .num {
    font-size: 32px
}

[data-dpr="3"] .pay-chapter-box p .num {
    font-size: 48px
}

.pay-chapter-box .price {
    line-height: .8rem
}

.pay-chapter-box .origin-price {
    font-size: 26px;
    color: #b4b4b4;
    margin-left: .26667rem
}

[data-dpr="1"] .pay-chapter-box .origin-price {
    font-size: 13px
}

[data-dpr="2"] .pay-chapter-box .origin-price {
    font-size: 26px
}

[data-dpr="3"] .pay-chapter-box .origin-price {
    font-size: 39px
}

.pay-chapter-box .origin-price i {
    color: #ff7830;
    margin-left: .13333rem
}

.pay-chapter-box .tips {
    display: block;
    font-size: 24px;
    color: #b4b4b4;
    text-align: center
}

[data-dpr="1"] .pay-chapter-box .tips {
    font-size: 12px
}

[data-dpr="2"] .pay-chapter-box .tips {
    font-size: 24px
}

[data-dpr="3"] .pay-chapter-box .tips {
    font-size: 36px
}

.pay-chapter-box .buy-btn,
.pay-chapter-box .buy-btn--charge {
    display: block;
    width: 8.08rem;
    height: 1.17333rem;
    margin: .64rem auto .32rem;
    line-height: 1.17333rem;
    font-size: 32px;
    text-align: center;
    color: #fff;
    background: #ff7830;
    border-radius: .58667rem
}

[data-dpr="1"] .pay-chapter-box .buy-btn,
[data-dpr="1"] .pay-chapter-box .buy-btn--charge {
    font-size: 16px
}

[data-dpr="2"] .pay-chapter-box .buy-btn,
[data-dpr="2"] .pay-chapter-box .buy-btn--charge {
    font-size: 32px
}

[data-dpr="3"] .pay-chapter-box .buy-btn,
[data-dpr="3"] .pay-chapter-box .buy-btn--charge {
    font-size: 48px
}

.pay-chapter-box .auto-buy {
    text-align: center;
    color: #b4b4b4;
    font-size: 24px
}

[data-dpr="1"] .pay-chapter-box .auto-buy {
    font-size: 12px
}

[data-dpr="2"] .pay-chapter-box .auto-buy {
    font-size: 24px
}

[data-dpr="3"] .pay-chapter-box .auto-buy {
    font-size: 36px
}

.pay-chapter-box #autoPuy {
    width: .32rem;
    height: .32rem;
    margin-right: .10667rem
}

.download-app-box {
    padding-top: .53333rem
}

.download-app-box .app-logo {
    display: block;
    margin: 0 auto;
    width: 1.76rem;
    height: 1.76rem
}

.download-app-box .download-tip {
    margin-top: .26667rem;
    text-align: center;
    font-size: .34667rem;
    color: #666666
}

.download-app-box .download-button {
    margin: .93333rem auto 0;
    width: 7.46667rem;
    height: 1.17333rem;
    font-size: .42667rem;
    color: #fff;
    line-height: 1.17333rem;
    text-align: center;
    background: #FC7932;
    border-radius: .58667rem
}

.read-category-dialog {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.read-category-mask {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6
}

.read-category-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    width: 7.50667rem;
    height: 100%;
    background: #fff
}

.read-category-head {
    position: relative;
    width: 100%;
    height: 1.28rem;
    line-height: 1.28rem;
    font-size: 30px;
    font-weight: bold;
    text-indent: .32rem
}

[data-dpr="1"] .read-category-head {
    font-size: 15px
}

[data-dpr="2"] .read-category-head {
    font-size: 30px
}

[data-dpr="3"] .read-category-head {
    font-size: 45px
}

.read-category-ctrls {
    position: absolute;
    top: 0;
    right: .32rem;
    font-size: 26px;
    font-weight: 400
}

[data-dpr="1"] .read-category-ctrls {
    font-size: 13px
}

[data-dpr="2"] .read-category-ctrls {
    font-size: 26px
}

[data-dpr="3"] .read-category-ctrls {
    font-size: 39px
}

.read-category-ctrls .gap-line {
    display: inline-block;
    width: .01333rem;
    height: .26667rem;
    margin: 0 .25333rem;
    background: #ddd
}

.read-category-ctrls .active {
    color: #FF620E
}

.read-category-chapters {
    width: 100%;
    height: 100%;
    overflow-y: scroll
}

.read-category-chapters .chapter-item-wrap {
    position: relative;
    width: 100%;
    padding: 0 .4rem;
    height: 1.33333rem;
    box-sizing: border-box
}

.read-category-chapters .chapter-item {
    display: block;
    line-height: 1.33333rem;
    font-size: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .read-category-chapters .chapter-item {
    font-size: 14px
}

[data-dpr="2"] .read-category-chapters .chapter-item {
    font-size: 28px
}

[data-dpr="3"] .read-category-chapters .chapter-item {
    font-size: 42px
}

.read-category-chapters .chapter-item.bought {
    line-height: .66667rem
}

.read-category-chapters .chapter-item.bought .chapter-bought {
    display: block
}

.read-category-chapters .chapter-item.active>a {
    color: #FF620E
}

.read-category-chapters .chapter-bought {
    display: none;
    font-size: 22px;
    color: #666
}

[data-dpr="1"] .read-category-chapters .chapter-bought {
    font-size: 11px
}

[data-dpr="2"] .read-category-chapters .chapter-bought {
    font-size: 22px
}

[data-dpr="3"] .read-category-chapters .chapter-bought {
    font-size: 33px
}

.read-category-chapters .chapter-bought .icon-check {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    margin-right: .08rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/read/ic_read_buy.png");
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle
}

.read-category-chapters .icon-vip,
.read-category-chapters .icon-lock {
    display: inline-block;
    margin-right: .13333rem;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle
}

.read-category-chapters .icon-vip {
    width: .74667rem;
    height: .37333rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/read/ic_readlist_vip.png")
}

.read-category-chapters .icon-lock {
    width: .48rem;
    height: .48rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/read/ic_readlist_sf.png")
}

.look-first-mask-read {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: url("https://static.mkzcdn.com/mobile/img/detail/bg_mhml_list@2x.png") no-repeat center center;
    background-size: cover;
    z-index: 99;
    overflow: hidden
}

.look-first-mask-read .mask-title {
    margin-top: .22667rem;
    font-size: 26px;
    font-weight: 400;
    color: #7D2500;
    line-height: .48rem
}

[data-dpr="1"] .look-first-mask-read .mask-title {
    font-size: 13px
}

[data-dpr="2"] .look-first-mask-read .mask-title {
    font-size: 26px
}

[data-dpr="3"] .look-first-mask-read .mask-title {
    font-size: 39px
}

.look-first-mask-read .mask-link {
    font-size: 22px;
    font-weight: 400;
    color: #B3663F;
    line-height: .4rem
}

[data-dpr="1"] .look-first-mask-read .mask-link {
    font-size: 11px
}

[data-dpr="2"] .look-first-mask-read .mask-link {
    font-size: 22px
}

[data-dpr="3"] .look-first-mask-read .mask-link {
    font-size: 33px
}

.catagory-list-container {
    padding-top: .32rem;
    padding-left: .32rem
}

.class-comic-item {
    float: left;
    width: 2.94667rem;
    margin-right: .26667rem;
    margin-bottom: .26667rem;
    padding-bottom: .16rem;
    position: relative
}

.class-comic-item .cover {
    width: 100%;
    height: 3.93333rem;
    display: block;
    border-radius: .06667rem;
    background-image: url("https://static.mkzcdn.com/mobile/img/common/bg_imgload_4_3@2x.png");
    background-size: cover
}

.class-comic-item .comic-name {
    width: 2.94667rem;
    height: .53333rem;
    margin-top: .21333rem;
    font-weight: bold;
    color: #28292D;
    line-height: .53333rem;
    font-size: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .class-comic-item .comic-name {
    font-size: 14px
}

[data-dpr="2"] .class-comic-item .comic-name {
    font-size: 28px
}

[data-dpr="3"] .class-comic-item .comic-name {
    font-size: 42px
}

.class-comic-item .comic-update,
.class-comic-item .m-up-item1 .item-info .comic-feature,
.m-up-item1 .item-info .class-comic-item .comic-feature {
    width: 2.94667rem;
    height: .42667rem;
    margin-top: .02667rem;
    font-size: 24px;
    font-weight: 400;
    color: #A7A9B0;
    line-height: .42667rem
}

[data-dpr="1"] .class-comic-item .comic-update,
[data-dpr="1"] .class-comic-item .m-up-item1 .item-info .comic-feature,
.m-up-item1 .item-info [data-dpr="1"] .class-comic-item .comic-feature {
    font-size: 12px
}

[data-dpr="2"] .class-comic-item .comic-update,
[data-dpr="2"] .class-comic-item .m-up-item1 .item-info .comic-feature,
.m-up-item1 .item-info [data-dpr="2"] .class-comic-item .comic-feature {
    font-size: 24px
}

[data-dpr="3"] .class-comic-item .comic-update,
[data-dpr="3"] .class-comic-item .m-up-item1 .item-info .comic-feature,
.m-up-item1 .item-info [data-dpr="3"] .class-comic-item .comic-feature {
    font-size: 36px
}

.class-comic-item .icon-tag-xm {
    position: absolute;
    top: 0;
    right: 0;
    width: .8rem;
    height: .42667rem;
    background: url("https://static.mkzcdn.com/mobile/img/catalogs/list/ic_fl_xm@2x.png") no-repeat;
    background-size: cover;
    display: none
}

.help {
    padding-right: .32rem;
    font-size: larger;
    color: #666
}

.help p {
    line-height: 2;
    word-break: break-all
}

.page-help-list .help-list {
    margin-top: .26667rem
}

.page-help-list .help-list__item {
    padding-left: .4rem;
    padding-right: .4rem;
    position: relative;
    background-color: #fff
}

.page-help-list .help-list__item .link {
    display: block;
    font-size: 32px;
    height: 1.38667rem;
    color: #28292d;
    border-bottom: 1px solid #EFEFEF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

[data-dpr="1"] .page-help-list .help-list__item .link {
    font-size: 16px
}

[data-dpr="2"] .page-help-list .help-list__item .link {
    font-size: 32px
}

[data-dpr="3"] .page-help-list .help-list__item .link {
    font-size: 48px
}

.page-help-list .help-list__item .icon-arrow {
    display: inline-block;
    position: absolute;
    right: .4rem;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .16rem;
    height: .32rem
}

.err-container {
    text-align: center
}

.err-container .error-bg {
    width: 5.06667rem;
    height: 3.93333rem;
    margin: 1.6rem auto;
    background: url("https://static.mkzcdn.com/mobile/img/pic_pageload_error.png") no-repeat center center;
    background-size: cover
}

.err-container .reload {
    display: block;
    width: 7.86667rem;
    height: 1.06667rem;
    font-size: 32px;
    margin: .96rem auto .53333rem;
    line-height: 1.06667rem;
    background: #ff7830;
    border-radius: .53333rem;
    color: #fff
}

[data-dpr="1"] .err-container .reload {
    font-size: 16px
}

[data-dpr="2"] .err-container .reload {
    font-size: 32px
}

[data-dpr="3"] .err-container .reload {
    font-size: 48px
}

.err-container .back {
    color: #999;
    font-size: 28px
}

[data-dpr="1"] .err-container .back {
    font-size: 14px
}

[data-dpr="2"] .err-container .back {
    font-size: 28px
}

[data-dpr="3"] .err-container .back {
    font-size: 42px
}

.p-topic-lst .m-lst {
    padding-left: .29333rem;
    padding-top: .4rem
}

.p-topic-lst .m-lst-itm {
    position: relative;
    float: left;
    width: 4.52rem;
    margin-bottom: .32rem;
    padding-bottom: .66667rem;
    border-radius: .05333rem;
    box-shadow: 0 .05333rem .05333rem 0 #ddd;
    overflow: hidden
}

.p-topic-lst .m-lst-itm .cover {
    display: inline-block;
    width: 100%
}

.p-topic-lst .m-lst-itm img {
    width: 100%
}

.p-topic-lst .m-lst-itm .tp-name {
    margin-top: .16rem;
    padding: 0 .16rem;
    font-size: 24px;
    line-height: .48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .p-topic-lst .m-lst-itm .tp-name {
    font-size: 12px
}

[data-dpr="2"] .p-topic-lst .m-lst-itm .tp-name {
    font-size: 24px
}

[data-dpr="3"] .p-topic-lst .m-lst-itm .tp-name {
    font-size: 36px
}

.p-topic-lst .m-lst-itm .m-tp-zan {
    position: absolute;
    right: .16rem;
    bottom: .21333rem
}

.p-topic-lst .more {
    width: 100%;
    height: 1.33333rem;
    line-height: 1.33333rem;
    text-align: center;
    color: #b4b4b4
}

.topic-main .banner {
    width: 100%;
    height: 2.93333rem
}

.topic-main .intro-title {
    box-sizing: border-box;
    width: 9.2rem;
    margin: .4rem auto;
    padding: .2rem .4rem;
    background: url("https://static.mkzcdn.com/mobile/img/m_intro_title_bg.png") no-repeat center center;
    background-size: 100% 100%;
    font-size: 20px;
    line-height: 1.5;
    text-indent: 2em
}

[data-dpr="1"] .topic-main .intro-title {
    font-size: 10px
}

[data-dpr="2"] .topic-main .intro-title {
    font-size: 20px
}

[data-dpr="3"] .topic-main .intro-title {
    font-size: 30px
}

.topic-main .series-title {
    box-sizing: border-box;
    width: 9.2rem;
    height: .6rem;
    margin: 0 auto;
    padding-right: .32rem;
    background: url("https://static.mkzcdn.com/mobile/img/m_series_title.png") no-repeat left center;
    background-size: 100%;
    text-align: right;
    font-size: 24px;
    line-height: .73333rem
}

[data-dpr="1"] .topic-main .series-title {
    font-size: 12px
}

[data-dpr="2"] .topic-main .series-title {
    font-size: 24px
}

[data-dpr="3"] .topic-main .series-title {
    font-size: 36px
}

.topic-main .series-item {
    box-sizing: border-box;
    padding: 0 .4rem;
    margin: .53333rem 0;
    position: relative
}

.topic-main .series-item .cover {
    float: left;
    width: 4.4rem;
    height: 5.88rem
}

.topic-main .series-item .cover img {
    width: 100%
}

.topic-main .series-item .info {
    float: left;
    width: 4.53333rem;
    margin-left: .26667rem;
    padding: .4rem 0
}

.topic-main .series-item .comic-name {
    font-size: 32px;
    color: #ff7830;
    margin-bottom: .26667rem
}

[data-dpr="1"] .topic-main .series-item .comic-name {
    font-size: 16px
}

[data-dpr="2"] .topic-main .series-item .comic-name {
    font-size: 32px
}

[data-dpr="3"] .topic-main .series-item .comic-name {
    font-size: 48px
}

.topic-main .series-item .comic-author {
    font-size: 26px
}

[data-dpr="1"] .topic-main .series-item .comic-author {
    font-size: 13px
}

[data-dpr="2"] .topic-main .series-item .comic-author {
    font-size: 26px
}

[data-dpr="3"] .topic-main .series-item .comic-author {
    font-size: 39px
}

.topic-main .series-item .comic-intro {
    margin: .53333rem 0;
    font-size: 20px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4
}

[data-dpr="1"] .topic-main .series-item .comic-intro {
    font-size: 10px
}

[data-dpr="2"] .topic-main .series-item .comic-intro {
    font-size: 20px
}

[data-dpr="3"] .topic-main .series-item .comic-intro {
    font-size: 30px
}

.topic-main .series-item .read {
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: 2.58667rem;
    height: .70667rem;
    background: url("https://static.mkzcdn.com/mobile/img/m_topic_read.png") no-repeat center center;
    background-size: cover
}

.topic-main .foot-ctrl {
    box-sizing: border-box;
    width: 100%;
    height: 1.36rem;
    padding: 0 1.06667rem;
    position: fixed;
    bottom: 0;
    background: #f7f7f7
}

.topic-main .foot-ctrl i {
    font-size: .56rem;
    margin-right: .16rem;
    vertical-align: middle;
    color: #979797
}

.topic-main .foot-ctrl .btn {
    font-size: .42667rem;
    line-height: 1.36rem
}

.topic-main .foot-ctrl .share {
    float: left
}

.topic-main .foot-ctrl .zan {
    float: right
}

.topic-main .foot-ctrl .done-click-like {
    color: #ff7830
}

.footbanner {
    width: 100%
}

.footbanner img {
    width: 100%;
    height: 100%
}

.topic-foot {
    width: 100%;
    height: 2.52rem;
    margin-bottom: .66667rem;
    background: url("https://static.mkzcdn.com/mobile/img/m_topic_footcat.png") no-repeat center center;
    background-size: 4.85333rem 2.52rem
}

.topic-main-tp1 {
    box-sizing: border-box;
    padding: 0 .32rem
}

.topic-main-tp1 .topic-info {
    box-sizing: border-box;
    padding-top: .4rem;
    padding-bottom: .32rem;
    height: 2.05333rem;
    border-bottom: 1px solid #ddd
}

.topic-main-tp1 .topic-info h1 {
    font-size: 40px;
    line-height: .72rem;
    margin-bottom: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="1"] .topic-main-tp1 .topic-info h1 {
    font-size: 20px
}

[data-dpr="2"] .topic-main-tp1 .topic-info h1 {
    font-size: 40px
}

[data-dpr="3"] .topic-main-tp1 .topic-info h1 {
    font-size: 60px
}

.topic-main-tp1 .topic-info p {
    line-height: .45333rem;
    font-size: 22px;
    color: #999
}

[data-dpr="1"] .topic-main-tp1 .topic-info p {
    font-size: 11px
}

[data-dpr="2"] .topic-main-tp1 .topic-info p {
    font-size: 22px
}

[data-dpr="3"] .topic-main-tp1 .topic-info p {
    font-size: 33px
}

.topic-main-tp1 .topic-info .gap {
    margin: 0 .26667rem
}

.topic-main-tp1 .topic-info b {
    font-weight: 400;
    color: #ff7830
}

.topic-main-tp1 .content {
    padding-bottom: 1.33333rem
}

.topic-main-tp1 .content p {
    margin: .16rem 0;
    font-size: 26px;
    line-height: .61333rem;
    text-indent: 2em
}

[data-dpr="1"] .topic-main-tp1 .content p {
    font-size: 13px
}

[data-dpr="2"] .topic-main-tp1 .content p {
    font-size: 26px
}

[data-dpr="3"] .topic-main-tp1 .content p {
    font-size: 39px
}

.topic-main-tp1 .content img {
    display: block;
    margin: 0 auto;
    width: 7.65333rem
}

.foot-ctrl-tp2 {
    box-sizing: border-box;
    padding: 0 .66667rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1.33333rem;
    background: #f7f7f7
}

.foot-ctrl-tp2 .btn {
    float: left;
    line-height: 1.33333rem;
    font-size: 26px;
    margin-right: .66667rem;
    color: #333
}

[data-dpr="1"] .foot-ctrl-tp2 .btn {
    font-size: 13px
}

[data-dpr="2"] .foot-ctrl-tp2 .btn {
    font-size: 26px
}

[data-dpr="3"] .foot-ctrl-tp2 .btn {
    font-size: 39px
}

.foot-ctrl-tp2 .btn i {
    vertical-align: middle;
    font-size: .50667rem;
    margin-right: .24rem
}

.foot-ctrl-tp2 .btn .ift-coment_like_on {
    color: #ff7830
}

.foot-ctrl-tp2 .comment-btn {
    float: right;
    width: 4rem;
    height: 1.06667rem;
    margin-top: .13333rem;
    line-height: 1.06667rem;
    text-align: center;
    background: #ff7830;
    color: #fff;
    border-radius: .53333rem
}

.foot-ctrl-tp2 .comment-btn i {
    margin-right: .16rem;
    font-size: .56rem;
    vertical-align: middle
}

.down-container {
    position: relative
}

.down-container>img {
    display: block;
    width: 100%
}

.down-container .h5-down-btn {
    width: 6rem;
    height: 1.6rem;
    margin: 0 auto
}

.down-container .h5-down-btn>img {
    width: 100%;
    hegith: 100%
}

.down-container .down-bottom {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 10rem;
    height: 1.73333rem;
    background: url("https://static.mkzcdn.com/mobile/img/download/pic_pic_download_float.png") no-repeat center center;
    background-size: cover
}

.download-new {
    position: relative
}

.download-new>img,
.download-new a img {
    display: block;
    width: 100%
}

.user-download-guide {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8)
}

.user-download-guide .guid-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 7rem;
    height: 3.28rem;
    background: url("https://static.mkzcdn.com/mobile/img/download/bg_h5share_llqdk.png") no-repeat center center
}

.p-article {
    color: #28292D;
    background: #f8f8f9
}

.p-article .section-box {
    background: #fff;
    padding: .4rem
}

.p-article .article-title {
    font-size: .56rem;
    font-weight: 500;
    margin-bottom: .26667rem
}

.p-article .article-subtitle {
    font-size: .34667rem;
    color: #999;
    margin-bottom: .4rem
}

.p-article .article-subtitle i {
    font-style: normal;
    margin: .26667rem;
    margin-top: 0;
    margin-bottom: 0
}

.p-article .article-content {
    font-size: .45333rem;
    line-height: 1.5;
    text-align: justify
}

.p-article .article-content p {
    margin-top: .4rem;
    word-break: break-all;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-word;
    display: inline-block;
    overflow: hidden
}

.p-article .article-content p:first-child {
    margin-top: 0
}

.p-article .article-content p embed {
    width: 100%;
    height: auto
}

.p-article .article-content img {
    width: 100%;
    height: auto;
    border: 1px solid #e5e5e5;
    display: block
}

.p-article .article-content iframe {
    max-width: 100%;
    width: 100%
}

.p-article .article-content .section-like {
    text-align: center;
    margin-top: .8rem;
    font-size: 0
}

.p-article .article-content .like-btn {
    display: inline-block;
    width: 72px;
    height: 72px;
    background-image: url("https://static.mkzcdn.com/mobile/img/like_sprite.png");
    background-size: cover
}

.p-article .article-content .like-btn.liked {
    animation: like 0.5s steps(12);
    animation-fill-mode: forwards
}

.p-article .article-content .like-btn.unlike {
    animation: unlike 0.5s steps(12);
    animation-fill-mode: forwards
}

.p-article .article-content .like-text {
    font-size: .32rem;
    color: #999
}

.p-article .article-comment-box {
    margin-top: .16rem;
    background: #fff;
    padding-left: .4rem
}

.p-article .article-comment-box .comment-header {
    border-bottom: 1px solid #ebebeb;
    height: 1.06667rem;
    line-height: 1.06667rem;
    font-size: .4rem
}

.p-article .article-comment-box em {
    font-style: normal
}

.p-article .comment-info .comment-box {
    padding-top: .4rem;
    padding-bottom: 2.26667rem
}

.p-article .comment-box .avatar {
    width: .96rem;
    height: .96rem
}

.p-article .comment-box .avatar>img {
    height: 100%
}

.p-article .comment-box .name {
    font-size: .4rem;
    color: #666
}

.p-article .comment-box .comment-time {
    margin-top: .05333rem;
    font-size: .32rem;
    color: #b4b4b4
}

.p-article .comment-box .comment-content {
    margin-top: .4rem;
    font-size: .4rem
}

.p-article .comment-box .zan-btn {
    font-size: .4rem;
    color: #666
}

.p-article .comment-box .zan-btn .num {
    font-size: .34667rem
}

.p-article .comment-box .no-comment .no-comment-bg {
    background-image: url("https://static.mkzcdn.com/mobile/img/pic_default_commentnull@3x.png");
    width: 3.2rem;
    height: 3.2rem;
    margin-top: .4rem;
    margin-bottom: .26667rem
}

.p-article .comment-box .txt {
    font-size: .42667rem;
    color: #666
}

.p-article .comment-box .small-txt {
    margin-top: .13333rem;
    font-size: .32rem;
    color: #b4b4b4
}

.p-article .comment-box .comment-wrap {
    overflow: hidden
}

.p-article .comment-box .getmore {
    font-size: .37333rem;
    height: .8rem;
    line-height: .8rem
}

.p-article .comment-input-box {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    height: auto;
    overflow: hidden;
    padding-top: .24rem;
    padding-bottom: .24rem
}

.p-article .comment-input-box .comment-btn {
    float: left;
    background: #f2f2f2;
    color: #666;
    height: .85333rem;
    line-height: .93333rem;
    text-align: left;
    padding-left: .8rem;
    margin-left: .4rem;
    width: 5.73333rem;
    margin-top: 0;
    margin-bottom: 0;
    box-sizing: border-box
}

.p-article .comment-input-box .btn-group {
    float: left;
    height: .85333rem;
    margin-left: .4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.p-article .comment-input-box .btn-like {
    font-size: .50667rem;
    background: url("https://static.mkzcdn.com/mobile/img/ic_yldetail_tab_like_off.png") no-repeat;
    background-size: cover;
    width: .50667rem;
    height: .50667rem
}

.p-article .comment-input-box .btn-like.liked {
    background: url("https://static.mkzcdn.com/mobile/img/ic_yldetail_tab_like_on.png") no-repeat;
    width: .50667rem;
    height: .50667rem;
    background-size: cover
}

.p-article .comment-input-box .btn-comment {
    margin-left: .21333rem;
    background: url("https://static.mkzcdn.com/mobile/img/ic_yldetail_tab_pl.png") no-repeat;
    background-size: cover;
    width: .53333rem;
    height: .53333rem
}

.p-article .count-data {
    margin-left: .13333rem;
    font-size: .37333rem;
    line-height: 1;
    margin-top: 2px;
    width: .93333rem
}

html[data-dpr="2"] .p-article .article-content .like-btn {
    width: 144px;
    height: 144px
}

html[data-dpr="2"] .p-article .article-content .like-btn.liked {
    animation: like2x 0.5s steps(12);
    animation-fill-mode: forwards
}

html[data-dpr="2"] .p-article .article-content .like-btn.unlike {
    animation: unlike2x 0.5s steps(12);
    animation-fill-mode: forwards
}

html[data-dpr="3"] .p-article .article-content .like-btn {
    width: 216px;
    height: 216px
}

html[data-dpr="3"] .p-article .article-content .like-btn.liked {
    animation: like3x 0.5s steps(12);
    animation-fill-mode: forwards
}

html[data-dpr="3"] .p-article .article-content .like-btn.unlike {
    animation: unlike3x 0.5s steps(12);
    animation-fill-mode: forwards
}

@keyframes like {
    from {
        background-position: 0px 0px
    }

    to {
        background-position: 0px -864px
    }
}

@keyframes like2x {
    from {
        background-position: 0px 0px
    }

    to {
        background-position: 0px -1728px
    }
}

@keyframes like3x {
    from {
        background-position: 0px 0px
    }

    to {
        background-position: 0px -2592px
    }
}

@keyframes unlike {
    from {
        background-position: 0px -864px
    }

    to {
        background-position: 0px 0px
    }
}

@keyframes unlike2x {
    from {
        background-position: 0px -1728px
    }

    to {
        background-position: 0px 0px
    }
}

@keyframes unlike3x {
    from {
        background-position: 0px -2592px
    }

    to {
        background-position: 0px 0px
    }
}

/*# sourceMappingURL=mkzh5_all.css.map */





/*增加当前章节高亮*/
.read-category-chapters .active {
    color: #FF620E;
}