@charset 'UTF-8';
a, blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: 14px
}

li, ol, ul {
    list-style: none outside none
}

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

fieldset, img {
    border: 0 none
}

html {
    min-width: 990px
}

body {
    text-align: left;
    color: #262626;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-family: Roboto;
    font-size: 14px;
    line-height:1.5 ;
}

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

a img {
    border: none
}

a {
    text-decoration: none;
    color: #262626;
    outline: 0
}

a:hover {
    color: #ed4259
}

.loaded a {
    transition: color .3s, background-color .3s
}

textarea {
    font: 14px/1.8 Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    resize: none;
    outline: 0
}

select {
    font-family: Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif
}

button, input {
    font-family: Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    border: none;
    outline: 0
}

input::-ms-clear {
    display: none
}

label {
    cursor: pointer
}

cite, em, i {
    font-style: normal
}


p {
    word-wrap: break-word;
    /*word-break: break-all*/
}

.lbf-combobox .lbf-combobox-label .lbf-combobox-icon:before {
    visibility: hidden
}

@font-face {
    font-family: qd_iconfont;
    src: url(../fonts/qd_iconfont.51f86.eot);
    src: url(../fonts/qd_iconfont.51f86.eot?#iefix) format('embedded-opentype'),
    url(../fonts/qd_iconfont.f9a3f.woff) format('woff'),
    url(../fonts/qd_iconfont.0a60d.ttf) format('truetype'),
    url(../fonts/qd_iconfont.8a95f.svg#iconfont) format('svg')
}

@font-face {
    font-family: FZZCYSK;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/FZZCYSK.dcf78.eot);
    src: url(../fonts/FZZCYSK.dcf78.eot?#iefix) format('embedded-opentype'),
    url(../fonts/FZZCYSK.e0f31.woff) format('woff'),
    url(../fonts/FZZCYSK.88409.ttf) format('truetype'),
    url(../fonts/FZZCYSK.8c2c4.svg#FZZCYSK) format('svg')
}
.lang {
    font-family: FZZCYSK;
    font-weight: 400
}

.iconfont {
    font-family: qd_iconfont !important;
    font-size: 24px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .1px;
    -moz-osx-font-smoothing: grayscale
}

.icon-dushi:before {
    content: '\e600'
}

.icon-jingji:before {
    content: '\e601'
}

.icon-junshi:before {
    content: '\e602'
}

.icon-kehuan:before {
    content: '\e603'
}

.icon-kehuduan:before {
    content: '\e604'
}

.icon-lingyi:before {
    content: '\e606'
}

.icon-nvshengwang:before {
    content: '\e607'
}

.icon-pinglun:before {
    content: '\e608'
}

.icon-qihuan:before {
    content: '\e609'
}

.icon-shijian:before {
    content: '\e60a'
}

.icon-shouyou:before {
    content: '\e60b'
}

.icon-shujia:before {
    content: '\e60c'
}

.icon-sousuo:before {
    content: '\e60d'
}

.icon-tongzhi:before {
    content: '\e62a'
}

.icon-wuxia:before {
    content: '\e60f'
}

.icon-xianxia:before {
    content: '\e610'
}

.icon-xuanhuan:before {
    content: '\e611'
}

.icon-youxi:before {
    content: '\e612'
}

.icon-youxi1:before {
    content: '\e613'
}

.icon-zhichang:before {
    content: '\e614'
}

.icon-erciyuan:before {
    content: '\e617'
}

.icon-lishi:before {
    content: '\e616'
}

.icon-tuliebiao:before {
    content: '\e618'
}

.icon-tuwen:before {
    content: '\e62b'
}

.icon-wenziliebiao:before {
    content: '\e61a'
}

.icon-shangyinhao:before {
    content: '\e61b'
}

.icon-xiayinhao:before {
    content: '\e61c'
}

.icon-chenggong:before {
    content: '\e61d'
}

.icon-cuowu:before {
    content: '\e61e'
}

.icon-guanbi:before {
    content: '\e61f'
}

.icon-youjiantou:before {
    content: '\e621'
}

.icon-zuojiantou:before {
    content: '\e628'
}

.icon-shangjiantou:before {
    content: '\e622'
}

.icon-xiajiantou:before {
    content: '\e623'
}

.icon-jiangxu:before {
    content: '\e625'
}

.icon-shengxu:before {
    content: '\e626'
}

.icon-weipaixu:before {
    content: '\e627'
}

.icon-yiwen:before {
    content: '\e620'
}

.icon-gift:before {
    content: '\e629'
}

.icon-dushi1:before {
    content: '\e62c'
}

.icon-lishi2:before {
    content: '\e62d'
}

.icon-lingyi1:before {
    content: '\e62e'
}

.icon-qihuan1:before {
    content: '\e62f'
}

.icon-shouyou1:before {
    content: '\e630'
}

.icon-tiyu:before {
    content: '\e631'
}

.icon-wuxia1:before {
    content: '\e632'
}

.icon-youxi3:before {
    content: '\e634'
}

.icon-dashang:before {
    content: '\e635'
}

.icon-dingyue:before {
    content: '\e636'
}

.icon-gaibiandianying:before {
    content: '\e637'
}

.icon-gaibiandongman:before {
    content: '\e638'
}

.icon-gaibianyingshi:before {
    content: '\e639'
}

.icon-gaibianyouxi:before {
    content: '\e63a'
}

.icon-shoujiyuedu:before {
    content: '\e63b'
}

.icon-suo:before {
    content: '\e63c'
}

.icon-taolun:before {
    content: '\e63d'
}

.icon-tuijianpiao:before {
    content: '\e63e'
}

.icon-yuepiao:before {
    content: '\e63f'
}

.icon-zan:before {
    content: '\e640'
}

.icon-lingyi2:before {
    content: '\e641'
}

.icon-xuanhuan1:before {
    content: '\e642'
}

.icon-add:before {
    content: '\e643'
}

.icon-xiazai:before {
    content: '\e644'
}

.icon-anquan:before {
    content: '\e646'
}

.icon-bianjipinglun:before {
    content: '\e64d'
}

.icon-danyefan:before {
    content: '\e64e'
}

.icon-shangxiafanye:before {
    content: '\e65a'
}

.icon-zishu:before {
    content: '\e64f'
}

.icon-zuozhe:before {
    content: '\e650'
}

.icon-fanhuidingbu:before {
    content: '\e651'
}

.icon-fanhuishuye:before {
    content: '\e652'
}

.icon-gengxinshijian:before {
    content: '\e653'
}

.icon-jiarushuji:before {
    content: '\e654'
}

.icon-jianxiaokuandu:before {
    content: '\e655'
}

.icon-jianxiaozihao:before {
    content: '\e656'
}

.icon-zengdakuandu:before {
    content: '\e65f'
}

.icon-zengdazihao:before {
    content: '\e660'
}

.icon-jinggao:before {
    content: '\e657'
}

.icon-pinglun1:before {
    content: '\e658'
}

.icon-shanchu:before {
    content: '\e659'
}

.icon-shezhi:before {
    content: '\e65b'
}

.icon-shouji:before {
    content: '\e65c'
}

.icon-toupiao:before {
    content: '\e65d'
}

.icon-youxi2:before {
    content: '\e65e'
}

.icon-baidu:before {
    content: '\e649'
}

.icon-xinlang:before {
    content: '\e645'
}

.icon-android:before {
    content: '\e64a'
}

.icon-pingguo:before {
    content: '\e64c'
}

.icon-zhifubao:before {
    content: '\e647'
}

.icon-xiaogougou:before {
    content: '\e64b'
}

.icon-liebiao:before {
    content: '\e661'
}

.icon-wenjian:before {
    content: '\e663'
}

.icon-huidaodingbu:before {
    content: '\e66b'
}

.icon-gou:before {
    content: '\e664'
}

.icon-moon:before {
    content: '\e665'
}

.icon-cry:before {
    content: '\e662'
}

.icon-shuaxin:before {
    content: '\e667'
}

.icon-look-lishi:before {
    content: '\e666'
}

.icon-putonghongbao:before {
    content: '\e668'
}

.icon-tuijianpiaohongbao:before {
    content: '\e669'
}

.icon-yuepiaohongbao:before {
    content: '\e66a'
}

.icon-key:before {
    content: '\e67e'
}

.icon-bell:before {
    content: '\e67f'
}

.icon-money:before {
    content: '\e680'
}

.error, .success {
    margin-right: 5px
}

.success {
    color: #8ccd0a
}

.error {
    color: #ed4259
}

@charset 'UTF-8';
.main-nav li.web .game-dropdown .lately dd {
    overflow: hidden
}

.main-nav li.web .game-dropdown .lately {
    border-bottom: 1px solid #ebebeb
}

.top-nav {
    height: 35px;
    border-bottom: 1px solid #e5e5e5;
    background: #f7f7f7
}

.top-nav .box-center {
    border-bottom: 1px solid #e5e5e5;
    background: #f7f7f7
}

.top-nav a, .top-nav em {
    float: left
}

.top-nav a {
    font: 12px/35px Arial, '-apple-system', Simsun;
    overflow: hidden;
    height: 35px;
    color: grey
}

.top-nav a.black {
    color: #262626
}

.top-nav a:hover {
    color: #ed4259
}

.top-nav a.act {
    position: relative;
    width: 80px;
    max-width: 80px;
    height: 36px;
    margin-right: 10px;
    margin-bottom: -1px;
    text-align: center;
    color: #575757;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    background: #fff
}

.top-nav a.act:hover {
    color: #ed4259
}

.top-nav em {
    font: 12px/35px Arial;
    margin: 0 10px;
    color: #d9d9d9
}

.top-nav .login-box span {
    font: 12px/35px Arial, '-apple-system', Simsun;
    float: left;
    color: #a6a6a6
}

.top-nav .login-box a {
    color: #a6a6a6
}

.top-nav .login-box a.black {
    color: #262626
}

.top-nav .login-box a i, .top-nav .login-box a:hover {
    color: #ed4259
}

.top-nav .sign-in i.black {
    color: #262626
}

.top-nav a:hover i.black {
    color: #ed4259
}

.top-nav .sign-in .new-user {
    display: none;
    overflow: visible
}

.top-nav .sign-in .new-user .gift {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin: -2px 5px 0 0;
    animation: bounce 1s infinite;
    vertical-align: middle;
    color: #bf2c24
}

.top-nav .sign-in .new-user i {
    color: #bf2c24
}

.top-nav .sign-in .new-user em {
    display: inline-block;
    float: none;
    margin-top: -2px;
    vertical-align: middle
}

.logo-wrap {
    overflow: hidden;
    width: 100%;
    height: 84px
}

.logo-wrap .box-center {
    position: relative
}

.logo-wrap .left-link {
    left: 224px;
    width: 174px
}

.logo-wrap .right-link {
    right: 124px;
    width: 282px
}

.logo-wrap .left-link, .logo-wrap .right-link {
    position: absolute;
    height: 84px
}

.logo-wrap .logo {
    width: 219px;
    height: 52px;
    margin: 16px 184px 0 0
}

.logo-wrap .logo a {
    display: block;
    width: 219px;
    height: 52px;
    background:url(../images/logo-web-categories.png) no-repeat;
    background-size: 100%;
}

.logo-wrap .book-shelf, .logo-wrap .search-wrap {
    margin-top: 30px;
    position: relative;
}
.ui-autocomplete {
    z-index: 10000;
}

.ui-autocomplete li {
    padding: 5px 0 !important;
    border-bottom: 1px solid #dcdcdc;
}

.ui-menu .ui-menu-item a {
    font-size: 14px;
    color: #555;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    padding: 5px !important;
}

.ui-menu .ui-menu-item a.ui-state-focus {
    border: 0;
    background: none;
    font-family: 'Roboto', sans-serif;
    margin: 0;
}
.logo-wrap .book-shelf p, .logo-wrap .search-wrap p {
    float: left;
    overflow: hidden;
    width: 348px;
    height: 38px;
    border: 1px solid #dbdbdb;
    border-right: none
}

.logo-wrap .book-shelf p:hover, .logo-wrap .search-wrap p:hover {
    border-color: #c9c9c9
}

.logo-wrap .book-shelf .search-box, .logo-wrap .search-wrap .search-box {
    font: 14px/38px Arial, '-apple-system', Simsun;
    width: 326px;
    height: 38px;
    padding: 0 11px
}



.logo-wrap .book-shelf .search-btn, .logo-wrap .search-wrap .search-btn {
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #3e98a1;
}

.logo-wrap .book-shelf .search-btn:hover, .logo-wrap .search-wrap .search-btn:hover {
    background-color: #ed4259
}

.logo-wrap .book-shelf .search-btn em, .logo-wrap .search-wrap .search-btn em {
    font-size: 18px;
    display: block;
    margin-top: 10px;
    color: #fff;
    line-height: 1;
}

.logo-wrap .book-shelf {
    overflow: hidden;
    width: 120px;
    height: 40px;
    background: #fff
}

.logo-wrap .book-shelf a, .logo-wrap .book-shelf em, .logo-wrap .book-shelf i, .logo-wrap .book-shelf span {
    display: inline-block;
    vertical-align: middle
}

.logo-wrap .book-shelf i {
    line-height: 38px;
    overflow: hidden;
    /*width: 56px;*/
    height: 38px;
    margin-right: 3px
}

.logo-wrap .book-shelf a {
    font: 14px/1 Arial, '-apple-system', Simsun;
    display: block;
    width: 118px;
    height: 38px;
    text-align: center;
    border: 1px solid #e6e6e6
}

.logo-wrap .book-shelf a:hover {
    color: #fff;
    border: 1px solid #ed4259;
    background: #ed4259
}

.logo-wrap .book-shelf a:hover span {
    color: #ed4259;
    background: #fff
}

.logo-wrap .book-shelf em {
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    width: 16px;
    margin-right: 5px
}

@-moz-document url-prefix() {
    .logo-wrap .book-shelf em {
        margin-top: 4px
    }
}

.main-nav-wrap {
    position: relative;
    z-index: 30;
    margin-bottom: 10px;
    background-color: #2798A1
}

.main-nav-wrap .main-nav {
    position: relative;
    height: 40px;
    background-color: #2798A1
}

.main-nav-wrap .main-nav li {
    float: left
}

.main-nav-wrap .main-nav li b {
    font-weight: 400
}

.main-nav-wrap .main-nav li b.client, .main-nav-wrap .main-nav li b.webgame {
    font-size: 16px;
    float: left;
    min-width: 16px;
    margin: 1px 5px 0 0;
    opacity: .8
}

.main-nav-wrap .main-nav li a {
    font: 14px/38px Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    float: left;
    height: 38px;
    padding: 0 32px;
    color: #fff;
    border-bottom: 2px solid #2798A1
}

.main-nav-wrap .main-nav li.nav-li a.act {
    color: #fff;
    border-bottom: 2px solid #ed4259;
    background-color: #ed4259
}

.main-nav-wrap .main-nav li.nav-li a.act:hover {
    line-height: 38px;
    height: 38px;
    border-top: none;
    border-bottom: 2px solid #ed4259;
    background: #ed4259
}

.main-nav-wrap .main-nav li.nav-li a:hover {
    line-height: 34px;
    height: 36px;
    transition: none;
    border-top: 2px solid #bf2d27;
    border-bottom: 2px solid #077c86;
    background-color: #077c86
}

.main-nav-wrap .main-nav li.first {
    position: relative;
    width: 282px;
    height: 40px;
    margin-right: 30px;
    cursor: pointer;
    background-color: #077c86
}

.main-nav-wrap .main-nav li.first b {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 0;
    height: 0;
    margin-left: -5px;
    transition: all .5s;
    border-top: 5px solid #a6a6a6;
    border-right: 5px solid transparent;
    border-bottom: 0 none;
    border-left: 5px solid transparent
}

.main-nav-wrap .main-nav li.first b strong {
    position: absolute;
    top: -7px;
    right: -5px;
    width: 0;
    height: 0;
    border-top: 5px solid #333;
    border-right: 5px solid transparent;
    border-bottom: 0 none;
    border-left: 5px solid transparent
}

.main-nav-wrap .main-nav li.first:hover span {
    background-color: #077c86
}

.main-nav-wrap .main-nav li.first:hover b {
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.main-nav-wrap .main-nav li.first:hover b strong {
    border-top: 5px solid #252428
}

.main-nav-wrap .main-nav li.first span {
    font: 14px/38px Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    display: block;
    padding: 0 0 0 18px;
    transition: all .5s;
    color: #fff;
    background-color: #077c86
}

.main-nav-wrap .main-nav li.first span em {
    float: left;
    width: 16px;
    height: 14px;
    margin: 13px 8px 0 0;
    vertical-align: middle
}

.main-nav-wrap .main-nav li.first span em i {
    display: block;
    width: 16px;
    height: 2px;
    margin-bottom: 4px;
    background: #d5d5d6
}

.main-nav-wrap .main-nav li.game {
    position: relative;
    float: right;
    margin-right: 0
}

.main-nav-wrap .main-nav li.game a {
    padding: 0;
    background: 0 0
}

.main-nav-wrap .main-nav li.game a:hover {
    color: #ffeea8;
    border-bottom: none
}

.main-nav-wrap .main-nav li.game a.web-game {
    margin-right: 20px
}

.main-nav-wrap .main-nav li.game b {
    font-size: 16px;
    min-width: 16px;
    margin-right: 5px;
    opacity: .8
}

.main-nav-wrap .main-nav li.game b:hover {
    color: #ffeea8
}

.main-nav-wrap .main-nav li.game b, .main-nav-wrap .main-nav li.game cite {
    float: left
}

.main-nav-wrap .main-nav li.game cite {
    margin: 8px 5px 0;
    color: #fff
}

.main-nav-wrap .main-nav li.game em {
    float: left;
    width: 16px;
    height: 14px;
    margin: 13px 6px 0 0;
    vertical-align: middle;
    background: #666
}

.main-nav li .game-dropdown {
    position: absolute;
    z-index: 21;
    top: 40px;
    width: 216px;
    height: 420px;
    animation: .15s ease-out;
    animation-name: fadeinT;
    background: #fff;
    box-shadow: 0 3px 5px #ccc
}

.main-nav li .game-dropdown cite {
    position: absolute;
    top: -15px;
    width: 0;
    height: 0;
    border-top: 0 none;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent
}

.main-nav li .game-dropdown dl {
    padding: 15px 12px 0
}

.main-nav li .game-dropdown dl a {
    line-height: 18px;
    float: none;
    height: auto;
    color: inherit;
    border: none
}

.main-nav li .game-dropdown dl dt {
    font-family: Arial, '-apple-system', Simsun;
    font-size: 12px;
    margin-bottom: 8px;
    color: #bf2c24
}

.main-nav li .game-dropdown dl dd h3 {
    font-weight: 400;
    line-height: 18px;
    overflow: hidden;
    height: 18px
}

.main-nav li .game-dropdown dl dd span {
    font: 12px/12px Arial, '-apple-system', Simsun;
    height: 12px;
    padding: 0 2px;
    text-align: center;
    color: #fff;
    background: #fc6c28
}

.main-nav li .game-dropdown dl dd a {
    color: #222
}

.main-nav li .game-dropdown .bottom {
    width: 192px;
    margin: 0 auto;
    padding-top: 12px;
    border-top: 1px solid #e6e6e6
}

.main-nav li .game-dropdown .bottom h4 {
    font: 12px/18px Arial, '-apple-system', Simsun;
    margin-bottom: 5px;
    color: #bf2c24
}

.main-nav li .game-dropdown .bottom a {
    position: relative;
    z-index: 1
}

.main-nav li .game-dropdown .bottom a, .main-nav li .game-dropdown .bottom img {
    display: block;
    width: 192px;
    height: 86px;
    border: none
}

.main-nav li.web .game-dropdown {
    left: -90px
}

.main-nav li.web .game-dropdown cite {
    left: 107px
}

.main-nav li.web .game-dropdown .lately {
    display: none;
    overflow: hidden;
    width: 192px;
    height: 70px;
    margin: 0 auto;
    padding: 10px 0 5px
}

.main-nav li.web .game-dropdown .lately dd {
    display: none;
    margin-bottom: 5px
}

.main-nav li.web .game-dropdown .lately dd .name {
    font: 14px/18px Arial, '-apple-system', Simsun;
    float: left;
    overflow: hidden;
    width: 90px;
    height: 18px;
    margin-right: 10px;
    white-space: normal;
    text-overflow: ellipsis
}

.main-nav li.web .game-dropdown .lately dd .name:hover {
    color: #ed4259
}

.main-nav li.web .game-dropdown .lately dd strong {
    font: 12px/18px Arial, '-apple-system', Simsun;
    font-weight: 400;
    float: left;
    color: #666
}

.main-nav li.web .game-dropdown .lately dd .link {
    font: 12px/18px Arial, '-apple-system', Simsun;
    float: right;
    color: #3f5a93
}

.main-nav li.web .game-dropdown .lately dd .link:hover {
    color: #2972cc
}

.main-nav li.web .game-dropdown .lately dd .link i {
    font-family: simsun;
    font-weight: 700;
    margin-left: 5px
}

.main-nav li.web .game-dropdown .web-list dd p {
    position: relative;
    z-index: 1;
    display: none
}

.main-nav li.web .game-dropdown .web-list dd.act p {
    display: block
}

.main-nav li.web .game-dropdown .web-list dd.act p .op-tag {
    right: 2px;
    bottom: 6px
}

.main-nav li.web .game-dropdown .web-list dd h3 {
    margin-bottom: 10px
}

.main-nav li.web .game-dropdown .web-list dd h3 span {
    float: right;
    width: 22px;
    height: 12px;
    margin-top: 3px;
    background: url(/qd/images/common/tag.7a994.png) no-repeat 0 -12px
}

.main-nav li.web .game-dropdown .web-list dd h3 a {
    font-family: Arial, '-apple-system', Simsun;
    font-size: 14px;
    float: left;
    overflow: hidden;
    overflow: hidden;
    width: 84px;
    height: 18px;
    margin-right: 6px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main-nav li.web .game-dropdown .web-list dd h3 a:hover {
    color: #ed4259
}

.main-nav li.web .game-dropdown .web-list dd h3 i {
    font-family: Arial, '-apple-system', Simsun;
    font-size: 12px;
    float: left;
    margin-right: 8px;
    color: #a6a6a6
}

.main-nav li.web .game-dropdown .web-list dd h3 strong {
    font-family: Arial, '-apple-system', Simsun;
    font-size: 12px;
    font-weight: 400;
    float: left;
    min-width: 30px;
    max-width: 30px;
    text-align: right;
    color: #666
}

.main-nav li.web .game-dropdown .web-list dd img {
    width: 192px;
    height: 46px
}

.main-nav li.web .game-dropdown .web-list dd p {
    margin-bottom: 5px
}

.main-nav li.web .game-dropdown .web-list.hide {
    overflow: hidden;
    height: 172px;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.main-nav li.phone .game-dropdown {
    left: -163px
}

.main-nav li.phone .game-dropdown cite {
    right: 12px
}

.main-nav li.phone .game-dropdown .phone-list dd h3 {
    margin-bottom: 5px
}

.main-nav li.phone .game-dropdown .phone-list dd span {
    float: left;
    width: 22px;
    height: 12px;
    margin-top: 3px;
    background: url(/qd/images/common/tag.7a994.png) no-repeat 0 -12px
}

.main-nav li.phone .game-dropdown .phone-list dd a {
    font-family: Arial, '-apple-system', Simsun;
    font-size: 14px;
    margin-right: 5px
}

.main-nav li.phone .game-dropdown .phone-list dd a:hover {
    color: #ed4259
}

.main-nav li.phone .game-dropdown .phone-list dd i {
    font-family: Arial, '-apple-system', Simsun;
    font-size: 12px;
    vertical-align: middle;
    color: #666
}

.main-nav li.phone .game-dropdown .phone-list dd i.op-tag {
    right: 2px;
    bottom: 6px
}

.main-nav li.phone .game-dropdown .phone-list dd p {
    position: relative;
    z-index: 1;
    margin-bottom: 5px
}

.main-nav li.phone .game-dropdown .phone-list dd p img {
    width: 192px;
    height: 58px
}

@-webkit-keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}

@keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}

.bounce {
    transform-origin: center bottom;
    animation-name: bounce
}



@charset 'UTF-8';
.book-list-wrap .book-list li, .classify-list dd {
    overflow: hidden
}

h3.wrap-title {
    border-bottom: 1px solid #666
}

.error, .success {
    margin-right: 5px
}

.success {
    color: #8ccd0a
}

.error {
    color: #ed4259
}

.red {
    color: #bf2c24
}

.pink {
    color: #ed4259
}

.blue {
    color: #3f5a93
}

.blue:hover {
    color: #2972cc
}

.gray {
    color: #a6a6a6
}

.gray:hover {
    color: #a6a6a6
}

.lbf-textarea-placeholder {
    font-size: 12px;
    position: absolute;
    top: 8px !important;
    left: 12px !important;
    color: #999
}

.qd-checkbox {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url(/qd/images/ico/qd_checkbox.4e604.png) no-repeat
}

.qd-checkbox.disabled {
    background-position: 0 0
}

.qd-checkbox.disabled:hover {
    background-position: 0 0
}

.qd-checkbox:hover {
    background-position: 0 -12px
}

.qd-checkbox.checked {
    background-position: 0 -24px
}

.lbf-checkbox {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url(/qd/images/ico/qd_checkbox.4e604.png) no-repeat
}

.lbf-checkbox.lbf-checkbox-hover {
    background-position: 0 -12px
}

.lbf-checkbox.lbf-checkbox-checked {
    background-position: 0 -24px
}

.lbf-checkbox + label {
    font: 12px/17px Arial, '-apple-system', Simsun;
    display: inline-block;
    vertical-align: middle;
    color: #666
}

.lbf-checkbox + label:hover {
    color: #1a1a1a
}

.lbf-radio {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    cursor: pointer;
    vertical-align: -1px;
    border: none;
    background: url(/qd/images/ico/qd_radio.54397.png) no-repeat;
    background-position: 0 -24px
}

.lbf-radio.lbf-radio-hover {
    background-position: 0 -12px
}

.lbf-radio.lbf-radio-checked {
    background-position: 0 0
}

.lbf-radio + label {
    display: inline-block
}

.op-tag {
    position: absolute;
    z-index: 5;
    right: 4px;
    bottom: 4px;
    width: 24px;
    height: 14px;
    background: url(/qd/images/common/op_tag.e4c83.png) no-repeat
}

.share-img {
    overflow: hidden;
    width: 0;
    height: 0;
    margin: 0 auto
}

embed.embed-fix {
    position: absolute;
    z-index: 2;
    top: -9999em;
    left: -9999em;
    width: 398px;
    height: 298px
}

.pin-nav-wrap.need-search .min-user li:first-child {
    display: block
}

.pin-nav-wrap.need-search .min-user li:first-child + li.line {
    display: block
}

.submit-input {
    position: absolute;
    clip: rect(0 0 0 0)
}

.pin-nav-wrap {

    width: 100%;
    height: 42px;
    transition: .5s all;
    transform: translateZ(10px);
    background: #3e3d43;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
    position: relative;
    z-index: 99;
}

.pin-nav-wrap.show {
    top: 0
}

.pin-nav-wrap .nav-list {
    height: 42px;
    margin-left: -10px
}

.pin-nav-wrap .nav-list li {
    float: left
}

.pin-nav-wrap .nav-list li.act a {
    line-height: 38px;
    height: 40px;
    transition: none;
    border-top: 2px solid #ed4259;
    background: #2b2a2e
}

.pin-nav-wrap .nav-list li.act a span {
    top: 17px;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.pin-nav-wrap .nav-list li.act .dropdown {
    display: block;
    animation: .15s ease-out;
    animation-name: fadeinT;
    background: #2b2a2e
}

.pin-nav-wrap .nav-list li.site {
    width: 95px;
    margin-right: 28px
}

.pin-nav-wrap .nav-list li.site a {
    width: 95px;
    color: #fff
}

.pin-nav-wrap .nav-list li.site a.pin-logo {
    display: block;
    width: 95px;
    height: 42px;
    /*background-image: url(/qd/images/pin_logo_1x.6068b.png);*/
    background-repeat: no-repeat;
    background-position: 10px 48%
}

.pin-nav-wrap .nav-list li.site .dropdown {
    width: 125px
}

.pin-nav-wrap .nav-list li.site.act a {
    height: 38px
}

.pin-nav-wrap .nav-list li a {
    font: 14px/42px Arial;
    position: relative;
    display: block;
    overflow: hidden;
    height: 42px;
    padding: 0 15px;
    color: #ccc
}

.pin-nav-wrap .nav-list li a:hover {
    color: #fff
}

.pin-nav-wrap .nav-list li a span {
    position: absolute;
    top: 19px;
    right: 10px;
    width: 0;
    height: 0;
    transition: all .2s;
    border-top: 4px solid #ccc;
    border-right: 4px solid transparent;
    border-bottom: 0 none;
    border-left: 4px solid transparent
}

.pin-nav-wrap .nav-list li .dropdown {
    position: relative;
    display: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    z-index: 101;
    width: 110px;
    background: #3e3d42;
}

.pin-nav-wrap .nav-list li .dropdown a {
    font: 14px/38px Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    height: auto;
    padding: 2px 15px;
    color: #ccc;
    border-top: none
}

.pin-nav-wrap .nav-list li .dropdown a:hover {
    color: #fff;
    background: #000
}

.pin-nav-wrap .nav-list li.more a {
    width: 46px
}

.pin-nav-wrap .nav-list li.more a span {
    right: 15px
}

.pin-nav-wrap .nav-list li.more .dropdown a {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.pin-nav-wrap .min-user .iconfont {
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
    color: #fff
}

.pin-nav-wrap .min-user .iconfont:hover {
    background: 0 0
}

.pin-nav-wrap .min-user li {
    position: relative;
    z-index: 11
}

.pin-nav-wrap .min-user li:first-child {
    display: none
}

.pin-nav-wrap .min-user li:first-child + li.line {
    display: none
}

.pin-nav-wrap .min-user li .pin-input {
    font-family: Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    font-size: 14px;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 42px;
    width: 150px;
    height: 26px;
    transition: color .3s, border .3s;
    opacity: 1;
    color: #e6e6e6;
    color: rgba(255, 255, 255, .7);
    border-bottom: 1px solid #aaa;
    background: #3e3d43
}

.pin-nav-wrap .min-user li .pin-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #3e3d43 inset;
    -webkit-text-fill-color: #e6e6e6;
    -webkit-text-fill-color: rgba(255, 255, 255, .7)
}

.pin-nav-wrap .min-user li .pin-input:focus {
    color: #fff;
    border-bottom: 2px solid #fff
}

.pin-nav-wrap .min-user li.book-shelf a:hover {
    background: #2b2a2e
}

.pin-nav-wrap .min-user li.book-shelf i {
    margin-left: 5px
}

.pin-nav-wrap .min-user li.book-shelf cite {
    font-family: Arial;
    font-size: 11px;
    line-height: 1.4;
    display: inline-block;
    margin: -2px 0 0 4px;
    padding: 0 4px;
    vertical-align: middle;
    color: #fff;
    border-radius: 4px;
    background: #ed4259
}

.pin-nav-wrap .min-user li.book-shelf cite strong {
    font-weight: 400
}

.pin-nav-wrap .min-user li.book-shelf em {
    margin-top: -2px
}

.pin-nav-wrap .min-user li a {
    position: relative;
    z-index: 10;
    margin-right: 0;
    color: #fff;
    background: 0 0;
    float:left;
}
.pin-nav-wrap .min-user li.book-shelf a i em {
    color: #fff;
    border: 1px solid #bf2e1e;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: #d63f2e;
    border-radius: 5px;
    position: absolute;
    top: 2px;
    right: 2px;
    text-align: center;
    -webkit-font-smoothing: auto;
    font-smoothing: auto;
    font-size: 12px;
}
.pin-nav-wrap .min-user li a img{vertical-align: middle;}
.pin-nav-wrap .min-user li label#pin-search {
    line-height: 42px;
    display: block;
    height: 42px;
    margin-right: 10px
}

.pin-nav-wrap .min-user li.line {
    height: 24px;
    margin: 10px 0 0;
    border-right: 1px solid #515056
}

.pin-nav-wrap .min-user li.sign-out {
    position: relative;
    padding: 0 6px 0 15px
}

.pin-nav-wrap .min-user li.sign-out a {
    display: inline;
    margin-right: 8px;
    padding: 0;
    color: #ccc
}

.pin-nav-wrap .min-user li.sign-out a:hover {
    color: #fff
}

.pin-nav-wrap .min-user li.sign-in a {
    overflow: hidden;
    min-width: 80px;
    max-width: 156px;
    padding: 0 20px 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pin-nav-wrap .min-user li.sign-in a i {
    padding-right: 5px
}

.pin-nav-wrap .min-user li.sign-in .dropdown {
    position: absolute;
    top: 42px;
    right: 0;
    width: 100%
}

.pin-nav-wrap .min-user li.sign-in .dropdown a {
    text-align: left
}

.pin-nav-wrap .min-user li.sign-in .dropdown a.pin-user-name {
    overflow: hidden;
    height: 32px
}

.pin-nav-wrap .min-user li.sign-in .dropdown a i {
    padding-right: 0
}
.channel-header.xuanhuan{
    width: 100%;
    height: 120px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% -20px;
}
#type-hover .classify-list {
    position: absolute;
    z-index: 100;
    top: 40px;
    display: none;
    animation: .15s ease-out;
    animation-name: fadeinT;
    box-shadow: 0 3px 5px #ccc
}

.classify-list {
    position: relative;
    top: -11px;
    width: 214px;
    height: 420px;
    border: 1px solid #e6e6e6;
    border-top: none
}

.classify-list dd {
    float: left;
    width: 50%;
    height: 60px;
    background: #f7f6f2
}

.classify-list dd a {
    display: block;
    color: #333
}

.classify-list dd a cite {
    position: relative;
    display: block;
    overflow: hidden;
    width: 85px;
    height: 43px;
    padding-top: 17px;
    padding-left: 17px
}

.classify-list dd a cite .rec {
    display: inline-block;
    width: 8px;
    height: 10px;
    margin-top: -4px;
    margin-left: 3px;
    vertical-align: middle;
    background: url(/qd/images/index/rec.23462.png) no-repeat
}

.classify-list dd a cite .info {
    float: left;
    max-width: 42px
}

.classify-list dd a cite .info b, .classify-list dd a cite .info i {
    display: block;
    cursor: pointer;
    text-align: left
}

.classify-list dd a cite .info i {
    font: 14px/1 Arial, '-apple-system', Simsun;
    white-space: nowrap
}

.classify-list dd a cite .info b {
    font: 12px/1.5 Arial;
    transition: color .2s;
    color: #999
}

.classify-list dd a cite em {
    float: left;
    width: 24px;
    height: 24px;
    margin: 2px 8px 0 0;
    transition: margin ease-out .3s
}

.classify-list dd a cite em.lingyi {
    margin-top: 0
}

.classify-list dd a cite em.erciyuan, .classify-list dd a cite em.jingji {
    margin-top: 1px
}

.classify-list dd a:hover {
    color: #ed4259
}

.classify-list dd a:hover cite em {
    margin: 2px 11px 0 -3px
}

.classify-list dd a:hover cite em.lingyi {
    margin: 0 11px 0 -3px
}

.classify-list dd a:hover cite em.erciyuan, .classify-list dd a:hover cite em.jingji {
    margin: 1px 11px 0 -3px
}

.classify-list dd a:hover cite b {
    color: #ed4259
}

.classify-list dd.even {
    background: #fcfcfa
}

h3.wrap-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    overflow: hidden;
    height: 24px;
    padding-bottom: 4px;
    color: #1a1a1a;
    font-family: Roboto;
}

h3.wrap-title span {
    margin-left: 5px
}

h3.wrap-title a {
    font: 12px/1 Arail, Arial, '-apple-system', Simsun;
    color: #3f5a93
}

h3.wrap-title a:hover {
    color: #2972cc
}

h3.wrap-title i {
    font-family: Arail, Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    margin: 0 5px
}

h3.wrap-title .more {
    display: inline;
    margin-left: 5px;
    transition: ease-in-out .2s;
    opacity: 0
}

h3.wrap-title .more em.iconfont {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.book-list-wrap:hover .more {
    opacity: 100
}

.book-list-wrap {
    width: 216px
}

.book-list-wrap .book-list li {
    height: 31px;
    border-top: 1px solid #e6e6e6
}

.book-list-wrap .book-list li:first-child {
    border-top: none
}

.book-list-wrap .book-list li a {
    font: 14px/32px Arial, '-apple-system', Simsun;
    float: left
}

.book-list-wrap .book-list li a.channel {
    overflow: hidden;
    min-width: 56px;
    height: 32px;
    margin-left: -8px;
    color: grey
}

.book-list-wrap .book-list li a.channel em {
    font-family: Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    font-size: 13px
}

.book-list-wrap .book-list li a.name {
    overflow: hidden;
    max-width: 100px;
    margin-left: -3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #1a1a1a
}

.book-list-wrap .book-list li a:hover {
    color: #ed4259
}

.book-list-wrap .book-list li.str3 .channel {
    width: 68px
}

.book-list-wrap .book-list li.str3 .name {
    max-width: 84px
}

.book-list-wrap .book-list li .author, .book-list-wrap .book-list li .rec {
    font: 12px/32px Arial, '-apple-system', Simsun;
    float: right;
    overflow: hidden;
    width: 64px;
    text-align: right;
    white-space: normal;
    text-overflow: ellipsis;
    color: #b3b3b3
}

.book-list-wrap .book-list li.color-type_1 a {
    color: #bf2c24
}

.book-list-wrap .book-list li.color-type_1 a:hover {
    color: #ed4259
}

.book-list-wrap .book-list li.color-type_1 .author {
    color: #a6a6a6
}

.book-list-wrap .book-list li.color-type_1 .author:hover {
    color: #ed4259
}

.book-list-wrap .book-list li.bd0 {
    border-bottom: none
}

.book-list-wrap .book-list li.bd0 .name {
    overflow: hidden;
    width: 140px;
    white-space: normal;
    text-overflow: ellipsis
}

.book-list-wrap .book-list li.bd0 span {
    width: 26px
}

.book-wrap {
    padding: 15px 0
}

.book-wrap .book-info {
    width: 132px
}

.book-wrap .book-info h3 {
    font: 700 14px/18px Arial;
    width: 36px;
    height: 18px;
    margin-bottom: 3px;
    text-align: center;
    color: #fff;
    background: #bf2c24
}

.book-wrap .book-info h4 {
    font: 16px/24px Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    overflow: hidden;
    height: 24px;
    color: #1a1a1a
}

.book-wrap .book-info p.digital {
    font-size: 12px;
    overflow: hidden;
    height: 24px;
    margin-bottom: 4px;
    padding: 3px 0 0;
    color: #bf2c24
}

.book-wrap .book-info p.digital em {
    font-family: Arial;
    font-size: 18px;
    margin-right: 3px
}

.book-wrap .book-info p.digital.f16 {
    font-size: 16px
}

.book-wrap .book-info p.author {
    font-family: Arial, '-apple-system', Simsun;
    font-size: 12px;
    overflow: hidden;
    height: 16px
}

.book-wrap .book-info p.author i {
    font-family: Arial;
    margin: 0 5px
}

.book-wrap .book-info p.author a {
    color: #a6a6a6
}

.book-wrap .book-info p.author a.type:hover {
    color: #ed4259
}

.book-wrap .book-info p.author a.writer:hover {
    color: #000
}

.book-wrap .book-info .tag {
    font-family: Arial, '-apple-system', Simsun;
    font-size: 12px;
    line-height: 18px;
    display: block;
    overflow: hidden;
    width: 50px;
    height: 18px;
    margin-bottom: 2px;
    padding: 0 3px;
    text-align: center;
    color: #bf2c24;
    border: 1px solid #df9591
}

.book-wrap .book-info .desc {
    font-family: Arial, '-apple-system', Simsun;
    font-size: 12px;
    overflow: hidden;
    height: 16px;
    color: #666
}

.book-wrap .book-cover {
    /*position: relative;*/
    /*z-index: 4;*/
    float: right;
    width: 52px;
    height: 91px;
    margin-top: -3px;
    margin-right: 8px;
    text-align: center
}

.book-wrap .book-cover.fl {
    float: left
}

.book-wrap .book-cover .link {
    position: relative;
    z-index: 10;
    display: inline-block;
    transform: translateZ(50px)
}

.book-wrap .book-cover img {
    width: 60px;
    height: 87px;
    outline: 1px solid transparent
}

.book-wrap .book-cover span {
    position: absolute;
    z-index: 1
}

:root .book-cover {
    -webkit-transform: perspective(60px) rotateY(-10deg);
    -moz-transform: perspective(60px) rotateY(-10deg);
    transform: perspective(60px) rotateY(-10deg)
}

:root .book-cover:before {
    position: absolute;
    z-index: 3;
    top: 3%;
    left: 10%;
    width: 100%;
    height: 90%;
    background-color: #999
}

:root .book-cover:after {
    position: absolute;
    z-index: 2;
    top: 2%;
    left: 100%;
    width: 10%;
    height: 92%;
    content: ' ';
    -webkit-transform: perspective(60px) rotateY(30deg);
    -moz-transform: perspective(60px) rotateY(30deg);
    transform: perspective(60px) rotateY(30deg);
    background-color: #efefef;
    box-shadow: inset 0 0 5px #333
}

:root .book-cover span {
    position: absolute;
    z-index: 1;
    top: 84.1%;
    left: 7px;
    width: 20px;
    height: 10px;
    content: '';
    -webkit-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
    -moz-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
    -ms-transform: scale(0);
    transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
    box-shadow: 25px 0 5px 5px #adadad
}

:root .book-cover img {
    width: 52px;
    height: 87px
}

.book-img {
    width: 72px;
    height: 96px;
    margin-right: 12px
}

.book-img a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .35), 0 0 5px #f9f2e9 inset
}

.book-img a img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    transition: transform .3s ease-out;
    color: #fcfcfa
}

.book-img a img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.book-img a span {
    font: 12px/18px Arial;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 17px;
    padding: 0 3px 0 2px;
    text-align: center;
    color: #fff;
    border-radius: 0 5px 0 0;
    background: #ed4259
}

.rank-list {
    position: relative;
    z-index: 1;
    float: left;
    width: 216px;
    margin-right: 30px
}

.rank-list .mr0 {
    margin-right: 0
}

.rank-list:hover .more {
    opacity: 100
}

.rank-list .book-list li {
    clear: both;
    height: 31px
}

.rank-list .book-list li:hover .name-box .arrow-up {
    background: #ed4259
}

.rank-list .book-list li.bd0 .name-box, .rank-list .book-list li:last-of-type .name-box {
    border-bottom: none
}

.rank-list .book-list li.unfold {
    zoom: 1;
    height: 114px;
    margin-bottom: -1px
}

.rank-list .book-list li.unfold i {
    color: #a6a6a6
}

.rank-list .book-list li.unfold:after, .rank-list .book-list li.unfold:before {
    display: table;
    content: ''
}

.rank-list .book-list li.unfold:after {
    clear: both
}

.rank-list .book-list li .num-box {
    float: left;
    width: 28px;
    height: 32px
}

.rank-list .book-list li .num-box span {
    font: 700 14px/16px Arial;
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    margin-top: 8px;
    text-align: center;
    letter-spacing: -1px;
    color: #666;
    background: #ededed
}

.rank-list .book-list li .num-box span.num1 {
    color: #fff;
    background: #bf2c24
}

.rank-list .book-list li .num-box span.num2 {
    color: #fff;
    background: #e67225
}

.rank-list .book-list li .num-box span.num3 {
    color: #fff;
    background: #e6bf25
}

.rank-list .book-list li .name-box {
    position: relative;
    float: left;
    height: 30px;
    border-top: 1px solid #e6e6e6
}

.rank-list .book-list li .name-box:first-child {
    border-top: none
}

.rank-list .book-list li .name-box a {
    font: 14px/31px Arial, '-apple-system', Simsun;
    float: left;
    width: 116px
}

.rank-list .book-list li .name-box a.name {
    overflow: hidden;
    overflow: hidden;
    height: 31px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #1a1a1a
}

.rank-list .book-list li .name-box a:hover {
    color: #ed4259
}

.rank-list .book-list li .name-box.rec a {
    color: #bf2c24
}

.rank-list .book-list li .name-box.rec .author {
    color: #b3b3b3
}

.rank-list .book-list li .name-box.rec .author:hover {
    color: #ed4259
}

.rank-list .book-list li .name-box.bd0 {
    border-bottom: none
}

.rank-list .book-list li .name-box i.total {
    font: 12px/32px Arial, '-apple-system', Simsun;
    float: right;
    overflow: hidden;
    width: 72px;
    text-align: right;
    white-space: normal;
    text-overflow: ellipsis;
    color: #b3b3b3
}

.rank-list .book-list li .name-box span {
    font: 12px/31px Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    position: absolute;
    right: 0;
    text-align: right;
    color: #bfbfbf
}

.rank-list .book-list li .name-box span.up {
    color: #666
}

.sort-list .book-list li .name-box a.name {
    overflow: hidden;
    width: 178px;
    padding-right: 10px;
    white-space: normal;
    text-overflow: ellipsis
}

.roundabout-holder {
    width: 156px;
    height: 112px
}

.roundabout-holder img {
    width: 100%
}

.roundabout {
    position: relative;
    display: none
}

.roundabout li {
    position: absolute;
    width: 84px;
    height: 112px;
    cursor: pointer;
    box-shadow: 0 1px 8px #7f7f7f
}

.roundabout li img {
    height: 100%
}

.roundabout li.book1 {
    z-index: 280;
    top: -13px;
    left: 18px
}

.roundabout li.book2 {
    z-index: 145;
    top: -1px;
    left: 75px
}

.roundabout li.book3 {
    z-index: 145;
    top: -1px;
    left: -20px
}

.info-text {
    width: 192px;
    margin: 0 auto;
    text-align: center
}

.info-text h3 {
    font: 700 16px/24px Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    overflow: hidden;
    height: 24px;
    margin-bottom: 5px
}

.info-text h3 a {
    color: #1a1a1a
}

.info-text h3 a:hover {
    color: #ed4259
}

.info-text .author {
    font: 12px/16px Arial, '-apple-system', Simsun;
    padding: 3px 0 5px;
    color: #bf2c24
}

.info-text .author a {
    color: #bf2c24
}

.info-text .author a:hover {
    color: #ed4259
}

.info-text .author em {
    font-family: Arial;
    margin: 0 5px
}

.info-text .total {
    font: 12px/18px Arial, '-apple-system', Simsun;
    margin-bottom: 10px
}

.info-text .total b {
    font-family: Arial;
    font-size: 18px;
    margin-right: 3px;
    vertical-align: middle
}

.info-text .total span {
    vertical-align: middle
}

.info-text .intro {
    font: 12px/20px Arial, '-apple-system', Simsun;
    overflow: hidden;
    height: 80px;
    margin-bottom: 20px;
    text-align: left;
    color: #626260
}

.page-box {
    min-height: 25px;
    padding: 40px 0
}

.page-box .pagination {
    overflow: hidden
}

.page-box .pagination ul {
    float: left
}

.page-box .pagination li {
    float: left;
    margin-right: 10px;
    text-align: center
}

.page-box .pagination li a,.page-box .pagination .active span {
    font: 14px/22px Arial;
    float: left;
    height: 22px;
    padding: 0 7px;
    transition: color .3s, border .3s;
    border: 1px solid #fff
}

.page-box .pagination li a:hover {
    border: 1px solid #ed4259
}

.page-box .pagination .lbf-pagination-next, .page-box .pagination .lbf-pagination-prev {
    font-family: simsun;
    line-height: 24px
}

.page-box .pagination .active span {
    color: #fff;
    border: 1px solid #ed4259;
    background: #ed4259
}

.page-box .pagination .lbf-pagination-disabled {
    cursor: default;
    color: #ccc
}

.page-box .pagination .lbf-pagination-disabled:hover {
    border: 1px solid #fff;
    background: 0 0
}

.page-box .pagination .lbf-pagination-jump {
    float: left
}

.page-box .pagination .lbf-pagination-jump input {
    font: 12px/22px Arial;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #f2f2f2
}

.page-box .pagination .lbf-pagination-jump input:focus {
    border: 1px solid #bbdaff
}

.page-box .pagination .lbf-pagination-jump .lbf-pagination-go {
    font: 12px/22px Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    display: inline-block;
    width: 34px;
    height: 22px;
    transition: color .3s, border .3s;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #f2f2f2
}

.page-box .pagination .lbf-pagination-jump .lbf-pagination-go:hover {
    border: 1px solid #ed4259
}

.simple-tips {
    width: 240px;
    margin: 0 auto;
    padding: 11px 0
}

.banner-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100px
}

