@-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:500px;*/
	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:#5a5b66
}


.g_dropdown {
	position:relative;
	user-select:none;
	transition:.3s
}
.g_drop_hd {
	cursor:pointer
}
.g_drop_bd {
	position:absolute;
	z-index:100;
	top:100%;
	left:0;
	visibility:hidden;
	margin-top:8px;
	padding:8px 0;
	transition:ease-out .2s;
	transform:translateX(10px);
	pointer-events:none;
	opacity:0;
	border-radius:4px;
	background-color:#fff;
	box-shadow:0 8px 20px rgba(0,0,0,.2)
}
.g_drop_bd,.g_drop_bd a {
	color:#000
}
.g_drop_bd:after,.g_drop_bd:before {
	position:absolute;
	content:''
}
.g_drop_bd:before {
	bottom:100%;
	left:14px;
	width:0;
	height:0;
	border-right:6px dashed transparent;
	border-bottom:7px solid #fff;
	border-left:6px dashed transparent
}
.g_drop_bd:after {
	right:0;
	bottom:100%;
	left:0;
	height:20px
}
.g_drop_bd._r {
	right:-8px;
	left:auto;
	transform:translateX(-10px)
}
.g_drop_bd._r:before {
	right:24px;
	left:auto
}
.g_drop_bd._c {
	left:50%;
	width:240px;
	margin-left:-120px;
	transform:translateY(5px)
}
.g_drop_bd._c:before {
	left:50%;
	margin-left:-6px
}
.g_drop_item {
	font-size:16px;
	line-height:24px;
	position:relative;
	display:block;
	overflow:hidden;
	padding:12px 16px;
	transition:background-color .2s,color .2s
}
a.g_drop_item {
	white-space:nowrap;
	text-overflow:ellipsis
}
a.g_drop_item,a.g_drop_item:hover {
	text-decoration:none
}
a.g_drop_item:hover {
	background-color:#dbdff9
}
.g_drop_bd._dark .g_drop_item._on {
	background-color:#3b66f5
}
.g_drop_bd._dark a.g_drop_item:hover {
	color:#fff;
	background-color:#3b66f5
}
.g_drop_bd._dark a.g_drop_item:active {
	background-color:#315ef5
}
.g_drop_bd._dark .g_drop_item {
	color:rgba(255,255,255,.9)
}
.g_drop_item .bt {
	font-size:12px;
	line-height:20px;
	position:absolute;
	top:50%;
	right:20px;
	height:24px;
	margin-top:-12px;
	padding:1px 16px
}
.g_drop_bd._on,.g_drop_bd:hover,.g_dropdown._hover:hover .g_drop_bd,.g_dropdown._on .g_drop_bd,.g_dropdown:focus .g_drop_bd {
	z-index:101;
	visibility:visible;
	transform:translate(0,0);
	pointer-events:auto;
	opacity:1
}
.g_dropdown:focus-within .g_drop_bd {
	z-index:101;
	visibility:visible;
	transform:translate(0,0);
	pointer-events:initial;
	opacity:1
}
.g_drop_bd._dark {
	background-color:#000
}
.g_drop_bd._dark,.g_drop_bd._dark a {
	color:#fff
}
.g_drop_bd._dark:before {
	border-bottom:7px solid #000
}
.g_drop_item .g_drop_icon {
	position:absolute;
	top:50%;
	right:16px;
	visibility:hidden;
	margin-top:-.5em
}
.g_drop_item._on .g_drop_icon {
	visibility:visible
}

.g_hd_link:hover {
	text-decoration:none;
	color:#3b66f5
}
.g_hd_link>svg {
	font-size:24px;
	margin-right:8px
}
.g_hd_link>strong {
	font-size:16px;
	font-weight:600;
	display:inline-block;
	vertical-align:middle
}

.g_header .g_user {
	float:right;
	margin-left:8px
}

