/* 2017-12-19 10:05:51 */
@charset "utf-8";
html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    font-size: 12px;
    text-rendering: optimizelegibility
}

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

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

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

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

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

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

fieldset, img {
    border: 0
}

del {
    text-decoration: line-through
}

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

ul, ol {
    list-style: none
}

a {
    color: #333
}

a:hover {
    text-decoration: none
}

ins, a {
    text-decoration: none
}

strong, b {
    font-weight: 700
}

[draggable] {
    cursor: move
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

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

table caption {
    border-bottom: none
}

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

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

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

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

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

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

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

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

.green {
    color: #34c083;
}

.orange {
    color: #ff730b;
}

.red {
    color: #f43530;
}

.gay_bg {
    background-color: #f2f2f2;
}

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

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

.slick-list:focus {
    outline: none
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

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

.navbar.flt {
    right: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.portal-slick:before {
    content:"";
    width: 100%;
    height: .63rem;
    position: absolute;
    left: 0;
    bottom: -.2rem;
    background: url(../images/iconcover.png) 50% no-repeat;
    background-size: 100%;
    z-index: 2;
}

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

.slick-initialized img {
    opacity: 1;
}

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

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

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

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

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

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

.portal-nav > .item {
	width:25%;
	float:left;
    text-align: center;
	margin:0.1rem 0 0.2rem 0;
}

.portal-nav > .item i[class^="icon-"] {
    display: block;
    width: 1.333rem;
    height: 1.333rem;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
}

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

.portal-nav > .item .icon-latest {
    background-image: url('../mhimages/png/home_icon_update.png')
}

.portal-nav > .item .icon-rank {
    background-image: url('../mhimages/png/home_icon_paihang.png')
}

.portal-nav > .item .icon-hot {
    background-image: url('../mhimages/png/home_icon_tuijian.png')
}

.portal-nav > .item .icon-free {
    background-image: url('../mhimages/png/home_icon_free.png')
}

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

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

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

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

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

.head > .pull-right > a .icon-fresh {
    display: inline-block;
    width: .3367rem;
    height: .3367rem;
    vertical-align: middle;
    margin-top: -4px;
    background-size: cover;
    background-image: url('../mhimages/refreshing.png')
}

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

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

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

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

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

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

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

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

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

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

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

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

.books-row > .item > a .icon-hot {
    display: inline-block;
    width: .4267rem;
    height: .4267rem;
    vertical-align: middle;
    margin-top: -4px;
    background-size: cover;
    background-image: url('../mhimages/svg/detail_icon_hot.svg')
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cover-box > .bg {
    /* height: 5.6rem;
    max-height: 5.6rem; */
    width:100%;
    overflow: hidden;
    position: relative;
}

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

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

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

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

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

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

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

.cover-box > .action {
    position: absolute;
    left: .32rem;
    right: .32rem;
    top: .3467rem;
}
.recharge-list > .item > .container .label {
    display: block;
    width: 1.333rem;
    height: .9333rem;
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover;
    background-image: url(../mhimages/label.svg)!important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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




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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

.ac-box > .list > .vip a:after {
    background-image: url('../mhimages/svg/menu_icon_vip_d.svg')
}

.ac-box > .list > .vip a.active:after {
    background-image: url('../mhimages/svg/menu_icon_vip_e.svg');
}

.ac-box > .list > .readvip a:after {
    background-image: url('../mhimages/svg/menu_icon_vip_n.svg')
}

.ac-box > .list > .readvip a.active:after {
    background-image: url('../mhimages/svg/menu_icon_vip_e.svg');
}

.ac-box > .list > .free a:after {
    background-image: url('../mhimages/svg/menu_icon_free_d.svg')
}

.ac-box > .list > .free a.active:after {
    background-image: url('../mhimages/svg/menu_icon_free_e.svg');
}

.ac-box > .list > .readfree a:after {
    background-image: url('../mhimages/svg/menu_icon_free_n.svg')
}

.ac-box > .list > .readfree a.active:after {
    background-image: url('../mhimages/svg/menu_icon_free_e.svg');
}


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

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

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

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

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

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

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

.rt-bar > .row .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: .4267rem;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

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

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

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

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

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

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

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

.mb-bar > .row .col {
    text-align: center;
    line-height: .333rem;

    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
}
.mb-bar > .row .col a {
    color: #666;
}

.mb-bar > .row .icon-fav, .mb-bar > .row .icon-dir, .mb-bar > .row .icon-good,.mb-bar > .row .icon-message {
    display: block;
    width: .7rem;
    height: .7rem;
    margin: 2px auto auto auto;
    background-size: cover;
    background-repeat: no-repeat;
}

.mb-bar > .row .icon-fav {
    background-image: url('../mhimages/svg/read_icon_book_n.svg')
}

.mb-bar > .row .icon-dir {
    background-image: url('../mhimages/svg/read_icon_menu_n.svg')
}

.mb-bar > .row .icon-good {
    background-image: url('../mhimages/svg/read_icon_like_n.svg')
}

.mb-bar > .row .icon-message {
    background-image: url('../mhimages/svg/read_icon_message_n.svg')
}

.mb-bar > .row .active .icon-fav {
    background-image: url('../mhimages/svg/read_icon_book_s.svg')
}

.mb-bar > .row .active .icon-good {
    background-image: url('../mhimages/svg/read_icon_like_s.svg')
}

.mb-bar > .row .active .icon-message {
    background-image: url('../mhimages/svg/read_icon_message_s.svg')
}

.mb-bar > .row a.active {
    color: #ff5420;
}

.mb-bar > .row .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: .4267rem;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

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

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

}

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

.mb-bar > .row .link a {
    font-size: .3733rem;
    color: #ff5420;
    margin: 15px auto auto auto;
}

.mb-bar > .row .action {
    width: 2.333rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.read-footer > .control:before {
    display: block;
    width: 1px;
    height: .8rem;
    background-color: #ddd;
    content: " ";
    top: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

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

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

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

#read_list > li {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.unlock-bar {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 2.5rem;
    z-index: 5;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.br-box {
    background-color: #ffffff;
}

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

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

.free-box {
    background-color: #ffffff;
}

.br-box > .tl {
    padding: 2px 29px 23px 100px;
}

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

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

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

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

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

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

.free-box > .tl i.wbg {
    height: 104px;
    background-position: 0 -293px;
}
.hot-box > .tl i.wbg {
    height: 104px;
    background-position: 0 -200px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bs-box > .column-list > .item .author {
    margin-bottom: .16rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.uh-box {
    position: relative;
}

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

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

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

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

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

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

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

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

.uh-box > .container .action{
	position: absolute;
    top: .7rem;
    right: .4rem;
}
.uh-box > .container .action:last-child{
	position: absolute;
    top: 1.65rem;
    right: .4rem;
}

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

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

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

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

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

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

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

.uh-row > .col .num {
    font-size: .56rem;
    color: #ff5420;
}
.uh-row > .col .action {
    margin-top: 9.5px;
}
.uh-row > .col .action .btn {
    height: .6133rem;
    line-height: .6133rem;
    padding: 0 .32rem;
    border-radius: .6133rem;
    border: 1px solid #ff5420;
    color: #ff5420;
    font-size: .32rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.uh-nav > .item a.link .icon-money {
    background-image: url('../mhimages/svg/me_icon_money.svg')
}

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

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

.uh-nav > .item a.link .icon-level {
    background-image: url('../mhimages/svg/me_icon_level.svg')
}

.uh-nav > .item a.link .icon-shop {
    background-image: url('../mhimages/svg/me_icon_shop.svg')
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tabar.flb {
    right: 0;
}

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

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

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

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

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

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

.has-navbar {
    top: 1.2rem;
}

.typo-orange {
    color: #ff730b;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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