.banner-wrap .op-tag {
    right: 4px
}

.banner-wrap a {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: none;
    width: 1200px;
    height: 100px
}

.banner-wrap img {
    display: block;
    width: 1200px;
    height: 100px
}

.banner-wrap embed.embed-fix.fix {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 1200px;
    height: 100px
}

.banner-wrap .la-ball-pulse {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -20px
}

.auto-login {
    position: absolute;
    top: -9999em;
    left: -9999em;
    width: 0;
    height: 0
}

.user-photo {
    position: relative;
    z-index: 1;
    width: 44px;
    height: 44px;
    margin: 8px 8px 0 10px
}

.user-photo a, .user-photo img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.user-photo .user-level {
    position: absolute;
    z-index: 1;
    bottom: -2px;
    left: 50%;
    margin-left: -15px;
    text-indent: -9999em
}

.level {
    font: 12px/16px Arial, '-apple-system', Simsun;
    display: inline-block;
    width: 30px;
    height: 16px;
    text-align: center;
    vertical-align: 0;
    color: #fff
}

.level.zhangmen {
    background: #bf2c24
}

.level.xuetu {
    background: #e7c100
}

.top-op-box {
    height: 60px
}

.top-game-op {
    position: relative;
    z-index: 1;
    display: none;
    overflow: hidden;
    height: 60px
}