.g_browse .g_browse_list {
	width:640px;
	height:312px;
	padding:0;
	border-radius:4px;
	background-color:#25262f
}
.g_browse .g_browse_list ul {
	box-sizing:border-box;
	width:132px;
	padding-top:8px;
	border-radius:4px 0 0 4px;
	background-color:#000
}
.g_browse .g_browse_link_main {
	font-size:20px;
	font-weight:700
}
.g_browse_title {
	font-size:12px;
	font-weight:500;
	line-height:24px;
	display:block;
	margin:4px 0;
	padding-left:12px;
	text-transform:uppercase;
	color:#c0c2cc
}
.g_browse_title+.g_browse_sub {
	height:258px
}
.g_browse_panel {
	position:absolute;
	top:-8px;
	left:100%;
	overflow:hidden;
	width:484px;
	padding:12px 0 4px 12px;
	border-radius:0 4px 4px 0;
	background-color:#25262f
}
.g_browse_panel p {
	font-size:16px;
	font-weight:600;
	line-height:24px;
	float:left;
	width:7.45em
}
.g_browse_panel a {
	display:block;
	overflow:hidden;
	padding:4px 12px;
	transition:background-color .2s,color .2s;
	white-space:nowrap;
	text-decoration:none;
	text-overflow:ellipsis;
	border-radius:4px;
	will-change:background-color,color
}
.g_drop_bd .g_browse_panel a {
	color:rgba(255,255,255,.8)
}
.g_browse_panel a:focus,.g_browse_panel a:hover {
	color:#fff;
	background-color:rgba(0,0,0,.5)
}
.g_browse_side ._on a {
	background-color:#3b66f5
}
.g_browse_list ul {
	height:100%
}
.g_browse_panel {
	visibility:hidden;
	transition:ease-in-out .3s;
	transform:translateY(10px);
	pointer-events:none;
	opacity:0;
	will-change:opacity,transform
}
.g_browse:focus .g_browse_link_main:focus+.g_browse_panel,.g_browse:focus li._on .g_browse_panel,.g_browse:focus li:hover .g_browse_panel,.g_browse:hover .g_browse_link_main:focus+.g_browse_panel,.g_browse:hover li._on .g_browse_panel,.g_browse:hover li:hover .g_browse_panel {
	visibility:visible;
	transform:translateY(0);
	pointer-events:auto;
	opacity:1
}
.g_browse:hover .g_browse:hover li._on .g_browse_panel,.g_browse:hover li:focus-within .g_browse_panel,.g_browse:hover li:hover .g_browse_panel {
	visibility:visible;
	transform:translateY(0);
	pointer-events:initial;
	opacity:1
}

.g_browse_list li._on .g_browse_link_main,.g_browse_list li:hover .g_browse_link_main {
	color:#fff;
	background-color:#3b66f5
}
.g_browse_list li:nth-child(2) .g_browse_panel {
	top:-56px
}
.g_browse_list li:nth-child(3) .g_browse_panel {
	top:-104px
}
.g_browse_list li:nth-child(4) .g_browse_panel {
	top:-152px
}
.g_browse_list li:nth-child(5) .g_browse_panel {
	top:-200px
}
.g_browse_panel>div+div {
	margin-left:24px
}
.g_browse .g_drop_bd:before {
	left:18px
}
.g_menu svg {
	margin-right:10px
}
.g_drop_item 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(/en/img/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;
    line-height: 1.5;
    height: 20px;
    width: 80px;
    margin-right: 1em;
    padding-bottom: 10px;
    color: #7f7f7f;
    border-bottom: 1px solid #dcdce2;
    overflow: hidden;
}
.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
}
.s-hot1{
	background: #2196F3;
    color: #fff;
    border-radius: 1px;
}
.s-hot2{
	background: #FF9800;
    color: #fff;
    border-radius: 1px;
}
.s-hot3{
	background: #00BCD4;
    color: #fff;
    border-radius: 1px;
}
@-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 {
	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.4;
	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(/en/common/iconfont.0.4.eot?#font-spider) format('embedded-opentype'),url(/en/common/iconfont.0.4.woff) format('woff'),url(/en/common/iconfont.0.4.ttf) format('truetype'),url(/en/common/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;
}
.h112 p{white-space: pre-line;}
.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
}
.inline .volumes {
	float: none; display: block; padding: 5px; font-weight: 700; text-align: center; line-height: 28px; color: #607D8B; background-color: #f5f6fc; clear: both;
}
.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: 30px;
    height: 18px;
    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 .prev,.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;
}
.apptip{display:block;height:3.75rem;padding:.75rem 6rem 0 4rem;box-sizing:border-box;background-color:#e5e7f3;position:relative;margin-bottom:1.5rem;}.icon-app-logo{display:inline-block;width:2.25rem;height:2.25rem;border-radius:.375rem;background-color:#4166b2;font-size:1.5rem;color:#fff;position:relative;}.apptip .icon-app-logo{position:absolute;top:.75rem;left:1rem;}.icon-app-logo .icon{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}svg.icon,.icon>svg{width:1em;height:1em;vertical-align:-.25ex;fill:currentColor;}.apptip-h{font-size:.875rem;}.apptip-p{font-size:.75rem;color:gray;}.btn-primary,.btn-primary-small{display:inline-block;line-height:2.25rem;padding-left:2ch;padding-right:2ch;background-color:#4166b2;color:#fff;font-size:.875rem;border-radius:99px;text-align:center;}.btn-primary-small{line-height:1.625rem;}.apptip .btn-primary-small{position:absolute;right:1rem;top:0;bottom:0;margin:auto;height:1.625rem;}
@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_browse .g_browse_list{
	width:100%;
}
.g_browse .g_browse_list ul{
	width: 90px;
}
.g_browse .g_browse_link_main {
    font-size: 16px;
}
.g_drop_item{
	padding:12px;
}
.g_drop_bd{
	left:-60%;
}
.g_browse .g_drop_bd:before {
    left: 60px;
}
.g_drop_bd:before {
    left: 60px;
}
.g_browse_panel{
	width: 238%;
    height: 296px;
    overflow: auto;
}
.g_browse_panel p{
	width: 6.85em;
	font-size: 14px;
}

.g_browse_panel::-webkit-scrollbar-thumb{
	    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 4px solid transparent;
}
.g_browse_panel::-webkit-scrollbar {
    width: 0px;
}
.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;*/
	display: inline-block;
}
.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:15px;
}
.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;
    min-width: auto;
    padding: 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;
	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.725em;
}
.pb30 {
	padding-bottom:0
}
.pb20 {
	padding:0rem 2rem;
}
.det-con-ol {
	padding:0rem 2rem;
	padding-top:1rem;
	margin-top:1.5rem;
}
.lbxxyx_s {
    display: block;
	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;
	word-break: break-all;
    text-align: justify;
}
.g_sub_hd ._tab a {
	width: 18%;
	padding-bottom:0px;
}
.g_sub_hd p {
	font-size:16px
}
.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;
	word-break: break-all;
}
.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;
}

