html {
	font-size: 12px; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; text-rendering: optimizelegibility;
}
body {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
code {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
legend {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
textarea {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
hr {
	margin: 0px; padding: 0px;
}
button {
	margin: 0px; padding: 0px;
}
article {
	margin: 0px; padding: 0px;
}
aside {
	margin: 0px; padding: 0px;
}
details {
	margin: 0px; padding: 0px;
}
figcaption {
	margin: 0px; padding: 0px;
}
figure {
	margin: 0px; padding: 0px;
}
footer {
	margin: 0px; padding: 0px;
}
header {
	margin: 0px; padding: 0px;
}
menu {
	margin: 0px; padding: 0px;
}
nav {
	margin: 0px; padding: 0px;
}
section {
	margin: 0px; padding: 0px;
}
article {
	display: block;
}
aside {
	display: block;
}
details {
	display: block;
}
figcaption {
	display: block;
}
figure {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
menu {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
audio {
	display: inline-block;
}
canvas {
	display: inline-block;
}
video {
	display: inline-block;
}
body {
	color: rgb(51, 51, 51); 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;
}
button {
	color: rgb(51, 51, 51); 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;
}
input {
	color: rgb(51, 51, 51); 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;
}
select {
	color: rgb(51, 51, 51); 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;
}
textarea {
	color: rgb(51, 51, 51); 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;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
fieldset {
	border: 0px currentColor; border-image: none;
}
img {
	border: 0px currentColor; border-image: none;
}
del {
	text-decoration: line-through;
}
address {
	font-style: normal; font-weight: 400;
}
caption {
	font-style: normal; font-weight: 400;
}
cite {
	font-style: normal; font-weight: 400;
}
code {
	font-style: normal; font-weight: 400;
}
dfn {
	font-style: normal; font-weight: 400;
}
em {
	font-style: normal; font-weight: 400;
}
th {
	font-style: normal; font-weight: 400;
}
var {
	font-style: normal; font-weight: 400;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
a {
	color: rgb(51, 51, 51);
}
a:hover {
	text-decoration: none;
}
ins {
	text-decoration: none;
}
a {
	text-decoration: none;
}
strong {
	font-weight: 700;
}
b {
	font-weight: 700;
}
[draggable] {
	cursor: move;
}
.clearfix::before {
	display: table; content: "";
}
.clearfix::after {
	display: table; content: "";
}
.clearfix::after {
	clear: both;
}
.clearfix {
	-ms-zoom: 1;
}
h1 {
	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;
}
h2 {
	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;
}
h3 {
	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;
}
h4 {
	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;
}
h5 {
	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;
}
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-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
input {
	border-radius: 0px; -webkit-appearance: none;
}
textarea {
	border-radius: 0px; -webkit-appearance: none;
}
button {
	border-radius: 0px; -webkit-appearance: none;
}
em {
	font-weight: inherit;
}
legend {
	font-weight: inherit;
}
caption {
	font-weight: inherit;
}
a {
	outline: 0px;
}
input {
	outline: 0px;
}
button {
	outline: 0px;
}
textarea {
	outline: 0px;
}
body {
	-ms-overflow-x: hidden; min-height: 100%; background-color: rgb(255, 255, 255);
}
.mar-top {
	margin-top: 4.4rem;
}
.mar-foot {
	margin-bottom: 50px;
}
.bor-top {
	border-top-color: rgb(242, 242, 242); border-top-width: 10px; border-top-style: solid;
}
.bor-foot {
	border-bottom-color: rgb(242, 242, 242) !important; border-bottom-width: 10px !important; border-bottom-style: solid !important;
}
.green {
	color: rgb(52, 192, 131);
}
.orange {
	color: rgb(255, 115, 11);
}
.red {
	color: rgb(244, 53, 48);
}
.gay_bg {
	background-color: rgb(242, 242, 242);
}
.slick-slider {
	display: block; position: relative; box-sizing: border-box; -ms-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: transparent;
}
.slick-list {
	margin: 0px; padding: 0px; overflow: hidden; display: block; position: relative;
}
.slick-list:focus {
	
}
.slick-list.dragging {
	cursor: pointer;
}
.slick-slider .slick-track {
	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.slick-slider .slick-list {
	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.slick-track {
	left: 0px; top: 0px; margin-right: auto; margin-left: auto; display: block; position: relative;
}
.slick-track::before {
	display: table; content: "";
}
.slick-track::after {
	display: table; content: "";
}
.slick-track::after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	height: 100%; float: left; display: none; 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 {
	border: 1px solid transparent; border-image: none; height: auto; display: block;
}
.slick-arrow.slick-hidden {
	display: none;
}
.navbar {
	height: 1.2rem; color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -webkit-box-align: center; -webkit-align-items: center;
}
#bookcate {
	background-color: rgb(253, 226, 61);
}
.navbar.flt {
	right: 0px;
}
.navbar > .tab-box {
	border-radius: 0.8rem; width: 2.9rem; overflow: hidden; font-size: 0.37rem; display: flex; background-color: rgb(118, 59, 0);
}
.navbar > .tab-box .item {
	width: 50%; text-align: center; flex-grow: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0;
}
.navbar > .tab-box > .item a {
	color: rgb(255, 255, 255); line-height: 0.8rem; display: block; position: relative;
}
.navbar > .tab-box > .item a.active {
	border-radius: 0.8rem; color: rgb(118, 59, 0); background-color: rgb(255, 255, 255);
}
.navbar > .action {
	top: 50%; right: 0.34rem; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.navbar > .action .btn svg {
	width: 0.64rem; height: 0.64rem;
}
.navbar > .action .btn {
	text-align: center; color: rgb(255, 255, 255); font-size: 0.42rem; display: block;
}
.tabar {
	height: 1.33rem; background-color: rgb(255, 255, 255);
}
.tabar > .nav {
	height: 1.33rem; display: flex; position: relative;
}
.tabar > .nav .item {
	flex:1 1 0px; -webkit-box-flex: 1; -webkit-flex: 1;
}
.tabar > .nav .item a {
	height: 1.33rem; font-size: 0.34rem; display: flex; justify-content: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -webkit-box-align: center; -webkit-align-items: center;
}
.tabar > .nav .item i[class^='icon-'] {
	width: 0.53rem; height: 0.53rem; margin-right: 0.16rem; background-repeat: no-repeat; background-size: cover;
}
.tabar > .nav .item .active {
	color: rgb(253, 226, 61);
}
.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 {
	width: 100%; display: block; opacity: 0;
}
.slick-initialized img {
	opacity: 1;
}
.portal-slick .slick-dots {
	left: 0px; right: 0px; bottom: 0.6rem; display: flex; position: absolute; justify-content: center; -webkit-box-pack: center; -webkit-justify-content: center;
}
.portal-slick .slick-dots li {
	margin: 0px 3px;
}
.portal-slick .slick-dots button {
	border-radius: 5px; border: 0px currentColor; transition:0.2s linear; border-image: none; width: 5px; height: 5px; text-indent: -999px; overflow: hidden; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: all .2s linear;
}
.portal-slick .slick-dots .slick-active button {
	width: 12px; background-color: rgb(253, 226, 61);
}
.banner-bottom {
	width: 100%; margin-top: -6%; position: relative; z-index: 190;
}
.banner-bottom img {
	width: 100%;
}
.portal-nav {
	padding: 0.32rem; justify-content: center; background-color: rgb(255, 255, 255); -webkit-box-pack: center; -webkit-justify-content: center;
}
.portal-nav > .item a {
	display: block;
}
.portal-nav > .item {
	margin: 0.1rem 0px 0.2rem; width: 25%; text-align: center; float: left;
}
.portal-nav > .item i[class^='icon-'] {
	margin: 0px auto; width: 1.33rem; height: 1.33rem; display: block; background-repeat: no-repeat; background-size: cover;
}
.portal-nav > .item .title {
	color: rgb(51, 51, 51); font-size: 0.4rem; margin-top: 0.1rem;
}
.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: rgb(255, 255, 255);
}
.bm-box > .head {
	padding: 0px 0.32rem; height: 1.33rem; line-height: 1.33rem;
}
.bm-box > .head .title {
	font-size: 0.42rem; float: left;
}
.bm-box > .head .pull-right {
	float: right;
}
.bm-box > .head .pull-right a {
	color: rgb(253, 226, 61); font-size: 0.32rem;
}
.bm-box > .head .pull-right a svg {
	width: 0.18rem; height: 0.32rem; margin-top: -2px; vertical-align: middle;
}
.bm-box > .head .dot::before {
	border-radius: 2px; width: 4px; height: 12px; margin-top: -3px; margin-right: 5px; vertical-align: middle; display: inline-block; content: " "; background-color: rgb(253, 226, 61);
}
.bm-box > .head .icon-change {
	background-position: center; width: 0.32rem; height: 0.32rem; margin-top: -3px; vertical-align: middle; display: inline-block; background-image: url("../images/novel_icon_change.svg"); background-repeat: no-repeat; background-size: 0.3rem;
}
.bm-box > .head a.change {
	color: rgb(114, 114, 114);
}
.books-row {
	padding: 0px 3px; width: 100%; display: flex; box-sizing: border-box; flex-wrap: wrap; -webkit-box-sizing: border-box; -webkit-flex-wrap: wrap;
}
.books-row > .item {
	width: 33.33%; margin-bottom: 0.26rem;
}
.books-row > .item a {
	display: block;
}
.books-row > .item > a img {
	display: block;
}
.books-row > .item > a img {
	border-radius: 2px; width: 100%;
}
.books-row > .item > a {
	margin: 0px 9px;
}
.books-row > .item > a .title {
	font-size: 0.34rem; margin-top: 0.21rem;
}
.books-row > .item > a .text {
	color: rgb(153, 153, 153); font-size: 0.29rem;
}
.books-row > .item > a .title {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.books-row > .item > a .text {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.books-col > .item a {
	display: block;
}
.books-col > .item > a img {
	display: block;
}
.books-col > .item > a .cover img {
	width: 100%;
}
.books-col > .item > a .content {
	padding: 0.26rem 0.32rem 0.16rem; line-height: 0.56rem; display: flex;
}
.books-col > .item > a .text {
	padding: 0px 0.32rem 0.32rem; color: rgb(153, 153, 153); font-size: 0.34rem;
}
.books-col > .item > a .title {
	flex:1 1 0px; overflow: hidden; font-size: 0.42rem; white-space: nowrap; -ms-text-overflow: ellipsis; -webkit-box-flex: 1; -webkit-flex: 1;
}
.books-col > .item > a .title .label {
	padding: 0px 0.18rem; border-radius: 0.4rem; height: 0.4rem; color: rgb(255, 255, 255); line-height: 0.42rem; font-size: 0.29rem; margin-top: -3px; margin-right: 6px; vertical-align: middle; display: inline-block;
}
.books-col > .item > a .title .s1 {
	background-color: rgb(255, 123, 126);
}
.books-col > .item > a .title .s2 {
	background-color: rgb(93, 145, 221);
}
.books-col > .item > a .title .s3 {
	background-color: rgb(255, 101, 76);
}
.books-col > .item {
	border-top-color: rgb(245, 245, 245); border-top-width: 0.26rem; border-top-style: solid;
}
.books-col > :first-of-type.item {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.nav-row-cate {
	position: relative; background-color: rgb(255, 255, 255);
}
.nav-row-cate > .action {
	top: 1.37rem; right: 0.32rem; position: absolute;
}
.nav-row-cate > .action a {
	padding: 0.1rem 0.18rem; color: rgb(136, 136, 136); line-height: 1; font-size: 0.37rem; display: block;
}
.nav-row-cate::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.nav-row-cate > .shrink .row::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.nav-row-cate > .shrink :last-child.row::before {
	display: none;
}
.nav-row-cate > .shrink {
	line-height: 0; padding-top: 0.24rem; font-size: 0px;
}
.nav-row-cate > .shrink .row {
	padding: 0.24rem 2.48rem 0.24rem 0.32rem; height: auto; overflow: hidden; position: relative;
}
.nav-row-cate > .shrink > .has-label {
	padding-left: 1.82rem;
}
.nav-row-cate > .shrink > .has-label .label {
	margin: 0.08rem 0px 0.08rem -1.4rem; width: 1.4rem; color: rgb(136, 136, 136); float: left; display: block;
}
.nav-row-cate > .shrink > .row .item {
	margin: 0.08rem 0px; width: 1.4rem; float: left;
}
.nav-row-cate > .shrink > .row .item a {
	padding: 0.1rem 0.18rem; line-height: 1; font-size: 0.37rem; display: inline-block;
}
.nav-row-cate > .shrink > .has-label .label span {
	padding: 0.1rem 0.18rem; line-height: 1; font-size: 0.37rem; display: inline-block;
}
.nav-row-cate > .shrink > .row .item .active {
	border-radius: 0.1rem; color: rgb(255, 255, 255); background-color: rgb(249, 121, 21);
}
.nav-row-cate > .action a .icon-arrow {
	width: 0.32rem; height: 0.32rem; margin-top: -3px; margin-left: 0.16rem; vertical-align: middle; display: inline-block; background-image: url("../fonts/nav-arrow.svg"); background-size: 0.32rem;
}
.nav-row-cate > .action a.opened .icon-arrow {
	transform: rotate(180deg); -webkit-transform: rotate(180deg);
}
.books-list {
	background-color: rgb(255, 255, 255);
}
.books-list > .item a {
	padding: 0.21rem 0.32rem; display: flex;
}
.books-list > .item > a .body {
	flex:1 1 0px; overflow: hidden; margin-left: 0.4rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.books-list > .item > a .cover img {
	width: 3.44rem; height: 4rem; display: block;
}
.books-list > .item > a .body .title {
	color: rgb(0, 0, 0); line-height: 0.64rem; overflow: hidden; font-size: 0.4rem; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.books-list > .item > a .body .text {
	margin: 0.12rem 0px; color: rgb(153, 153, 153); line-height: 0.42rem; overflow: hidden; font-size: 0.34rem; -webkit-box-orient: vertical; -webkit-line-clamp: 6;
}
.books-list > .item > a .body .bottom {
	color: rgb(153, 153, 153); font-size: 0.32rem;
}
.books-list > .item > a .body .bottom .col {
	padding-right: 0.3rem;
}
.books-list > .item > a .body .icon-eye {
	width: 0.42rem; height: 0.42rem; vertical-align: middle; display: inline-block; background-repeat: no-repeat; background-size: cover;
}
.books-list > .item > a .body .icon-gray-hot {
	width: 0.42rem; height: 0.42rem; vertical-align: middle; display: inline-block; background-repeat: no-repeat; background-size: cover;
}
.books-list > .item > a .body .icon-hand {
	width: 0.42rem; height: 0.42rem; vertical-align: middle; display: inline-block; background-repeat: no-repeat; background-size: cover;
}
.books-list > .item > a .body .icon-eye {
	margin-top: -2px; background-image: url("../fonts/icon-eye.svg");
}
.books-list > .item > a .body .icon-gray-hot {
	width: 0.32rem; height: 0.37rem; margin-top: -5px; background-image: url("../fonts/icon_gray_hot.svg");
}
.books-list > .item > a .body .icon-hand {
	margin-top: -4px; background-image: url("../fonts/icon-hand.svg");
}
.search-bar {
	display: flex; position: relative; min-height: 1.33rem; align-items: center; background-color: rgb(255, 255, 255); -webkit-box-align: center; -webkit-align-items: center;
}
.search-bar::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.search-bar > .inner {
	padding: 0px 0.32rem; flex:1 1 0px; width: 100%; height: 0.8rem; display: flex; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1;
}
.search-bar > .inner {
	display: flex;
}
.search-bar > .inner > .field {
	padding: 0px 0.4rem; border-radius: 0.8rem; flex:1 1 0px; height: 0.8rem; display: flex; align-items: center; background-color: rgb(241, 241, 241); -webkit-box-align: center; -webkit-align-items: center; -webkit-box-flex: 1; -webkit-flex: 1;
}
.search-bar > .inner > .field .icon {
	margin-right: 0.15rem;
}
.search-bar > .inner > .field .icon svg {
	width: 0.42rem; height: 0.42rem; display: block;
}
.search-bar > .inner > .field input {
	border: 0px currentColor; flex:1 1 0px; border-image: none; width: 100%; height: 0.8rem; line-height: 0.9rem; font-size: 0.37rem; vertical-align: top; box-sizing: border-box; background-color: transparent; -webkit-box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1;
}
.search-bar > .inner > button {
	border: 0px currentColor; border-image: none; height: 0.8rem; line-height: 0.8rem; font-size: 0.4rem; margin-left: 0.53rem; background-color: transparent;
}
.search-multiple {
	padding-top: 0.32rem; padding-bottom: 0.32rem; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;
}
.search-multiple > .res-text {
	padding: 0px 0.32rem; flex:1 1 0px; width: 100%; color: rgb(122, 122, 122); font-size: 0.37rem; margin-top: 0.42rem; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1;
}
.hot-words {
	background-color: rgb(255, 255, 255);
}
.hot-words > .head {
	padding: 0px 0.32rem; height: 1rem; line-height: 1rem;
}
.hot-words > .head .title {
	color: rgb(153, 153, 153); font-size: 0.37rem;
}
.hot-words > .list {
	padding: 0px 0.13rem 0.13rem; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
.hot-words > .list > .item a {
	padding: 0px 0.42rem; border-radius: 0.8rem; line-height: 0.8rem; font-size: 0.34rem; display: block; background-color: rgb(245, 245, 245);
}
.hot-words > .list > .item {
	margin: 0.26rem 0.18rem;
}
.search-history {
	background-color: rgb(255, 255, 255);
}
.search-history > .head {
	padding: 0.33rem 0.32rem 0.16rem; height: 0.58rem; color: rgb(153, 153, 153); line-height: 0.58rem; display: flex;
}
.search-history > .head .title {
	flex:1 1 0px; font-size: 0.37rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.search-history > .head .action a {
	color: rgb(153, 153, 153); font-size: 0.32rem;
}
.search-history > .head .action a .icon-del {
	width: 0.32rem; height: 0.32rem; margin-top: -3px; margin-right: 0.1rem; vertical-align: middle; display: inline-block; background-image: url("../fonts/search_icon_del.svg"); background-size: cover;
}
.search-history > .list .item {
	position: relative;
}
.search-history > .list .item::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.search-history > .list .item a {
	padding: 0px 0.32rem; height: 1.33rem; color: rgb(153, 153, 153); line-height: 1.33rem; font-size: 0.37rem; display: block;
}
.search-history > .list .item .action {
	top: 0px; width: 1rem; height: 1.33rem; text-align: center; right: 0px; line-height: 1.33rem; position: absolute;
}
.search-history > .list .item .action .icon-close {
	width: 0.26rem; height: 0.26rem; margin-top: -3px; vertical-align: middle; display: inline-block; background-image: url("../fonts/icon_close.svg"); background-size: cover;
}
.search-history > .list .item a .icon-clock {
	width: 0.42rem; height: 0.42rem; margin-top: -3px; margin-right: 0.13rem; vertical-align: middle; display: inline-block; background-image: url("../fonts/icon_his.svg"); background-size: cover;
}
.books-res {
	background-color: rgb(255, 255, 255);
}
.books-res > .item {
	position: relative;
}
.books-res > .item::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.books-res > .item .link {
	padding: 0.34rem 0.32rem; display: flex;
}
.books-res > .item > .link .cover {
	margin-right: 0.32rem;
}
.books-res > .item > .link .cover img {
	border-radius: 2px; width: 1.68rem; height: 2.24rem; display: block;
}
.books-res > .item > .link .body {
	flex:1 1 0px; overflow: hidden; margin-right: 2rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.books-res > .item > .action {
	top: 50%; right: 0.32rem; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.books-res > .item > .action .btn {
	border-radius: 0.66rem; border: 1px solid rgb(253, 226, 61); border-image: none; width: 1.6rem; height: 0.66rem; text-align: center; color: rgb(253, 226, 61); line-height: 0.66rem; font-size: 0.34rem; display: block;
}
.books-res > .item > .link .title {
	color: rgb(0, 0, 0); line-height: 0.5rem; font-size: 0.42rem;
}
.books-res > .item > .link .author {
	color: rgb(153, 153, 153); line-height: 0.42rem; font-size: 0.34rem; margin-top: 0.13rem;
}
.books-res > .item > .link .text {
	color: rgb(153, 153, 153); line-height: 0.42rem; font-size: 0.34rem; margin-top: 0.13rem;
}
.books-res > .item > .link .bottom {
	color: rgb(153, 153, 153); line-height: 0.42rem; font-size: 0.34rem; margin-top: 0.13rem;
}
.books-res > .item > .link .bottom {
	font-size: 0.32rem;
}
.books-res > .item > .link .bottom .col {
	padding-right: 0.2rem;
}
.books-res > .item > .link .text {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.books-res > .item > .link .title {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.books-res > .item > a .body .icon-eye {
	width: 0.42rem; height: 0.42rem; vertical-align: middle; display: inline-block; background-repeat: no-repeat; background-size: cover;
}
.books-res > .item > a .body .icon-gray-hot {
	width: 0.42rem; height: 0.42rem; vertical-align: middle; display: inline-block; background-repeat: no-repeat; background-size: cover;
}
.books-res > .item > a .body .icon-hand {
	width: 0.42rem; height: 0.42rem; vertical-align: middle; display: inline-block; background-repeat: no-repeat; background-size: cover;
}
.books-res > .item > a .body .icon-eye {
	margin-top: -2px; background-image: url("../fonts/icon-eye.svg");
}
.books-res > .item > a .body .icon-gray-hot {
	width: 0.32rem; height: 0.37rem; margin-top: -5px; background-image: url("../fonts/icon_gray_hot.svg");
}
.books-res > .item > a .body .icon-hand {
	margin-top: -4px; background-image: url("../fonts/icon-hand.svg");
}
.books-res > .head {
	padding: 0.32rem 0.32rem 0px; height: 0.7rem; line-height: 0.7rem;
}
.books-res > .head .title {
	color: rgb(0, 0, 0); font-size: 0.4rem;
}
.sd-box {
	padding: 0.96rem 0px 0.69rem; text-align: center;
}
.sd-box > img {
	margin: 0px auto; width: 3.92rem; height: 2.32rem; display: block;
}
.cover-box {
	overflow: hidden; position: relative; background-color: rgb(204, 204, 204);
}
.cover-box > .bg {
	width: 100%; overflow: hidden; position: relative;
}
.cover-box > .bg img {
	width: 100%; display: block;
}
.cover-box > .bg .gradient {
	background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 100%); left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; opacity: 0.7;
}
.cover-box > .container {
	width: 100%; bottom: 0.48rem; position: absolute;
}
.cover-box > .container .title {
	padding: 0px 0.48rem; color: rgb(255, 255, 255); font-size: 0.5rem;
}
.cover-box > .container .tags {
	padding: 0px 0.48rem; margin-top: 0.2rem; display: flex;
}
.cover-box > .container > .tags .item {
	margin-right: 3px;
}
.cover-box > .container > .tags .item a {
	padding: 0px 0.13rem; border-radius: 0.42rem; border: 1px solid rgb(255, 255, 255); border-image: none; height: 17px; color: rgb(255, 255, 255); line-height: 17px; font-size: 11px; display: block;
}
.cover-box > .action {
	left: 0.32rem; top: 0.34rem; right: 0.32rem; position: absolute;
}
.recharge-list > .item > .container .label {
	top: 0px; width: 1.33rem; height: 0.93rem; right: 0px; display: block; position: absolute; background-image: url("../fonts/label.svg") !important; background-size: cover;
}
.cover-box > .action .btn {
	border-radius: 12px; width: 60px; height: 24px; text-align: center; color: rgb(255, 255, 255); line-height: 24px; font-size: 12px; float: right; display: block; background-color: rgb(253, 226, 61);
}
.cover-box > .action .btn svg {
	margin-top: -3px; margin-right: 4px; vertical-align: middle;
}
.cover-box > .action .gray {
	background-color: rgb(153, 165, 174);
}
.cover-box > .action .back {
	width: 0.53rem; height: 0.53rem; float: left;
}
.bm-tabs {
	display: flex; position: relative;
}
.bm-tabs::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.bm-tabs > .item {
	flex:1 1 0px; height: 1.2rem; text-align: center; line-height: 1.2rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.bm-tabs > .item a {
	font-size: 0.42rem; display: block; position: relative;
}
.bm-tabs > .item a.active {
	color: rgb(253, 226, 61);
}
.bm-tabs > .item a.active::after {
	border-radius: 2px; left: 50%; width: 4em; height: 2px; bottom: 2px; margin-left: -2em; display: block; position: relative; z-index: 2; content: " "; background-color: rgb(253, 226, 61);
}
.ac-box > .article {
	padding: 0.48rem 0.32rem 0.32rem;
}
.ac-box > .article .head {
	height: 0.64rem;
}
.ac-box > .article > .head .title {
	font-size: 0.4rem;
}
.ac-box > .article .body {
	color: rgb(102, 102, 102); line-height: 0.5rem; font-size: 0.34rem;
}
.ac-box > .article .author {
	color: rgb(102, 102, 102); font-size: 0.37rem; margin-top: 0.5rem;
}
.ac-box > .bar {
	padding: 0px 0.32rem 0.48rem; height: 0.64rem; line-height: 0.64rem; display: flex;
}
.ac-box > .bar .col {
	flex:1 1 0px; font-size: 0.32rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.ac-box > .bar .icon-hot {
	width: 0.42rem; height: 0.42rem; margin-top: -4px; vertical-align: middle; display: inline-block; background-size: cover;
}
.ac-box > .bar .icon-like {
	width: 0.42rem; height: 0.42rem; margin-top: -4px; vertical-align: middle; display: inline-block; background-size: cover;
}
.ac-box > .bar .icon-mark {
	width: 0.42rem; height: 0.42rem; margin-top: -4px; vertical-align: middle; display: inline-block; 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 {
	left: 0px; width: 100%; height: 1.33rem; bottom: 0px; position: fixed; background-color: rgb(248, 248, 248);
}
.book-bar > .inner {
	height: 1.33rem; display: flex;
}
.book-bar > .inner .body {
	padding: 0px 0.42rem; flex:1 1 0px; color: rgb(153, 153, 153); font-size: 0.38rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.book-bar > .inner > .body .title {
	line-height: 1.33rem;
}
.book-bar > .inner > .body .chapter {
	color: rgb(102, 102, 102); padding-right: 0.5em;
}
.book-bar > .inner .action {
	width: 3.73rem;
}
.book-bar > .inner > .action .btn {
	height: 1.33rem; text-align: center; color: rgb(255, 255, 255); line-height: 1.33rem; font-size: 0.42rem; display: block; background-color: rgb(255, 115, 10);
}
.ac-box > .ch {
	padding: 0px 0.32rem; height: 1.28rem; line-height: 1.28rem; display: flex;
}
.ac-box > .ch .title {
	flex:1 1 0px; font-size: 0.4rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.ac-box > .ch > .title .small {
	color: rgb(153, 153, 153); font-size: 0.32rem;
}
.ac-box > .ch .sort {
	color: rgb(153, 153, 153); font-size: 0.32rem;
}
.ac-box > .ch .sort a {
	color: rgb(153, 153, 153); font-size: 0.32rem;
}
.ac-box > .ch .sort a.active {
	color: rgb(255, 115, 10);
}
.ac-box > .ch .sort span {
	width: 1px; height: 12px; margin-top: -3px; margin-right: 3px; margin-left: 3px; vertical-align: middle; display: inline-block; background-color: rgb(153, 153, 153);
}
.ac-box > .list {
	padding: 0px 0.05rem 0.16rem; width: 100%; display: flex; box-sizing: border-box; flex-wrap: wrap; -webkit-box-sizing: border-box; -webkit-flex-wrap: wrap;
}
.ac-box > .list .item {
	width: 33.33%;
}
.ac-box > .list > .item a {
	margin: 0.16rem; border-radius: 3px; border: 1px solid rgb(220, 220, 220); border-image: none; text-align: left; color: rgb(102, 102, 102); line-height: 0.74rem; padding-left: 0.1rem; font-size: 14px; display: block; position: relative;
}
.ac-box > .list > .item a span {
	color: rgb(255, 132, 41); font-size: 12px; margin-right: 0.6rem; float: right;
}
.ac-box > .list > .item a.active {
	border-color: rgb(255, 115, 10); color: rgb(255, 255, 255); background-color: rgb(255, 115, 10);
}
.ac-box > .list > .unlock a::after {
	top: 50%; width: 0.37rem; height: 0.37rem; right: 0.13rem; display: block; position: absolute; content: " "; transform: translateY(-50%); background-size: 0.37rem; -webkit-transform: translateY(-50%);
}
.ac-box > .list > .lock a::after {
	top: 50%; width: 0.37rem; height: 0.37rem; right: 0.13rem; display: block; position: absolute; content: " "; transform: translateY(-50%); background-size: 0.37rem; -webkit-transform: translateY(-50%);
}
.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: 0.32rem;
}
.ac-box > .action .btn {
	border-radius: 0.13rem; height: 1.06rem; text-align: center; color: rgb(102, 102, 102); line-height: 1.06rem; font-size: 0.37rem; display: block; background-color: rgb(241, 241, 241);
}
.ac-box > .action .icon-arrow {
	width: 0.42rem; height: 0.42rem; margin-top: -3px; margin-left: 3px; vertical-align: middle; display: inline-block; background-image: url("../fonts/icon_arrow.svg"); background-size: cover;
}
.rt-bar {
	width: 100%; height: 1.33rem; position: relative; background-color: rgb(255, 255, 255);
}
.rt-bar::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.rt-bar > .row {
	width: 100%; display: flex;
}
.rt-bar > .row .col {
	text-align: center; line-height: 1.33rem;
}
.rt-bar > .row .title {
	flex:1 1 0px; overflow: hidden; font-size: 0.42rem; white-space: nowrap; -ms-text-overflow: ellipsis; -webkit-box-flex: 1; -webkit-flex: 1;
}
.rt-bar > .row .icon {
	width: 1rem; height: 1.33rem;
}
.rt-bar > .row .link {
	width: 1.33rem; height: 1.33rem;
}
.rt-bar > .row .link a {
	display: block;
}
.rt-bar > .row .icon a {
	display: block;
}
.rt-bar > .row .icon svg {
	width: 0.53rem; height: 0.53rem; margin-top: -3px; vertical-align: middle;
}
.rt-bar > .row .link a {
	color: rgb(253, 226, 61); font-size: 0.37rem;
}
.read-article {
	padding-top: 1.33rem;
}
.read-article .item img {
	width: 100%; display: block;
}
.read-article .holdplace {
	background-position: center; min-height: 400px; background-image: url("../images/placeholder.png"); background-repeat: no-repeat; background-size: 100px; background-color: rgb(250, 250, 250);
}
.read-footer {
	font-size: 0.4rem; background-color: rgb(255, 255, 255);
}
.read-footer > .row {
	padding: 0.48rem 0px; display: flex; position: relative;
}
.read-footer > .row::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.read-footer > .row .col {
	flex:1 1 0px; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1;
}
.read-footer > .row .col a {
	color: rgb(102, 102, 102);
}
.read-footer > .row .icon-fav {
	margin: 0px auto 5px; width: 0.7rem; height: 0.7rem; display: block; background-repeat: no-repeat; background-size: cover;
}
.read-footer > .row .icon-dir {
	margin: 0px auto 5px; width: 0.7rem; height: 0.7rem; display: block; background-repeat: no-repeat; background-size: cover;
}
.read-footer > .row .icon-good {
	margin: 0px auto 5px; width: 0.7rem; height: 0.7rem; display: block; background-repeat: no-repeat; background-size: cover;
}
.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: rgb(253, 226, 61);
}
.read-footer > .control {
	padding: 0.64rem 0px; display: flex; position: relative;
}
.read-footer > .control .item {
	flex:1 1 0px; text-align: center; color: rgb(102, 102, 102); -webkit-box-flex: 1; -webkit-flex: 1;
}
.read-footer > .control > .item a i {
	width: 0.32rem; height: 0.32rem; margin-top: -3px; margin-left: 3px; vertical-align: middle; display: none; 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-repeat: no-repeat; background-size: cover;
}
.read-footer > .control > .prev a i {
	display: inline-block;
}
.read-footer > .control > .next a i {
	display: inline-block;
}
.read-footer > .control > .prev a i {
	margin-right: 3px; transform: rotate(180deg); -webkit-transform: rotate(180deg);
}
.read-footer > .control::before {
	left: 50%; top: 50%; width: 1px; height: 0.8rem; display: block; position: absolute; content: " "; transform: translateY(-50%); background-color: rgb(221, 221, 221); -webkit-transform: translateY(-50%);
}
.down-app > a {
	background: rgb(255, 255, 255); height: 1.33rem; text-align: center; color: rgb(255, 120, 0); line-height: 1.33rem; font-size: 0.4rem; text-decoration: underline; display: block;
}
.down-app > a .icon-xz {
	top: 3px; width: 0.42rem; height: 0.42rem; margin-right: 8px; display: inline-block; position: relative; 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>"); background-size: cover;
}
#read_list {
	padding: 0px 0.4rem; color: rgb(80, 80, 80); font-size: 0.37rem;
}
#read_list > li {
	position: relative;
}
#read_list > li::before {
	transform-origin: 0% 0%; left: 0px; top: 0px; height: 1px; right: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
#read_list > li:first-child::before {
	display: none;
}
#read_list > li a {
	height: 1.33rem; color: rgb(80, 80, 80); line-height: 1.33rem; overflow: hidden; text-decoration: underline; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.rb-bar {
	left: 0px; width: 100%; height: 1.2rem; right: 0px; bottom: 0px; color: rgb(153, 153, 153); line-height: 1.2rem; font-size: 0.37rem; position: fixed; z-index: 3; background-color: rgb(255, 255, 255);
}
.rb-bar > .row {
	height: 1.2rem; display: flex; position: relative;
}
.rb-bar > .row::before {
	transform-origin: 0% 0%; left: 0px; top: 0px; height: 1px; right: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.rb-bar > .row .col {
	flex:1 1 0px; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1;
}
.rb-bar > .row .col a {
	color: rgb(153, 153, 153); display: block;
}
.rb-bar > .row .col .icon-good {
	width: 0.42rem; height: 0.42rem; margin-top: -3px; margin-right: 3px; vertical-align: middle; display: inline-block; background-size: cover;
}
.rb-bar > .row .col .icon-fav {
	width: 0.42rem; height: 0.42rem; margin-top: -3px; margin-right: 3px; vertical-align: middle; display: inline-block; background-size: cover;
}
.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: rgb(253, 226, 61);
}
.circle-box {
	right: 0.32rem; bottom: 2rem; color: rgb(255, 255, 255); position: fixed; z-index: 3;
}
.circle-box > a.portal {
	border-radius: 1.06rem; width: 1.06rem; height: 1.06rem; color: rgb(255, 255, 255); font-size: 0.24rem; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.4); -webkit-box-pack: center; -webkit-justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;
}
.circle-box > a.portal i {
	width: 0.42rem; height: 0.42rem; display: block; 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>"); background-size: cover;
}
.unlock-bar {
	left: 0px; width: 100%; right: 0px; bottom: 0px; padding-top: 2.5rem; position: fixed; z-index: 5;
}
.unlock-bar::before {
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); left: 0px; top: 0px; width: 100%; height: 2.5rem; display: block; position: absolute; content: " ";
}
.unlock-bar > .inner {
	background-color: rgb(255, 255, 255);
}
.unlock-bar > .inner > .head {
	margin: 0.26rem 0.32rem 0px; height: 0.96rem; text-align: center; line-height: 0.96rem; position: relative;
}
.unlock-bar > .inner > .head .title {
	padding: 0px 0.7rem; color: rgb(190, 190, 190); line-height: 0.96rem; font-size: 0.37rem; vertical-align: top; display: inline-block; position: relative; background-color: rgb(255, 255, 255);
}
.unlock-bar > .inner > .head .typo-orange {
	color: rgb(253, 226, 61);
}
.unlock-bar > .inner > .head::before {
	transform-origin: 0% 0%; left: 0px; top: 50%; height: 1px; right: 0px; color: rgb(220, 220, 220); position: absolute; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.unlock-bar .notice {
	padding: 0.4rem 0.4rem 0.6rem; text-align: center; font-size: 0.4rem;
}
.unlock-bar .notice .action {
	margin-top: 0.53rem;
}
.unlock-bar .action > .btn {
	border-radius: 1.2rem; height: 1.2rem; text-align: center; color: rgb(255, 255, 255); line-height: 1.2rem; font-size: 0.4rem; display: block; background-color: rgb(255, 115, 11);
}
.unlock-bar .body {
	padding: 0.1rem 0.4rem 0px; font-size: 0.37rem;
}
.unlock-bar .body p {
	height: 0.74rem; line-height: 0.74rem;
}
.unlock-bar .body .action {
	margin: 0.26rem 0px;
}
.unlock-bar .body .typo-orange {
	color: rgb(253, 226, 61);
}
.unlock-bar .body .typo-blue {
	color: rgb(32, 134, 215);
}
.unlock-bar .body .typo-gray {
	color: rgb(153, 153, 153);
}
.unlock-bar .body small {
	font-size: 0.32rem;
}
.unlock-bar .body u {
	text-decoration: line-through;
}
.unlock-bar .check-box {
	margin: 0.16rem 0.4rem; height: 0.96rem; line-height: 0.96rem; position: relative;
}
.unlock-bar .check-box input {
	left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; position: absolute; opacity: 0;
}
.unlock-bar .check-box svg {
	margin-top: -3px; margin-right: 3px; vertical-align: middle;
}
.unlock-bar .check-box input:checked ~ .text path {
	fill: #fde23d;
}
.mask-box {
	left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 5; background-color: rgba(0, 0, 0, 0.6);
}
.modal {
	left: 0px; top: 50%; width: 100%; right: 0px; position: fixed; z-index: 8; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.modal > .inner {
	margin: 0px auto; border-radius: 0.13rem; width: 8.6rem; position: relative; background-color: rgb(255, 255, 255);
}
.item2p {
	left: 0px; top: 24%; width: 100%; position: fixed; z-index: 11;
}
.item2p .inner {
	background: rgb(255, 255, 255); margin: 0px auto; padding: 20px 0px; border-radius: 10px; left: 30px; text-align: center; right: 30px; overflow: hidden; position: absolute;
}
.item2p .inner .close {
	top: 20px; right: 20px; position: absolute;
}
.item2p .inner .close a {
	background: url("../fonts/modal-close.svg") no-repeat 0% 0% / cover; width: 20px; height: 20px; display: block;
}
.item2p .inner .title {
	text-align: center; font-size: 0.48rem;
}
.choice-pay .inner .entry {
	margin: 5px 15px 0px; overflow: hidden;
}
.choice-pay .inner .entry li {
	border-radius: 5px; border: 1px solid rgb(223, 225, 226); border-image: none; height: 58px; line-height: 58px; margin-top: 10px; display: block;
}
.choice-pay .inner .entry li a {
	text-align: left; font-size: 0.48rem; display: block;
}
.choice-pay .inner .entry li a i {
	background: url("../images/icon-pay.png") no-repeat 0% 0% / 96px 32px; top: 10px; width: 32px; height: 32px; margin-right: 10px; margin-left: 24%; display: inline-block; position: relative;
}
.choice-pay .inner .entry li a i.icon-ios {
	background-position: 0px 0px;
}
.choice-pay .inner .entry li a i.icon-wechat {
	background-position: -32px 0px;
}
.choice-pay .inner .entry li a i.icon-alipay {
	background-position: -64px 0px;
}
.confirm-modal > .inner {
	width: 7.73rem;
}
.rp-modal > .inner {
	width: 8.13rem; background-color: transparent;
}
.modal > .inner .pull-action {
	top: 0.32rem; right: 0.32rem; position: absolute;
}
.m-box > .head {
	padding: 0.26rem 0px; height: 1.01rem; text-align: center; line-height: 1.01rem;
}
.m-box > .head .title {
	font-size: 0.48rem;
}
.br-box {
	background-color: rgb(99, 227, 125);
}
.bh-box {
	background-color: rgb(255, 204, 3);
}
.tj-box {
	background-color: rgb(254, 144, 230);
}
.free-box {
	background-color: rgb(146, 211, 255);
}
.br-box > .tl {
	padding: 28px 29px 23px 26px;
}
.br-box > .tl img {
	width: 100%; display: block;
}
.br-box > .tl .time {
	border-radius: 3rem; height: 3rem; text-align: center; color: rgb(255, 255, 255); line-height: 3rem; font-size: 1.3rem; margin-top: 1rem; background-color: rgb(105, 181, 233);
}
.br-box > .tl i.wbg {
	width: 320px; display: inline-block; background-image: url("../img/rt_tl.png"); background-repeat: no-repeat; background-size: 320px 397px;
}
.br-box > .tl i.wbg {
	background-position: 0px -190px; height: 96px;
}
.bh-box > .tl i.wbg {
	background-position: 0px -96px; height: 99px;
}
.tj-box > .tl i.wbg {
	background-position: 0px -195px; height: 96px;
}
.free-box > .tl i.wbg {
	background-position: 0px -293px; height: 104px;
}
.bh-box > .tl span.times {
	border-radius: 15px; width: 100%; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 13px; display: inline-block; background-color: rgb(235, 177, 29);
}
.rank-view > .list {
	margin: 2px 10px 0px; padding: 0px 1.5rem; height: auto; position: relative; background-color: rgb(255, 255, 255);
}
.rank-view > .list::before {
	background-position: top; left: 0px; top: -13px; width: 100%; height: 22px; display: block; position: absolute; content: " "; background-image: url("../images/br.png"); background-repeat: repeat-x; background-size: 22px;
}
.list > .item .col svg {
	top: 1px; position: relative;
}
.rank-view > .list > .item {
	position: relative;
}
.rank-view > .list > .item a {
	padding: 12px 0px 12px 87px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.rank-view > .list > :last-child.item a {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.rank-view > .list > .item .cover {
	width: 75px; height: 100px; margin-left: -85px; float: left;
}
.rank-view > .list > .item .cover img {
	border-radius: 3px; display: block;
}
.rank-view > .list > .item .col {
	font-size: 1.3rem;
}
.rank-view > .list > .item .title {
	color: rgb(136, 136, 136); overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.rank-view > .list > .item .col {
	color: rgb(136, 136, 136); overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.rank-view > .list > .item .title {
	color: rgb(0, 0, 0); font-size: 1.6rem;
}
.rank-view > .list > .item::after {
	top: 50%; right: 10px; color: rgb(223, 223, 223); font-size: 2.8rem; margin-top: -2.4rem; display: block; position: absolute; content: " ";
}
.rank-view > .list > :nth-child(1).item::after {
	width: 34px; height: 34px; margin-top: -17px; display: block; content: " "; background-image: url("../images/crwon.png"); background-size: 104px 34px;
}
.rank-view > .list > :nth-child(2).item::after {
	width: 34px; height: 34px; margin-top: -17px; display: block; content: " "; background-image: url("../images/crwon.png"); background-size: 104px 34px;
}
.rank-view > .list > :nth-child(3).item::after {
	width: 34px; height: 34px; margin-top: -17px; display: block; content: " "; background-image: url("../images/crwon.png"); background-size: 104px 34px;
}
.rank-view > .list > :nth-child(1).item::after {
	background-position: 0px 0px;
}
.rank-view > .list > :nth-child(2).item::after {
	background-position: -34px 0px;
}
.rank-view > .list > :nth-child(3).item::after {
	background-position: -68px 0px;
}
.rank-view > .list > :nth-child(4).item::after {
	content: "04";
}
.rank-view > .list > :nth-child(5).item::after {
	content: "05";
}
.rank-view > .list > :nth-child(6).item::after {
	content: "06";
}
.rank-view > .list > :nth-child(7).item::after {
	content: "07";
}
.rank-view > .list > :nth-child(8).item::after {
	content: "08";
}
.rank-view > .list > :nth-child(9).item::after {
	content: "09";
}
.rank-view > .list > :nth-child(10).item::after {
	content: "10";
}
.rank-view > .list > .item .tag {
	padding: 0px 7px; border-radius: 18px; border: 1px solid rgb(204, 204, 204); border-image: none; height: 18px; color: rgb(136, 136, 136); line-height: 18px; font-size: 1.1rem; display: inline-block;
}
.rank-view > .list > .item .col {
	margin-top: 5px;
}
.bpv-box {
	background-color: rgb(255, 146, 169);
}
.bpv-box > .tl img {
	width: 100%;
}
.ppv-box {
	background-position: top; background-image: url("../images/ppv.png"); background-repeat: no-repeat; background-size: contain; background-color: rgb(183, 183, 255);
}
.ppv-box > .tl {
	height: 12rem;
}
.backtop {
	width: 44px; height: 44px; right: 0.4rem; bottom: 1.9rem; position: fixed;
}
.backtop > a {
	border-radius: 44px; width: 44px; height: 44px; text-align: center; color: rgb(255, 255, 255); line-height: 54px; overflow: hidden; margin-top: 10px; display: block; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.4);
}
.backtop > a.top {
	background-position: center 8px; 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;
}
.backtop > a.home {
	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>"); background-size: 24px; background-color: rgba(255, 120, 0, 0.65);
}
.recharge-box > .list {
	padding: 0px 0.53rem 0.2rem;
}
.recharge-box > .list > .item {
	margin-bottom: 0.32rem;
}
.recharge-box > .list > .item .wrap {
	position: relative;
}
.recharge-box > .list > .item .container {
	border-radius: 0.13rem; border: 1px solid rgb(233, 233, 233); border-image: none; width: 100%; display: flex; position: relative; min-height: 1.28rem; align-items: center; background-color: rgb(250, 250, 250); -webkit-box-align: center; -webkit-align-items: center;
}
.recharge-box > .list > .item .container .text {
	padding: 0px 0.6rem; flex:1 1 0px; font-size: 0.4rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.recharge-box > .list > .item .container .text .add {
	color: rgb(153, 153, 153); font-size: 0.32rem;
}
.recharge-box > .list > .item .active .container .text .add {
	font-size: 0.32rem;
}
.recharge-box > .list > .item .container .price {
	width: 2.4rem; text-align: center; font-size: 0.42rem;
}
.recharge-box > .list > .item input {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2; opacity: 0; background-color: rgb(0, 0, 0);
}
.recharge-box > .list > .item input:checked ~ .container {
	border-color: rgb(255, 115, 11); background-color: rgb(254, 247, 236);
}
.recharge-box > .list > .item input:checked ~ .container .add {
	color: rgb(255, 115, 11);
}
.recharge-box > .list > .item .wrap .label-j {
	left: 0px; top: 0px; width: 0.96rem; height: 1.04rem; display: block; position: absolute; border-top-left-radius: 0.13rem; background-size: cover;
}
.recharge-box > .list > .item .wrap .label-c {
	left: 0px; top: 0px; width: 0.96rem; height: 1.04rem; display: block; position: absolute; border-top-left-radius: 0.13rem; background-size: cover;
}
.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 {
	left: 2.4rem; top: 50%; width: 1px; height: 0.48rem; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; display: block; position: absolute; content: " "; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-50%);
}
.recharge-box > .action {
	margin: 0px 0.53rem; padding-bottom: 0.4rem;
}
.recharge-box > .action .btn {
	border-radius: 1.33rem; height: 1.33rem; text-align: center; color: rgb(255, 255, 255); line-height: 1.33rem; font-size: 0.42rem; display: block; background-color: rgb(255, 115, 11);
}
.bs-box {
	left: 0px; top: 1.2rem; right: 0px; overflow: hidden; margin-bottom: 1.33rem; position: absolute; -ms-overflow-y: auto; background-color: rgb(248, 248, 248); -webkit-overflow-scrolling: touch;
}
.bs-box > .row-list {
	padding: 4px; width: 100%; display: flex; box-sizing: border-box; flex-wrap: wrap; -webkit-box-sizing: border-box; -webkit-flex-wrap: wrap;
}
.bs-box > .row-list .item {
	width: 33.33%; position: relative; flex-grow: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0;
}
.bs-box > .row-list .item .cover {
	position: relative;
}
.bs-box > .row-list > .item a {
	margin: 0.16rem 4px; border-radius: 0.13rem; text-align: center; overflow: hidden; display: block; background-color: rgb(255, 255, 255);
}
.bs-box > .row-list > .item img {
	width: 100%; display: block;
}
.bs-box > .row-list > .item a .body {
	padding: 0.16rem; text-align: center;
}
.bs-box > .row-list > .item a .body .title {
	color: rgb(0, 0, 0); font-size: 0.37rem;
}
.bs-box > .row-list > .item a .body .text {
	color: rgb(153, 153, 153); font-size: 0.32rem; margin-top: 0.1rem;
}
.bs-box > .row-list > .item a .body .title {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.bs-box > .row-list > .item a .body .text {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.bs-box > .column-list > .item {
	position: relative; background-color: rgb(255, 255, 255);
}
.bs-box > .column-list > .item::before {
	transform-origin: 0% 0%; left: 0px; top: 0px; height: 1px; right: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.bs-box > .column-list > .item .link {
	padding: 0.21rem 0.32rem; display: flex; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.bs-box > .column-list > .item .cover img {
	width: 1.68rem; height: 2.24rem; display: block;
}
.bs-box > .column-list > .item .body {
	flex:1 1 0px; overflow: hidden; margin-right: 1.6rem; margin-left: 0.4rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.bs-box > .column-list > .item .title {
	color: rgb(0, 0, 0); line-height: 0.64rem; overflow: hidden; font-size: 0.42rem; margin-top: 0.1rem; margin-bottom: 0.16rem; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.bs-box > .column-list > .item .author {
	color: rgb(153, 153, 153); line-height: 0.5rem; font-size: 0.37rem;
}
.bs-box > .column-list > .item .text {
	color: rgb(153, 153, 153); line-height: 0.5rem; font-size: 0.37rem;
}
.bs-box > .column-list > .item .author {
	margin-bottom: 0.16rem;
}
.bs-box > .column-list > .item .action {
	top: 50%; right: 0.32rem; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.bs-box > .column-list > .item .action .btn {
	padding: 0px 1em; border-radius: 0.1rem; border: 1px solid rgb(253, 226, 61); border-image: none; height: 0.72rem; color: rgb(253, 226, 61); line-height: 0.72rem; font-size: 0.32rem; display: block; background-color: rgb(255, 255, 255);
}
.bs-box > .column-list > :first-child.item::before {
	display: none;
}
.bs-box > .column-list.editable > .item .cp-box {
	left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: flex; position: absolute; justify-content: flex-end; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center;
}
.bs-box > .column-list.editable > .item .cp-box .swtich {
	border-radius: 0.53rem; border: 1px solid rgb(220, 220, 220); border-image: none; width: 0.53rem; height: 0.53rem; margin-right: 0.4rem; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.bs-box > .column-list.editable > .item .cp-box input {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2; opacity: 0;
}
.bs-box > .column-list.editable > .item .cp-box input:checked ~ .swtich {
	border: 0px currentColor; border-image: none; background-image: url("../fonts/radio_button_on.svg"); background-repeat: no-repeat; background-size: cover;
}
.bs-box > .row-list.editable > .item .cp-box {
	left: 4px; top: 0.16rem; right: 4px; bottom: 0.16rem; position: absolute;
}
.bs-box > .row-list.editable > .item .cp-box .swtich {
	border-radius: 0.53rem; border: 1px solid rgb(220, 220, 220); border-image: none; width: 0.53rem; height: 0.53rem; right: 0.24rem; bottom: 1.5rem; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.bs-box > .row-list.editable > .item .cover::after {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; content: " "; border-top-left-radius: 0.13rem; border-top-right-radius: 0.13rem; background-color: rgba(0, 0, 0, 0.8);
}
.bs-box > .row-list.editable > .item .cp-box input {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2; opacity: 0;
}
.bs-box > .row-list.editable > .item .cp-box input:checked ~ .swtich {
	border: 0px currentColor; border-image: none; background-image: url("../images/radio_button_on.svg"); background-repeat: no-repeat; background-size: cover;
}
.editable-bar {
	left: 0px; width: 100%; height: 1.33rem; bottom: 0px; position: fixed; z-index: 4;
}
.editable-bar > .row {
	width: 100%; height: 1.33rem; display: flex; position: relative; background-color: rgb(255, 255, 255);
}
.editable-bar > .row::before {
	transform-origin: 0% 0%; left: 0px; top: 0px; height: 1px; right: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.editable-bar > .row .cp-box {
	flex:1 1 0px; height: 1.33rem; font-size: 0.4rem; position: relative; -webkit-box-flex: 1; -webkit-flex: 1;
}
.editable-bar > .row .cp-box .text {
	width: 2.26rem; text-align: center; line-height: 1.33rem; position: relative;
}
.editable-bar > .row .cp-box .text i {
	border-radius: 0.1rem; border: 1px solid rgb(220, 220, 220); border-image: none; width: 0.4rem; height: 0.4rem; overflow: hidden; margin-top: -3px; margin-right: 5px; vertical-align: middle; display: inline-block; box-sizing: border-box; background-color: rgb(255, 255, 255); -webkit-box-sizing: border-box;
}
.editable-bar > .row .cp-box input {
	left: 0px; top: 0px; width: 2.26rem; height: 1.33rem; position: absolute; z-index: 2; opacity: 0;
}
.editable-bar > .row .action {
	line-height: 1.33rem; font-size: 0.4rem; margin-right: 0.4rem;
}
.editable-bar > .row .action .btn {
	color: rgb(255, 133, 42); line-height: 1.33rem; display: block;
}
.editable-bar > .row .action .btn svg {
	margin-top: -4px; margin-right: 0.1rem; vertical-align: middle;
}
.editable-bar > .row .cp-box input:checked ~ .text i {
	border: 0px currentColor; border-image: none; background-image: url("../fonts/bookshelf_icon_chackbox_s.svg");
}
.side-rp {
	top: 60%; width: 1.04rem; height: 1.22rem; right: 0.37rem; position: fixed; z-index: 3; transform: translateY(-50%); background-image: url("../images/icon_hongbao.png"); background-size: cover; -webkit-transform: translateY(-50%);
}
.side-rp > .container {
	height: 100%; display: flex; position: relative;
}
.side-rp > .container .time {
	flex:1 1 0px; height: 0.53rem; text-align: center; color: rgb(255, 234, 57); line-height: 0.53rem; font-size: 0.29rem; align-self: flex-end; -webkit-box-flex: 1; -webkit-flex: 1; -webkit-align-self: flex-end;
}
.side-rp > .container .action {
	top: -0.16rem; width: 0.37rem; height: 0.37rem; right: -0.16rem; position: absolute;
}
.side-rp > .container .action a {
	display: block;
}
.side-rp > .container .action a .icon-close {
	width: 0.37rem; height: 0.37rem; display: block; background-image: url("../images/rclose.png"); background-size: cover;
}
.confirm-box > .body {
	padding: 0px 0.4rem; width: 100%; text-align: center; font-size: 0.4rem; display: flex; min-height: 3.5rem; box-sizing: border-box; flex-direction: column; justify-content: center; -webkit-box-sizing: border-box; -webkit-box-pack: center; -webkit-justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;
}
.confirm-box > .body .title {
	font-size: 0.48rem;
}
.confirm-box > .body .text {
	color: rgb(102, 102, 102); font-size: 0.37rem;
}
.confirm-box > .body .title {
	margin: 0.37rem 0px;
}
.confirm-box > .body .text {
	margin: 0.37rem 0px;
}
.confirm-box > .action {
	height: 1.6rem; text-align: center; line-height: 1.6rem; display: flex; position: relative;
}
.confirm-box > .action::before {
	transform-origin: 0% 0%; left: 0px; top: 0px; height: 1px; right: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.confirm-box > .action::after {
	transform-origin: 0% 0%; left: 50%; top: 0px; width: 1px; height: 200%; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.confirm-box > .action .btn {
	flex:1 1 0px; color: rgb(153, 153, 153); font-size: 0.42rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.confirm-box > .action .cancel {
	color: rgb(255, 115, 10);
}
.rp-box {
	font-size: 0.4rem;
}
.rp-box > .head {
	overflow: hidden; position: relative;
}
.rp-box > .head img {
	width: 100%; display: block;
}
.rp-box > .head .container {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; position: absolute; flex-direction: column; justify-content: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;
}
.rp-box > .head .title {
	color: rgb(253, 226, 61); font-size: 0.45rem; font-weight: 900; margin-top: 0.16rem;
}
.rp-box > .head .title strong {
	color: rgb(253, 170, 51); font-size: 0.88rem;
}
.rp-box > .head .text {
	color: rgb(175, 80, 47); font-size: 0.37rem; margin-top: 0.1rem;
}
.rp-box > .body {
	padding: 0.42rem 0.85rem; text-align: center; color: rgb(255, 226, 29); margin-top: -1px; position: relative; border-bottom-right-radius: 0.16rem; border-bottom-left-radius: 0.16rem; background-color: rgb(220, 81, 58);
}
.rp-box > .body .title {
	font-size: 0.72rem;
}
.rp-box > .body .text {
	color: rgb(255, 194, 29); font-size: 0.37rem; margin-top: 0.42rem;
}
.rp-box > .body .action {
	margin-top: 0.64rem;
}
.rp-box > .body .action .btn {
	display: block;
}
.rp-box > .body .action .confirm {
	border-radius: 1.2rem; height: 1.2rem; color: rgb(253, 226, 61); line-height: 1.1rem; font-size: 0.5rem; font-weight: 600; box-shadow: inset 0px -2px 0px rgba(0,0,0,0.2); background-color: rgb(255, 206, 37); -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
}
.rp-box > .body .action .cancel {
	margin: 0.4rem 0px 0.2rem; color: rgb(238, 148, 133); font-size: 0.45rem;
}
.uh-box {
	position: relative;
}
.uh-box > .bg {
	width: 100%; display: block;
}
.uh-box > .container {
	left: 0px; top: 0px; width: 100%; height: 100%; display: flex; position: absolute; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
.uh-box > .container .avatar {
	margin: 0px 0.48rem; position: relative;
}
.uh-box > .container .avatar img {
	border-radius: 1.73rem; border: 2px solid rgb(220, 220, 220); border-image: none; width: 1.73rem; height: 1.73rem; display: block;
}
.uh-box > .container .avatar .deco {
	left: 50%; bottom: -0.1rem; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.uh-box > .container .avatar .rank {
	padding: 0px 0.13rem; border-radius: 0.32rem; border: 1px solid rgb(255, 255, 255); border-image: none; height: 0.32rem; text-align: center; color: rgb(255, 255, 255); line-height: 0.3rem; font-size: 0.26rem; font-weight: 600; display: block; white-space: nowrap; box-shadow: 0px 1px 0px rgba(0,0,0,0.1); background-color: rgb(255, 115, 10); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}
.uh-box > .container .avatar .rank i {
	font-size: 0.32rem;
}
.uh-box > .container .body {
	flex:1 1 0px; color: rgb(255, 255, 255); margin-right: 0.26rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.uh-box > .container .action {
	top: 0.7rem; right: 0.4rem; position: absolute;
}
.uh-box > .container :last-child.action {
	top: 1.65rem; right: 0.4rem; position: absolute;
}
.uh-box > .container .action .btn {
	border-radius: 0.8rem; width: 1.86rem; height: 0.68rem; text-align: center; color: rgb(255, 65, 65); line-height: 0.68rem; font-size: 0.35rem; display: block; background-color: rgb(255, 255, 255);
}
.uh-box > .container .body .title {
	margin: 0.1rem 0px;
}
.uh-box > .container .body .text {
	margin: 0.1rem 0px;
}
.uh-box > .container .body .title {
	font-size: 0.45rem;
}
.uh-box > .container .body .text {
	font-size: 0.37rem;
}
.uh-box > .container .body .text span {
	padding-right: 0.15rem;
}
.uh-row {
	padding: 0.4rem 0px; font-size: 0.37rem; display: flex;
}
.uh-row > .col {
	flex:1 1 0px; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1;
}
.uh-row > .col .num {
	color: rgb(253, 226, 61); font-size: 0.56rem;
}
.uh-row::after {
	left: 50%; top: 50%; width: 1px; height: 1.12rem; position: absolute; content: " "; transform: translateY(-50%); background-color: rgb(220, 220, 220); -webkit-transform: translateY(-50%);
}
.uh-nav > .item {
	height: 1.33rem; line-height: 1.33rem; position: relative;
}
.uh-nav > .item .action {
	top: 50%; right: 0.37rem; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.uh-nav > .item .action .btn {
	padding: 0px 0.32rem; border-radius: 0.61rem; border: 1px solid rgb(253, 226, 61); border-image: none; height: 0.61rem; color: rgb(253, 226, 61); line-height: 0.61rem; font-size: 0.32rem; display: block;
}
.uh-nav > .item a.link {
	padding: 0px 0.37rem; height: 1.33rem; line-height: 1.33rem; font-size: 0.37rem; display: flex;
}
.uh-nav > .item a.link .title {
	flex:1 1 0px; line-height: 1.18rem; padding-top: 3.1px; -webkit-box-flex: 1; -webkit-flex: 1;
}
.uh-nav > .tl::before {
	transform-origin: 0% 0%; left: 1.28rem; top: 0px; height: 1.2px; right: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 999999; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.uh-nav > .item a.link i[class^='icon-'] {
	width: 0.53rem; height: 0.53rem; margin-right: 0.37rem; display: block; align-self: center; background-repeat: no-repeat; background-size: cover; -webkit-align-self: center;
}
.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 {
	top: 0.35rem; width: 0.53rem; height: 0.53rem; right: 0.4rem; position: absolute;
}
.header-home i[class^='my-'] {
	background: url("../images/sprite-header.png") no-repeat -0.53rem -1rem / 1.59rem; width: 0.53rem; height: 0.53rem; display: block; align-self: center; -webkit-align-self: center;
}
.uh-nav > .item a.link .text svg {
	margin-top: -3px; margin-right: 5px; vertical-align: middle;
}
.uh-nav > .item .typo-orange {
	color: rgb(253, 226, 61);
}
.uh-nav > .item .typo-gray {
	color: rgb(153, 153, 153);
}
.uh-nav > .item .cp-box {
	display: flex; justify-content: flex-end; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center;
}
.uh-nav > .item .cp-box {
	left: 0px; top: 0px; height: 100%; right: 0.37rem; position: absolute;
}
.auto-switch {
	outline: 0px; border-radius: 0.74rem; border: 1px solid rgb(220, 220, 220); transition:background-color 0.1s, border 0.1s; border-image: none; width: 1.38rem; height: 0.74rem; position: relative; box-sizing: border-box; background-color: rgb(220, 220, 220); -webkit-box-sizing: border-box; -webkit-transition: background-color 0.1s, border 0.1s;
}
.auto-switch::before {
	border-radius: 0.69rem; transition:transform 0.35s cubic-bezier(0.45, 1, 0.4, 1), transform 0.35s cubic-bezier(0.45, 1, 0.4, 1); left: 0px; top: 0px; width: 1.33rem; height: 0.69rem; position: absolute; content: " "; background-color: rgb(220, 220, 220); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
}
.auto-switch::after {
	border-radius: 0.69rem; transition:transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35); left: 0px; top: 0px; width: 0.69rem; height: 0.69rem; position: absolute; content: " "; box-shadow: 0px 1px 3px rgba(0,0,0,0.4); background-color: rgb(255, 255, 255); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
:checked.auto-switch {
	border-color: rgb(253, 226, 61); background-color: rgb(253, 226, 61);
}
:checked.auto-switch::before {
	transform: scale(0); -webkit-transform: scale(0);
}
:checked.auto-switch::after {
	transform: translateX(0.6133rem); -webkit-transform: translateX(.6133rem);
}
.rt-tabs {
	height: 1.17rem; line-height: 1.17rem; font-size: 0.42rem; display: flex; position: relative;
}
.rt-tabs::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.rt-tabs > .item {
	flex:1 1 0px; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1;
}
.rt-tabs > .item a {
	color: rgb(102, 102, 102); display: block; position: relative;
}
.rt-tabs > .item a.active {
	color: rgb(51, 51, 51);
}
.rt-tabs > .item a.active::after {
	margin: 0px auto; width: 8em; height: 1px; bottom: 1px; display: block; position: relative; content: " "; background-color: rgb(253, 226, 61);
}
.rt-list > .item {
	padding: 0.48rem 0.32rem; display: flex; position: relative; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
.rt-list > .item::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.rt-list > .item .title {
	font-size: 0.37rem; max-width: 5rem;
}
.rt-list > .item .body {
	flex:1 1 0px; text-align: right; font-size: 0.32rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.rt-list > .item .body .typo-orange {
	color: rgb(253, 226, 61); font-size: 0.37rem;
}
.rt-list > .item .body .typo-gray {
	color: rgb(153, 153, 153); font-size: 0.32rem;
}
.rt-list > .bar {
	padding: 0.32rem 0.32rem 0px;
}
.rt-list > .bar a {
	color: rgb(67, 148, 255); text-decoration: underline;
}
.rl-box {
	left: 0px; top: 1.33rem; right: 0px; bottom: 0px; overflow: hidden; position: absolute; -ms-overflow-y: auto; background-color: rgb(245, 245, 245); -webkit-overflow-scrolling: touch;
}
.rl-box > .item {
	padding: 0.4rem 0.26rem; position: relative; background-color: rgb(255, 255, 255);
}
.rl-box > .item::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.rl-box > .item .title {
	font-size: 0.42rem;
}
.rl-box > .item .body {
	color: rgb(102, 102, 102); font-size: 0.37rem; margin-top: 0.16rem;
}
.rl-box > .notice {
	padding: 0.32rem; text-align: center; color: rgb(153, 153, 153); font-size: 0.37rem;
}
.cons-box {
	left: 0px; top: 1.33rem; right: 0px; bottom: 0px; overflow: hidden; position: absolute; -ms-overflow-y: auto; background-color: rgb(245, 245, 245); -webkit-overflow-scrolling: touch;
}
.cons-box .item {
	padding: 0.26rem 0.32rem; font-size: 0.32rem; display: flex; position: relative; background-color: rgb(255, 255, 255);
}
.cons-box .item::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.cons-box .item > .body {
	flex:1 1 0px; line-height: 1.8; margin-right: 1em; -webkit-box-flex: 1; -webkit-flex: 1;
}
.cons-box .item > .body .title {
	color: rgb(51, 51, 51); font-size: 0.4rem;
}
.cons-box .item > .body .text {
	color: rgb(102, 102, 102);
}
.cons-box .item > .body .bottom {
	color: rgb(153, 153, 153);
}
.cons-box .item > .body .label {
	padding: 0px 0.16rem; border-radius: 0.32rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.26rem; margin-top: -4px; vertical-align: middle; display: inline-block;
}
.cons-box .item > .body .orange {
	color: rgb(255, 255, 255); background-color: rgb(253, 226, 61);
}
.cons-box .item > .pull-right {
	font-size: 0.37rem; align-self: center; -webkit-align-self: center;
}
.rk-box {
	padding: 0.42rem 0.32rem;
}
.rk-box > .title {
	font-size: 0.4rem; margin-bottom: 1em;
}
.rk-box > table th {
	text-align: left;
}
.rk-box > table th {
	padding: 0.32rem 0.48rem; border: 1px solid rgb(241, 241, 241); border-image: none; font-size: 0.34rem;
}
.rk-box > table td {
	padding: 0.32rem 0.48rem; border: 1px solid rgb(241, 241, 241); border-image: none; font-size: 0.34rem;
}
.rk-box > table .vip {
	border-radius: 0.32rem; border: 1px solid rgb(255, 255, 255); border-image: none; width: 0.96rem; height: 0.32rem; text-align: center; color: rgb(255, 255, 255); line-height: 0.3rem; font-size: 0.26rem; font-weight: 600; display: inline-block; box-shadow: 0px 1px 1px rgba(0,0,0,0.2); background-color: rgb(255, 115, 10); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.rk-box > table .vip i {
	font-size: 0.32rem;
}
.lvl-box {
	padding: 0px 0.32rem; margin-bottom: 0.42rem;
}
.lvl-box > .title {
	font-size: 0.4rem; margin-bottom: 0.5em;
}
.lvl-box > .list {
	padding: 0.16rem 0.32rem; border: 1px solid rgb(241, 241, 241); border-image: none; font-size: 0.34rem;
}
.lvl-box > .list p {
	margin: 0.2rem 0px;
}
.lvl-box > .list p i {
	border-radius: 0.4rem; width: 0.4rem; height: 0.4rem; text-align: center; color: rgb(255, 255, 255); line-height: 0.4rem; font-size: 0.32rem; margin-top: -4px; vertical-align: middle; display: inline-block; background-color: rgb(253, 226, 61);
}
.uc-box {
	left: 0px; top: 1.33rem; right: 0px; bottom: 0px; overflow: hidden; position: absolute; -ms-overflow-y: auto; background-color: rgb(245, 245, 245); -webkit-overflow-scrolling: touch;
}
.card-box {
	margin: 0.26rem; border-radius: 0.13rem; color: rgb(255, 255, 255); font-size: 0.4rem; background-color: rgb(255, 104, 45);
}
.card-box > .head-bar {
	padding: 0.26rem 0px 0.36rem; display: flex; position: relative;
}
.card-box > .head-bar::before {
	transform-origin: 0% 0%; left: 0.13rem; height: 1px; right: 0.13rem; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgba(255, 255, 255, 0.3); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.card-box > .head-bar .avatar {
	width: 2.24rem; text-align: center; position: relative;
}
.card-box > .head-bar > .avatar img {
	margin: 0px auto; border-radius: 1.33rem; border: 2px solid rgb(255, 255, 255); border-image: none; width: 1.33rem; height: 1.33rem; display: block;
}
.card-box > .head-bar > .avatar .deco {
	left: 50%; bottom: -0.1rem; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.card-box > .head-bar > .avatar .rank {
	padding: 0px 0.13rem; border-radius: 0.32rem; border: 1px solid rgb(255, 255, 255); border-image: none; height: 0.32rem; text-align: center; color: rgb(255, 255, 255); line-height: 0.32rem; font-size: 0.26rem; font-weight: 600; display: block; white-space: nowrap; box-shadow: 0px 1px 0px rgba(0,0,0,0.1); background-color: rgb(255, 115, 10); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}
.card-box > .head-bar > .avatar .rank i {
	font-size: 0.32rem;
}
.card-box > .head-bar > .body {
	flex:1 1 0px; padding-right: 0.4rem; align-self: center; -webkit-box-flex: 1; -webkit-flex: 1; -webkit-align-self: center;
}
.card-box > .head-bar > .body .title {
	font-size: 0.42rem;
}
.card-box > .head-bar > .body .text {
	font-size: 0.37rem;
}
.card-box > .row {
	margin: 0.4rem 0px; display: flex; position: relative;
}
.card-box > .row::before {
	transform-origin: 0% 0%; left: 50%; top: 0px; width: 1px; height: 200%; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgba(255, 255, 255, 0.3); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.card-box > .row .col {
	flex:1 1 0px; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1;
}
.card-box > .row .col .num {
	font-size: 0.56rem;
}
.card-box > .row .col .title {
	font-size: 0.37rem;
}
.card-box > .row .col .num {
	margin: 4px 0px;
}
.card-box > .row .col .title {
	margin: 4px 0px;
}
.card-box > .action {
	margin: 0px 1.5rem; padding-bottom: 0.5rem;
}
.card-box > .action .btn {
	border-radius: 1.06rem; height: 1.06rem; text-align: center; color: rgb(255, 104, 45); line-height: 1.06rem; font-size: 0.4rem; display: block; background-color: rgb(255, 255, 255);
}
.uc-nav {
	margin: 0px 0.26rem; border-radius: 0.13rem; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.04); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.04);
}
.uc-nav > .item {
	font-size: 0.37rem; position: relative;
}
.uc-nav > .item::before {
	transform-origin: 0% 0%; left: 0.4rem; top: 0px; height: 1px; right: 0.4rem; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.uc-nav > :first-child.item::before {
	display: none;
}
.uc-nav > .item a {
	height: 1.33rem; line-height: 1.33rem; display: flex;
}
.uc-nav > .item .title {
	flex:1 1 0px; line-height: 1.18rem; padding-top: 3.6px; -webkit-box-flex: 1; -webkit-flex: 1;
}
.uc-nav > .item a i[class^='icon-'] {
	margin: 0px 0.4rem; width: 0.53rem; height: 0.53rem; display: block; align-self: center; background-repeat: no-repeat; background-size: cover; -webkit-align-self: center;
}
.uc-nav > .item a .text {
	margin-right: 0.4rem; align-self: center; -webkit-align-self: center;
}
.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: rgb(255, 255, 255);
}
.message-box > :last-child.item {
	border-bottom-color: rgb(245, 245, 245); border-bottom-width: 0.26rem; border-bottom-style: solid;
}
.message-box > .item a {
	padding-bottom: 0.32rem; display: block;
}
.message-box > .item .head {
	padding: 0.45rem 0.4rem 0.32rem; display: flex; position: relative;
}
.message-box > .item .head::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.message-box > .item .body {
	padding: 0px 0.4rem; font-size: 0.34rem; margin-top: 0.26rem;
}
.message-box > .item .body p {
	line-height: 0.5rem;
}
.message-box > .item .title {
	flex:1 1 0px; font-size: 0.4rem; margin-right: 1em; -webkit-box-flex: 1; -webkit-flex: 1;
}
.message-box > .item .body img {
	width: 100%; margin-bottom: 0.32rem; display: block;
}
.message-box > .item .date {
	color: rgb(102, 102, 102); line-height: 0.53rem; font-size: 0.32rem;
}
.message-box > .item .title .label-new {
	padding: 0px 3px; border-radius: 12px; height: 12px; color: rgb(255, 255, 255); line-height: 12px; font-size: 8px; font-style: italic; vertical-align: top; display: inline-block; background-color: rgb(255, 22, 22);
}
.message-box > .item a:visited {
	color: rgb(153, 153, 153);
}
.message-box > .item a.visited {
	color: rgb(153, 153, 153);
}
.message-box > .item a:visited .date {
	color: rgb(153, 153, 153);
}
.message-box > .item a.visited .date {
	color: rgb(153, 153, 153);
}
.lc-box {
	left: 0px; top: 1.33rem; right: 0px; bottom: 0px; overflow: hidden; position: absolute; -ms-overflow-y: auto; background-color: rgb(245, 245, 245); -webkit-overflow-scrolling: touch;
}
.lc-box > .item {
	margin: 0px 0.4rem 0.24rem; overflow: hidden; position: relative;
}
.lc-box > :first-child.item {
	margin-top: 0.42rem;
}
.lc-box > .item .bg {
	width: 100%; display: block; pointer-events: none;
}
.lc-box > .item .container {
	left: 0px; top: 0px; width: 100%; height: 100%; display: flex; position: absolute;
}
.lc-box > .item .c1 {
	text-align: center; margin-top: -0.21rem; display: flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
.lc-box > .item .c2 {
	text-align: center; margin-top: -0.21rem; display: flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
.lc-box > .item .c1 {
	width: 2.72rem;
}
.lc-box > .item .c2 {
	flex:1 1 0px; -webkit-box-flex: 1; -webkit-flex: 1;
}
.lc-box > .item .body {
	padding: 0px 0.75rem; flex:1 1 0px; text-align: left; -webkit-box-flex: 1; -webkit-flex: 1;
}
.lc-box > .item .price {
	flex:1 1 0px; text-align: center; color: rgb(253, 226, 61); text-indent: 0.26rem; font-size: 1.01rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.lc-box > .item .price small {
	font-size: 0.64rem;
}
.lc-box > .item .title {
	font-size: 0.45rem;
}
.lc-box > .item .text {
	font-size: 0.4rem;
}
.lc-box > .item .title {
	margin: 0.13rem 0px;
}
.lc-box > .item .text {
	margin: 0.13rem 0px;
}
.lc-box > .disabled div {
	color: rgb(196, 196, 196) !important;
}
.lc-box > .disabled a {
	pointer-events: none;
}
.lc-box > .item label {
	top: -0.24rem; width: 1.38rem; height: 1.38rem; right: 0.16rem; display: block; position: absolute; background-size: 1.37rem;
}
.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 {
	padding: 0.32rem; background-color: rgb(255, 255, 255);
}
.contact-box > .row {
	margin: 0.24rem 0px; font-size: 0.4rem; display: flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
.contact-box > .row .label {
	padding: 0px 0.24rem; border: 1px dotted rgb(255, 115, 11); border-image: none; height: 0.77rem; color: rgb(255, 115, 11); line-height: 0.72rem; font-size: 0.34rem; margin-left: 0.26rem; box-sizing: border-box; background-color: rgb(255, 253, 226); -webkit-box-sizing: border-box;
}
.contact-box > .row img {
	width: 2.4rem; height: 0.77rem; display: block;
}
.qa-box {
	font-size: 0.4rem; background-color: rgb(255, 255, 255);
}
.qa-box > .item {
	position: relative;
}
.qa-box > .item input {
	left: 0px; top: 0px; width: 100%; height: 1.5rem; position: absolute; z-index: 2;
}
.qa-box > .item > .head {
	padding: 0.48rem 0.32rem; display: flex; position: relative;
}
.qa-box > .item > .head::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.qa-box > .item > .head .title {
	flex:1 1 0px; margin-right: 1em; -webkit-box-flex: 1; -webkit-flex: 1;
}
.qa-box > .item > .head .action {
	width: 0.48rem; height: 0.48rem; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.qa-box > .item > .head ~ .body {
	padding: 0.4rem 0.32rem; color: rgb(117, 117, 117); line-height: 0.64rem; font-size: 0.37rem; display: none; position: relative; background-color: rgb(249, 249, 251);
}
.qa-box > .item > .toggle ~ .body {
	display: block;
}
.qa-box > .item > .body::before {
	transform-origin: 0% 0%; left: 0px; height: 1px; right: 0px; bottom: 0px; color: rgb(223, 223, 223); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(223, 223, 223); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.qa-box > .item > .toggle .action {
	animation:rotateIn 0.2s linear both; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -webkit-animation: rotateIn .2s normal linear both;
}
.feedback-box {
	padding: 0.32rem; background-color: rgb(255, 255, 255);
}
.feedback-box > .row textarea {
	padding: 0.24rem 0.32rem; border-radius: 0.13rem; border: 1px solid rgb(220, 220, 220); border-image: none; width: 100%; height: 5.2rem; font-size: 0.34rem; box-sizing: border-box; -webkit-appearance: none; -webkit-box-sizing: border-box;
}
.feedback-box > .action {
	margin-top: 0.52rem;
}
.feedback-box > .action .btn {
	border-radius: 1.06rem; height: 1.06rem; text-align: center; color: rgb(255, 255, 255); line-height: 1.06rem; font-size: 0.42rem; display: block; background-color: rgb(253, 226, 61);
}
.recharge-list {
	margin: 0.32rem 0.1rem; display: flex; flex-wrap: wrap; background-color: rgb(255, 255, 255); -webkit-flex-wrap: wrap;
}
.recharge-list > .item {
	width: 50%; display: flex; position: relative;
}
.recharge-list > .item input {
	left: 0px; top: 0px; position: absolute; opacity: 0;
}
.recharge-list > .item > .container {
	margin: 0px 0.21rem 0.4rem; border-radius: 3px; border: 1px solid rgb(230, 230, 230); flex:1 1 0px; border-image: none; height: 2.24rem; overflow: hidden; display: flex; position: relative; box-sizing: border-box; align-items: center; -webkit-box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -webkit-box-flex: 1; -webkit-flex: 1;
}
.recharge-list > .item > .container .num {
	color: rgb(51, 51, 51); font-size: 0.48rem;
}
.recharge-list > .item > .container .body {
	flex:1 1 0px; text-align: center; color: rgb(153, 153, 153); font-size: 0.34rem; -webkit-box-flex: 1; -webkit-flex: 1;
}
.recharge-list > .active > .container {
	background: rgb(253, 242, 233); border-color: rgb(255, 115, 11);
}
.recharge-list > .active > .container .num {
	color: rgb(255, 115, 11);
}
.recharge-list > .active > .container .text {
	color: rgb(255, 85, 57);
}
.recharge-list > .item > .container .label {
	top: 0px; width: 1.33rem; height: 0.93rem; right: 0px; display: block; position: absolute; background-image: url("../images/label.svg"); background-size: cover;
}
.recharge-list > .action {
	margin: 0.4rem 0.21rem 0px; flex:1 1 0px; -webkit-box-flex: 1; -webkit-flex: 1;
}
.recharge-list > .action .btn {
	border-radius: 1.33rem; height: 1.33rem; text-align: center; color: rgb(255, 255, 255); line-height: 1.33rem; font-size: 0.42rem; display: block; background-color: rgb(255, 115, 10);
}
.recharge-notice {
	padding: 0.32rem 0.32rem 0.5rem; color: rgb(102, 102, 102); font-size: 0.34rem;
}
.recharge-notice > .title {
	height: 0.8rem; line-height: 0.8rem;
}
.recharge-notice > p {
	line-height: 1.8;
}
.recharge-notice > .row {
	padding: 0px 0.32rem; margin-top: 0.48rem; display: flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
.recharge-notice > .row img {
	width: 2.4rem; height: 0.77rem; display: block;
}
.recharge-notice > .row .label {
	padding: 0px 0.21rem; border: 1px dotted rgb(255, 115, 11); border-image: none; height: 0.74rem; color: rgb(255, 115, 11); line-height: 0.74rem; margin-left: 0.23rem; display: block; box-sizing: border-box; background-color: rgb(255, 253, 226); -webkit-box-sizing: border-box;
}
.flt {
	left: 0px; top: 0px; position: absolute; z-index: 4;
}
.flb {
	left: 0px; bottom: 0px; position: fixed; z-index: 4;
}
.tabar.flb {
	right: 0px;
}
.mt-navbar {
	padding-top: 0.8rem;
}
.mt-navbar.indexnav {
	padding-top: 0px !important;
}
.mt-10 {
	clear: both; border-top-color: rgb(245, 245, 245); border-top-width: 0.26rem; border-top-style: solid;
}
.mb-10 {
	border-bottom-color: rgb(245, 245, 245); border-bottom-width: 0.26rem; border-bottom-style: solid;
}
.mt-7 {
	border-top-color: rgb(245, 245, 245); border-top-width: 0.18rem; border-top-style: solid;
}
.mb-tabar {
	margin-bottom: 1.33rem;
}
.hls1::before {
	transform-origin: 0% 0%; left: 0px; top: 0px; height: 1px; right: 0px; color: rgb(220, 220, 220); border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: solid; position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.has-navbar {
	top: 1.2rem;
}
.typo-orange {
	color: rgb(255, 115, 11);
}
.cm-box > .item > a .head {
	padding: 0.37rem 0.4rem; height: 1.12rem; color: rgb(153, 153, 153); font-size: 0.34rem; display: flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
.cm-box > .item > a .head .avatar {
	border-radius: 0.8rem; width: 0.8rem; height: 0.8rem; margin-right: 0.26rem; display: block;
}
.cm-box > .item > a .head .main {
	flex:1 1 0px; -webkit-box-flex: 1; -webkit-flex: 1;
}
.cm-box > .item > a .head .timeago {
	color: rgb(153, 153, 153); font-size: 0.29rem;
}
.cm-box > .item > a .head .name {
	color: rgb(51, 51, 51);
}
.cm-box > .item > a .container {
	padding: 0px 0.4rem 0.4rem; font-size: 0.37rem;
}
.cm-box > .item > a .container .source {
	padding: 0.2rem 0.4rem; color: rgb(153, 153, 153); margin-top: 0.32rem; background-color: rgb(245, 245, 245);
}
.cm-box > .item .badge {
	border-radius: 0.18rem; left: 1.2rem; top: 0.4rem; width: 0.18rem; height: 0.18rem; position: absolute; background-color: rgb(255, 22, 22);
}
.cm-box > .item > a:visited {
	color: rgb(153, 153, 153) !important;
}
.cm-box > .item > a:visited .body {
	color: rgb(153, 153, 153) !important;
}
.cm-box > .item > a.visited {
	color: rgb(153, 153, 153) !important;
}
.cm-box > .item > a.visited .body {
	color: rgb(153, 153, 153) !important;
}
.cm-box > .item > a:visited .badge {
	display: none !important;
}
.cm-box > .item > a.visited .badge {
	display: none !important;
}
.cm-box > .item > a {
	padding-bottom: 0.32rem !important; display: block; position: relative;
}
.comments-box > .item > .head {
	padding: 0.4rem; height: 0.8rem; color: rgb(102, 102, 102); font-size: 0.4rem; display: flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
.comments-box > .item > .head .avatar {
	border-radius: 0.8rem; width: 0.8rem; height: 0.8rem; margin-right: 0.4rem; display: block;
}
.comments-box > .item > .container {
	margin: 0px 0.4rem 0.4rem; padding-left: 1.2rem; font-size: 0.4rem; position: relative;
}
.comments-box > .item > .replies {
	margin: 0px 0.4rem; padding: 0.26rem 0px 0.26rem 1.2rem; font-size: 0.37rem; position: relative;
}
.comments-box > .item > .replies::before {
	transform-origin: 0% 0%; left: 0px; top: 0px; height: 1px; right: 0px; color: rgb(242, 242, 242); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(242, 242, 242); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.comments-box > .item > .replies .item {
	margin: 0.22rem 0px;
}
.comments-box > .item > .replies .item .name {
	color: rgb(253, 226, 61);
}
.comments-box > .item > .container .bottom {
	color: rgb(153, 153, 153); font-size: 0.32rem; margin-top: 0.48rem; display: flex;
}
.comments-box > .item > .container .bottom a {
	color: rgb(153, 153, 153); margin-left: 0.26rem;
}
.comments-box > .item > .container .bottom a.active {
	color: rgb(255, 115, 11);
}
.comments-box > .item > .container .bottom .action {
	flex:1 1 0px; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1;
}
.comments-box > .item > .container .bottom .date {
	margin-right: 0.26rem;
}
.comments-box > .item > .container .bottom .icon-good {
	width: 0.42rem; height: 0.42rem; margin-top: -5px; vertical-align: middle; display: inline-block; background-image: url("../fonts/icon-good.svg"); background-size: cover;
}
.comments-box > .item > .container .bottom .active .icon-good {
	background-image: url("../fonts/icon-active-good.svg");
}
.comments-box > .item > .container .bottom .icon-comment {
	width: 0.42rem; height: 0.42rem; margin-top: -5px; vertical-align: middle; display: inline-block; background-image: url("../fonts/icon-comments.svg"); background-size: cover;
}
.comment-bar {
	left: 0px; height: 1.33rem; right: 0px; bottom: 0px; position: fixed; background-color: rgb(255, 255, 255);
}
.comment-bar > .inner {
	padding: 0px 0.4rem; height: 1.33rem; display: flex; position: relative; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
.comment-bar > .inner::before {
	transform-origin: 0% 0%; left: 0px; top: 0px; height: 1px; right: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.comment-bar > .inner .field {
	flex:1 1 0px; position: relative; -webkit-box-flex: 1; -webkit-flex: 1;
}
.comment-bar > .inner .field::after {
	left: 0.36rem; top: 50%; width: 0.32rem; height: 0.32rem; display: block; position: absolute; content: " "; transform: translateY(-50%); background-image: url("../fonts/read_icon_ping.svg"); background-size: 0.32rem; -webkit-transform: translateY(-50%);
}
.comment-bar > .inner .action {
	width: 0.98rem; text-align: center;
}
.comment-bar > .inner .field input {
	border: 0px currentColor; border-image: none; width: 100%; height: 0.8rem; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.comment-bar > .inner .action .btn {
	border: 0px currentColor; border-image: none; width: 100%; height: 0.8rem; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.comment-bar > .inner .field input {
	padding: 0px 0.32rem 0px 0.96rem; border-radius: 0.8rem; border: 1px solid rgb(220, 220, 220); border-image: none;
}
.comment-bar > .inner .action .btn {
	width: 100%; text-align: right; background-color: transparent;
}
.announcement-box > .item {
	padding-bottom: 0.32rem; background-color: rgb(255, 255, 255);
}
.announcement-box > .item .head {
	padding: 0.37rem 0.4rem; display: flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
.article-box > .header {
	padding: 0.37rem 0.4rem; display: flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
.announcement-box > .item .head {
	padding: 0.37rem 0px;
}
.announcement-box > .item > a .head .avatar {
	border-radius: 0.8rem; width: 0.8rem; height: 0.8rem; margin-right: 0.4rem; display: block;
}
.article-box > .header .avatar {
	border-radius: 0.8rem; width: 0.8rem; height: 0.8rem; margin-right: 0.4rem; display: block;
}
.announcement-box > .item > .head .body {
	flex:1 1 0px; -webkit-box-flex: 1; -webkit-flex: 1;
}
.article-box > .header .body {
	flex:1 1 0px; -webkit-box-flex: 1; -webkit-flex: 1;
}
.announcement-box > .item > .head .name {
	font-size: 0.34rem; margin-bottom: 2px;
}
.article-box > .header .name {
	font-size: 0.34rem; margin-bottom: 2px;
}
.announcement-box > .item > .head .timeago {
	color: rgb(153, 153, 153); font-size: 0.29rem; margin-top: 2px;
}
.article-box > .header .timeago {
	color: rgb(153, 153, 153); font-size: 0.29rem; margin-top: 2px;
}
.announcement-box > .item .container {
	padding: 0px 0.4rem; display: block; position: relative;
}
.announcement-box > .item .title {
	font-size: 0.4rem;
}
.announcement-box > .item .body {
	color: rgb(102, 102, 102); font-size: 0.34rem;
}
.announcement-box > .item .badge {
	border-radius: 0.18rem; left: 1.2rem; top: 0.4rem; width: 0.18rem; height: 0.18rem; position: absolute; background-color: rgb(255, 22, 22);
}
.announcement-box > .item > a:visited {
	color: rgb(153, 153, 153) !important;
}
.announcement-box > .item > a:visited > .body {
	color: rgb(153, 153, 153) !important;
}
.announcement-box > .item > a.visited {
	color: rgb(153, 153, 153) !important;
}
.announcement-box > .item > a.visited > .body {
	color: rgb(153, 153, 153) !important;
}
.announcement-box > .item > a:visited .badge {
	display: none !important;
}
.announcement-box > .item > a.visited .badge {
	display: none !important;
}
.announcement-box > .item > a {
	padding-bottom: 0.32rem !important; display: block;
}
.article-box {
	background-color: rgb(255, 255, 255);
}
.article-box > .body {
	padding: 0px 0.4rem; line-height: 0.64rem; font-size: 0.34rem;
}
.article-box > .body p img {
	margin: 0px auto; max-width: 100%;
}
.message-bar {
	background-color: rgb(255, 255, 255);
}
.message-bar > .item a {
	padding: 0.24rem 0.48rem 0.24rem 0px; display: flex; position: relative; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
.message-bar > .item a::before {
	transform-origin: 0% 0%; left: 0px; top: 0px; height: 1px; right: 0px; color: rgb(220, 220, 220); position: absolute; z-index: 2; content: " "; transform: scaleY(0.5); background-color: rgb(220, 220, 220); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.message-bar > :first-child.item a::before {
	display: none;
}
.message-bar > .item a .badge {
	border-radius: 0.21rem; left: 1rem; top: 0.3rem; width: 0.21rem; height: 0.21rem; position: absolute; background-color: rgb(255, 54, 21);
}
.message-bar > .item .icon-comment {
	margin: 0px 0.4rem; width: 0.58rem; height: 0.58rem; display: block; background-size: 0.58rem;
}
.message-bar > .item .icon-notice {
	margin: 0px 0.4rem; width: 0.58rem; height: 0.58rem; display: block; background-size: 0.58rem;
}
.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: 0.37rem;
}
.message-bar > .item .text {
	color: rgb(153, 153, 153); font-size: 0.34rem;
}
.sign-box {
	padding: 0.56rem 0px; text-align: center;
}
.sign-box > .head .title {
	font-size: 0.48rem;
}
.sign-box > .body .text {
	color: rgb(253, 226, 61); font-size: 0.42rem; margin-top: 0.48rem;
}
.sign-box > .body .desc {
	color: rgb(102, 102, 102); padding-top: 0.56rem; font-size: 0.34rem;
}
.sign-box > .body .row {
	margin: 0.48rem auto; width: 236px; height: 20px; position: relative;
}
.sign-box > .body .row .col {
	border-radius: 16px; border: 2px solid rgb(220, 220, 220); border-image: none; width: 16px; height: 16px; color: rgb(153, 153, 153); line-height: 16px; font-size: 12px; margin-left: 16px; float: left; position: relative; z-index: 2; background-color: rgb(255, 255, 255);
}
.sign-box > .body .row .col::after {
	top: 50%; width: 16px; height: 7px; display: block; position: absolute; content: " "; transform: translateY(-50%); background-color: rgb(229, 229, 229); -webkit-transform: translateY(-50%);
}
.sign-box > .body .row .col::after {
	background-position: right top; left: -18px; top: 50%;
}
.sign-box > .body .row .after {
	background-position: center; border-color: rgb(255, 255, 255); background-image: url("../images/fail.png"); background-repeat: no-repeat; background-size: 8px; background-color: rgb(253, 226, 61);
}
.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: rgb(255, 114, 20); color: rgb(255, 114, 20); background-color: rgb(255, 255, 255);
}
.sign-box > .body .row .signed span {
	display: inline;
}
.sign-box > .body .row .mon {
	margin-left: 0px;
}
.sign-box > .body .row .mon::after {
	display: none;
}
.modal > .inner .pull-action-2 {
	top: -0.2rem; right: -0.2rem; position: absolute;
}
.modal > .inner .pull-action-2 a {
	border-radius: 0.8rem; border: 1px solid rgb(220, 220, 220); border-image: none; width: 0.8rem; height: 0.8rem; text-align: center; line-height: 0.8rem; display: block; background-color: rgb(255, 255, 255);
}
.modal > .inner .pull-action-2 a svg {
	margin-top: -3px; vertical-align: middle;
}
@media only screen and (min-width:1024px)
{
html {
	background: rgb(204, 204, 204); margin: 0px auto; width: 375px; font-size: 37.5px !important; position: relative; min-height: 100%;
}
body {
	background: rgb(255, 255, 255); height: auto; min-height: 100%;
}
.navbar {
	margin: 0px auto; width: 10rem;
}
.tabar {
	margin: 0px auto; width: 10rem;
}
.book-bar {
	margin: 0px auto; width: 10rem;
}
.rt-bar {
	margin: 0px auto; width: 10rem;
}
.editable-bar {
	margin: 0px auto; width: 10rem;
}
.unlock-bar {
	margin: 0px auto; width: 10rem;
}
.rb-bar {
	margin: 0px auto; width: 10rem;
}
.book-bar {
	left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.editable-bar {
	left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.rt-bar.flt {
	left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
}
.common-nt {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.common-ne {
	left: 0px; top: 50%; text-align: center; right: 0px; font-size: 0.4rem; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.common-ne > .subject {
	color: rgb(136, 136, 136); font-size: 0.37rem;
}
.common-ne > .action {
	margin: 0.2rem 2rem 0px;
}
.common-ne > .action .btn {
	padding: 0.22rem 0.5rem; border-radius: 1.12rem; color: rgb(255, 255, 255); font-size: 0.42rem; display: inline-block; background-color: rgb(253, 226, 61);
}
.bs-box > .row-list .item .icon-tj {
	top: 0.16rem; width: 1rem; height: 1rem; right: 4px; position: absolute;
}
.bs-box > .column-list > .item .cover .icon-tj {
	top: 0.16rem; width: 1rem; height: 1rem; right: 4px; position: absolute;
}
.bs-box > .row-list .item .icon-tj {
	width: 1.3rem; height: 1.3rem;
}
.bs-box > .column-list > .item .cover .icon-tj {
	top: 0px; right: 0px;
}
.bs-box > .column-list > .item .cover {
	position: relative;
}
.bs-box > .column-list > .item .cover .icon-tj img {
	width: 100% !important; height: 100% !important; display: block;
}
.toback {
	left: 20px; top: 20px; width: 40px; height: 40px; position: fixed; z-index: 99; background-size: 40px 40px;
}
.rpse-modal > .inner {
	width: 8.64rem; height: 10.03rem; background-image: url("../images/rpbg.png"); background-repeat: no-repeat; background-size: 100%; background-color: transparent;
}
.rpse-modal > .inner > .rt {
	height: 2.8rem; text-align: center; padding-top: 1.2rem;
}
.rpse-modal > .inner > .rt .subject {
	color: rgb(252, 85, 46); font-size: 0.45rem; font-weight: 600;
}
.rpse-modal > .inner > .rt .subject strong {
	color: rgb(218, 82, 64); font-size: 0.88rem;
}
.rpse-modal > .inner > .rt .cd {
	color: rgb(173, 80, 52); font-size: 0.37rem;
}
.rpse-modal > .inner > .rt .cd strong {
	color: rgb(252, 65, 45); font-weight: 500;
}
.rpse-modal > .inner > .body {
	text-align: center; padding-top: 0.64rem;
}
.rpse-modal > .inner > .body .subject {
	color: rgb(255, 255, 255); font-size: 0.72rem;
}
.rpse-modal > .inner > .body .text {
	color: rgb(255, 212, 41); font-size: 0.37rem; margin-top: 0.4rem;
}
.rpse-modal > .inner > .action {
	text-align: center; margin-top: 0.48rem;
}
.rpse-modal > .inner > .action .btn {
	background: linear-gradient(to top, rgba(255, 204, 29, 1) 0%, rgba(255, 222, 88, 1) 100%); margin: 0px 0.96rem; border-radius: 1.28rem; height: 1.28rem; color: rgb(213, 38, 38); line-height: 1.28rem; font-size: 0.48rem; font-weight: 600; border-bottom-color: rgb(221, 156, 54); border-bottom-width: 3px; border-bottom-style: solid; display: block; box-shadow: 0px 3px 0px 0px #d1302e; -webkit-box-shadow: 0px 3px 0px 0px #d1302e;
}
.rpse-modal > .inner > .action .close {
	margin: 0.4rem auto 0px; width: 3em; color: rgb(255, 167, 163); font-size: 0.42rem; text-decoration: underline; display: block;
}
.sign-box > .body .row .col div {
	text-align: center; color: rgb(153, 153, 153) !important; font-size: 0.21rem; margin-top: 0.16rem; white-space: nowrap;
}