.top-game-op img {
    display: block;
    width: 1200px;
    height: 60px
}

.top-game-op .game-wrap {
    position: relative;
    z-index: 1;
    width: 1200px;
    margin: 0 auto
}

.top-game-op .game-wrap .la-ball-pulse {
    position: absolute;
    z-index: 1;
    top: 24px;
    left: 50%;
    margin-left: -22px
}

.top-game-op a:first-child {
    position: absolute;
    z-index: 2;
    top: 17px;
    right: 0;
    width: 20px;
    height: 20px;
    background: #666;
    background: rgba(0, 0, 0, .3)
}

.top-game-op a:first-child em {
    font-size: 16px;
    position: absolute;
    top: 2px;
    left: 2px;
    color: #fff
}

.top-game-op a + a {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    width: 1200px;
    height: 60px;
    margin-left: -600px
}

.la-ball-spin-clockwise, .la-ball-spin-clockwise > i {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-spin-clockwise {
    font-size: 0;
    display: block;
    width: 16px;
    height: 16px;
    color: #fff
}

.la-ball-spin-clockwise.la-dark {
    color: #333
}

.la-ball-spin-clockwise > i {
    display: inline-block;
    float: none;
    border: 0 solid currentColor;
    background-color: currentColor
}

.la-ball-spin-clockwise > i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-left: -2px;
    -webkit-animation: ball-spin-clockwise 1s infinite ease-in-out;
    -moz-animation: ball-spin-clockwise 1s infinite ease-in-out;
    -o-animation: ball-spin-clockwise 1s infinite ease-in-out;
    animation: ball-spin-clockwise 1s infinite ease-in-out;
    border-radius: 100%
}

