html, body, div, p, span, em, i, u, del, strong, a, b, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, iframe, form, label, button, input, textarea, pre, hr, table, tbody, th, td {
    margin:0;
    padding:0;
    word-wrap:break-word;
    word-break:break-all
}
html, body {
    width:100%;
    height:100%
}
html {
    font-size:62.5%
}
body {
    line-height:1.6;
    color:#333
}
body, button, input, select, textarea {
    font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif
}
h1, h2, h3, h4, h5, h6, button, input, select, textarea {
    font-size:100%
}
h1, h2, h3, h4, h5, h6, th {
    font-weight:normal
}
/* iframe {
    v:expression(this.src='about:blank', this.outerHTML='');
} */
em, i {
    font-style:normal
}
ul {
    list-style:none
}
img {
    border:0;
    vertical-align:middle
}
input[type=text] {
    -webkit-border-radius:0
}
a:link, a:visited {
    text-decoration:none;
    color:#333
}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.fleft {
    float:left
}
.fright {
    float:right
}
.gray, a.gray, .gray a {
    color:#666
}
.gray9, a.gray9, .gray9 a {
    color:#999
}
.red, a.red, .red a {
    color:#b90000
}
.orange, a.orange, .orange a {
    color:#be9155
}
/*.author,a.author,.author a,.update,a.update,.update a,.time{color: #c5c9cd;}*/
 .author, .update, .time {
    font-size: .75em;
}
.blue, a.blue, .blue a {
    color: #3361a7;
}
.mt5 {
    margin-top:5px
}
.mt10 {
    margin-top:10px
}
.mt15 {
    margin-top:15px
}
.mt20 {
    margin-top:20px
}
.mt50 {
    margin-top:50px
}
.ml5 {
    margin-left:5px
}
.ml10 {
    margin-left:10px
}
.ml15 {
    margin-left:15px
}
.mb10 {
    margin-bottom: 10px
}
.mb50 {
    margin-bottom: 50px
}
.wrapper {
    min-width:320px;
    font-size:1.4rem
}
.u-table, .page table, .search, .bookbutton, .supportlinks li img, .reviewform, .reviewform .review-btn, .rechargeform .recharge-btn, .viporder-btn, .userform .user-btn {
    width:100%
}
.btn, a.btn, .bdbtn, a.bdbtn, .s-btn, .pt-icon, .lv-icon {
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px
}
.bookimglist li .name, .booktextlist li, .imgtextlist li .title, .booklist li .title, .ranking li {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.btn, a.btn {
    display:inline-block;
    height:35px;
    line-height:35px;
    background:#d2a05f;
    background-image:-webkit-linear-gradient(top, #d2a05f, #d2a05f);
    border:none;
    text-align:center;
    font-size:1.4rem;
    color:#FFF
}
.bdbtn, a.bdbtn {
    display:inline-block;
    height:35px;
    line-height:35px;
    background:#FFF;
    background-image:-webkit-linear-gradient(top, #FFF, #FFF);
    border:1px solid #dfdfdf;
    text-align:center;
    font-size:1.4rem
}
.redbtn, a.redbtn {
    background:#b90000;
    background-image:-webkit-linear-gradient(top, #b90000, #b90000);
    border-color:#b90000;
    color:#FFF
}
.textbox {
    background:#FFF;
    padding:5px;
    border:1px solid #CCC
}
.textbox input, .textbox textarea {
    width:100%;
    line-height:22px;
    background:none;
    border:none;
    outline:none
}
.textbox input {
    height:22px
}
.textbox textarea {
    resize:vertical
}
.pagetitle {
    margin-bottom:10px;
    line-height:25px;
    font-size:1.6rem
}
.loading a {
    display:block;
    height:35px;
    line-height:35px;
    background:#EEE;
    text-align: center;
    color: #999;
}
.v-icon {
    display:inline-block;
    width:12px;
    height:12px;
    background:url(https://res.yokong.com/m/images/v-icon.png) no-repeat;
    vertical-align:middle;
    overflow:hidden
}
.pt-icon, .lv-icon {
    display:inline-block;
    text-align:center;
    font-size:1.2rem;
    overflow: hidden;
    margin-left: 5px;
}
.pt-icon {
    width:18px;
    height:18px;
    line-height:18px;
    color: #fff;
    vertical-align: text-bottom;
}
.lv-icon {
    width:33px;
    height:16px;
    line-height:16px;
    border:1px solid #eb0000;
    color:#eb0000
}
.isTop {
    background:#dc147d
}
.isDigset {
    background:#cd8c14
}
.isAuthor {
    background:#37a5f0
}
.lv_0 {
    background:#5acde6
}
.lv_1 {
    background:#96b946
}
.lv_2 {
    background:#f05a8c
}
.lv_red {
    background:#d30000;
    color:#fff;
}
.u-table th, .u-table td {
    padding:10px 5px;
    line-height:22px;
    text-align:center
}
.u-table th {
    background:#EEE
}
.u-table td {
    border-bottom:1px solid #e6e6e6
}
.u-table tr:last-child td {
    border-bottom:none
}
.u-table .tl {
    text-align:left
}
.u-table .tc {
    text-align:center
}
.u-table .tr {
    text-align:right
}
.pages {
    padding:5px 8px;
    background:#eeeeee;
    font-size:1.4rem;
    position:relative;
}
.pages a.prev, .pages a.next {
    font-size:1.4rem;
    color:#424242;
    position:absolute;
    left:10px;
    top:10px;
}
.pages a.next {
    left:auto;
    right:10px;
}
.pages .skip {
    text-align:center;
}
.pages .skip input[type=number] {
    width:43px;
    height:26px;
    line-height:26px;
    text-align:center;
    border:1px solid #CCC
}
.pages .skip input[type=submit] {
    width:45px;
    height:28px;
    margin-left:5px;
    background:#f8f8f8;
    background-image:-webkit-linear-gradient(top, #f8f8f8, #f8f8f8);
    border:1px solid #CCC
}
.pages .skip span {
    font-size:1.4rem;
    color:#666;
    display: inline-block;
    line-height: 28px;
    margin-left: 8px;
}
.pages .skip span em {
    font-style:normal;
}
.header {
    position:relative
}
.logo {
    position:absolute;
    top:18px;
    left: 10px;
    background:url(https://res.yokong.com/m/images/logo.png);
    background-image:-webkit-image-set(url(https://res.yokong.com/m/images/logo.png) 1x, url(https://res.yokong.com/m/images/logo2x.png) 2x);
    display:inline-block;
    background-repeat:no-repeat;
    width:121px;
    height:60px;
}
.nav {
    height:55px;
    background: url(https://res.yokong.com/m/images/header-top-bg.png);
    border-bottom: 1px solid #494949;
    padding:0 10px 0 130px;
    font-size:1em
}
.nav a {
    float:left;
    width:25%;
    line-height:55px;
    text-align:center;
    color:#cfcfcf
}
.nav a.current {
    color:#d2a05f
}
.logininfo {
    height:40px;
    line-height:40px;
    padding:0 15px 0 90px;
    border-top: 1px solid #fcfcfc;
    border-bottom: 1px solid #d6d6d6;
    background: #f5f5f5;
}
.logininfo a {
    color: #666;
}
.logininfo a.bookshelf {
    color: #B47850;
}
.logininfo i {
    display: inline-block;
    background:#f00;
    border-radius:50%;
    width:7px;
    height:7px;
    top:68px;
    right:82px;
    position:absolute;
}
.footer {
    background:#333;
    padding:15px 10px
}
.footer .btnav, .footer .customsv {
    line-height:25px
}
.footer .vline {
    padding:0 8px
}
.footer .copyright {
    padding-top:10px;
    border-top:1px solid #4d4d4d;
    line-height:20px;
    font-size:1.2rem
}
.content {
    margin-top:10px;
    padding:0 10px;
}
.intro {
    font-size:1.2rem;
    overflow: hidden;
    color: #999;
}
.search .col-2 {
    width:5px
}
.search .col-3 {
    width:80px
}
.search .s-btn {
    width:100%;
    height:33px;
    background:#9f9386;
    background-image:-webkit-linear-gradient(top, #9f9386, #9f9386);
    border:none;
    color:#FFF
}
.module {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    margin-bottom:10px;
    background:#fff;
    padding: 10px;
}
.module-hd {
    height:25px;
    line-height:25px;
    padding-bottom:10px;
    border-bottom:1px solid #E2B4AC;
    font-weight: 400;
    color: #a44b3b;
}
.module-hd h2 {
    font-size:1.6rem
}
.blues h2 {
    color: #36abdc;
}
.blues .module-hd {
    border-bottom-color: #A7DAF0;
}
.yellow h2 {
    color: #97AF2F;
}
.yellow .module-hd {
    border-bottom-color: #eaf3c2;
}
.pink h2 {
    color: #f079b9;
}
.pink .module-hd {
    border-bottom-color: #FAC4E1;
}
.bookimglist {
    padding:5px 0
}
.bookimglist li {
    float:left;
    width:25%;
    padding:10px 0;
    text-align:center
}
.bookimglist li a {
    display:block;
    width:90%;
    min-width:64px;
    margin:0 auto
}
.bookimglist li .pic {
    width:100%;
    height:auto
}
.bookimglist li .name {
    height:20px;
    line-height:20px;
    font-size:1.2rem;
    color:#666
}
.booktextlist {
    padding-top:8px
}
.booktextlist li {
    height:30px;
    line-height:30px
}
.imgtextlist li {
    min-height:90px;
    padding:15px 0 15px 74px;
    line-height:20px;
    border-bottom:1px solid #e6e6e6;
    position:relative
}
.imgtextlist li:last-child {
    padding-bottom:0;
    border-bottom:none
}
.imgtextlist li .pic {
    position:absolute;
    left:0;
    top:15px
}
.imgtextlist li .pic, .imgtextlist li .pic img {
    width:64px;
    height:90px
}
.imgtextlist li .title {
    height:20px
}
.imgtextlist li .intro {
    max-height:40px;
}
.rcmdtextlist li {
    padding:5px 0;
    line-height:24px;
    /*border-bottom:1px solid #e6e6e6*/
}
.rcmdtextlist li:first-child {
    border-top:1px solid #e6e6e6
}
.rcmdtextlist li:last-child {
    padding-bottom:0;
    border-bottom:none
}
.rcmdtextlist li .intro {
    max-height:60px;
}
.hottextlist {
    border-top:1px solid #e6e6e6
}
.hottextlist li .vline {
    padding:0 8px
}
.screening li {
    width:100%;
    padding:6px 0;
    border-bottom:1px solid #e6e6e6;
    overflow: hidden;
    line-height: 25px;
}
.screening li:last-child {
    border-bottom:none
}
.screening li .type, .screening li a {
    float:left
}
.screening li a {
    padding:0 5px;
}
.screening li a.current {
    background:#d2a05f;
    color:#FFF
}
.booklist li {
    padding:15px 0;
    line-height:20px;
    border-bottom:1px solid #e6e6e6
}
.booklist li:first-child {
    padding-top:0
}
.booklist li:last-child {
    border-bottom:none
}
.booklist li .title a {
    color: #be9155;
    line-height: 22px;
}
.booklist li .v-icon {
    margin-right:3px
}
.searchlist li:last-child {
    padding-bottom:15px
}
.ranking {
    padding:5px 0 0
}
.ranking li {
    height:20px;
    line-height:20px;
    padding:10px 0;
    border-bottom:1px solid #e6e6e6
}
.ranking li:last-child {
    padding-bottom:0;
    border-bottom:none
}
.ranking li .num-icon {
    display:inline-block;
    width:18px;
    height:18px;
    background:url(https://res.yokong.com/m/images/circle-icon.png) no-repeat 0 -19px;
    line-height:18px;
    margin-right:5px;
    vertical-align:text-bottom;
    text-align:center;
    color:#FFF;
    overflow:hidden
}
.ranking li .num-icon.top3 {
    background-position:0 0
}
.bookcover {
    min-height:135px;
    padding-left:105px;
    position:relative
}
.bookcover .pic {
    width:95px;
    height:135px;
    position:absolute;
    left:0;
    top:0
}
.bookcover .pic img {
    width:95px;
    height:135px
}
.bookcover .title {
    line-height:22px;
    font-size:1.6rem
}
.bookcover .gray {
    font-size:.75em
}
.bookcover .status {
    float: right;
    padding: 3px 6px;
    font-size: .75em;
    color: #fff;
    border-radius: 10px;
}
.bookcover .is-serialize {
    background: #977fb9;
}
.bookcover .is-finish {
    background: #c8923d;
}
.bookcover .is-finish i {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    border: 2px solid #fff;
    margin-left: 3px;
}
.bookbutton td.spc {
    width:10px
}
.bookbutton a {
    display:block
}
.latestchapter {
    min-height:50px;
    line-height:22px;
    padding-left:60px;
    position:relative
}
.latestchapter .st-icon {
    width:50px;
    height:50px;
    position:absolute;
    left:0;
    top:0;
    background:url(https://res.yokong.com/m/images/status-icon.png) no-repeat;
    overflow:hidden
}
.latestchapter .serial-icon {
    background-position:0 0
}
.latestchapter .end-icon {
    background-position:0 -55px
}
.interaction {
    height:50px;
    padding-top:15px;
    border-top:1px solid #e6e6e6
}
.interaction li {
    float:left;
    width:33%;
    border-right:1px solid #e6e6e6;
    text-align:center
}
.interaction li:last-child {
    border-right:none
}
.interaction li p {
    height:25px;
    line-height:25px
}
.interaction li p.num {
    font-family: Arial;
    font-size: 1.4em;
    color: #B47850;
}
.bookintro .hd {
    height:35px;
    line-height:35px;
    padding:0 10px;
    background:#ebebeb;
    font-size:1.6rem
}
.bookintro .con {
    padding:10px 10px 0;
    line-height:24px;
    text-indent:2em
}
.supportlinks {
    padding:15px 0
}
.supportlinks li {
    float:left;
    width:20%;
    text-align:center
}
.supportlinks li a {
    display:block;
    width:90%;
    max-width:100px;
    min-width:50px;
    margin:0 auto
}
.newsupport {
    padding:10px;
    background:#ebebeb
}
.newsupport h3 {
    height:25px;
    line-height:25px;
    padding-bottom:6px;
    border-bottom:1px solid #CCC;
    font-size:16px
}
.newsupport ul li {
    height:35px;
    line-height:35px;
    border-bottom:1px dashed #CCC
}
.newsupport ul li .gift {
    color:#333
}
.moresupport {
    text-align: center;
    margin-top: 10px;
}
.cataloglist li {
    padding:10px 0;
    border-bottom:1px solid #e6e6e6
}
.cataloglist li span {
    display: block;
}
a.writereview {
    display:inline-block;
    width:70px;
    line-height:28px;
    background:#9f9386;
    background-image:-webkit-linear-gradient(top, #9f9386, #9f9386);
    border:none;
    color:#FFF;
    text-align:center
}
.comment-item {
    padding:15px 0 15px 40px;
    line-height:22px;
    border-bottom:1px solid #e6e6e6;
    position:relative;
}
.comment-item:last-child {
    padding-bottom:0;
    border-bottom: none;
    margin-bottom: 10px;
}
.comment-item .avatar {
    width:32px;
    height:32px;
    position:absolute;
    left:0;
    top:20px
}
.comment-item .avatar img {
    width: 32px;
    height: 32px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.comment-item .comment-user {
    color: #3361a7;
}
.comment-item .comment-user i {
    vertical-align:text-bottom
}
.comment-item .reply {
    color: #999;
    float: right;
    font-size: 1.2rem;
}
.comment-item .comment-bd, .comment-item .replylist .reply-ft {
    height:22px
}
.comment-item .comment-con {
    color: #313233;
    line-height: 150%;
    word-break: break-word;
}
.comment-item .replylist {
    padding-top:5px;
    margin-top:12px;
    border-top:1px solid #e6e6e6
}
.comment-item .replylist li {
    padding:5px 0
}
.comment-item .morereply {
    text-align: right;
}
.reviewform {
    margin-top: 10px;
}
.reviewform td.col-1 {
    width:40px;
    line-height:34px;
    vertical-align:top
}
.reviewform .review-con {
    height:88px
}
.location, .btlocation {
    line-height:25px;
    font-size:1.6rem
}
.location {
    margin-bottom: 15px;
}
.btlocation {
    margin:10px 0;
}
.location .home, .btlocation .home {
    display:inline-block;
    width:20px;
    height:20px;
    background:url(https://res.yokong.com/m/images/home.png) no-repeat 3px 3px;
    vertical-align:text-bottom;
    overflow:hidden
}
.location .gt, .btlocation .gt {
    padding:0 8px
}
.readbg {
}
.articletitle {
    line-height:25px;
    font-size:1.8rem;
    color:#be9155
}
.articleinfo {
    height:32px;
    line-height:32px;
    padding:0 126px 15px 0;
    position:relative;
    border-bottom:1px solid #c6c1b6
}
.toolbar {
    position:absolute;
    right:0;
    top:0
}
.toolbar a {
    float:left;
    width:32px;
    height:32px;
    background: url(https://res.yokong.com/m/images/articleset-icon.png) no-repeat;
    margin-left: 10px;
}
.toolbar a.pattern {
    background-position:0 -37px
}
.toolbar a.aminus {
    background-position:-37px 0
}
.toolbar a.aminus.current {
    background-position:-37px -37px
}
.toolbar a.aadd {
    background-position:-74px 0
}
.toolbar a.aadd.current {
    background-position:-74px -37px
}
.articlecon, .authorsaid {
    line-height:24px
}
.articlecon p, .authorsaid p {
    padding:5px 0
}
.authorsaid {
    padding:10px 0;
    border-top:1px solid #bfac7e;
    border-bottom:1px solid #bfac7e
}
.readinteract {
    height:25px;
    line-height:25px;
    text-align:right;
    font-size:0
}
.readinteract a {
    font-size:1.6rem;
    color: #666;
    margin-left: 15px;
}
.articlebtn {
    height:35px;
    margin:20px 0;
    text-align:center;
    font-size:0
}
.articlebtn a {
    width:28%;
    margin:0 6px
}
.font-normal p {
    font-size:1.4rem;
    line-height: 24px;
}
.font-large p {
    font-size: 1.6rem;
    line-height: 28px;
}
.font-xlarge p {
    font-size: 1.8rem;
    line-height: 32px;
}
.font-xxlarge p {
    font-size: 2rem;
    line-height: 36px;
}
.font-xxxlarge p {
    font-size: 2.2rem;
    line-height: 40px;
}
.nightbg {
    background: #202020;
}
.nightbg, .nightbg a {
    color:#a0a0a0
}
.nightbg .articlebtn a {
    color:#FFF
}
.nightbg .location .home, .nightbg .btlocation .home {
    background-position:3px -19px
}
.nightbg .articleinfo, .nightbg .authorsaid {
    border-bottom-color:#3c3c3c
}
.nightbg .authorsaid {
    border-top-color:#3c3c3c
}
.nightbg .toolbar .pattern {
    background-position: 0 0;
}
.nightbg .logininfo {
    background: #333;
    border-color: #666;
    border-top:none;
}
.recharge-hd em {
    font-size:1.4rem
}
.moneyradio {
    padding:10px 0
}
.moneyradio li {
    float:left;
    padding:5px 15px 5px 0;
    line-height:22px
}
.moneyradio li input {
    margin-right:3px
}
.nextstep {
    height:35px
}
.nextstep .next-btn {
    width:80px
}
.nextstep .tel-text {
    width:175px;
    height:23px;
    line-height:23px;
    padding:5px;
    margin-right:5px;
    background:none;
    border:1px solid #CCC;
    outline:none
}
.rechargeform .textbox {
    background:#f8f8f8
}
.rechargeform .totalmoney {
    height:30px;
    line-height:30px;
    font-size:1.6rem
}
.paylink p {
    height:28px;
    line-height:28px
}
.linkslist li {
    padding:5px 0;
    border-bottom:1px solid #e6e6e6
}
.linkslist li:last-child {
    padding-bottom:0;
    border-bottom:none
}
.linkslist li a {
    display:block;
    height:30px;
    line-height:30px
}
.remind, .failremind, .okremind {
    padding: 10px 15px;
    line-height:22px
}
.remind {
    background:#e9e1d5;
    border:1px solid #d3c5af
}
.failremind {
    background:#ecc4c4;
    border:1px solid #e1b4b4;
    color:#3e2400
}
.okremind {
    background:#d9e9d2;
    border:1px solid #c3d5bb;
    color:#3e2400
}
.failremind h3, .remind h3 {
    line-height:25px
}
.failremind h3 {
    margin-bottom:2px
}
.remind h3 {
    margin-bottom:2px;
    color:#b90000
}
.remind p, .failremind p, .okremind p {
    padding:3px 0
}
.viporder-hd .v-icon {
    margin-left:3px
}
.supportform .support-pic {
    width:32px;
    height:32px;
    vertical-align:text-bottom
}
.supportform label {
    display:block;
    margin-bottom:5px;
    line-height:22px
}
.supportform .support-text {
    height:88px
}
.support-table td {
    padding:10px 0
}
.support-table td.col-2 {
    width:32px
}
.support-table td.col-3 {
    width:50px;
    padding-left:10px
}
.support-table .support-pic {
    width:32px;
    height:32px
}
.support-table .username {
    color:#666
}
.accinfo, .accgrade {
    line-height:30px
}
/*.accgrade p{height:30px}*/
 .accgrade .item {
    float:left
}
.accgrade .vline {
    float:left;
    padding:0 10px
}
.umenu li:first-child {
    padding-top:0
}
.u-hd {
    height:30px;
    line-height:30px;
    padding-bottom:6px;
    font-size:1.6rem
}
.backucenter {
    height:28px;
    line-height:28px
}
.collect-table td {
    padding:10px 0
}
.collect-table td.col-2 {
    width:70px
}
.collect-table p {
    padding:2px 0
}
.userform {
    padding-top:15px
}
.userform .yzmbox {
    height:34px
}
.userform .yzm-img {
    width:80px;
    height:34px
}
.userform .yzm-change {
    line-height:34px
}
.forgetpwd {
    height:25px;
    line-height:25px;
    text-align:right
}
.content2 {
    height: auto;
    width: 100%;
    overflow: hidden;
    margin: 0 auto 10px auto;
    background-color: #fff;
    min-height:200px;
}
.content2 ul {
    height: auto;
    width: 96%;
    margin: 15px auto 10px auto;
    overflow: hidden;
}
.content2 ul li {
    width:22%;
    margin:15px 0 15px 9%;
    float:left;
}
.content2 ul li img {
    width: 100%;
    height: auto;
}
.content2 ul li p {
    font-size: 12px;
    text-align: center;
}
.content2 ul li a {
    width: 100%;
    height: auto;
}
.content2 ul li .hots {
    width: 50%;
    position: absolute;
    right: 0;
}
.content2 ul .hot {
    position: relative;
}
.recharge_shb {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    margin: 0 auto;
}
.recharge_shb ul {
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
.recharge_shb ul li {
    width: 40%;
    height:auto;
    border:1px solid #dfdfdf;
    float: left;
    border-radius: 5px;
    margin-left: 6%;
    margin-bottom: 15px;
    text-align: center;
    line-height: 22px;
}
.recharge_shb ul li a {
    display: block;
    position: relative;
}
.recharge_shb ul li a span {
    line-height: 26px;
    display: block;
}
.recharge_shb span.orange {
    color: #fe5b00;
    display: block;
    font-size: 18px;
}
.recharge_shb li i {
    display: inline-block;
    background: url(https://res.yokong.com/m/images/pay/0.png) no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right:0;
    z-index: 99;
    font-style: normal;
}
.recharge_shb li i.i1000 {
    background: url(https://res.yokong.com/m/images/pay/1000.png?20170212) no-repeat;
    background-size: 100%;
}
.recharge_shb li i.i500 {
    background: url(https://res.yokong.com/m/images/pay/500.png?20170212) no-repeat;
    background-size: 100%;
}
.recharge_shb li i.i200 {
    background: url(https://res.yokong.com/m/images/pay/200.png?20170212) no-repeat;
    background-size: 100%;
}
.recharge_shb li i.i100 {
    background: url(https://res.yokong.com/m/images/pay/100.png?20170212) no-repeat;
    background-size: 100%;
}
.recharge_shb li i.i50 {
    background: url(https://res.yokong.com/m/images/pay/50.png?20170212) no-repeat;
    background-size: 100%;
}
fieldset {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 24px 10px;
    margin: 10px 0;
    font-size: 12px;
    background: #fff;
}
fieldset legend {
    font-size: 14px;
    color: #999;
    text-align: center;
}
.oauth {
    margin-bottom: 30px;
}
.oauth li {
    float:left;
    width:25%;
    text-align: center;
}
.oauth li a {
    background: url(/images/sprite01_bg.png) 0 0 no-repeat;
    width: 50px;
    height: 50px;
    word-wrap: break-word;
    margin: 0 auto;
    background-size: 50px 251px;
    display: block;
}
.oauth li a.wb {
    background-position: 0 -65px;
}
.oauth li a.bd {
    background-position: 0 -132px;
}
.oauth li a.wx {
    background-position: 0 -197px;
}
.oauth li span {
    display: block;
}
.VipHint a {
    color: #C52633;
}
.data {
    height: 50px;
    margin:10px 0 10px 0;
}
.data li {
    float: left;
    min-width: 80px;
    width: 33%;
    text-align: center;
}
.data a {
    display: block;
    margin: 0 auto;
    width: 80px;
    font-size: 1.0em;
    line-height: 16px;
    border-radius: 5px;
    text-align: center;
    padding: 3px 0;
}
.data a em {
    font-style: normal;
    display: block;
    color: #960;
}
.data a.name {
    color: #799324;
    border: 1px solid #799324;
}
.shared {
    margin: 10px;
    min-height: 32px;
}
.hot .pic {
    display: inline-block;
    width:100%;
    position: relative;
    margin:0 0 10px 0;
}
.hot .pic img {
    width:100%;
}
.hot .pic .bg {
    display:inline-block;
    width:100%;
    color:#FFF;
    font-size:1.4em;
    line-height:1.4em;
    min-height:24px;
    background:#000;
    opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity=70);
    position:absolute;
    left:0;
    bottom:0;
    z-index:19
}
.hot a.line {
    display: block;
    border-top: 1px solid #DDDDDD;
    font-size:1.175em;
    line-height:1.175em;
    width:100%;
    color: #333;
    text-decoration: none;
    padding:13px 0;
}
.b-hot {
    background-color: orange;
    color: #fff;
    padding: 1px 3px;
    font-size: 10px;
    margin-left: 10px;
}
#nativeShare .label {
    font-size: 14px;
}
#nativeShare .list {
    width: 90%;
    margin: 0 auto;
}
#nativeShare .list span {
    width: 25%;
    display: inline-block;
    text-align: center;
    margin: 10px 0;
}
#nativeShare .list span i {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}
#nativeShare .weibo i {
    background-image: url('https://res.yokong.com/m/images/shared/weibo.png');
    background-size: cover;
}
#nativeShare .weixin i {
    background-image: url('https://res.yokong.com/m/images/shared/weixin_friend.png');
    background-size: cover;
}
#nativeShare .weixin_timeline i {
    background-image: url('https://res.yokong.com/m/images/shared/weixin.png');
    background-size: cover;
}
#nativeShare .qq i {
    background-image: ur('lhttps://res.yokong.com/m/images/shared/qq.png');
    background-size: cover;
}
#nativeShare .qzone i {
    background-image: url('https://res.yokong.com/m/images/shared/qqzone.png');
    background-size: cover;
}
#nativeShare .more i {
    background-image: url('https://res.yokong.com/m/images/shared/more.png');
    background-size: cover;
}
#weixin-tip {
    display:none;
    position: fixed;
    left:0;
    top:0;
    background: rgba(0, 0, 0, 0.8);
    filter:alpha(opacity=80);
    width: 100%;
    height:100%;
    z-index: 100;
}
#weixin-tip p {
    text-align: center;
    margin-top: 10%;
    padding:0 5%;
    position: relative;
}
#weixin-tip img {
    max-width: 100%;
    height: auto;
}
#weixin-tip .close {
    color: #fff;
    padding: 5px;
    font: bold 20px/20px simsun;
    text-shadow: 0 1px 0 #ddd;
    position: absolute;
    top: 0;
    left: 5%;
}
.app_down {
    position:fixed;
    bottom:0
}
.app_down, .app_down>a {
    width:100%;
    height:5rem
}
.app_down>a {
    display:block;
    background:rgba(0, 0, 0, .7)
}
.app_down>a>img {
    float:left;
    margin:.75rem 1rem;
    width:3.5rem;
    height:3.5rem
}
.app_down>a .text {
    float:left;
    margin-top:.45rem;
    color:#fff
}
.app_down>a .text>h4 {
    font-weight:inherit;
    font-size:1.5rem
}
.app_down>a .text>p {
    margin-top:.05rem;
    font-size:1rem
}
.app_down>a span {
    float:right;
    display:block;
    margin:1.5rem 1.85rem 1.5rem 0;
    width:7rem;
    height:2rem;
    border-radius:5px;
    background-color:#c41e68;
    color:#fff;
    text-align:center;
    font-size:1.23rem;
    line-height:2rem
}
.app_down .cha {
    position:absolute;
    top:0;
    right:0;
    z-index:10;
    width:1.5rem;
    height:1.3rem
}
/*单本特价活动*/
 .module.module-spOffer .bar {
    color:#d2a05f;
    border-bottom:1px solid #d2a05f;
    height: 25px;
    line-height: 25px;
    padding-bottom: 10px;
    font-weight: 400;
}
.module.module-spOffer .bar h2 {
    font-size:1.6rem;
}
.timer-container {
    display:inline-block;
    font-size:1.4rem;
    color:#333;
}
.timer-container .item {
    background:#000;
    border-radius:.2rem;
    padding:0 .2rem;
    color:#fff;
}
.timer-container .day {
    background:#d2a05f;
    border-radius:.2rem;
    padding:0 .2rem;
    color:#fff;
}
.module-spOffer .more {
    float:right;
    color:#666;
    font-size:1.4rem;
}
.module-spOffer .bookimglist li .price {
    color:#ff8081;
    font-size:1.2rem;
}
.module-spOffer .more img {
    height: 1.4rem;
    margin-top: -.3rem;
}
.footer .flex {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    margin-top: 0px;
}
.footer .flex-1 {
    flex: 1;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
}
.footer .code {
    width: 92px;
    height: 92px;
    margin-left: 15px;
    margin-top: 20px;
}
.footer .code .code-pic {
    display: block;
    width: 100%;
    height: 100%;
}
.footer .copyright {
    border:none;
    padding-top:0;
}
.app-download {
    position:relative;
    display:block;
    padding:10px;
    background:#dbd9db;
    font-size:14px
}
.app-download img[alt=logo] {
    width:50px
}
.app-download .text {
    display:inline-block;
    margin-left:5px;
    color:#878787;
    vertical-align:middle;
    line-height:1.6
}
.app-download .text h4 {
    color:#333;
    font-weight:700;
    font-size:1pc
}
.app-download .btn-install {
    float:right;
    margin-top:11px;
    padding:0 15px;
    height:auto;
    border-radius:20px;
    background:#ee424b;
    color:#fff;
    font-size:9pt;
    line-height:2.4
}
.fixed .hidden {
    position:fixed;
    bottom:0;
    left:0;
    z-index:999;
    visibility:visible;
    box-sizing:border-box;
    padding:10px;
    width:100vw;
    background-color:rgba(40, 40, 40, .95);
    box-shadow:0 -.05rem .125rem rgba(0, 0, 0, .26);
    font-size:14px;
    -webkit-transition:transform .5s linear;
    transition:transform .5s linear;
    -webkit-transform:translateY(100px);
    transform:translateY(100px)
}
.fixed .hidden .btn-install {
    float:right;
    margin-top:11px;
    padding:0 15px;
    height:auto;
    border:none;
    -webkit-border-radius: 50px;
    border-radius:50px;
    background:#ee424b;
    box-shadow:0 -.05rem .125rem rgba(238, 66, 75, .26);
    color:#fff;
    font-size:9pt;
    line-height:2.4
}
.fixed .hidden .text {
    display:inline-block;
    margin-left:5px;
    color:#fff;
    vertical-align:middle;
    line-height:1.6
}
.fixed .hidden .text h4 {
    color:#fff;
    font-weight:700;
    font-size:1pc
}
.fixed .hidden img[alt=logo] {
    width:50px
}
.fixed .hidden .close {
    position:absolute;
    top:0;
    right:0;
    z-index:1000;
    width:18px;
    height:18px
}
.fixed .hidden .close img {
    display:block;
    width:100%
}
.top .hidden {
    -webkit-transition:transform .5s linear;
    transition:transform .5s linear;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}