.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: auto 1.3rem;
}
.lis-mn li {
	width:auto;
}
.g_drop_bd {
    left: -40%;
}
.g_browse .g_drop_bd:before {
    left: 40px;
}
.g_drop_bd:before {
    left: 40px;
}
}@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-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;
	display: inline-block;
}
.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-rec-1st .hom-thumb {
	width:180px;
	height:240px;
}
.ell strong {
	margin:0 1.7rem;
}
.g_drop_bd {
    left: -40%;
}
.g_browse .g_drop_bd:before {
    left: 40px;
}
.g_drop_bd:before {
    left: 40px;
}
.g_sub_hd ._tab a {
    width: 20%;
    margin-right: .1em;
}
}@media screen and (max-width:375px) {
	.hisem {
	margin:0px 16px;
}
.hom-books ._type {
	margin:auto 16px;
}
.boo-pop {
	width:90%;
}
.m-update ._tit {
	width:10em;
}
.ell strong {
	margin:0 1.4rem;
}
.g_hd_link>svg{
	    font-size: 20px;
}
.g_hd_link>strong {
    font-size: 14px;
}
.g_drop_bd {
    left: -40%;
}
.g_browse .g_drop_bd:before {
    left: 40px;
}
.g_drop_bd:before {
    left: 40px;
}
.g_sub_hd ._tab a {
    width: 20%;
    margin-right: .3em;
}
}@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%;
}
.g_drop_bd {
    left: -50%;
}
.g_browse .g_drop_bd:before {
    left: 45px;
}
.g_drop_bd:before {
    left: 45px;
}
.g_sub_hd ._tab{text-align: justify;}
.g_sub_hd ._tab a {
    width: 20%;
    margin-right: .3em;
    text-align: justify;
}
}@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;
}
.g_drop_bd {
    left: -75%;
}

.g_browse .g_drop_bd:before {
    left: 63px;
}
.g_drop_bd:before {
    left: 63px;
}
.g_sub_hd ._tab{text-align: initial;}
.g_sub_hd ._tab a {
    width: 23%;
    margin-right: .1em;
    text-align: justify;
}
}@media (max-width:1680px) {
	.hom-banner {
	height:260px;
}
}@media (max-width:1440px) {
	.hom-banner {
	height:220px;
}
}@media (max-width:1280px) {
	.hom-banner {
	height:180px;
}
}
#byspider{backdrop-filter: blur(5px);background:rgba(0,0,0,0.25);border:1px solid #ebeced;border-radius:10px;color:#ebeced;overflow:hidden;position:fixed;margin:auto;left:10;right:10;top:0;width:100%;height:100%;overflow:auto;z-index:999999}#byspider .inner{background:#f5f2f2;color:#000;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;margin:80px auto}#byspider button{padding:10px 20px;border:0;background:#e9e9e9;margin:20px;box-shadow:0 5px 10px rgba(0,0,0,0.3);cursor:pointer;transition:all .2s}#byspider button.active{background:#fff}#byspider .tutorial{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}#byspider .tutorial div{display:none}#byspider .tutorial div.active{display:block}#byspider ol{margin-left:20px}@media(max-width:680px){#byspider .inner{width:calc(100% - 80px);margin:auto}}