.la-ball-spin-clockwise > i:nth-child(1) {
    top: 5%;
    left: 50%;
    -webkit-animation-delay: -.875s;
    -moz-animation-delay: -.875s;
    -o-animation-delay: -.875s;
    animation-delay: -.875s
}

.la-ball-spin-clockwise > i:nth-child(2) {
    top: 18.1801948466%;
    left: 81.8198051534%;
    -webkit-animation-delay: -.75s;
    -moz-animation-delay: -.75s;
    -o-animation-delay: -.75s;
    animation-delay: -.75s
}

.la-ball-spin-clockwise > i:nth-child(3) {
    top: 50%;
    left: 95%;
    -webkit-animation-delay: -.625s;
    -moz-animation-delay: -.625s;
    -o-animation-delay: -.625s;
    animation-delay: -.625s
}

.la-ball-spin-clockwise > i:nth-child(4) {
    top: 81.8198051534%;
    left: 81.8198051534%;
    -webkit-animation-delay: -.5s;
    -moz-animation-delay: -.5s;
    -o-animation-delay: -.5s;
    animation-delay: -.5s
}

.la-ball-spin-clockwise > i:nth-child(5) {
    top: 94.9999999966%;
    left: 50.0000000005%;
    -webkit-animation-delay: -.375s;
    -moz-animation-delay: -.375s;
    -o-animation-delay: -.375s;
    animation-delay: -.375s
}

.la-ball-spin-clockwise > i:nth-child(6) {
    top: 81.8198046966%;
    left: 18.1801949248%;
    -webkit-animation-delay: -.25s;
    -moz-animation-delay: -.25s;
    -o-animation-delay: -.25s;
    animation-delay: -.25s
}

.la-ball-spin-clockwise > i:nth-child(7) {
    top: 49.9999750815%;
    left: 5.0000051215%;
    -webkit-animation-delay: -.125s;
    -moz-animation-delay: -.125s;
    -o-animation-delay: -.125s;
    animation-delay: -.125s
}

.la-ball-spin-clockwise > i:nth-child(8) {
    top: 18.179464974%;
    left: 18.1803700518%;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s
}

.la-ball-spin-clockwise.la-sm {
    width: 16px;
    height: 16px
}

.la-ball-spin-clockwise.la-sm > i {
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-left: -2px
}

.la-ball-spin-clockwise.la-2x {
    width: 64px;
    height: 64px
}

.la-ball-spin-clockwise.la-2x > i {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px
}

.la-ball-spin-clockwise.la-3x {
    width: 96px;
    height: 96px
}

.la-ball-spin-clockwise.la-3x > i {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px
}

@-webkit-keyframes ball-spin-clockwise {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        opacity: 1
    }
    80% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

@-moz-keyframes ball-spin-clockwise {
    0%, 100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        opacity: 1
    }
    80% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

