@-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 falldown {
    from {
    -webkit-transform:translateY(-5px)
}
to {
    -webkit-transform:translateY(0)
}
}@keyframes falldown {
    from {
    transform:translateY(-5px)
}
to {
    transform:translateY(0)
}
}@-webkit-keyframes raiseup {
    from {
    -webkit-transform:translateY(5px)
}
to {
    -webkit-transform:translateY(0)
}
}@keyframes raiseup {
    from {
    transform:translateY(5px)
}
to {
    transform:translateY(0)
}
}@-webkit-keyframes fadeIn {
    from {
    opacity:0
}
to {
    opacity:1
}
}@keyframes fadeIn {
    from {
    opacity:0
}
to {
    opacity:1
}
}@-webkit-keyframes spin {
    form {
    -webkit-transform:rotate(0)
}
to {
    -webkit-transform:rotate(-360deg)
}
}@keyframes spin {
    form {
    transform:rotate(0)
}
to {
    transform:rotate(-360deg)
}
}@-webkit-keyframes spin2 {
    0% {
    -webkit-transform:rotate(-360deg)
}
100% {
    -webkit-transform:rotate(0)
}
}@keyframes spin2 {
    0% {
    transform:rotate(-360deg)
}
100% {
    transform:rotate(0)
}
}@-webkit-keyframes bounceIn {
    0% {
    -webkit-transform:scale(0)
}
75% {
    -webkit-transform:scale(1.1)
}
100% {
    -webkit-transform:scale(1)
}
}@keyframes bounceIn {
    0% {
    transform:scale(0)
}
75% {
    transform:scale(1.1)
}
100% {
    transform:scale(1)
}
}html {
    background-color:#f5f6fc
}
.hom-banner {
    height:292px;
    margin-bottom:-92px;
    background-color:#f5f6fc;
}
.hom-banner ._next,.hom-banner ._prev {
    font-size:50px;
    position:absolute;
    top:50%;
    visibility:hidden;
    height:50px;
    margin-top:-25px;
    opacity:.5;
    opacity:0;
    color:#fff
}
.hom-banner ._next:hover,.hom-banner ._prev:hover {
    text-decoration:none
}
.hom-banner ._prev {
    right:50%;
    margin-right:490px;
    -webkit-transition-delay:.1s;
    transition-delay:.1s
}
.hom-banner ._prev:before {
    content:'\e61e'
}
.hom-banner ._next {
    left:50%;
    margin-left:490px
}
.hom-banner ._next:before {
    content:'\e666'
}
.hom-banner:hover ._next,.hom-banner:hover ._prev {
    visibility:visible;
    opacity:1
}
.hom-banner:hover ._next:active,.hom-banner:hover ._prev:active {
    opacity:.5
}
.hom-banner:hover ._prev {
    margin-right:510px
}
.hom-banner:hover ._next {
    margin-left:510px
}
.hom-slide {
    font-size:20px;
    position:absolute;
    top:0;
    left:0;
    visibility:hidden;
    width:100%;
    height:100%;
    -webkit-transition:ease-out .5s;
    transition:ease-out .5s;
    opacity:0;
    color:#fff;
    background-repeat:no-repeat!important;
    background-position:50% 50%!important;
    background-size:cover
}
.hom-slide._on {
    visibility:visible;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.hon-continue {
    max-height:220px;
    overflow:hidden;
}
.g_his {
    text-align:center;
    display:block;
    margin:5px 0px;
}
.hom-books .g_his a {
    font-size:12px;
    line-height:18px;
    display:inline-block;
    overflow:hidden;
    width:44px;
    height:18px;
    padding:0 .8em;
    vertical-align:middle;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#4267b2;
    border:1px solid;
    border-radius:30px;
}
.hom-bd {
    z-index:1;
    padding-top:30px
}
.hom-bd:before {
    position:absolute;
    z-index:-1;
    top:0;
    left:50%;
    width:1036px;
    height:380px;
    margin-left:-518px;
    content:'';
    border-radius:8px 8px 0 0;
    background:#fff;
    background:-webkit-linear-gradient(top,#fff,#f5f6fc);
    background:linear-gradient(to bottom,#fff,#f5f6fc)
}
.hom-h1,.hom-h2,.hom-h3,.home-h-base {
    line-height:1.5;
    display:-webkit-box;
    overflow:hidden;
    padding-left:1px;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.hom-h1,.hom-h1 a,.hom-h2,.hom-h2 a,.hom-h3,.hom-h3 a,.home-h-base,.home-h-base a {
    color:#000
}
.hom-h1 {
    font-size:32px;
    overflow:hidden;
    margin-bottom:15px;
    white-space:nowrap;
    text-overflow:ellipsis
}
.hom-h2 {
    font-size:16px;
    max-height:3em;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.hom-h3 {
    font-size:20px;
    max-height:3em
}
.hom-rec {
    height:510px;
    overflow:hidden;
}
.hom-books a,.hom-books img,.hom-books small {
    display:block
}
.hom-books a {
    color:#f0f7ff;
}
.hom-books ._type {
    overflow:hidden;
    white-space:nowrap;
    text-transform:capitalize;
    text-overflow:ellipsis;
    color:#7f7f7f
}
.hom-books .g_thumb {
    margin-bottom:8px
}
.hom-thumb {
    width:140px;
    height:186px
}
.hom-pop ._num {
    font-size:24px;
    line-height:32px;
    z-index:2;
    visibility:visible;
    width:28px;
    height:50px;
    text-align:center;
    color:#fff;
}
.fwb {
    font-weight:700;
}
.hom-pop ._num:before {
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    content:'';
    border-top:25px solid #000;
    border-right:25px dashed transparent;
    border-bottom:25px dashed transparent;
    border-left:25px solid #000;
}
.hom-pop ._num1:before {
    border-top:25px solid #f44762;
    border-left:25px solid #f44762
}
.hom-pop ._num2:before {
    border-top:25px solid #00bdc6;
    border-left:25px solid #00bdc6;
}
.hom-pop ._num3:before {
    border-top:25px solid #4c5fe2;
    border-left:25px solid #4c5fe2;
}
.hom-gutter {
    margin-bottom:54px
}
#gpt-ad-2 {
    margin:auto;
    height:90px;
    width:970px;
}
.hom-rec li {
    height:240px
}
.hom-rec .hom-rec-1st {
    height:500px
}
.hom-rec .g_thumb {
    margin-bottom:5px
}
.hom-rec-1st {
    background-color:#fff
}
.hom-rec-1st .hom-thumb {
    overflow:visible;
    width:180px;
    height:240px;
    margin:10px auto 10px;
    -webkit-perspective:800px;
    perspective:800px
}
.hom-rec-1st .hom-thumb img {
    position:relative;
    z-index:10;
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0
}
.hom-rec-1st .hom-thumb:hover img {
    -webkit-transform:rotateY(-25deg);
    transform:rotateY(-25deg)
}
.hom-rec-1st .hom-thumb i:after,.hom-rec-1st .hom-thumb i:before,.hom-rec-1st .hom-thumb:after,.hom-rec-1st .hom-thumb:before {
    position:absolute;
    content:''
}
.hom-rec-1st .hom-thumb:before {
    position:absolute;
    top:1px;
    right:-1px;
    bottom:1px;
    left:0;
    border:1px solid #ccc
}
.hom-rec-1st .hom-thumb:after {
    top:2px;
    bottom:2px;
    left:100%;
    width:1px;
    margin-left:1px;
    background-color:#d9d9d9
}
.hom-rec-1st .hom-thumb i {
    position:absolute;
    top:3px;
    bottom:3px;
    left:100%;
    width:1px;
    margin-left:2px;
    background-color:#e6e6e6
}
.hom-rec-1st .hom-thumb i:before {
    top:1px;
    bottom:1px;
    left:100%;
    width:1px;
    background-color:#f2f2f2
}
.hom-rec-1st .hom-thumb i:after {
    top:2px;
    bottom:2px;
    left:100%;
    width:1px;
    margin-left:1px;
    background-color:#e6e6e6
}
.hom-rec-1st .hom-thumb span {
    position:absolute;
    top:6px;
    bottom:6px;
    left:100%;
    width:1px;
    margin-left:5px;
    background-color:#c7c7c7
}
.hom-rec-1st .hom-h3 {
    height:1.5em;
    text-align:center;
}
.hom-rec-1st span {
    text-align:center;
}
.hom-rec-1st p {
    max-height:7.5em;
    -webkit-line-clamp:7;
    text-align:justify;
}
.hom-cla {
    text-transform:uppercase
}
.hom-cla a {
    position:relative;
    display:block;
    color:#fff;
    background-color:#4267b2
}
.hom-cla a:after {
    display:inline-block;
    overflow:hidden;
    width:0;
    height:100%;
    vertical-align:middle;
}
.hom-cla a i,.hom-cla a img {
    -webkit-transition:all ease-out .3s;
    transition:all ease-out .3s
}
.hom-cla a i {
    font-size:1.5em;
    line-height:1.2;
    overflow:hidden;
    margin:10px
}
.hom-cla a span {
    position:relative;
    display:inline-block
}
.hom-cla a img {
    position:absolute;
    top:0;
    left:0;
    visibility:visible;
    width:100%;
    height:100%;
    opacity:1
}
.hom-cla a s {
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.hom-cla a:hover {
    text-decoration:none
}
.hom-cla a:hover img {
    visibility:hidden;
    opacity:0
}
.hom-cla ._big {
    height:200px
}
.hom-cla ._big i {
    line-height:1.5;
    height:0
}
.hom-cla ._big strong {
    display:block
}
.hom-cla ._big:hover i {
    height:1.5em
}
.hom-cla ._small {
    height:100px
}
.hom-cla ._small i {
    width:0
}
.hom-cla ._small:hover i {
    width:1.5em
}
.m-update td,.m-update th {
    height:20px;
    padding:10px
}
.m-update td._f,.m-update th._f {
    padding-left:0
}
.m-update td._l,.m-update th._l {
    padding-right:0
}
.m-update th {
    padding-top:0
}
.m-update td {
    border-top:1px solid #e3e4ea
}
.m-update a,.m-update span {
    display:block;
    overflow:hidden;
    max-width:8em;
    white-space:nowrap;
    text-overflow:ellipsis
}
.m-update ._tit {
    max-width:22em
}
.m-update ._gen {
    text-transform:capitalize;
}
.m-update ._rel {
    max-width:22em
}
.bt {
    font-size:16px;
    line-height:20px;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    min-width:7.5em;
    padding:10px 1em;
    -webkit-transition:.3s;
    transition:.3s;
    text-align:center;
    vertical-align:middle;
    color:#fff;
    border:1px solid #4267b2;
    border-radius:3px;
    background-color:#4267b2;
    background-repeat:no-repeat;
    background-position:50% 50%
}
.lite {
    font-size:14px;
    padding:2px 1em;
}
.bt:hover {
    text-decoration:none;
    opacity:.8;
    box-shadow:0 2px 8px rgba(0,0,0,.3)
}
.bt:active {
    -webkit-transform:scale(.98);
    -ms-transform:scale(.98);
    transform:scale(.98)
}
.bt+.bt {
    margin-left:.8em
}
[disabled],button[disabled]+label {
    cursor:not-allowed;
    pointer-events:none;
    opacity:.6
}
.bt_ghost {
    color:#4267b2;
    border:1px solid #4267b2;
    background-color:transparent
}
.bt_ghost_red {
    color:#e07052;
    border:1px solid #e07052;
}
@-webkit-keyframes ball-triangle-path-ball-1 {
    17%,50%,83% {
    opacity:.25
}
0%,100% {
    -webkit-transform:translate(0,24px);
    transform:translate(0,24px);
    opacity:1
}
33% {
    -webkit-transform:translate(12px,0);
    transform:translate(12px,0);
    opacity:1
}
66% {
    -webkit-transform:translate(24px,24px);
    transform:translate(24px,24px);
    opacity:1
}
}@keyframes ball-triangle-path-ball-1 {
    17%,50%,83% {
    opacity:.25
}
0%,100% {
    -webkit-transform:translate(0,24px);
    transform:translate(0,24px);
    opacity:1
}
33% {
    -webkit-transform:translate(12px,0);
    transform:translate(12px,0);
    opacity:1
}
66% {
    -webkit-transform:translate(24px,24px);
    transform:translate(24px,24px);
    opacity:1
}
}@-webkit-keyframes ball-triangle-path-ball-2 {
    17%,50%,83% {
    opacity:.25
}
0%,100% {
    -webkit-transform:translate(12px,0);
    transform:translate(12px,0);
    opacity:1
}
33% {
    -webkit-transform:translate(24px,24px);
    transform:translate(24px,24px);
    opacity:1
}
66% {
    -webkit-transform:translate(0,24px);
    transform:translate(0,24px);
    opacity:1
}
}@keyframes ball-triangle-path-ball-2 {
    17%,50%,83% {
    opacity:.25
}
0%,100% {
    -webkit-transform:translate(12px,0);
    transform:translate(12px,0);
    opacity:1
}
33% {
    -webkit-transform:translate(24px,24px);
    transform:translate(24px,24px);
    opacity:1
}
66% {
    -webkit-transform:translate(0,24px);
    transform:translate(0,24px);
    opacity:1
}
}@-webkit-keyframes ball-triangle-path-ball-3 {
    17%,50%,83% {
    opacity:.25
}
0%,100% {
    -webkit-transform:translate(24px,24px);
    transform:translate(24px,24px);
    opacity:1
}
33% {
    -webkit-transform:translate(0,24px);
    transform:translate(0,24px);
    opacity:1
}
66% {
    -webkit-transform:translate(12px,0);
    transform:translate(12px,0);
    opacity:1
}
}@keyframes ball-triangle-path-ball-3 {
    17%,50%,83% {
    opacity:.25
}
0%,100% {
    -webkit-transform:translate(24px,24px);
    transform:translate(24px,24px);
    opacity:1
}
33% {
    -webkit-transform:translate(0,24px);
    transform:translate(0,24px);
    opacity:1
}
66% {
    -webkit-transform:translate(12px,0);
    transform:translate(12px,0);
    opacity:1
}
}.g_score {
    line-height:1.2;
    display:inline-block;
    overflow:hidden;
    vertical-align:middle;
    white-space:nowrap;
    color:#000
}
.g_score small {
    float:left;
    margin-left:4px
}
.g_score i {
    float:left;
    vertical-align:-2px
}
.g_score i:after,.g_score i:before,.g_score:before {
    font-family:f_qde;
    float:left;
    *display:inline
}
.g_score:before {
    color:#fc0
}
.g_score i:after {
    content:'\2605\2605\2605\2605\2605';
    color:#dcdce2
}
.g_score_1:before {
    content:'\2605'
}
.g_score_1 i:after {
    content:'\2605\2605\2605\2605'
}
.g_score_2:before {
    content:'\2605\2605'
}
.g_score_2 i:after {
    content:'\2605\2605\2605'
}
.g_score_3:before {
    content:'\2605\2605\2605'
}
.g_score_3 i:after {
    content:'\2605\2605'
}
.g_score_4:before {
    content:'\2605\2605\2605\2605'
}
.g_score_4 i:after {
    content:'\2605'
}
.g_score_5:before {
    content:'\2605\2605\2605\2605\2605'
}
.g_score_5 i:after {
    content:''
}
.g_score_half i:before {
    position:relative;
    overflow:hidden;
    width:.55em;
    margin-right:-.55em;
    content:'\2605';
    color:#fc0
}
html._modal_on {
    overflow-x:hidden;
    overflow-y:scroll
}
.g_footer {
    padding:26px 0;
    color:#fff;
    background-color:#365899
}
.g_footer a {
    color:#fff
}
.g_footer_hr {
    display:block;
    width:20px;
    border-top:1px solid #fff
}
.g_header {
    height:52px;
    padding:9px 0;
    border-bottom:1px solid #dcdce2;
    background-color:#fff
}
.g_header .g_logo {
    float:left;
    margin-right:12px
}
.g_header .g_user {
    float:right;
    padding:5px 0 5px 12px
}
.g_header_fix {
    position:absolute;
    z-index:10;
    top:0;
    left:0;
    width:100%;
    border-bottom:none;
    background-color:transparent
}
.g_get_app {
    position:relative
}
.g_logo_fix {
    position:absolute;
    z-index:10;
    top:20px;
    left:20px
}
.g_logo {
    font-size:0;
    line-height:1;
    min-width:1em;
    min-height:1em;
    padding:10px;
    text-align:center;
    color:#fff;
    border-radius:8px;
    background-color:#4267b2
}
.g_logo svg {
    font-size:32px
}
.g_logo:active {
    -webkit-transform:scale(.95);
    -ms-transform:scale(.95);
    transform:scale(.95)
}
.g_drop_sel {
    position:relative;
    cursor:pointer;
    white-space:nowrap
}
.g_drop_sel,.g_drop_sel ._bd {
    -webkit-transition:.3s;
    transition:.3s
}
.g_drop_sel strong {
    display:block
}
.g_drop_sel,.g_drop_sel a {
    color:#fff
}
.g_drop_sel ._bd {
    position:absolute;
    z-index:100;
    top:100%;
    left:0;
    visibility:hidden;
    padding:.5em 0;
    opacity:0;
    border-radius:4px;
    background-color:rgba(0,0,0,0.8)
}
.g_user ._bd {
    right:3px;
    left:auto;
    margin-top:4px;
}
.g_drop_sel ._bd:after,.g_drop_sel ._bd:before {
    position:absolute;
    content:''
}
.g_drop_sel ._bd:before {
    bottom:100%;
    left:10%;
    width:0;
    height:0;
    border-right:6px dashed transparent;
    border-bottom:7px solid #000;
    border-left:6px dashed transparent
}
.g_drop_sel ._bd:after {
    right:0;
    bottom:100%;
    left:0;
    height:10px
}
.g_drop_sel ._item,.g_drop_sel a {
    display:block;
    visibility:hidden;
    overflow:hidden;
    padding:.5em 1em;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s;
    -webkit-transform:translateY(-16px);
    -ms-transform:translateY(-16px);
    transform:translateY(-16px);
    white-space:nowrap;
    text-overflow:ellipsis;
    opacity:0;
    color:#fff
}
.g_drop_sel a:hover {
    text-decoration:none;
    background-color:#4267b2
}
.g_drop_sel a:active {
    box-shadow:inset 0 0 3px rgba(0,0,0,.1)
}
.g_drop_sel:focus ._bd,.g_drop_sel:focus ._item,.g_drop_sel:focus a,.g_drop_sel:hover ._bd,.g_drop_sel:hover ._item,.g_drop_sel:hover a {
    visibility:visible;
    opacity:1
}
.g_drop_sel:focus ._bd,.g_drop_sel:hover ._bd {
    box-shadow:0 8px 20px rgba(0,0,0,.2)
}
.g_drop_sel:focus ._item,.g_drop_sel:focus a,.g_drop_sel:hover ._item,.g_drop_sel:hover a {
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.g_drop_sel:focus a:nth-child(2),.g_drop_sel:hover a:nth-child(2) {
    -webkit-transition-delay:30ms;
    transition-delay:30ms
}
.g_drop_sel:focus a:nth-child(3),.g_drop_sel:hover a:nth-child(3) {
    -webkit-transition-delay:60ms;
    transition-delay:60ms
}
.g_drop_sel:focus a:nth-child(4),.g_drop_sel:hover a:nth-child(4) {
    -webkit-transition-delay:90ms;
    transition-delay:90ms
}
.g_drop_sel:focus a:nth-child(5),.g_drop_sel:hover a:nth-child(5) {
    -webkit-transition-delay:120ms;
    transition-delay:120ms
}
.g_drop_sel:focus a:nth-child(6),.g_drop_sel:hover a:nth-child(6) {
    -webkit-transition-delay:150ms;
    transition-delay:150ms
}
.g_drop_sel:focus a:nth-child(7),.g_drop_sel:hover a:nth-child(7) {
    -webkit-transition-delay:180ms;
    transition-delay:180ms
}
.g_drop_sel:focus a:nth-child(8),.g_drop_sel:hover a:nth-child(8) {
    -webkit-transition-delay:210ms;
    transition-delay:210ms
}
.g_user ._bd:before {
    right:10%;
    left:auto;
}
.g_drop_sel .bhn {
    opacity:inherit;
    display:inline;
    visibility:visible;
    -ms-transform:inherit;
    transform:inherit;
    padding:0;
    color:#000;
}
.g_drop_sel .bhn:hover {
    text-decoration:none;
    background-color:#fff
}
.g_drop_sel .bhn:active {
    box-shadow:inset 0 0 0px rgba(0,0,0,.1)
}
.g_hd_link {
    float:left;
    padding:16px 12px;
    color:#000
}
.g_menu svg {
    margin-right:10px
}
.g_menu ._bd {
    margin-top:4px
}
.g_user ._hd {
    display:block;
    overflow:hidden;
    width:42px;
    height:42px;
    -webkit-transition:.3s;
    transition:.3s;
    border-radius:50%
}
.g_wrap {
    width:980px;
    margin-right:auto;
    margin-left:auto
}
.g_wrap .g_row {
    margin-left:-28px
}
.pagebook {
    background-color:#fff;
}
.g_thumb {
    position:relative;
    display:block;
    overflow:hidden;
    background:#f2f2f2 url(../images/imgph.0.1.png) center center no-repeat;
    background-size:cover
}
.g_thumb img {
    width:100%;
    height:100%;
    -webkit-transition:-webkit-transform ease-out .3s;
    -webkit-transition:transform ease-out .3s;
    transition:-webkit-transform ease-out .3s;
    transition:transform ease-out .3s;
    transition:transform ease-out .3s,-webkit-transform ease-out .3s
}
.g_thumb:hover img {
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.g_ells {
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical
}
.g_sub_hd {
    line-height:1.5;
    position:relative;
    min-height:121px;
    margin-bottom:40px;
    padding-top:28px;
    border-bottom:1px solid #dcdce2;
    background-color:#f5f6fc
}
.g_sub_hd h1 {
    font-size:40px;
    font-weight:700;
    line-height:1.5;
    position:relative;
    letter-spacing:.01em
}
.g_sub_hd p {
    font-size:20px;
    color:#7f7f7f
}
.g_sub_hd ._opr {
    font-size:16px;
    position:absolute;
    z-index:11;
    right:0;
    bottom:10px
}
.g_sub_hd ._tab {
    position:relative;
    z-index:10;
    bottom:-1px;
    overflow:hidden;
    padding-top:20px;
    white-space:nowrap;
    text-transform:capitalize;
    text-overflow:ellipsis
}
.g_sub_hd ._tab a {
    display:inline-block;
    margin-right:1.25em;
    padding-bottom:10px;
    color:#7f7f7f;
    border-bottom:1px solid #dcdce2
}
.g_sub_hd ._tab a:hover {
    text-decoration:none;
    color:#000
}
.g_sub_hd ._tab ._on {
    font-weight:700;
    color:#000;
    border-bottom:1px solid
}
.g_sub_hd ._tab ._line {
    position:absolute;
    top:100%;
    left:0;
    display:none;
    margin-top:-1px;
    -webkit-transition:.3s;
    transition:.3s;
    border-top:1px solid #000
}
.g_sub_hd ._tab._slide ._line {
    display:block
}
.g_sub_hd ._tab._slide ._disin {
    display:inline
}
.g_sub_hd ._tab._slide a {
    border-bottom-color:transparent
}
.g_sub_hd ._shadow {
    font-size:137px;
    font-weight:700;
    line-height:1.5;
    position:absolute;
    right:50%;
    bottom:0;
    overflow:hidden;
    width:980px;
    height:1.1em;
    margin-right:-480px;
    text-align:right;
    letter-spacing:.01em;
    color:#f0f1f7;
    text-shadow:rgb(255,255,255) 0px 0px 10px;
}
.g_goTop {
    position:fixed;
    z-index:18;
    right:10px;
    bottom:20%;
    visibility:none;
    width:36px;
    height:36px;
    -webkit-transition:.3s;
    transition:.3s;
    border-radius:100%;
    background-color:rgba(0,0,0,.3);
}
.g_goTop:active {
    -webkit-transform:scale(.9);
    -ms-transform:scale(.9);
    transform:scale(.9)
}
.g_goTop:hover {
    background-color:rgba(0,0,0,.4);
    box-shadow:0 2px 8px rgba(0,0,0,.2)
}
.g_goTop._on {
    visibility:visible;
    margin-bottom:0;
    opacity:1
}
.t_on {
    position:absolute;
    right:8px;
    top:6px;
    color:#fff;
    zoom:1.2;
}
.lis-mn li {
    margin-bottom:40px;
}
.lst-item {
    height:208px;
    padding-left:172px;
}
.lst-item .g_thumb {
    width:156px;
    height:208px;
}
.lst-item h2 {
    min-height:1.5em;
    max-height:3em;
    word-wrap:break-word;
    -webkit-line-clamp:2;
}
.lst-item h2,.lst-item p {
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
}
.lst-item ._p {
    display:block;
    max-height:9em;
    -webkit-line-clamp:3;
}
.ser-wrap {
    max-width:699px;
    margin:0 auto;
    padding-top:24px
}
.ser-form label {
    font-size:36px;
    top:15px;
    padding-left:38px;
    color:#999
}
.ser-form ._i {
    font-size:28px;
    top:50%;
    margin-top:-14px;
    padding-left:0;
    color:#b3b3b3
}
.ser-form input {
    font-size:32px;
    line-height:68px;
    height:68px;
    padding:0 38px;
    border:none 0;
    border-bottom:2px solid #e5e5e5;
    background-color:transparent
}
.ser-form input:hover {
    border-bottom-color:#4267b2
}
.ser-ret h3 strong {
    font-weight:700;
    color:#4267b2
}
.ser-ret .ser-ret-ph,.ser-ret li {
    height:148px;
    padding-left:131px
}
.ser-ret p {
    overflow:hidden;
    max-height:3em;
    -webkit-line-clamp:2
}
.ser-ret .g_thumb {
    width:110px;
    height:148px
}
@-webkit-keyframes hide-text {
    0%,100% {
    color:transparent
}
}@keyframes hide-text {
    0%,100% {
    color:transparent
}
}@-webkit-keyframes ball-pulse {
    0%,100%,60% {
    margin-top:-6px;
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}
30% {
    margin-top:-6px;
    -webkit-transform:scale(.01);
    transform:scale(.01);
    opacity:.1
}
}@keyframes ball-pulse {
    0%,100%,60% {
    margin-top:-6px;
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}
30% {
    margin-top:-6px;
    -webkit-transform:scale(.01);
    transform:scale(.01);
    opacity:.1
}
}body {
    position:relative
}
body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,legend,ol,p,ul {
    margin:0;
    padding:0
}
em,i,small,strong {
    font-size:100%;
    font-weight:400
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:700;
    letter-spacing:.01em
}
button,input,select,textarea {
    margin:0
}
address,cite,em,i {
    font-style:normal
}
ol,ul {
    list-style:none
}
a {
    text-decoration:none;
    color:#4267b2
}
:focus {
    outline:0
}
a,button,label {
    -webkit-transition:.2s;
    transition:.2s;
    outline:0
}
a span,strong span {
    vertical-align:middle
}
a:hover {
    text-decoration:underline
}
a,button,label {
    cursor:pointer
}
table {
    border-spacing:0;
    border-collapse:collapse;
    font-size:inherit;
}
fieldset,img {
    border:0 none
}
button,html,input,select,textarea {
    font-family:"Classic Grotesque W01","Hiragino Sans GB","PingFang-SC-Light","Microsoft YaHei","WenQuanYi Micro Hei",Arial,SimSun,sans-serif;
    font-size:14px;
    line-height:20px;
    color:#262626;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased
}
textarea {
    line-height:1.8;
    overflow:auto;
    resize:none;
    vertical-align:top;
    outline:0
}
button,input,select,textarea {
    box-sizing:border-box
}
button {
    text-align:center
}
button,input {
    }input::-moz-focus-inner {
    padding:0;
    border:none
}
input::-ms-clear {
    display:none
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color:#999!important
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color:#999!important
}
img {
    font-size:0
}
body,html {
    height:100%
}
pre {
    white-space:pre-wrap
}
p,pre {
    word-wrap:break-word
}
th {
    font-weight:400;
    text-align:left
}
svg {
    display:inline-block;
    width:1em;
    height:1em;
    vertical-align:middle;
    pointer-events:none;
    stroke-width:0;
    stroke:currentColor;
    fill:currentColor
}
.i,i {
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    text-transform:lowercase;
    background-repeat:no-repeat
}
.i:hover,i:hover {
    text-decoration:none
}
.i span,i span {
    position:absolute;
    visibility:hidden
}
.i,.i:before,i,i:before {
    font-family:f_qde;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
input,textarea {
    outline:none 0
}
@font-face {
    font-family:f_qde;
    font-weight:400;
    font-style:normal;
    src:url(/en/common/iconfont.0.4.eot);
    src:url(../fonts/iconfont.0.4.eot) format('embedded-opentype'),url(../fonts/iconfont.0.4.woff) format('woff'),url(../fonts/iconfont.0.4.ttf) format('truetype'),url(../fonts/iconfont.0.11.svg) format('svg')
}
.f_mbo {
    font-weight:700;
    letter-spacing:.05em
}
.f_qde {
    font-family:f_qde
}
.g_share {
    line-height:44px;
}
.g_share a {
    font-size:24px;
    line-height:36px;
    width:36px;
    height:36px;
    color:#365899;
    border:1px solid rgba(66,103,178,0.55);
    border-radius:50%;
    background-color:#fff;
}
.g_share a:active {
    -webkit-transform:scale(.98);
    -ms-transform:scale(.98);
    transform:scale(.98);
}
.g_share a:hover {
    text-decoration:none;
    opacity:.8;
    box-shadow:0 2px 8px rgba(0,0,0,.3);
}
.g_share ._g:hover {
    color:#00aaec;
}
.g_share ._t:hover {
    color:#f93f2d;
}
.g_share ._f:hover {
    color:#4460a0;
}
.i-ham:before {
    content:'\e661'
}
.i-moon:before {
    content:'\e665'
}
.i-junshi:before {
    content:'\e602'
}
.i-kehuan:before {
    content:'\e603'
}
.i-qihuan:before {
    content:'\e609'
}
.i-wuxia:before {
    content:'\e60f'
}
.i-xianxia:before {
    content:'\e610'
}
.i-zhichang:before {
    content:'\e61c'
}
.i-erciyuan:before {
    content:'\e617'
}
.i-items:before {
    content:'\e619'
}
.i-times:before {
    content:'\d7'
}
.i-rt:before {
    content:'\e621'
}
.i-up:before {
    content:'\e623'
}
.i-dn:before {
    content:'\e624'
}
.i-lt:before {
    content:'\e628'
}
.i-dushi:before {
    content:'\e62c'
}
.i-lishi:before {
    content:'\e62d'
}
.i-tiyu:before {
    content:'\e631'
}
.i-youxi:before {
    content:'\e634'
}
.i-lingyi:before {
    content:'\e641'
}
.i-xuanhuan:before {
    content:'\e642'
}
.i-font-dn:before {
    content:'\e656'
}
.i-set:before {
    content:'\e65b'
}
.i-font-up:before {
    content:'\e660'
}
.i-right:before {
    content:'\2713'
}
.i-star:before {
    content:'\2605'
}
.i-facebook:before {
    content:'\66'
}
.i-googlePlus:before {
    content:'\67'
}
.i-twitter:before {
    content:'\74'
}
.i-bread:before {
    content:'\e616'
}
.i-hr:before {
    content:'\e61b'
}
.i-more:before {
    content:'\bb'
}
.i-home:before {
    content:'\e61a'
}
.i-play:before {
    content:'\e61d'
}
.i-lt-thin:before {
    content:'\e61e'
}
.i-rt-thin:before {
    content:'\e666'
}
.i-logo:before {
    content:'\e61f'
}
.i-all:before {
    content:'\e601'
}
.i-chapter:before {
    content:'\e60d'
}
.i-pen:before {
    content:'\e633'
}
.i-others:before {
    content:'\e60b'
}
.i-rss:before {
    content:'\e65d'
}
.g_row {
    width:1008px;
    margin-right:auto;
    margin-left:auto;
    padding-right:14px;
    padding-left:14px;
    *zoom:1
}
.g_row .g_col_2 {
    text-align:center
}
.g_row:after {
    display:table;
    clear:both;
    content:''
}
.g_col_2,.g_col_3,.g_col_4,.g_col_6,.g_col_7,.g_col_8,.g_col_9 {
    float:left;
    margin-right:14px;
    margin-left:14px;
    *display:inline
}
.g_col_2 {
    width:140px
}
.g_col_3 {
    width:224px
}
.g_col_4 {
    width:308px
}
.g_col_6 {
    width:476px
}
.g_col_7 {
    width:560px
}
.g_col_8 {
    width:644px
}
.g_col_9 {
    float:none;
    text-align:center;
}
.g_td_4_1 {
    float:left;
    *display:inline
}
.g_td_4_1 {
    width:25%
}
.dn,.hidden {
    display:none
}
#his {
    margin-bottom:20px;
}
.dib {
    display:inline-block
}
.tar {
    text-align:right
}
.tac {
    text-align:center
}
.fl,.inline li {
    display:inline;
    float:left
}
.fr {
    float:right
}
.fs12 {
    font-size:12px
}
.fs14 {
    font-size:14px
}
.fsi {
    font-style:italic
}
.lh1 {
    line-height:1
}
.lh1d2 {
    line-height:1.2
}
.lh1d5 {
    line-height:1.5
}
.lh1d8 {
    line-height:1.8
}
.p20 {
    padding:20px
}
.pt2 {
    padding-top:2px
}
.pt5 {
    padding-top:5px
}
.pl20 {
    padding-left:20px
}
.pr20 {
    padding-right:20px
}
.pb25 {
    padding-bottom:25px
}
.pb30 {
    padding-bottom:30px
}
.pr10 {
    padding-right:10px
}
.pt1 {
    padding-top:1px
}
.pl5 {
    padding-left:5px
}
.pt10 {
    padding-top:10px
}
.pt15 {
    padding-top:15px
}
.pt20 {
    padding-top:20px
}
.pb20 {
    padding-bottom:20px
}
.mb25 {
    margin-bottom:25px
}
.mt20 {
    margin-top:20px
}
.ml30 {
    margin-left:30px
}
.pt25 {
    padding-top:25px
}
.pt30 {
    padding-top:30px
}
.ml10 {
    margin-left:10px
}
.pb10 {
    padding-bottom:10px
}
.pb15 {
    padding-bottom:15px
}
.w50p {
    width:50%
}
.w33p {
    width:33%
}
.mt5 {
    margin-top:5px
}
.mt10 {
    margin-top:10px
}
.mt15 {
    margin-top:15px
}
.mr5 {
    margin-right:5px
}
.mr10 {
    margin-right:10px
}
.mb5 {
    margin-bottom:5px
}
.mr15 {
    margin-right:15px
}
.mb10 {
    margin-bottom:10px
}
.mb15 {
    margin-bottom:15px
}
.ml20 {
    margin-left:20px
}
.ml58 {
    margin-left:58px
}
.mb20 {
    margin-bottom:20px
}
.mb30 {
    margin-bottom:30px
}
.mt25 {
    margin-top:25px
}
.mr25 {
    margin-right:25px
}
.mr20 {
    margin-right:20px
}
.mr30 {
    margin-right:30px
}
.mr58 {
    margin-right:58px
}
.mb24 {
    margin-bottom:24px
}
.mt24 {
    margin-top:24px
}
.fs20 {
    font-size:20px
}
.fs16 {
    font-size:16px
}
.fs18 {
    font-size:18px
}
.fs22 {
    font-size:22px
}
.fs24 {
    font-size:24px
}
.fs0 {
    font-size:0
}
.pb5 {
    padding-bottom:5px
}
.vam {
    vertical-align:middle
}
.pr {
    position:relative
}
.pa {
    position:absolute
}
.l50p {
    left:50%
}
.r50p {
    right:50%
}
.r0 {
    right:0
}
.l0 {
    left:0;
}
.b0 {
    bottom:0
}
.t0 {
    top:0
}
.t50p {
    top:50%
}
.r100p {
    right:100%
}
.l100p {
    left:100%
}
.oh {
    overflow:hidden
}
.w100p {
    width:100%
}
.h100p {
    height:100%
}
.auto {
    margin-right:auto;
    margin-left:auto
}
.db {
    display:block
}
.ell {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.hisem {
    display:block;
    position:absolute;
    bottom:33px;
    padding:40px 10px;
    height:106px;
    overflow:hidden;
    line-height:20px;
    background:rgba(0,0,0,0.45);
}
.cf,.inline {
    *zoom:1
}
.cf:after,.inline:after {
    display:table;
    clear:both;
    content:''
}
.c_strong {
    color:#333
}
.c_sm,.c_small {
    color:#7f7f7f
}
.ttu {
    text-transform:uppercase
}
.ttc {
    text-transform:capitalize
}
.ttl {
    text-transform:capitalize
}
.hide {
    position:absolute;
    clip:rect(0 0 0 0)
}
.f_serif {
    font-family:sans-serif
}
.h112 {
    height:200px;
    overflow:auto;
    text-align:justify;
}
.det-hd {
    border-bottom:1px solid #dcdce2;
    background-color:#f5f6fc
}
.det-info h1 {
    font-size:40px;
    max-height:2.6em;
    max-width:640px;
    display:inline-block;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.det-info h1 small {
    font-size:14px;
    line-height:1;
    display:inline-block;
    padding:5px .5em;
    vertical-align:middle;
    color:#fff;
    border-radius:2px;
    background-color:#ed424b
}
.det-info .g_thumb {
    width:300px;
    height:400px
}
.det-info ._bts {
    top:332px
}
.det-info .bt {
    min-width:8em;
    margin-right:21px
}
.det-info ._tags i {
    width:1em
}
.det-h2 {
    font-size:24px;
    font-weight:700;
    line-height:1.5;
    overflow:hidden;
    margin-right:1em;
    white-space:nowrap;
    letter-spacing:.01em;
    text-overflow:ellipsis
}
.det-con-ol {
    margin-bottom:10px;
    border-top:1px solid #000
}
.det-con-ol ol {
    margin-right:-40px
}
.det-con-ol i {
    min-width:1.5em;
    margin-right:.5em;
    text-align:left
}
.det-con-ol li {
    line-height:36px;
    margin-bottom:-1px;
    border-bottom:1px solid #ededed
}
.det-con-ol li a {
    margin-right:3em
}
.lst-chapter {
    max-width:46em
}
.user {
    width:980px;
    margin-right:auto;
    margin-left:auto;
}
.w680 {
    width:680px
}
.r_2 {
    margin-bottom:40px
}
.casenote {
    text-align:center;
    padding:5px;
    background:#fffaf1;
    border:1px solid #ffd491;
    border-radius:.5em;
    margin-bottom:20px;
}
.pages {
    text-align:center;
    padding:10px 5px 10px 0px;
    margin-bottom:40px;
    color:#888;
}
.pages a {
    overflow:hidden;
    width:18px;
    height:18px;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#4267b2;
    border:1px solid;
    border-radius:30px;
}
.pages a,.pages strong,.pages span {
    display:inline-block;
    vertical-align:middle;
    padding:0 8px;
    line-height:20px;
    margin:3px;
}
.pages .pgroup,.pages .next,.pages .ngroup,.pages .last {
    width:44px
}
.volume {
    width:100%;
    text-align:center;
    font-weight:bold;
}
.hm-scroll::-webkit-scrollbar {
    width:8px;
}
.hm-scroll::-webkit-scrollbar-thumb {
    background-color:#e1e3e4;
    background-clip:content-box;
    border-top:5px solid rgba(255,255,255,0);
    border-bottom:5px solid rgba(255,255,255,0);
    border-right:4px solid rgba(255,255,255,0)
}
.hm-scroll::-webkit-scrollbar-track {
    background-color:#fbfbfb
}
::-webkit-scrollbar-track-piece {
    background-color:#f5f6fc;
    -webkit-border-radius:3px
}
::-webkit-scrollbar {
    width:12px;
    height:10px
}
::-webkit-scrollbar-thumb {
    height:30px;
    background-color:#999;
    -webkit-border-radius:7px;
    outline-offset:-2px;
    border:2px solid #f5f6fc
}
::-webkit-scrollbar-thumb:hover {
    height:30px;
    background-color:#9f9f9f;
    -webkit-border-radius:8px
}
.rank-chk {
    float:right;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.rank-chk span {
    font-size:22px;
    line-height:24px;
    width:24px;
    height:24px;
    transition:transform .2s;
    transform:scaleY(-1) translateY(-3px);
    text-align:center;
}
#dialog {
    position:fixed!important;
    top:0px;
    left:0px;
    border:1px solid #dcdce2;
    border-top:3px solid #4267b2;
    border-radius:5px;
    background:#fff;
    font-size:14px;
    text-align:center;
    line-height:180%;
    padding:60px 40px;
    visibility:hidden;
    box-shadow:inset 0 0 1px rgba(0,0,0,.1),0 8px 30px 0 rgba(0,0,0,.2);
}
.j_you_also_like_title {
    margin-top:30px;
}
.g_h2 {
    margin-right:1em;
    font-size:24px;
    font-weight:700;
    line-height:1.5;
    overflow:hidden;
    padding-left:1px;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.g_book {
    height:230px;
}
.g_book .g_thumb {
    margin-bottom:5px;
}
.g_book .g_h4 {
    display:-webkit-box;
    overflow:hidden;
    max-height:3em;
    white-space:nowrap;
    word-wrap:break-word;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.g_h4 {
    font-size:16px;
}
.g_book a,.g_book .g_h4,.g_book .g_h4 a {
    color:#000;
}
.g_book ._type {
    overflow:hidden;
    white-space:nowrap;
    text-transform:capitalize;
    text-overflow:ellipsis;
    color:#999;
}
@media screen and (max-width:768px) {
    body {
    -webkit-text-size-adjust:none;
}
.g_get_app,.g_bread,.m-update td._au,.m-update th._au,.his-list ._oprate .bt,.lst-item p,.his-list p,.hom-cla a i,.g_hide {
    display:none
}
.hom-banner {
    height:240px;
}
.g_row {
    width:100%
}
.g_row {
    margin-right:auto;
    margin-left:auto;
    padding-right:0;
    padding-left:0;
}
.hom-bd {
    padding-top:20px;
}
.hom-rec .hom-rec-1st {
    height:370px;
    margin-top:15px;
}
.hom-rec-1st p {
    max-height:1.5em;
}
.hon-continue {
    max-height:170px;
}
.hisem {
    height:95px;
    width:72px;
    margin:8px 17px;
    bottom:25px;
    padding:14px 10px;
}
.hom-rec li {
    height:175px;
}
.g_col_2 {
    width:128px;
    float:left;
    margin:14px 0 8px;
}
.g_col_2 a {
    width:92px;
    margin:0 auto;
}
.hom-rec-1st .hom-thumb {
    width:150px;
    height:200px;
}
.hom-thumb {
    width:92px;
    height:123px;
}
.hom-h2 {
    font-size:14px;
    max-height:3em;
}
.hom-rec {
    height:408px;
    overflow:hidden;
}
.hom-books ._type {
    font-size:12px;
    width:92px;
    margin:auto 20px;
}
.hom-gutter {
    margin-bottom:1.5rem
}
#gpt-ad-2 {
    height:100%;
    width:auto;
}
.f_mbo {
    font-size:19px
}
.m-update td,.m-update th {
    padding:10px 0 10px 20px;
}
.m-update td._f,.m-update th._f {
    padding-left:20px;
}
.m-update td._l {
    padding-right:20px;
}
.m-update ._tit {
    width:10em;
    font-size:14px;
}
.m-update ._rel {
    width:25em;
    max-width:25em;
}
.m-update ._tim {
    max-width:7em;
}
.hom-cla a span {
    writing-mode:initial;
}
.hom-h1 {
    padding:0 20px;
    margin-bottom:auto;
    font-size:1.4rem;
}
.mt20 {
    margin-top:5px;
}
.det-info .bt {
    margin-right:10px;
}
._bts a {
    margin-bottom:15px
}
.g_wrap {
    width:auto
}
.g_wrap .g_row {
    margin-left:auto;
}
.g_header {
    height:36px;
    padding:10px;
}
.g_header .g_user {
    padding:2px 0 2px 6px;
}
.g_logo {
    padding:6px;
}
.g_header .g_logo {
    margin-right:8px
}
.g_logo svg {
    font-size:24px;
}
.g_hd_link {
    padding:8px 6px;
}
.g_user ._hd {
    width:32px;
    height:32px;
}
.hom-bd:before {
    left:0;
    width:100%;
    margin-left:auto
}
.det-info {
    padding:0
}
.g_col_4 {
    margin:auto;
    width:256px;
}
.pt25 {
    padding-top:0;
    margin-bottom:0;
}
.cover {
    width:100%;
    float:none;
    z-index:1;
    height:15.78rem;
    background:linear-gradient(to bottom,rgba(117,116,111,0.3),rgba(245,246,252,0));
    text-align:center;
    position:relative;
}
.cover:before {
    display:block;
    content:''
}
.cover span {
    width:9.375rem;
    height:12.5rem;
    margin-top:2.625rem;
    position:absolute;
    display:initial;
    overflow:initial;
    margin-right:auto;
    margin-left:auto;
    right:0;
    top:0;
    left:0;
}
.cover span img {
    z-index:1;
    position:absolute;
    bottom:0;
    left:0;
}
.cover span:after,.cover span:before {
    position:absolute;
    right:0;
    left:0;
    width:100%;
    content:''
}
.cover span:before {
    bottom:10px;
    height:20px;
    margin-right:auto;
    margin-left:auto;
    border-radius:50%;
    background-color:transparent;
    box-shadow:0 20px 20px rgba(0,0,0,.3)
}
.cover span:after {
    bottom:0;
    height:100%;
    background-color:#f5f5f5
}
::after,::before {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.det-info h1 {
    line-height:1.33333;
    font-size:1.5rem;
    text-align:center;
    margin-bottom:1rem;
    max-width:none;
    display:block;
    white-space:inherit;
}
.ell strong {
    position:relative;
    display:inline-block;
    margin:0 2.4rem;
    padding-bottom:2em;
    text-align:center;
}
._tags {
    text-align:center;
}
._tags span {
    position:absolute;
    font-size:12px;
    bottom:0;
    left:50%;
    overflow:hidden;
    width:6em;
    margin-left:-3em;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.g_share {
    float:none;
    display:inline-block;
}
.fs20 {
    font-size:1.75em;
}
.pb30 {
    padding-bottom:0
}
.pb20 {
    padding:0rem 2rem;
}
.det-con-ol {
    padding:0rem 2rem;
    padding-top:1rem;
    margin-top:1.5rem;
}
.lbxxyx_s {
    padding:0rem 2rem;
}
.det-con-ol ol {
    margin-right:auto
}
.det-con-ol li {
    line-height:34px;
}
.det-con-ol li a {
    margin-right:auto;
    font-size:16px
}
.det-info .g_thumb {
    width:11.23rem;
    height:14.97rem;
}
.det-info ._bts {
    top:auto;
    position:inherit;
    text-align:center;
}
.g_col_8 {
    padding:4.125rem 2rem 1.125rem;
    width:auto;
    float:none;
    margin-right:auto;
    margin-left:auto
}
.h112 {
    height:auto;
}
.w33p {
    width:50%
}
.g_col_9 {
    width:100%;
    float:none;
    margin-right:auto;
    margin-left:auto;
}
#lv-container {
    padding:20px
}
.g_footer p {
    padding:0 20px;
    text-align:center;
}
.ser-wrap {
    margin:0 20px;
    max-width:none
}
.lst-chapter {
    white-space:normal
}
.g_book {
    height:auto;
}
.g_sub_hd {
    margin-bottom:19px;
    margin-top:20px;
    padding:0px 20px;
    padding-bottom:15px;
    min-height:auto;
}
.g_sub_hd h1 {
    font-size:2.25rem;
    padding-bottom:5px;
    line-height:2.5rem;
}
.g_sub_hd ._tab {
    padding-top:0;
    white-space:normal;
}
.g_sub_hd ._tab a {
    margin-right:.5em;
    padding-bottom:0px;
}
.g_sub_hd p {
    font-size:14px
}
.g_col_6 {
    width:auto
}
.lst-item {
    height:125px;
    padding-left:114px;
}
.lis-mn li {
    width:44%;
    margin-bottom:20px;
}
.lst-item .g_thumb {
    width:97px;
    height:125px;
}
.lst-item h2 {
    font-size:1.25rem;
    line-height:1.2;
}
.g_col_6 {
    margin-right:20px;
    margin-left:20px;
}
.lst-item ._p {
    max-height:4.3em;
}
.ser-ret li {
    padding-right:0;
    padding-left:130px;
}
.ser-ret h3 {
    font-size:1em;
    white-space:normal;
    margin-bottom:auto;
    padding-top:0
}
.ser-ret p {
    font-size:14px;
    white-space:normal;
}
._tags strong {
    padding-bottom:0
}
.pt2 span {
    position:initial;
    margin-left:auto;
}
.g_sub_hd ._shadow {
    right:65%;
    font-size:95px;
}
.book-detail-x {
    position:relative;
    overflow:hidden;
}
.book-cover-blur {
    clip:auto;
    position:absolute;
    width:100%;
    height:15.78rem;
    opacity:.02;
    opacity:calc(.1 + .15);
    -webkit-filter:blur(calc(17px + 1px));
    filter:blur(calc(17px + 1px));
}
#dialog {
    padding:10px 5px
}
.boo-pop {
    width:97%;
}
.g_ipad {
    width:124px;
}
}@media screen and (max-width:736px) {
    .hisem {
    margin:8px 15px;
}
.hom-rec-1st {
    width:244px;
}
.g_col_2 {
    width:122px;
}
.w33p {
    width:100%
}
.hom-rec-1st p {
    max-height:7.5em;
}
}@media screen and (max-width:667px) {
    .hisem {
    margin:8px 9px;
}
.m-update ._rel {
    max-width:19.5em;
}
.g_col_2 {
    width:111px;
}
.hom-rec-1st {
    width:222px;
}
}@media screen and (max-width:640px) {
    .g_sub_hd ._shadow {
    display:none
}
.g_msg {
    display:none;
}
.hon-continue {
    max-height:250px;
}
.hisem {
    height:172px;
    width:130px;
    margin:8px 32px;
    bottom:25px;
}
.hom-rec {
    height:auto;
}
.hom-rec-1st .hom-thumb {
    width:200px;
    height:260px;
}
.hom-rec .hom-rec-1st {
    margin-bottom:20px;
    height:520px;
}
.hom-rec li {
    height:270px;
}
.hom-h2 {
    font-size:16px;
}
.hom-books ._type {
    margin:auto 35px;
}
.g_col_2 a {
    width:150px;
}
.g_col_2 {
    width:33.3%;
}
.hom-rec-1st {
    float:none;
    width:auto;
}
.hom-thumb {
    width:150px;
    height:200px;
}
.g_thumb_list {
    margin-top:15px
}
.hom-cla a span {
    display:inline;
    writing-mode:vertical-rl;
}
.m-update ._rel {
    max-width:18em;
}
._tags strong {
    margin:0 2rem;
}
.lis-mn li {
    width:auto;
}
}@media screen and (max-width:480px) {
    .m-update td._re,.m-update th._re {
    display:none;
}
.hisem {
    width:94px;
    margin:10px 20px;
    padding:13px 13px;
    height:134px;
    bottom:23px;
}
.hon-continue {
    max-height:200px;
}
.g_col_2 a {
    width:120px;
}
.hom-thumb {
    width:120px;
    height:160px;
}
.hom-rec .hom-rec-1st {
    height:520px;
}
.boo-pop {
    width:95%;
}
.hom-books ._type {
    margin:auto 20px;
}
.hom-rec li {
    height:220px;
}
.hom-h2 {
    font-size:14px;
    max-height:2.8em;
}
.lst-chapter {
    display:inherit;
    line-height:1.8;
}
.rank-chk {
    position:relative;
}
.rank-chk span {
    display:block;
    position:absolute;
    bottom:-5px;
    right:-5px;
    font-size:28px;
}
.hom-rec .hom-rec-1st {
    height:510px;
}
.m-update ._tit {
    max-width:23.5em;
}
.pt2 span {
    position:absolute;
    margin-left:-3.2em;
}
._tags strong {
    margin:0 2.4rem;
    padding-bottom:2em;
}
.ml0 {
    margin:auto
}
}@media screen and (max-width:414px) {
    .hon-continue {
    max-height:175px;
}
.hisem {
    width:82px;
    margin:0px 23px;
    padding:10px 5px;
    height:103px;
    bottom:33px;
}
.hom-rec li {
    height:175px;
}
.hom-thumb {
    width:92px;
    height:123px;
}
.hom-h2 {
    font-size:14px;
}
.g_col_2 a {
    width:92px;
}
.m-update ._tit {
    width:13em;
}
.hom-books ._type {
    margin:auto 24px;
}
.hom-rec-1st .hom-thumb {
    width:180px;
    height:240px;
}
.ell strong {
    margin:0 1.7rem;
}
}@media screen and (max-width:375px) {
    .hisem {
    margin:0px 16px;
}
.hom-books ._type {
    margin:auto 18px;
}
.boo-pop {
    width:90%;
}
.m-update ._tit {
    width:10em;
}
.ell strong {
    margin:0 1.4rem;
}
}@media screen and (max-width:360px) {
    .hisem {
    margin:0px 14px;
    bottom:33px;
}
.m-update ._tit {
    width:9em;
}
.hom-books ._type {
    margin:auto 15px;
}
.hom-rec .hom-rec-1st {
    height:510px;
}
.ell strong {
    margin:0 1.3rem;
}
.boo-pop {
    width:86%;
}
}@media screen and (max-width:320px) {
    .g_lib {
    display:none
}
.hon-continue {
    max-height:165px;
}
.hisem {
    width:68px;
    bottom:33px;
    padding:10px 5px;
    margin:0px 14px;
    height:94px;
}
.m-update td,.m-update th {
    padding:10px 0 10px 15px;
}
.g_header {
    font-size:15px;
}
.m-update td._f,.m-update th._f {
    padding-left:15px;
}
.m-update td._l {
    padding-right:10px;
}
.m-update ._tit {
    width:8em;
}
.g_col_2 a {
    width:78px;
}
.hom-thumb {
    width:78px;
    height:114px;
}
.ell strong {
    margin:0 1rem;
}
.det-info .bt {
    margin-right:1px;
}
}@media (max-width:1680px) {
    .hom-banner {
    height:360px;
}
}@media (max-width:1440px) {
    .hom-banner {
    height:320px;
}
}@media (max-width:1280px) {
    .hom-banner {
    height:280px;
}
}