/* 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;
    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;
}

#bookcate {
    background-color: #fde23d;
}

.navbar.flt {
    right: 0;
}

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

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

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

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

.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: #fde23d
}

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

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

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

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

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

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

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

.slick-initialized img {
    opacity: 1;
}

.portal-slick .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.6rem;
    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: #fde23d
}

.banner-bottom {
    margin-top: -6%;
    width: 100%;
    z-index: 190;
    position: relative;
}

.banner-bottom img {
    width: 100%
}

.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('../images/home_icon_update.png')
}

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

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

.portal-nav>.item .icon-free {
    background-image: url('../images/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: #fde23d;
}

.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: #547777;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    content: " ";
}

.bm-box>.head .icon-change {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background-size: .3rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/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-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: 1.37rem;
}

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

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

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

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

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

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

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

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

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

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

.nav-row-cate>.action a .icon-arrow {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    vertical-align: middle;
    margin-top: -3px;
    background-image: url('../fonts/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;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.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('../fonts/icon-eye.svg');
    margin-top: -2px;
}

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

.books-list>.item>a .body .icon-hand {
    background-image: url('../fonts/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('../fonts/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('../fonts/icon_close.svg');
    background-size: cover;
}

.search-history>.list .item a .icon-clock {
    display: inline-block;
    width: .4267rem;
    height: .4267rem;
    background-image: url('../fonts/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 #fde23d;
    text-align: center;
    color: #fde23d;
    font-size: .3467rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cover-box>.bg {
    /* height: 5.6rem;
    max-height: 5.6rem; */
    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: .0001rem;
    width: 100%;
}

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

.cover-box>.container .tags {
    padding: 0 .45rem;
    margin-top: .3rem;
    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(../fonts/label.svg) !important;
}

.cover-box>.action .btn {
    display: block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    background-color: #58553f;
    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: #f90676;
}

.bm-tabs>.item a.active:after {
    display: block;
    content: " ";
    height: 2px;
    background-color: #ff1616;
    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: .8rem;
}

.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: 0.18rem;
    padding-top: 0.18rem;
}

.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('../fonts/detail_icon_hot.svg')
}

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

.ac-box>.bar .icon-mark {
    background-image: url('../fonts/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: #547777;
    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>.unlock a:after {
    background-image: url('../fonts/menu_icon_lock_n.svg')
}

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

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

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

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

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

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

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

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

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

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

.rt-bar>.row .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: .4267rem;
    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: #fde23d;
}

.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('../images/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('../images/read_icon_book_n.svg')
}

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

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

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

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

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

.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('../fonts/bottom_icon_like_n.svg')
}

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

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

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

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

.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: #fde23d;
}

.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: #fde23d;
}

.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: #fde23d;
}

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

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

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

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

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

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

.item2p .inner .close a {
    width: 20px;
    height: 20px;
    display: block;
    background: url('../fonts/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(../images/icon-pay.png) no-repeat;
    background-size: 96px 32px;
    position: relative;
    top: 10px;
    margin-right: 10px;
    margin-left: 24%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.br-box>.tl i.wbg {
    width: 320px;
    background-image: url(../images/rt_tl.png);
    background-repeat: no-repeat;
    background-size: 320px 397px;
    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;
}

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

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

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

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

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

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

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

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

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

.rank-view>.list>.item .col {
    font-size: 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('../images/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('../images/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('../images/label-j.png')
}

.recharge-box>.list>.item .wrap .label-c {
    background-image: url('../images/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 #fde23d;
    border-radius: .1rem;
    font-size: .32rem;
    color: #fde23d;
}

.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('../fonts/radio_button_on.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

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

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

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

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

.bs-box>.row-list.editable>.item .cp-box input:checked~.swtich {
    border: 0;
    background-image: url('../images/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('../fonts/bookshelf_icon_chackbox_s.svg');
}

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

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

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

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

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

.side-rp>.container .action a .icon-close {
    background-image: url('../images/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: #fde23d;
    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: #fde23d;
    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: #fde23d;
}

.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 #fde23d;
    color: #fde23d;
    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: 999999;
}

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

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

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

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

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

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

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

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

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

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

.header-home {
    width: .5333rem;
    height: .5333rem;
    position: absolute;
    right: 0.4rem;
    top: 0.35rem;
}

.header-home i[class^="my-"] {
    width: .5333rem;
    height: .5333rem;
    background: url('../images/sprite-header.png') no-repeat;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    background-size: 1.59rem;
    background-position: -.53rem -1rem;
    display: block;
}

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

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

.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: #fde23d;
    background-color: #fde23d;
}

.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: #fde23d;
    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: #fde23d
}

.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: #fde23d;
    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: #fde23d;
    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('../fonts/me_icon_money.svg')
}

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

.uc-nav>.item a .icon-level {
    background-image: url('../fonts/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: #fde23d;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 1.01rem;
}

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

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

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

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

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

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

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

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

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

.lc-box>.item .corner-used {
    background-image: url('../images/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: #fde23d;
    height: 1.067rem;
    line-height: 1.067rem;
    text-align: center;
    font-size: .4267rem;
    border-radius: 1.067rem;
    color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tabar.flb {
    right: 0;
}

.mt-navbar {
    padding-top: 0.8rem;
}

.mt-navbar.indexnav {
    padding-top: 0 !important
}

.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: #fde23d
}

.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('../fonts/icon-good.svg');
    background-size: cover;
    margin-top: -5px;
}

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

.comments-box>.item>.container .bottom .icon-comment {
    display: inline-block;
    width: .4267rem;
    height: .4267rem;
    vertical-align: middle;
    background-image: url('../fonts/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('../fonts/read_icon_ping.svg');
    background-size: .32rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.message-bar>.item .icon-notice {
    background-image: url('../images/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: #fde23d
}

.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: #fde23d;
    background-image: url('../images/fail.png');
    background-size: 8px;
    background-position: center center;
    background-repeat: no-repeat;
}

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 1024px) {
    html {
        position: relative;
        width: 375px;
        min-height: 100%;
        margin: 0 auto;
        background: #ccc;
        font-size: 37.5px !important;
    }
    body {
        background: #fff;
        min-height: 100%;
        height: auto;
    }
    .navbar,
    .tabar,
    .book-bar,
    .rt-bar,
    .editable-bar,
    .unlock-bar,
    .rb-bar {
        width: 10rem;
        margin: 0 auto;
    }
    .book-bar,
    .editable-bar,
    .rt-bar.flt {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

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

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

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

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

.common-ne>.action .btn {
    display: inline-block;
    font-size: .4267rem;
    color: #fff;
    background-color: #fde23d;
    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(../fonts/659aedae914d45fe9956f5e5dfae0f26.svg);
}

.rpse-modal>.inner {
    width: 8.64rem;
    height: 10.03rem;
    background-color: transparent;
    background-image: url('../images/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;
}