@-o-keyframes ball-spin-clockwise {
    0%, 100% {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        opacity: 1
    }
    80% {
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

@keyframes ball-spin-clockwise {
    0%, 100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        opacity: 1
    }
    80% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

:root .la-ball-pulse {
    font-size: 0;
    text-align: center
}

:root .la-ball-pulse span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 8px 0 0;
    animation: ball-pulse 1s ease infinite;
    border-radius: 100%;
    background: #666
}

:root .la-ball-pulse span:nth-child(1) {
    animation-delay: -.2s
}

:root .la-ball-pulse span:nth-child(2) {
    animation-delay: -.1s
}

:root .la-ball-pulse span:nth-child(3) {
    animation-delay: 0s
}

@-webkit-keyframes ball-pulse {
    0%, 100%, 60% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    30% {
        -webkit-transform: scale(.01);
        transform: scale(.01);
        opacity: .1
    }
}

@-moz-keyframes ball-pulse {
    0%, 100%, 60% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    30% {
        -moz-transform: scale(.01);
        transform: scale(.01);
        opacity: .1
    }
}

@-o-keyframes ball-pulse {
    0%, 100%, 60% {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    30% {
        -o-transform: scale(.01);
        transform: scale(.01);
        opacity: .1
    }
}

@keyframes ball-pulse {
    0%, 100%, 60% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    30% {
        -webkit-transform: scale(.01);
        -moz-transform: scale(.01);
        -o-transform: scale(.01);
        transform: scale(.01);
        opacity: .1
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
    40% {
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
    40% {
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    20% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        -webkit-transform: scale3d(1.01, 1.01, 1.01);
        transform: scale3d(1.01, 1.01, 1.01);
        opacity: 1
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1
    }
}

@keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1
    }
}

.bounceIn {
    animation-name: bounceIn;
    animation-duration: 1s
}

@-webkit-keyframes fadeinT {
    0% {
        -webkit-transform: translateY(-10px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@-moz-keyframes fadeinT {
    0% {
        -moz-transform: translateY(-10px);
        opacity: 0
    }
    100% {
        -moz-transform: translateY(0);
        opacity: 1
    }
}

@-ms-keyframes fadeinT {
    0% {
        -ms-transform: translateY(-10px);
        opacity: 0
    }
    100% {
        -ms-transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeinT {
    0% {
        transform: translateY(-10px);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes tinydown {
    0%, 5% {
        -webkit-transform: translateY(-10px);
        opacity: 0
    }
    10% {
        -webkit-transform: translateY(-10px);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(0)
    }
}

@keyframes tinydown {
    0%, 5% {
        transform: translateY(-10px);
        opacity: 0
    }
    10% {
        transform: translateY(-10px);
        opacity: 1
    }
    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: .9
    }
    50% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(.9);
        opacity: .9
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.95);
        opacity: .9
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.95);
        opacity: .9
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.lbf-autocomplete-suggestions {
    transform: translateZ(10px) !important
}

.book-img-text .book-mid-info p.author, .other-rec-wrap li .book-info .author {
    overflow: hidden
}

.book-img-text dd {
    border-bottom: 1px solid #ebebeb
}

.rank-table-list td {
    border-bottom: 1px solid #e6e6e6
}

.all-pro-wrap {
    min-height: 500px
}

.main-content-wrap {
    width: 954px
}

.view-mode {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 12px;
    margin-top: 12px
}

.view-mode .iconfont {
    font-size: 16px;
    float: left;
    min-width: 16px;
    color: #a6a6a6
}

.view-mode .iconfont:hover {
    color: #666
}

.view-mode .iconfont.act {
    color: #262626
}

.view-mode em {
    font: 14px/1 Arial;
    float: left;
    margin: 0 10px;
    color: #e6e6e6
}

.book-img-text li {
    height: 162px;
    padding-top: 25px;
    border-top: 1px solid #e6e6e6
}

.book-img-text li:first-child {
    padding-top: 0;
    border-top: none
}

.book-img-text .book-img-box, .book-img-text .book-mid-info {
    float: left
}

.book-img-text .book-right-info {
    float: right
}

.book-img-text .book-img-box {
    position: relative;
    z-index: 3;
    width: 102px;
    height: 136px;
    margin-right: 16px
}

.book-img-text .book-img-box a {
    display: block;
    overflow: hidden;
    width: 102px;
    height: 136px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .35)
}

.book-img-text .book-img-box a img {
    width: 102px;
    height: 136px;
    -webkit-transition: -webkit-transform .4s ease-out;
    -moz-transition: -moz-transform .4s ease-out;
    -ms-transition: -ms-transform .4s ease-out;
    transition: transform .4s ease-out
}

.book-img-text .book-img-box a img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.book-img-text .book-mid-info {
    width: 542px;
    margin-top: 5px
}

.book-img-text .book-mid-info h4 {
    font: 18px/24px Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    overflow: hidden;
    height: 24px;
    margin-bottom: 8px
}

.book-img-text .book-mid-info h4 cite.red-kw {
    color: #bf2c24
}

.book-img-text .book-mid-info p {
    font-family: Roboto, '-apple-system', Simsun;
    font-size: 12px
}

.book-img-text .book-mid-info p.author {
    overflow: hidden;
    height: 16px;
    margin-bottom: 6px
}

.book-img-text .book-mid-info p.author img {
    float: left;
    width: 14px;
    height: 14px;
    margin: 1px 5px 0 0
}

.book-img-text .book-mid-info p.author a {
    line-height: 16px;
    float: left;
    color: #a6a6a6
}

.book-img-text .book-mid-info p.author a:hover {
    color: #ed4259
}

.book-img-text .book-mid-info p.author a.name:hover {
    color: #262626
}

.book-img-text .book-mid-info p.author i {
    font-family: Arial, '-apple-system', Simsun;
    line-height: 16px;
    float: left;
    margin: 0 3px;
    color: #a6a6a6
}

.book-img-text .book-mid-info p.author em {
    font-family: Arial;
    float: left;
    margin: 1px 8px 0;
    color: #e6e6e6
}

.book-img-text .book-mid-info p.author span {
    line-height: 16px;
    float: left;
    color: #a6a6a6
}

.book-img-text .book-mid-info p.intro {
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    height: 48px;
    margin-bottom: 8px;
    color: #666
}

.book-img-text .book-mid-info p.intro cite.red-kw {
    color: #bf2c24
}

.book-img-text .book-mid-info p.update {
    line-height: 22px
}

.book-img-text .book-mid-info p.update a {
    display: inline-block;
    vertical-align: middle;
    color: #3f5a93
}

.book-img-text .book-mid-info p.update a:hover {
    color: #2972cc
}

.book-img-text .book-mid-info p.update a.red {
    color: #bf2c24
}

.book-img-text .book-mid-info p.update a.red.def {
    cursor: default
}

.book-img-text .book-mid-info p.update i {
    font-family: Arial;
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
    color: #a6a6a6
}

.book-img-text .book-mid-info p.update em {
    font-family: Arial;
    margin: 0 5px
}

.book-img-text .book-mid-info p.update b {
    font: 12px/22px Arial, '-apple-system', Simsun;
    display: inline-block;
    vertical-align: middle;
    color: #b5b5b5
}

.book-img-text .book-mid-info p.update b.red {
    color: #bf2c24
}

.book-img-text .book-mid-info p.update em, .book-img-text .book-mid-info p.update span {
    display: inline-block;
    vertical-align: middle;
    color: #b5b5b5
}

.book-img-text .book-right-info {
    position: relative;
    width: 224px;
    height: 136px;
    margin-top: 5px
}

.book-img-text .book-right-info .total {
    text-align: right
}

.book-img-text .book-right-info .total p {
    font: 12px/16px Arial, '-apple-system', Simsun;
    margin-bottom: 6px;
    color: #666
}

.book-img-text .book-right-info .total p span {
    font: 12px/18px Arial, '-apple-system', Simsun;
    margin-right: 3px;
    color: #262626
}

.book-img-text .book-right-info .price {
    padding-top: 35px;
    text-align: right
}

.book-img-text .book-right-info .price p {
    font: 18px/24px Arial;
    margin-bottom: 5px
}

.book-img-text .book-right-info .price p span {
    font-family: Arial;
    margin-right: 5px
}

.book-img-text .book-right-info .price s {
    font: 12px/1 Arial;
    display: block;
    color: #a6a6a6
}

.book-img-text .book-right-info .btn {
    font-size: 0;
    position: absolute;
    bottom: 4px;
    left: 0
}

.book-img-text .book-right-info .btn a {
    font: 14px/32px Arial, '-apple-system', Simsun;
    display: inline-block;
    width: 98px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid
}

.book-img-text .book-right-info .btn a.red-btn {
    margin-right: 24px;
    color: #fff;
    border-color: #bf2c24;
    background: #bf2c24
}

.book-img-text .book-right-info .btn a.red-btn:hover {
    border-color: #ed4259;
    background: #ed4259
}

.book-img-text .book-right-info .btn a.red-btn.disabled {
    cursor: default;
    color: #a6a6a6;
    border-color: #a6a6a6;
    background: 0 0
}

.book-img-text .book-right-info .btn a.blue-btn {
    color: #3f5a93;
    border-color: #3f5a93
}

.book-img-text .book-right-info .btn a.blue-btn:hover {
    color: #2972cc;
    border-color: #2972cc;
    background: #f0f5ff
}

.book-img-text .book-right-info .btn a.in-shelf {
    cursor: default;
    color: #a6a6a6;
    border-color: #a6a6a6
}

.book-img-text dd {
    margin-bottom: 24px
}

.book-img-text .all-img-list li {
    float: left;
    width: 477px
}

.book-img-text .all-img-list li .book-mid-info {
    width: 344px
}

.book-img-text .all-img-list li .book-mid-info p.author span {
    color: #a6a6a6
}

.book-img-text .all-img-list li .book-mid-info p.update {
    color: inherit
}

.book-img-text .all-img-list li .book-mid-info p.update span {
    color: #a6a6a6
}

.book-img-text .all-img-list li .book-mid-info p.update span.red {
    color: #bf2c24
}

span.rank-tag {
    font: 16px/22px FZZCYSK;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    min-width: 14px;
    height: 22px;
    padding: 0 4px;
    text-align: center;
    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, .6)
}

span.rank-tag cite {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    display: none;
    width: 0;
    height: 0;
    border-top: 5px solid #bf2c24;
    border-right: 11px solid transparent;
    border-bottom: 0 none;
    border-left: 11px solid transparent
}

span.rank-tag.no1 {
    line-height: 24px;
    background: #bf2c24
}

span.rank-tag.no1 cite {
    display: block
}

span.rank-tag.no2 {
    line-height: 24px;
    background: #e67225
}

span.rank-tag.no2 cite {
    display: block;
    border-top: 5px solid #e67225;
    border-right: 11px solid transparent;
    border-bottom: 0 none;
    border-left: 11px solid transparent
}

span.rank-tag.no3 {
    line-height: 24px;
    background: #e6bf25
}

span.rank-tag.no3 cite {
    display: block;
    border-top: 5px solid #e6bf25;
    border-right: 11px solid transparent;
    border-bottom: 0 none;
    border-left: 11px solid transparent
}

.rank-table-list {
    text-align: left
}

.rank-table-list tbody tr {
    transition: all .3s
}

.rank-table-list tbody tr:hover {
    background: #f7f6f2
}

.rank-table-list th {
    font: 700 12px/16px Arial, '-apple-system', Simsun;
    height: 20px;
    text-align: left;
    vertical-align: top
}

.rank-table-list th.right {
    text-align: right
}

.rank-table-list td {
    font: 14px/40px Arial, '-apple-system', Simsun;
    height: 40px
}

.rank-table-list td.td-one a {
    color: grey
}

.rank-table-list td.td-one i.point {
    color: grey
}

.rank-table-list td .type {
    margin-left: -6px;
    color: grey
}

.rank-table-list td .type em {
    font-family: Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    font-size: 13px;
    color: grey
}

.rank-table-list td .type:hover em {
    color: #ed4259
}

.rank-table-list td .go-sub-type em {
    font-family: Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    font-size: 13px;
    color: grey
}

.rank-table-list td .name {
    display: block;
    overflow: hidden;
    width: 138px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rank-table-list td .chapter {
    display: block;
    overflow: hidden;
    width: 280px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666
}

.rank-table-list td .chapter:hover {
    color: #262626
}

.rank-table-list td.month {
    font: 700 12px/40px Arail
}

.rank-table-list td.date {
    font: 12px/40px Arail;
    text-align: right;
    color: #666
}

.rank-table-list td.time {
    font: 12px/40px Arail;
    color: #666
}

.rank-table-list td .author {
    display: block;
    overflow: hidden;
    width: 90px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rank-table-list td .author:hover {
    color: inherit
}

.rank-table-list td .author, .rank-table-list td .total {
    font-size: 12px;
    color: #999
}

.rank-table-list td a:hover {
    color: #ed4259
}

.rank-table-list td a.blue:hover {
    color: #2972cc
}

.rank-table-list td .gray:hover, .rank-table-list td .in-shelf {
    color: #a6a6a6
}
.rank-body em.number, .rank-box em.number {
    position: relative;
    display: block;
    height: 40px
}

.rank-body em.number span.rank-tag, .rank-box em.number span.rank-tag {
    font-size: 14px;
    top: 10px;
    min-width: auto;
    height: 18px;
    color: #666;
    background: 0 0
}

.rank-body em.number span.rank-tag.no1, .rank-body em.number span.rank-tag.no2, .rank-body em.number span.rank-tag.no3, .rank-box em.number span.rank-tag.no1, .rank-box em.number span.rank-tag.no2, .rank-box em.number span.rank-tag.no3 {
    line-height: 22px;
    margin-top: 0;
    color: #fff
}

.rank-body em.number span.rank-tag.no1, .rank-box em.number span.rank-tag.no1 {
    background: #bf2c24
}

.rank-body em.number span.rank-tag.no2, .rank-box em.number span.rank-tag.no2 {
    background: #e67225
}

.rank-body em.number span.rank-tag.no3, .rank-box em.number span.rank-tag.no3 {
    background: #e6bf25
}

.rank-body em.number span.rank-tag cite, .rank-box em.number span.rank-tag cite {
    border-right: 8px solid transparent;
    border-bottom: 0 none;
    border-left: 8px solid transparent
}

.tool-bar {
    position: relative;
    z-index: 1;
    height: 40px;
    margin-bottom: 24px;
    padding: 0 12px;
    background: #f7f6f2
}

.tool-bar .select-wrap {
    position: relative
}

.tool-bar .sort-count {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 68px
}

.tool-bar .sort-count .count-text {
    float: left;
    margin-right: 5px
}

.tool-bar .sort-count i {
    font: 14px/18px Arial;
    float: left;
    margin-top: 10px;
    padding-left: 10px;
    color: #e6e6e6
}

.tool-bar .sort-count .yiwen {
    position: relative;
    z-index: 1;
    float: left
}

.tool-bar .sort-count .yiwen .iconfont {
    font-size: 14px;
    font-weight: 400;
    min-width: 14px;
    margin: 0 0 0;
    cursor: pointer;
    transition: color .3s;
    color: #bfbfbf;
    -webkit-text-stroke-width: 0
}

.tool-bar .sort-count .yiwen .iconfont:hover {
    color: #a6a6a6
}

.tool-bar .count-info {
    font: 12px/40px Arial, '-apple-system', Simsun;
    color: #a6a6a6
}

.tool-bar .count-info span {
    font: 12px/16px Arail;
    margin: 0 5px;
    color: #262626
}

.tool-bar .select-wrap a {
    font: 12px/40px Arial, '-apple-system', Simsun;
    position: relative;
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    color: #a6a6a6
}

.tool-bar .select-wrap a:hover {
    color: #ed4259
}

.tool-bar .select-wrap a cite {
    font-size: 12px;
    line-height: 40px;
    display: inline-block;
    min-width: 12px;
    margin: -1px 0 0 4px;
    vertical-align: middle
}

.tool-bar .select-wrap a.act {
    font-weight: 700;
    color: #ed4259
}

.tool-bar .select-wrap a.act cite {
    font-weight: 400;
    color: #ed4259
}

.tool-bar .select-wrap > a {
    margin-right: 10px;
    margin-left: 10px
}

.tool-bar .select-wrap > a:first-child {
    margin-left: 0
}

.tool-bar .select-wrap em {
    font: 14px/18px Arial;
    display: inline-block;
    margin-top: -3px;
    margin-right: 14px;
    vertical-align: middle;
    color: #e6e6e6
}

.other-rec-wrap {
    width: 216px
}

.other-rec-wrap h3 {
    font-size: 18px;
    line-height: 21px;
    position: relative;
    z-index: 2;
    padding-bottom: 4px;
    border-bottom: 1px solid #666
}

.other-rec-wrap li {
    position: relative;
    z-index: 1;
    height: 97px;
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6
}

.other-rec-wrap li:last-of-type {
    border-bottom: none
}

.other-rec-wrap li .img-box {
    position: relative;
    z-index: 2;
    float: left;
    width: 72px;
    height: 96px;
    margin-right: 12px
}

.other-rec-wrap li .img-box a {
    display: block;
    overflow: hidden;
    width: 72px;
    height: 96px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .35)
}

.other-rec-wrap li .img-box a img {
    width: 72px;
    height: 96px;
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    transition: transform .3s ease-out
}

.other-rec-wrap li .img-box a img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.other-rec-wrap li .img-box span {
    font: 14px/14px Arial;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 14px;
    padding: 0 3px 0 2px;
    color: #fff;
    border-radius: 0 5px 0 0;
    background: #ed4259
}

.other-rec-wrap li .book-info {
    position: absolute;
    z-index: 1;
    left: 90px;
    width: 130px
}

.other-rec-wrap li .book-info h4 {
    font: 16px/21px Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    overflow: hidden;
    height: 21px;
    margin-bottom: 8px
}

.other-rec-wrap li .book-info .author {
    height: 16px;
    margin-bottom: 8px
}

.other-rec-wrap li .book-info .author img {
    float: left;
    width: 14px;
    height: 14px;
    margin: 2px 5px 0 0
}

.other-rec-wrap li .book-info .author a {
    font: 12px/16px Arial, '-apple-system', Simsun;
    float: left;
    color: #a6a6a6
}

.other-rec-wrap li .book-info .author a:hover {
    color: inherit
}

.other-rec-wrap li .book-info .intro {
    font: 12px/20px Arial, '-apple-system', Simsun;
    overflow: hidden;
    height: 40px;
    color: #666
}

.other-rec-wrap li .book-info .intro.red {
    color: #bf2c24
}

.no-data {
    width: 300px;
    margin: 60px auto 30px;
    text-align: center
}

.no-data .no-result-img {
    padding: 47px 0 13px
}

.no-data h3 {
    font: 16px/24px Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif
}

.no-data p {
    font: 14px/24px Arial, '-apple-system', Simsun;
    color: #a6a6a6
}

.no-data p .blue {
    margin: 0 5px
}

.yiwenTip {
    line-height: 1;
    position: absolute;
    z-index: 31;
    display: none;
    width: 130px;
    color: #fff;
    border-radius: 3px;
    background: #404040;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .3)
}

.yiwenTip span {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    border-top: 4px solid #404040;
    border-top: 6px solid #404040;
    border-right: 4px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 0 none;
    border-bottom: 0 none;
    border-left: 4px solid transparent;
    border-left: 6px solid transparent
}

.yiwenTip p {
    font: 12px/16px Arial, '-apple-system', Simsun;
    padding: 8px 10px;
    text-align: center
}

.no-data-img {
    display: block;
    width: 142px;
    height: 100px;
    margin: 0 auto;
    background: url(/qd/images/common/big_wu.ba1a4.png) no-repeat
}

.other-rec-wrap .no-data-img {
    width: 72px;
    height: 90px;
    background: url(/qd/images/common/wu.ea15f.png) no-repeat
}

.fans-list h3, .fans-list li {
    overflow: hidden
}

.rank-header .rank-toolbar-wrap p.line, .rank-tab-box {
    border-bottom: 1px solid #ebebeb
}

.rank-nav-list p.line {
    border-bottom: 1px solid #e6e6e6
}

.rank-box {
    padding: 20px 0 0;
    position: relative;
    z-index: 1;
}

.rank-nav-list {
    width: 216px;
    margin-right: 30px
}
.rank-nav-list ul{
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.rank-nav-list ul li{
    float:left;
    margin: 6px 6px 6px 0;
}
.rank-nav-list ul li a{
    font: 15px/1 Arial, '-apple-system', Simsun;
    padding: 6px;
    float: left;
    border: 1px solid;
    border-radius: 4px;
}

.rank-nav-list ul li.act a {
    /*font-weight: 700;*/
    color: #ed4259
}

.rank-nav-list ul li.act cite {
    display: none;
    width: 0;
    height: 0;
    margin: -3px 0 0 8px;
    vertical-align: middle;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #ed4259
}

.rank-nav-list p.line {
    margin: 10px 0;
    float: left;
    width: 100%;
}

.rank-nav-list h4 {
    font-family: Arial, '-apple-system', Simsun;
    margin-bottom: 0px;
    font-size: 16px;
    float: left;
    width: 100%;
}

.rank-header {
    margin-bottom: 24px
}

.rank-header h3 {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 15px;
    font-family: Roboto;
}

.rank-header h3 span {
    font-family: Arial, '-apple-system', Simsun;
    font-size: 14px;
    margin-left: 10px;
    color: #666
}

.rank-header h3 span em {
    font-family: Arial;
    margin-right: 5px
}
.hidden{display: none !important;}
.rank-header h3 .link {
    font: 12px/1 Arial, '-apple-system', Simsun;
    float: right;
    margin-top: 12px;
    color: #666
}

.rank-header h3 .link:hover {
    color: inherit
}

.rank-header .type-list {
    font-size: 0;
    /*height: 40px;*/
    padding-left: 12px;
    background: #f7f6f2
}

.rank-header .type-list a {
    font: 12px/40px Arial, '-apple-system', Simsun;
    color: #a6a6a6
}

.rank-header .type-list a.act {
    font-weight: 700;
    color: #ed4259
}

.rank-header .type-list a:hover {
    color: #ed4259
}

.rank-header .type-list a.black {
    color: #262626
}

.rank-header .type-list a.black:hover {
    color: #ed4259
}

.rank-header .type-list i {
    font: 14px/35px Arial;
    display: inline-block;
    margin: 0 5px 0 12px;
    margin-top: -2px;
    vertical-align: middle;
    color: #e6e6e6
}

.rank-header .type-list em {
    font: 14px/40px Arial;
    margin: 0 10px;
    color: #a6a6a6
}

.rank-header .rank-toolbar-wrap {
    min-height: 80px;
    background: #f7f6f2
}

.rank-header .rank-toolbar-wrap.notimebox {
    min-height: 40px
}

.rank-header .rank-toolbar-wrap .tool-box {
    position: relative;
    padding: 0 12px
}

.rank-header .rank-toolbar-wrap .type-list {
    padding-left: 0
}

.rank-header .rank-toolbar-wrap .btn-box {
    min-height: 37px
}

.rank-header .rank-toolbar-wrap .lbf-combobox {
    margin-top: 5px
}

.rank-header .rank-toolbar-wrap .lbf-combobox .lbf-combobox-icon {
    top: 12px;
    right: 15px;
    border-top: 4px solid #a6a6a6;
    border-right: 4px solid transparent;
    border-bottom: 0 none;
    border-left: 4px solid transparent
}

.rank-header .rank-toolbar-wrap .lbf-combobox .lbf-combobox-label {
    line-height: 18px;
    height: 18px;
    background: 0 0
}

.rank-header .rank-toolbar-wrap .lbf-combobox .lbf-combobox-label.lbf-dropdown-on {
    background: #fff
}

.rank-body h3.wrap-title .more {
    display: inline;
    margin-left: 5px
}

.rank-list {
    height: 450px
}

.rank-list .tab-title {
    position: relative
}

.rank-list .tab-title .tab-wrap {
    position: absolute;
    top: 1px;
    right: 0
}

.rank-list .tab-title .tab-wrap a {
    font: 12px/16px Arial, '-apple-system', Simsun;
    color: #a6a6a6
}

.rank-list .tab-title .tab-wrap a.act, .rank-list .tab-title .tab-wrap a:hover {
    color: #ed4259
}

.rank-list .tab-title .tab-wrap em {
    font: 12px/16px Arial;
    margin: 0 3px;
    color: #a6a6a6
}

.rank-tab-box {
    height: 40px;
    background: #f7f6f2
}

.rank-tab-box a {
    font: 14px/40px Arial, '-apple-system', Simsun;
    display: inline-block;
    padding: 0 12px;
    text-align: center
}

.rank-tab-box a.act {
    font-weight: 700;
    height: 39px;
    color: #ed4259;
    border-bottom: 2px solid #ed4259
}

.fans-list {
    float: left;
    margin-right: 30px
}

.fans-list.mr0 {
    margin-right: 0
}

.fans-list h3 {
    margin-bottom: 5px
}

.fans-list h3 b {
    font: 700 12px/16px Arial, '-apple-system', Simsun;
    float: left
}

.fans-list h3 b.col-1 {
    margin-right: 15px
}

.fans-list h3 b.col-2 {
    margin-right: 28px
}

.fans-list h3 b.col-3 {
    float: right
}

.fans-list li {
    border-top: 1px solid #e6e6e6
}

.fans-list li:first-child {
    border-top: none
}

.fans-list li .number, .fans-list li a {
    float: left
}

.fans-list li .number {
    margin-right: 40px
}

.fans-list li a {
    font: 14px/40px Arial, '-apple-system', Simsun;
    overflow: hidden;
    width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fans-list li i {
    font: 12px/40px Arail;
    float: right;
    overflow: hidden;
    max-width: 64px;
    white-space: normal;
    text-overflow: ellipsis;
    color: #a6a6a6
}

@-moz-document url-prefix() {
    .fans-list {
        margin-right: 14px
    }
}

.rank-view-list .book-img-text li:last-of-type {
    margin-bottom: 0;
    border-bottom: none
}

.fans-data-list {
    padding-bottom: 60px
}

.no-rank-data {
    padding: 126px 0 0;
    text-align: center
}

.no-rank-data span {
    display: block;
    width: 78px;
    height: 83px;
    margin: 0 auto 10px;
    background: url(/qd/images/rank/nodata.41fec.png) no-repeat
}

.no-rank-data p {
    color: grey
}

.rank-list .book-list li .name-box b {
    font: 14px/31px Arial, '-apple-system', Simsun;
    float: left;
    width: 116px;
    height: 31px;
    color: #1a1a1a
}

.sort-list .book-list li .name-box b {
    font: 14px/31px Arial, '-apple-system', Simsun;
    float: left;
    width: 188px;
    height: 31px;
    color: #1a1a1a
}

.box-center {
    width: 1200px;
    margin-right: auto;
    margin-left: auto
}

.fl {
    float: left
}

.fr {
    float: right
}

.mr0 {
    margin-right: 0
}

.mr10 {
    margin-right: 10px
}

.mr30 {
    margin-right: 30px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb35 {
    margin-bottom: 35px
}

.mb40 {
    margin-bottom: 40px
}

.mb45 {
    margin-bottom: 45px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.hidden {
    display: none
}

.cf {
    zoom: 1
}

.cf:after, .cf:before {
    display: table;
    content: ''
}

.cf:after {
    clear: both
}

.dib-wrap {
    font-size: 0
}

.dib-wrap a, .dib-wrap span {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    word-spacing: normal
}

.dib-box a, .dib-box span {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    word-spacing: normal
}

.red-btn {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    border-color: #bf2c24;
    background: #bf2c24
}

.red-btn:hover {
    color: #fff;
    border-color: #ed4259;
    background: #ed4259
}

.red-btn.disabled {
    cursor: default;
    color: #fff;
    border-color: #a6a6a6;
    background: #a6a6a6
}

.red-btn .la-ball-spin-clockwise {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px
}

.blue-btn {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #3f5a93;
    border-color: #3f5a93
}

.blue-btn:hover {
    color: #2972cc;
    border-color: #2972cc;
    background: #f0f5ff
}

.blue-btn.disabled {
    cursor: default;
    color: #a6a6a6;
    border-color: #a6a6a6;
    background: 0 0
}

.blue-btn .la-ball-spin-clockwise {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px
}

.blue-btn .la-ball-spin-clockwise i {
    background-color: #3f5a93
}

.in-shelf {
    cursor: default;
    color: #a6a6a6;
    border-color: #a6a6a6
}

.in-shelf:hover {
    color: #a6a6a6;
    border-color: #a6a6a6;
    background: 0 0
}

.grey-btn {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #1a1a1a;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, .2);
    background: #fbfbfb;
    background: rgba(255, 255, 255, .5)
}

.grey-btn:hover {
    color: #1a1a1a
}

.grey-btn.disabled {
    cursor: default;
    color: #a6a6a6;
    border-color: #a6a6a6;
    background: 0 0
}

.red-radius-btn {
    font: 14px/34px Arial, '-apple-system', Simsun;
    position: relative;
    z-index: 1;
    display: block;
    width: 140px;
    height: 34px;
    margin: 20px auto 3px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    background-color: #bf2c24
}

.red-radius-btn .iconfont {
    font-size: 16px;
    display: inline-block;
    min-width: 16px;
    margin: -3px 5px 0 0;
    vertical-align: middle;
    color: #fff;
    -webkit-text-stroke-width: 0
}

.red-radius-btn:hover {
    color: #fff;
    background: #ed4259
}

.red-radius-btn.disabled {
    cursor: default;
    background-color: #a6a6a6
}

.red-radius-btn .la-ball-spin-clockwise {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -6px
}

:root .blue-btn.btn-loading, :root .red-btn.btn-loading, :root .red-radius-btn.btn-loading {
    cursor: default;
    text-indent: -9999em
}

:root .red-btn.btn-loading:hover, :root .red-radius-btn.btn-loading:hover {
    background: #bf2c24
}

:root .blue-btn.btn-loading:hover {
    background: 0 0
}

.author-info{
    padding-bottom: 9px;
    text-align: center;
    background: #f7f6f2;
    float: left;
    width: 100%;
}
.author-info .info-wrap{
    padding: 20px 0;
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 100%;
}
.author-info .info-wrap.nobt{
    border-top: 0;
    text-transform: capitalize;
    font-weight: 500;
}
.author-info .work-state li {
    float: left;
    width: 60px;
    margin: 6px;
}

.author-info .work-state li span {
    display: block;
    margin:0 auto 9px;
}
.author-info .work-state li span.book {
    width: 48px;
    height: 48px;
    background-image: url(https://qidian.gtimg.com/qd/images/book_details/sprite.385d7.png);
    background-repeat: no-repeat;
    background-position: -193px -80px;
    background-size: 335px;
}
.author-info .work-state li span.word {
    width: 48px;
    height: 48px;
    background-image: url(https://qidian.gtimg.com/qd/images/book_details/sprite.385d7.png);
    background-repeat: no-repeat;
    background-position: -249px -150px;
    background-size: 335px;
}
.author-info .work-state li span.coffee {
    width: 48px;
    height: 48px;
    background-image: url(https://qidian.gtimg.com/qd/images/book_details/sprite.385d7.png);
    background-repeat: no-repeat;
    background-position: -50px -222px;
    background-size: 335px;
}
.author-info .work-state li p {
    font: 12px/18px Roboto,'-apple-system',Simsun;
    color: #666;
}
.author-info .work-state li em {
    font: 14px/18px Arial;
    white-space: nowrap;
    color: #bf2c24;
}
.author-info .author-photo img{
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: 0 auto 10px;
    object-fit: cover;
}
.author-info .author-photo p{margin-bottom: 10px;}
.popup-wrap {
    position: fixed;
    z-index: 1000;
    top: 30%;
    left: 50%;
    display: none;
    margin-left: -345px;
    background: #fff
}

.popup-wrap .close-popup {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 36px;
    height: 36px;
    background: url(/qd/images/btn_close.44844.png) no-repeat
}

.popup-wrap.login-popup {
    z-index: 9999999999;
    width: 690px;
    height: 310px
}

.popup-wrap .popup-box {
    height: 100%;
    background: #fff
}

.popup-wrap .popup-box iframe {
    z-index: 9999999;
    width: 100%;
    max-width: 100%;
    height: 300px
}

.mask {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0, 0, 0, .7)
}

.tip-popup {
    padding-bottom: 24px;
    background: #fcfcfa
}

.popup-title {
    height: 39px;
    border-bottom: 1px solid #e6e6e6;
    background: #fff
}

.popup-title h3 {
    font-size: 18px;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    text-align: left;
    color: #1a1a1a
}

.tip-content {
    padding: 0 20px;
    text-align: center
}

.popup-content {
    padding: 0 20px;
    text-align: center
}

.popup-content p {
    font: 18px/1.6 Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif
}

.tip-text {
    padding: 60px 0
}

.tip-text p {
    font: 16px/32px Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif
}

.popup-btn {
    font-size: 0;
    text-align: center
}

.popup-btn a {
    display: inline-block;
    vertical-align: middle
}

.popup-btn a.red-btn {
    font: 14px/34px Arial, '-apple-system', Simsun;
    width: 120px;
    height: 34px;
    margin-right: 0
}

.popup-btn a.blue-btn {
    font: 14px/32px Arial, '-apple-system', Simsun;
    width: 118px;
    height: 32px;
    margin-left: 24px;
    border: 1px solid #3f5a93
}

.report-wrap {
    padding: 20px 40px
}

.report-wrap h3 {
    font: 12px/16px Arial, '-apple-system', Simsun;
    margin-bottom: 8px;
    color: grey
}

.report-wrap h3 + p {
    font: 14px/20px Arial, '-apple-system', Simsun;
    margin-bottom: 24px
}

.report-wrap .type {
    font-size: 0;
    width: 410px;
    padding-bottom: 20px
}

.report-wrap .type label {
    font: 14px/20px Arial, '-apple-system', Simsun;
    margin: 0 24px 16px 0
}

.lbf-light-tip .simple-tips span.icon-font {
    font-size: 48px;
    display: inline-block;
    vertical-align: middle
}

.lbf-light-tip .simple-tips h3 {
    font: 16px/24px Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    display: inline-block;
    margin-top: -12px;
    vertical-align: middle
}

.lbf-panel {
    transform: translateZ(0);
    animation: tinydown .5s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2) !important
}

.lbf-panel .lbf-panel-close {
    font-size: 18px;
    top: 12px;
    right: 12px;
    width: 16px;
    transition: .5s;
    transition: .5s;
    transform: rotate(0);
    transform: rotate(0)
}

.lbf-panel .lbf-panel-close:hover {
    transform: rotate(90deg)
}

.lbf-panel .lbf-panel-close:hover {
    transform: rotate(90deg)
}

.qdlogin-wrap {
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    display: block;
    width: 400px;
    height: 425px;
    margin-top: -207px;
    margin-left: -196.5px;
    background: 0 0
}

.footer-container {
    float: left;
    width: 100%;
    margin-top: 10px;
    background-color: #f8f8f8;
    border-top: 1px solid #e7e7e7;
    color: #4E4E4E;
    font-size: 14px;
    padding: 20px 0;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.col-md-3 {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

.col-md-9 {
    width: 75%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    line-height: 1.42857143;
}
.lbf-combobox {
    display: inline-block
}

.lbf-combobox .lbf-combobox-label {
    line-height: 24px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 24px;
    padding-right: 36px;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
    color: grey;
    background: #fff
}

.lbf-combobox .lbf-combobox-label .lbf-combobox-caption {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

.lbf-combobox .lbf-combobox-label .lbf-combobox-icon {
    position: absolute;
    position: absolute;
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border-top: 5px solid #a6a6a6;
    border-right: 5px solid transparent;
    border-bottom: 0 none;
    border-left: 5px solid transparent
}

.lbf-combobox .lbf-combobox-label .lbf-combobox-icon:before {
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}

.lbf-combobox-on,
.lbf-combobox-on:hover {
    background: #e5e5e5;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.lbf-combobox .lbf-combobox-label:hover,
.lbf-combobox-on {
    background: #fff
}

.lbf-combobox .lbf-combobox-label:focus .lbf-combobox-label:focus,
.lbf-combobox-on .lbf-combobox-label:focus {
    -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, .125);
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .125)
}

.lbf-combobox .lbf-combobox-on .lbf-combobox-icon:before {
    display: inline-block;
    -webkit-transform: scale(.5);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.lbf-combobox .lbf-combobox-disabled {
    opacity: .65;
    filter: 'alpha(opacity=65)'
}

.lbf-combobox select {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.lbf-combobox-panel {
    font-size: 12px;
    display: none;
    overflow: auto;
    min-width: 150px;
    -webkit-transition: opacity .218s;
    -o-transition: opacity .218s;
    transition: opacity .218s;
    border-top: 1px solid #eee;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.lbf-combobox-panel .lbf-combobox-item {
    font-family: Arial, '-apple-system', Simsun;
    line-height: 24px;
    display: block;
    height: 24px;
    padding: 3px 12px;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
    color: grey
}

.lbf-combobox-panel .lbf-combobox-item:hover {
    color: inherit;
    background: #f7f7f7
}

.lbf-button {
    font-family: Arial, '-apple-system', Simsun;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857;
    display: inline-block;
    margin-bottom: 0;
    padding: 4px 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid transparent;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-image: none;
    touch-action: manipulation
}

.lbf-button.focus,
.lbf-button:focus,
.lbf-button:hover {
    text-decoration: none;
    color: #333
}

.lbf-button-disabled,
.lbf-button.disabled,
.lbf-button[disabled],
fieldset[disabled] .lbf-button {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: 'alpha(opacity=65)'
}

.lbf-button ::-moz-focus-inner {
    padding: 0;
    border: 0
}

.lbf-button-primary {
    color: #fff;
    border-color: #2b6feb;
    background-color: #427fed
}

.lbf-button-primary.focus,
.lbf-button-primary:focus {
    color: #fff;
    border-color: #0d3989;
    background-color: #1660e6
}

.lbf-button-primary:hover {
    color: #fff;
    border-color: #1353c5;
    background-color: #1660e6
}

.lbf-button-primary .open > .dropdown-toggle,
.lbf-button-primary.active,
.lbf-button-primary:active {
    color: #fff;
    border-color: #1353c5;
    background-color: #1660e6
}

.lbf-button-primary .open > .dropdown-toggle.focus,
.lbf-button-primary .open > .dropdown-toggle:focus,
.lbf-button-primary .open > .dropdown-toggle:hover,
.lbf-button-primary.active.focus,
.lbf-button-primary.active:focus,
.lbf-button-primary.active:hover,
.lbf-button-primary:active.focus,
.lbf-button-primary:active:focus,
.lbf-button-primary:active:hover {
    color: #fff;
    border-color: #0d3989;
    background-color: #1353c5
}

.lbf-button-primary .open > .dropdown-toggle,
.lbf-button-primary.active,
.lbf-button-primary:active {
    background-image: none
}

.lbf-button-primary .lbf-button-disabled.focus,
.lbf-button-primary .lbf-button-disabled:active,
.lbf-button-primary .lbf-button-disabled:focus,
.lbf-button-primary .lbf-button-disabled:hover,
.lbf-button-primary fieldset[disabled].focus,
.lbf-button-primary fieldset[disabled]:active,
.lbf-button-primary fieldset[disabled]:focus,
.lbf-button-primary fieldset[disabled]:hover,
.lbf-button-primary.disabled.focus,
.lbf-button-primary.disabled:active,
.lbf-button-primary.disabled:focus,
.lbf-button-primary.disabled:hover,
.lbf-button-primary.lbf-button-disabled.focus,
.lbf-button-primary.lbf-button-disabled:active,
.lbf-button-primary.lbf-button-disabled:focus,
.lbf-button-primary.lbf-button-disabled:hover,
.lbf-button-primary[disabled].focus,
.lbf-button-primary[disabled]:active,
.lbf-button-primary[disabled]:focus,
.lbf-button-primary[disabled]:hover {
    border-color: #2b6feb;
    background-color: #427fed
}

.lbf-button-primary .badge {
    color: #427fed;
    background-color: #fff
}

.lbf-button-success {
    color: #fff;
    border-color: #4cae4c;
    background-color: #5cb85c
}

.lbf-button-success.focus,
.lbf-button-success:focus {
    color: #fff;
    border-color: #255625;
    background-color: #449d44
}

.lbf-button-success:hover {
    color: #fff;
    border-color: #398439;
    background-color: #449d44
}

.lbf-button-success .open > .dropdown-toggle,
.lbf-button-success.active,
.lbf-button-success:active {
    color: #fff;
    border-color: #398439;
    background-color: #449d44
}

.lbf-button-success .open > .dropdown-toggle.focus,
.lbf-button-success .open > .dropdown-toggle:focus,
.lbf-button-success .open > .dropdown-toggle:hover,
.lbf-button-success.active.focus,
.lbf-button-success.active:focus,
.lbf-button-success.active:hover,
.lbf-button-success:active.focus,
.lbf-button-success:active:focus,
.lbf-button-success:active:hover {
    color: #fff;
    border-color: #255625;
    background-color: #398439
}

.lbf-button-success .open > .dropdown-toggle,
.lbf-button-success.active,
.lbf-button-success:active {
    background-image: none
}

.lbf-button-success .lbf-button-disabled.focus,
.lbf-button-success .lbf-button-disabled:active,
.lbf-button-success .lbf-button-disabled:focus,
.lbf-button-success .lbf-button-disabled:hover,
.lbf-button-success fieldset[disabled].focus,
.lbf-button-success fieldset[disabled]:active,
.lbf-button-success fieldset[disabled]:focus,
.lbf-button-success fieldset[disabled]:hover,
.lbf-button-success.disabled.focus,
.lbf-button-success.disabled:active,
.lbf-button-success.disabled:focus,
.lbf-button-success.disabled:hover,
.lbf-button-success.lbf-button-disabled.focus,
.lbf-button-success.lbf-button-disabled:active,
.lbf-button-success.lbf-button-disabled:focus,
.lbf-button-success.lbf-button-disabled:hover,
.lbf-button-success[disabled].focus,
.lbf-button-success[disabled]:active,
.lbf-button-success[disabled]:focus,
.lbf-button-success[disabled]:hover {
    border-color: #4cae4c;
    background-color: #5cb85c
}

.lbf-button-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.lbf-button-info {
    color: #fff;
    border-color: #46b8da;
    background-color: #5bc0de
}

.lbf-button-info.focus,
.lbf-button-info:focus {
    color: #fff;
    border-color: #1b6d85;
    background-color: #31b0d5
}

.lbf-button-info:hover {
    color: #fff;
    border-color: #269abc;
    background-color: #31b0d5
}

.lbf-button-info .open > .dropdown-toggle,
.lbf-button-info.active,
.lbf-button-info:active {
    color: #fff;
    border-color: #269abc;
    background-color: #31b0d5
}

.lbf-button-info .open > .dropdown-toggle.focus,
.lbf-button-info .open > .dropdown-toggle:focus,
.lbf-button-info .open > .dropdown-toggle:hover,
.lbf-button-info.active.focus,
.lbf-button-info.active:focus,
.lbf-button-info.active:hover,
.lbf-button-info:active.focus,
.lbf-button-info:active:focus,
.lbf-button-info:active:hover {
    color: #fff;
    border-color: #1b6d85;
    background-color: #269abc
}

.lbf-button-info .open > .dropdown-toggle,
.lbf-button-info.active,
.lbf-button-info:active {
    background-image: none
}

.lbf-button-info .lbf-button-disabled.focus,
.lbf-button-info .lbf-button-disabled:active,
.lbf-button-info .lbf-button-disabled:focus,
.lbf-button-info .lbf-button-disabled:hover,
.lbf-button-info fieldset[disabled].focus,
.lbf-button-info fieldset[disabled]:active,
.lbf-button-info fieldset[disabled]:focus,
.lbf-button-info fieldset[disabled]:hover,
.lbf-button-info.disabled.focus,
.lbf-button-info.disabled:active,
.lbf-button-info.disabled:focus,
.lbf-button-info.disabled:hover,
.lbf-button-info.lbf-button-disabled.focus,
.lbf-button-info.lbf-button-disabled:active,
.lbf-button-info.lbf-button-disabled:focus,
.lbf-button-info.lbf-button-disabled:hover,
.lbf-button-info[disabled].focus,
.lbf-button-info[disabled]:active,
.lbf-button-info[disabled]:focus,
.lbf-button-info[disabled]:hover {
    border-color: #46b8da;
    background-color: #5bc0de
}

.lbf-button-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.lbf-button-warning {
    color: #fff;
    border-color: #eea236;
    background-color: #f0ad4e
}

.lbf-button-warning.focus,
.lbf-button-warning:focus {
    color: #fff;
    border-color: #985f0d;
    background-color: #ec971f
}

.lbf-button-warning:hover {
    color: #fff;
    border-color: #d58512;
    background-color: #ec971f
}

.lbf-button-warning .open > .dropdown-toggle,
.lbf-button-warning.active,
.lbf-button-warning:active {
    color: #fff;
    border-color: #d58512;
    background-color: #ec971f
}

.lbf-button-warning .open > .dropdown-toggle.focus,
.lbf-button-warning .open > .dropdown-toggle:focus,
.lbf-button-warning .open > .dropdown-toggle:hover,
.lbf-button-warning.active.focus,
.lbf-button-warning.active:focus,
.lbf-button-warning.active:hover,
.lbf-button-warning:active.focus,
.lbf-button-warning:active:focus,
.lbf-button-warning:active:hover {
    color: #fff;
    border-color: #985f0d;
    background-color: #d58512
}

.lbf-button-warning .open > .dropdown-toggle,
.lbf-button-warning.active,
.lbf-button-warning:active {
    background-image: none
}

.lbf-button-warning .lbf-button-disabled.focus,
.lbf-button-warning .lbf-button-disabled:active,
.lbf-button-warning .lbf-button-disabled:focus,
.lbf-button-warning .lbf-button-disabled:hover,
.lbf-button-warning fieldset[disabled].focus,
.lbf-button-warning fieldset[disabled]:active,
.lbf-button-warning fieldset[disabled]:focus,
.lbf-button-warning fieldset[disabled]:hover,
.lbf-button-warning.disabled.focus,
.lbf-button-warning.disabled:active,
.lbf-button-warning.disabled:focus,
.lbf-button-warning.disabled:hover,
.lbf-button-warning.lbf-button-disabled.focus,
.lbf-button-warning.lbf-button-disabled:active,
.lbf-button-warning.lbf-button-disabled:focus,
.lbf-button-warning.lbf-button-disabled:hover,
.lbf-button-warning[disabled].focus,
.lbf-button-warning[disabled]:active,
.lbf-button-warning[disabled]:focus,
.lbf-button-warning[disabled]:hover {
    border-color: #eea236;
    background-color: #f0ad4e
}

.lbf-button-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.lbf-button-danger {
    color: #fff;
    border-color: #d43f3a;
    background-color: #d9534f
}

.lbf-button-danger.focus,
.lbf-button-danger:focus {
    color: #fff;
    border-color: #761c19;
    background-color: #c9302c
}

.lbf-button-danger:hover {
    color: #fff;
    border-color: #ac2925;
    background-color: #c9302c
}

.lbf-button-danger .open > .dropdown-toggle,
.lbf-button-danger.active,
.lbf-button-danger:active {
    color: #fff;
    border-color: #ac2925;
    background-color: #c9302c
}

.lbf-button-danger .open > .dropdown-toggle.focus,
.lbf-button-danger .open > .dropdown-toggle:focus,
.lbf-button-danger .open > .dropdown-toggle:hover,
.lbf-button-danger.active.focus,
.lbf-button-danger.active:focus,
.lbf-button-danger.active:hover,
.lbf-button-danger:active.focus,
.lbf-button-danger:active:focus,
.lbf-button-danger:active:hover {
    color: #fff;
    border-color: #761c19;
    background-color: #ac2925
}

.lbf-button-danger .open > .dropdown-toggle,
.lbf-button-danger.active,
.lbf-button-danger:active {
    background-image: none
}

.lbf-button-danger .lbf-button-disabled.focus,
.lbf-button-danger .lbf-button-disabled:active,
.lbf-button-danger .lbf-button-disabled:focus,
.lbf-button-danger .lbf-button-disabled:hover,
.lbf-button-danger fieldset[disabled].focus,
.lbf-button-danger fieldset[disabled]:active,
.lbf-button-danger fieldset[disabled]:focus,
.lbf-button-danger fieldset[disabled]:hover,
.lbf-button-danger.disabled.focus,
.lbf-button-danger.disabled:active,
.lbf-button-danger.disabled:focus,
.lbf-button-danger.disabled:hover,
.lbf-button-danger.lbf-button-disabled.focus,
.lbf-button-danger.lbf-button-disabled:active,
.lbf-button-danger.lbf-button-disabled:focus,
.lbf-button-danger.lbf-button-disabled:hover,
.lbf-button-danger[disabled].focus,
.lbf-button-danger[disabled]:active,
.lbf-button-danger[disabled]:focus,
.lbf-button-danger[disabled]:hover {
    border-color: #d43f3a;
    background-color: #d9534f
}

.lbf-button-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.lbf-button-link {
    font-weight: 400;
    color: #427fed;
    border-radius: 0
}

.lbf-button-link,
.lbf-button-link.active,
.lbf-button-link:active {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lbf-button-link,
.lbf-button-link:active,
.lbf-button-link:focus,
.lbf-button-link:hover {
    border-color: transparent
}

.lbf-button-link:focus,
.lbf-button-link:hover {
    text-decoration: underline;
    color: #1456cf;
    background-color: transparent
}

.lbf-button-link .lbf-button-disabled,
.lbf-button-link fieldset[disabled],
.lbf-button-link.disabled,
.lbf-button-link.lbf-button-disabled,
.lbf-button-link[disabled] {
    color: #777
}

.lbf-button-link .lbf-button-disabled:active,
.lbf-button-link .lbf-button-disabled:focus,
.lbf-button-link .lbf-button-disabled:hover,
.lbf-button-link fieldset[disabled]:active,
.lbf-button-link fieldset[disabled]:focus,
.lbf-button-link fieldset[disabled]:hover,
.lbf-button-link.disabled:active,
.lbf-button-link.disabled:focus,
.lbf-button-link.disabled:hover,
.lbf-button-link.lbf-button-disabled:active,
.lbf-button-link.lbf-button-disabled:focus,
.lbf-button-link.lbf-button-disabled:hover,
.lbf-button-link[disabled]:active,
.lbf-button-link[disabled]:focus,
.lbf-button-link[disabled]:hover {
    text-decoration: none;
    color: #777;
    border-color: transparent;
    background-color: transparent
}

.lbf-button-normal {
    font-size: 12px;
    line-height: 1.42857;
    padding: 4px 12px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.lbf-button-large {
    font-size: 15px;
    line-height: 1.33333;
    padding: 10px 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.lbf-button-small {
    font-size: 11px;
    line-height: 1.5;
    padding: 5px 10px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.lbf-button-block {
    display: block;
    width: 100%
}

.lbf-button-block + .lbf-button-block {
    margin-top: 5px
}

input[type=button].lbf-button-block,
input[type=reset].lbf-button-block,
input[type=submit].lbf-button-block {
    width: 100%
}

.lbf-button-group {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.lbf-button-group > .lbf-button {
    position: relative;
    float: left;
    margin-left: -1px
}

.lbf-button-group > .lbf-button.active,
.lbf-button-group > .lbf-button:active,
.lbf-button-group > .lbf-button:focus,
.lbf-button-group > .lbf-button:hover {
    z-index: 2
}

.lbf-button-group > .lbf-button:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.lbf-button-group > .lbf-button:first-child {
    margin-left: 0
}
.top-users .book-wrap .book-info p.digital{
    height: 21px;
}
.top-users .book-wrap .book-info p.digital em{
    font-size: 15px;
    word-wrap: normal;
}
.top-users .rank-list .book-list li .name-box{
    width: calc(100% - 28px);
}
.top-users .rank-list .book-list li .name-box a{
    width: calc(100% - 42px);
}
.top-users .book-wrap .book-info h4{
    font: 16px/24px Roboto, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    font-weight: 500;
}
.top-users .rank-list .book-list li .name-box i.total{width: 42px;}
:root .top-users  .book-wrap .book-cover{
    transform: none;
    width: 72px;
}
:root .top-users  .book-wrap .book-cover img {
    width: 100%;
    height: 87px;
    object-fit: cover;
}
:root .top-users  .book-wrap .book-cover:after{display: none;}
:root .top-users  .book-wrap .book-cover span{display: none;}
.notice-wrap .notice {
    overflow: hidden;
    position: relative;
    width: 214px;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #e6e6e6;
    background: #fcfcfa;
    margin-right: 30px;
    float: left;
}

.notice-wrap .notice .more {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 25px;
    height: 25px;
    background: #a6a6a6
}

.notice-wrap .notice .more em {
    padding: 11px 0 0 3px
}

.notice-wrap .notice h3 {
    font: 700 16px/1 Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif;
    overflow: hidden;
    width: 160px;
    height: 16px;
    margin: 0 auto 10px;
    padding-top: 10px
}

.notice-wrap .notice .notice-list {
}

.notice-wrap .notice .notice-list li {
    padding: 7px 5px 7px 10px;
    font: 14px/25px Arial, '-apple-system', Simsun;
    list-style: disc;
    list-style-position: inside;
    text-align: left;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.notice-wrap .notice .notice-list li.odd {
    background: #f7f6f2;
}

.notice-wrap .notice .notice-list li.hot-notice {
    margin-bottom: 0;
    list-style: none;
}

.notice-wrap .notice .notice-list li.hot-notice span {
    float: left;
    margin-right: 6px;
    color: #bf2c24;
    font-size: 15px;
    margin-left: -4px;
}

.notice-wrap .notice .notice-list li a {
    margin-left: -6px;
    color: #262626;
    width: 100%;
    white-space: normal;
    text-overflow: ellipsis;
    padding-left: 19px;
    margin-top: -25px;
    display: inline-block;
    float: left;
    box-sizing: border-box;
}

.notice-wrap .notice .notice-list li.hot-notice a {
    margin-left: 0 -3px;
}

.notice-wrap .notice .notice-list li a:hover {
    color: #ed4259;
}

.loaded a {
    transition: color .3s, background-color .3s;
}

.notice-wrap .notice .notice-list li a i {
    font-family: Arial, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif
}

.notice-wrap .notice .notice-list li a em {
    font: 12px/18px Arial, '-apple-system', Simsun;
    display: inline-block;
    width: 38px;
    height: 18px;
    margin: -2px 10px 0 8px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: #bf2c24
}

.notice-wrap .notice .notice-list li.color-type_1 a {
    color: #bf2c24
}

.notice-wrap .notice .notice-list li.color-type_1 a:hover {
    color: #ed4259
}
.rule-table h4{
    float: left;
    width: 100%;
    font-size: 18px;
    font-family: Roboto;
    margin-bottom: 10px;
}
.row{
    margin-left: -10px;
    margin-right: -10px;
}
.col-md-6{
    float: left;
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
}
.rule-table p{
    font-size: 16px;
    font-family: Roboto;
    /*margin-bottom: 10px;*/
}
.rule-table table{width: 100%;}
td {
    border-bottom: 1px solid #cccccc61;
    padding: 10px;
    /* border-right: 1px solid #cccccc61; */
}
.rule-table p b{
    font-weight: 500;
}
.rank-nav-list .sideBar-group li{
    float:left;
    width: 100%;
}
.rank-nav-list .sideBar-group li a{
    border: none;
}
.rank-nav-list .sideBar-group li a i.fa{
    font-family: FontAwesome !important;
    font-size: 14px;
    margin-right: 8px;
}
.form-qd .input-box {
    float: left;
    width: 100%;
    margin: 10px 0 15px;
}
.form-qd .input-box label{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
}
.form-qd .input-box .form-control{
    font: 14px/38px Roboto;
    width: 400px;
    min-height: 38px;
    padding: 0 11px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
}
.form-qd .input-box .red-btn{
    height: 32px;
    width: 120px;
    font-size: 15px;
    font-weight: 500;
    font-family: Roboto;
}
.authors-header{
    float:left;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.authors-header h3{
    float:left;
}
.authors-body{
    float: left;
    width: 100%;
    position: relative;
}
.authors-header .input-box{
    float: right;
    position: relative;
}
.authors-header input{
    float: left;
    width: 348px;
    height: 38px;
    border: 1px solid #dbdbdb;
    font: 14px/38px Arial, '-apple-system', Simsun;
    padding: 0 11px;
    margin-bottom: 15px;
    padding-right: 40px;
}
.authors-header .input-box label{
    float: right;
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3e98a1;
    color: #fff;
    top: 0;
}
.authors-header .input-box label em{
    font-size: 20px;
}
.e-wall .book-img-text li{
    float:left;
    width: 100%;
    height: auto;
}
.e-wall .book-img-text .book-mid-info p.intro{
    height: auto;
    overflow: visible;
}
.e-wall .book-img-text .book-img-box{
    margin-right: 0;
    width: 72px;
}
.e-wall .book-img-text .book-img-box a{
    width: 52px;
    height: 56px;
    border-radius: 50%;
}
.e-wall .book-img-text .book-img-box a img{
    width: 52px;
    height: 56px;
}
.e-wall .book-img-text .book-mid-info{
    width: calc(100% - 72px);
}
.e-wall .book-img-text .book-mid-info p.update{
    float: left;
    width: 100%;
    border-top: 1px solid #e6e6e6;
    padding-top: 10px;
    padding-bottom: 10px;
}
.e-wall .book-img-text .book-mid-info p.update a{
    color: #2798A1;
    font-size: 14px;
    font-weight: 500;
}
.e-wall .intro-more{
    cursor: pointer;
    color: #365899;
}
.e-wall .book-img-text .book-mid-info p.social{
    float: right;
    font-size: 14px;
    color: #a6a6a6;
}
.e-wall .book-img-text .book-mid-info p.social a{
    font-size: 14px;
    color: #a6a6a6;
    margin-right: 15px;
}
.e-wall .book-img-text .book-mid-info p.social i{
    font-size: 14px;
}
.e-wall .book-img-text .book-mid-info p.social a.act{
    color: #ed4259;
}
.e-wall .box-donate{
    position: fixed;
    width: 320px;
    height: 200px;
    top: 50%;
    left: 50%;
    background: #fff;
    padding: 20px;
    border: 1px solid #cecece;
    margin: -150px  0 0 -100px;
    z-index: 10;
}
.e-wall .box-donate .lbf-panel-close{
    position: absolute;
    right: 0;
    top:0;
}
.e-wall .box-donate .form-control {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.e-wall .box-donate button{
    display: block;
    border-radius: 2px;
    margin-bottom: 6px;
    height: 40px;
    line-height: 38px;
    width: 100%;
    font-family: Roboto;
    font-size: 16px;
}
.review-box .eva-star-wrap .eva-box{
    float: left;
    margin-left: 30px;
}
.review-box .eva-star-wrap h4{font-weight: 500;}
.review-box .popup-btn{
    float: left;
    width: 100%;
}
.review-box .eva-star-wrap .form-control{
    font-family: Roboto,'-apple-system',Simsun;
    font-size: 14px;
    display: block;
    overflow: hidden;
    width: 418px;
    height: 45px;
    padding: 8px 0 8px 12px;
    color: #333;
    outline: none;
    font-weight: 400;
    line-height: 24px;
    max-width: 425px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
}
#stories-box li{
    float: left;
    width: 100%;
    margin-top: 10px;
}
#stories-box li input{margin-right: 10px;}
#tags-list .book-img-text li{
    width: auto;
    height: auto;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #cdcdcd;
}