/*@font-face {
	font-family: Triangle;
	src: url(fonts/Triangle.eot) . format('eot');
	src: url(fonts/Triangle.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: Lato;
	font-style: normal;
	font-weight: 300;
	src: url(fonts/LL.eot?#font-spider) format('embedded-opentype'), url(fonts/LL.woff) format('woff'), url(fonts/LL.ttf) format('truetype'), url(fonts/LL.svg) format('svg')
}
@font-face {
	font-family: Lato;
	font-style: normal;
	font-weight: 400;
	src: url(fonts/LR.eot?#font-spider) format('embedded-opentype'), url(fonts/LR.woff) format('woff'), url(fonts/LR.ttf) format('truetype'), url(fonts/LR.svg) format('svg')
}
@font-face {
	font-family: Lato;
	font-style: normal;
	font-weight: 700;
	src: url(fonts/LB.eot?#font-spider) format('embedded-opentype'), url(fonts/LB.woff) format('woff'), url(fonts/LB.ttf) format('truetype'), url(fonts/LB.svg) format('svg')
}*/
body {
  font-size: 14px;
  font-family: Lato, 'Helvetica Neue', 'PingFang SC', 'Myriad Pro', 'Hiragino Sans GB', 'microsoft yahei';
  line-height: 1.5;
  color: #202425;
  min-width: 1280px; }

body, dd, dl, h1, h2, h3, h4, h5, h6, ol, p, ul {
  margin: 0; }

ol, ul {
  list-style: none;
  padding: 0; }

img {
  padding: 0;
  margin: 0;
  border: 0; }

a {
  color: inherit;
  text-decoration: none; }

.S {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none; }

.justify_fix {
  display: inline-block;
  width: 100%;
  height: 0;
  overflow: hidden; }

.hidden {
  display: none; }

body > iframe {
  display: none; }

html:not(.S) body {
  -webkit-font-smoothing: antialiased; }

.S .yw-copyright, .S .yw-data, .S .yw-home-app {
  overflow: hidden; }

.S .yw-copyright .yw-home-h3 {
  margin-top: 0;
  display: none; }

.yw-header {
  height: 640px;
  position: relative;
  color: #FFF; }

.yw-kefu .yw-header {
  height: 480px; }

.yw-kefu .yw-hd-slide-con {
  top: 140px; }

.yw-kefu .yw-hd-slide-h {
  margin-bottom: 13px; }

.yw-kefu .yw-hd-slide-p {
  padding-bottom: 40px; }

.yw-header a {
  *color: #FFF; }

.yw-constr, .yw-news-constr {
  width: 1220px;
  margin-left: auto;
  margin-right: auto; }

.app-constr {
  width: 1220px; }

.yw-logo {
  position: absolute;
  top: 21px;
  width: 138px;
  height: 32px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-logo.png) no-repeat;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  z-index: 1; }

.yw-kefu .yw-logo {
  width: 300px;
  height: 50px;
  background: url(https://imgservices-1252317822.image.myqcloud.com/image/060820210163402/5e48ff0f.png) no-repeat;
  background-size: 100% 200%;
  background-position: 0 0; }

.yw-logo h1 {
  position: absolute;
  top: -90px; }

.yw-nav {
  position: absolute;
  top: 0;
  right: 330px;
  letter-spacing: -.25em;
  z-index: 1;
  font-size: 0; }

.yw-nav-a {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 20px 20px 17px;
  letter-spacing: 0;
  font-size: 14px;
  transition: all .25s;
  *color: #FFF; }

.dn {
  display: none; }

.yw-nav-btn {
  padding: 3px 10px;
  border-radius: 4px;
  position: absolute;
  top: 18px;
  right: 0;
  z-index: 1; }

.yw-join-btn {
  border: 1px solid #FFF;
  padding: 7px 15px;
  border-radius: 2px; }

.yw-nav-a:hover {
  box-shadow: 0 1px #FFF, 0 2px #FFF, 0 3px #FFF;
  background-color: rgba(255, 255, 255, 0.25); }

.S .yw-nav-a:hover {
  box-shadow: none; }

.yw-lg {
  position: absolute;
  top: 20px;
  right: 70px;
  z-index: 1;
  width: 88px;
  z-index: 2;
  color: #FFF; }

.fixed .yw-lg {
  color: #3F7FE0; }

.S .yw-lg {
  right: 0;
  top: 0; }

.yw-lg-ul {
  width: 76px;
  text-align: center;
  padding: 8px 0;
  position: absolute;
  right: 36px;
  background-color: #FFF;
  color: #33363D;
  border-radius: 2px;
  box-shadow: 0 2px 12px #848DA23B;
  display: none;
  z-index: 2;
  word-break: keep-all; }

.S .yw-lg-ul {
  top: 50px;
  right: 5px; }

.yw-lg-li {
  padding: 8px 24px; }

.yw-lg-li:hover {
  color: #3F7FE0;
  cursor: pointer; }

.yw-lg-li a:hover {
  color: #3F7FE0 !important; }

.yw-bar-fixed {
  height: 74px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  border-bottom: 1px solid #EEE; }

:root .yw-bar-fixed {
  border-bottom: 0; }

.yw-bar-fixed .yw-nav-a {
  text-shadow: none; }

.yw-bar-fixed .yw-nav .yw-nav-a {
  color: #717678; }

.yw-bar-fixed .yw-logo {
  top: 19px; }

.yw-bar-fixed .yw-nav .yw-nav-a:hover {
  box-shadow: 0 1px #3F7FE0, 0 2px #3F7FE0, 0 3px #3F7FE0; }

.yw-bar-fixed .yw-nav > .active {
  color: #FFF;
  background-color: #3F7FE0;
  box-shadow: 0 1px #3F7FE0, 0 2px #3F7FE0, 0 3px #3F7FE0;
  border-bottom: 3px solid #3F7FE0;
  border-bottom: 0 rgba(0, 0, 0, 0); }

.yw-bar-fixed .yw-nav-btn {
  color: #3F7FE0;
  border-color: #3F7FE0; }

.active.yw-join-btn {
  color: #3F7FE0; }

.yw-invest-btn {
  padding: 2px 10px;
  line-height: 34px;
  font-size: 14px;
  padding: 2px 0; }

.yw-bar-fixed .yw-lg {
  color: #717678; }

.yw-bar-fixed .yw-icon-arr {
  color: currentColor; }

.yw-icon-arr {
  font-family: Triangle;
  color: currentColor;
  font-size: 10px;
  vertical-align: middle;
  display: inline-block;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6); }

.S .yw-icon-arr {
  position: absolute;
  right: 15px;
  top: 16px;
  z-index: 1; }

.fix-arr {
  right: -4px;
  top: 4px; }

.yw-icon-arr.active {
  transform: scale(0.6) rotateX(180deg); }

.active.yw-icon-arr {
  transform: scale(0.6) rotateX(180deg); }

.S .yw-invest-btn {
  height: 22px;
  line-height: 22px;
  right: 15px;
  top: 9.5px;
  font-size: 14px;
  padding: 3px 20px 3px 8px;
  position: absolute;
  border: 1px solid #FFF;
  z-index: 1;
  border-radius: 3px; }

.S .fixed .yw-invest-btn {
  color: #3F7FE0;
  border: 1px solid #3F7FE0; }

.yw-hd-bar {
  position: relative;
  color: #FFF;
  *z-index: 2; }

.S .yw-hd-bar, .yw-hd-bar[id] {
  display: block; }

.S .yw-hd-bar[id], .yw-hd-bar {
  display: none; }

.S .fixed.yw-hd-bar, .yw-bar-fixed {
  display: block;
  background-color: #FFF;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  color: #202425;
  z-index: 10; }

.S .fixed.yw-hd-bar {
  height: 50px; }

.fixed .yw-logo, .yw-bar-fixed .yw-logo {
  background-position: 0 -48px; }

.fixed .yw-kefu-logo, .yw-bar-fixed .yw-kefu-logo {
  background-position: 0 -32px; }

.fixed .yw-nav-btn {
  color: #3F7FE0;
  border-color: #3F7FE0;
  text-shadow: none; }

.yw-hd-curnav {
  display: none; }

.yw-hd-curnav > svg {
  -webkit-transform: translate(5px, 2px) rotate(90deg) scale(0.6);
  transform: translate(5px, 2px) rotate(90deg) scale(0.6);
  fill: none;
  stroke: #202425;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round; }

.fixed > .yw-hd-curnav {
  display: block;
  line-height: 50px;
  text-align: center;
  color: #202425;
  font-size: 15px;
  margin: 0 80px; }

.fixed > .yw-app-curnav {
  position: absolute;
  top: -.5px;
  left: 0;
  right: 0; }

.fixed > .active > svg {
  -webkit-transform: translate(5px, 2px) rotate(-90deg) scale(0.6);
  transform: translate(5px, 2px) rotate(-90deg) scale(0.6); }

.active ~ .yw-nav .yw-nav-a {
  height: 49px; }

.yw-hd-slide-bg {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: opacity .35s;
  transition: opacity .35s;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #3F7EE0; }

.yw-hd-slide-li .yw-hd-slide-con {
  display: none; }

.active .yw-hd-slide-bg {
  opacity: 1;
  filter: alpha(opacity=100); }

.active .yw-hd-slide-con {
  display: block;
  -webkit-animation: fadeIn .25s both;
  animation: fadeIn .25s both; }

.yw-ban-ft {
  width: 315px;
  position: absolute;
  bottom: 48px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0); }

.yw-ban-line {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #999; }

.yw-ban-hline {
  position: absolute;
  bottom: 4px;
  left: 0;
  border-top: 5px solid #FFF;
  -webkit-transition: all .25s;
  transition: all .25s;
  width: 25%; }

.L .yw-hd-slide-1 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-bg2_l.jpg); }

.M .yw-hd-slide-1 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-bg1_m.jpg); }

.S .yw-hd-slide-1 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-bg1_s.jpg); }

.L .yw-hd-slide-2 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-ft.png); }

.M .yw-hd-slide-2 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-ft.png); }

.S .yw-hd-slide-2 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-ft-s.png); }

.L .yw-hd-slide-3 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-qqbook.jpg); }

.M .yw-hd-slide-3 .yw-hd-slide-bg {
  background-image: url(https://qidian.qpic.cn/qidian_common/349573/80b384750530a7cf26ebfc01139c4899/0); }

.S .yw-hd-slide-3 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-ebook_s.jpg); }

.L .yw-hd-slide-4 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-ip.jpg); }

.M .yw-hd-slide-4 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-ip.jpg); }

.S .yw-hd-slide-4 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-bg-new_s.png); }

.L .yw-hd-slide-5 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-hk_l.jpg); }

.M .yw-hd-slide-5 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-hk_m.jpg); }

.S .yw-hd-slide-5 .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-hk_s.jpg); }

.M .yw-hd-slide-4 .yw-hd-kefu {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-kf.jpg); }

.L .yw-hd-slide-4 .yw-hd-kefu {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hd-kf.jpg); }

.yw-hd-movie-pic {
  position: absolute;
  right: 0;
  top: -50px;
  width: 294px;
  height: 354px; }

.yw-hd-slide-con {
  position: relative;
  top: 200px;
  z-index: 1;
  text-align: center;
  width: 960px;
  margin: 0 auto; }

.app-yhsc {
  width: 100%;
  text-align: left; }

.yw-hd-slide-h {
  margin-bottom: 20px;
  font-size: 64px;
  font-weight: 400;
  text-align: center;
  z-index: 2;
  opacity: 0;
  -webkit-animation: fadeInUp .75s ease-in-out forwards;
  animation: fadeInUp .75s ease-in-out forwards;
  -webkit-animation-delay: .3s;
  animation-delay: .3s; }

.yw-bd-title-one {
  padding-top: 30px; }

.app-yhsh {
  text-align: left;
  font-size: 56px; }

.yw-hd-slide-p {
  line-height: 36px;
  font-size: 28px;
  font-weight: 300;
  padding-bottom: 60px;
  opacity: 0;
  -webkit-animation: fadeInUp 1s ease-in-out forwards;
  animation: fadeInUp 1s ease-in-out forwards;
  -webkit-animation-delay: .35s;
  animation-delay: .35s; }

.focus-btn {
  font-size: 14px;
  padding: 16px 49px;
  line-height: 1;
  border: 1px solid #FFF;
  border-radius: 2px;
  display: inline-block;
  margin: 0 auto;
  transition: all .2s;
  background-image: none;
  text-decoration: none;
  color: #FFF;
  position: relative; }

.S .focus-btn {
  padding: 10px 19px; }

.app-yhsp {
  padding-bottom: 0; }

.S .yw-hd-slide-h {
  z-index: 1;
  -webkit-animation-delay: .3s;
  animation-delay: .3s; }

.S .yw-hd-slide-p {
  z-index: 1;
  -webkit-animation-delay: .6s;
  animation-delay: .6s; }

.yw-hd-dot-x {
  font-size: 0;
  position: absolute;
  bottom: 48px;
  z-index: 1;
  width: 80px;
  left: 0;
  right: 0;
  margin: 0 auto; }

.yw-hd-dot-a {
  margin-left: -.3px;
  display: inline-block;
  width: 32px;
  height: 4px;
  position: relative;
  font-size: 0;
  background-color: #FFF;
  opacity: .24;
  margin: 0 4px;
  border-radius: 1px; }

.yw-hd-dot-a:hover {
  opacity: .5; }

.yw-hd-dot-x .active {
  opacity: 1; }

.yw-hd-slide-btn {
  display: block;
  width: 154px;
  padding: 13px 0;
  margin-top: 30px;
  border: 1px solid #FFF;
  border-radius: 2px;
  font-size: 14px;
  position: relative;
  margin: 0 auto;
  -webkit-animation: fadeInUp 1.5s ease-in-out forwards;
  animation: fadeInUp 1.5s ease-in-out forwards;
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s; }

.icon-cor-wh > svg {
  fill: none;
  stroke: #FFF;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round; }

.yw-hd-slide-btn .icon {
  position: absolute;
  top: 10px;
  right: 14px;
  font-style: normal; }

.yw-data-view {
  padding-top: 55px;
  overflow: hidden;
  position: relative; }

.yw-data-dl {
  width: 19%;
  font-weight: 400;
  text-align: center; }

.yw-data-dl-1, .yw-data-dl-2, .yw-data-dl-3 {
  float: left; }

.yw-data-dl-2, .yw-data-dl-3 {
  margin-left: 7.5%; }

.S .yw-data-dl-2, .S .yw-data-dl-3 {
  margin-left: 0; }

.yw-data-dl-4 {
  float: right; }

.icons-pbm-b, .icons-pbm-m, .icons-pbm-p, .icons-pbm-s {
  display: block;
  width: 60px;
  height: 60px;
  margin: -40px auto 0;
  background-size: 100%; }

.yw-data-dt {
  padding: 40px 0 0;
  color: #3385FF;
  font-size: 16px;
  font-weight: 500; }

.icons-pbm-p {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icons-pbm4.png) no-repeat -205px -8px; }

.icons-pbm-b {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icons-pbm4.png) no-repeat -63px 0; }

.icons-pbm-m {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icons-pbm4.png) no-repeat -131px -2px; }

.icons-pbm-s {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icons-pbm4.png) no-repeat 0 -6px; }

.yw-data-dd {
  margin: 20px 1em 0;
  color: #717678;
  font-size: 14px; }

.yw-data-title {
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  padding-top: 80px; }

.S .yw-data-title {
  display: none; }

.yw-data-desc {
  width: 688px;
  text-align: center;
  color: #3E4652;
  margin: 60px auto 40px;
  font-size: 18px;
  text-shadow: 0 1px #FFF;
  line-height: 1.8;
  position: relative;
  font-weight: 300; }

.S .yw-data-desc {
  display: none; }

.yw-app-shine .yw-data-desc {
  margin-top: 0; }

.yw-data-desc-ft {
  display: none; }

.S .yw-data-desc-ft {
  display: block;
  text-align: center;
  color: #717678;
  line-height: 1.8;
  position: relative;
  margin: 3em auto;
  padding: 0 8px;
  text-align: center; }

.S .yw-data-desc-ft::after {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-db-arr.png);
  width: 32px;
  height: 24px;
  content: '';
  position: absolute;
  overflow: hidden;
  bottom: -35px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-position: -140px 0;
  background-size: cover; }

.yw-data-desc::before {
  content: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-db-arr.png);
  width: 52px;
  height: 44px;
  position: absolute;
  overflow: hidden;
  left: -100px;
  top: 20px; }

.yw-data-desc::after {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-db-arr.png);
  width: 52px;
  height: 44px;
  position: absolute;
  overflow: hidden;
  content: '';
  right: -100px;
  top: 20px;
  background-position: -52px 0; }

.S .yw-data-desc::before {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-db-arr.png);
  width: 32px;
  height: 24px;
  content: '';
  background-size: cover;
  left: 0;
  right: 0;
  margin: auto;
  top: 170px;
  background-position: -140px 0; }

.S .yw-data-desc::after {
  display: none; }

.yw-data-line {
  display: block;
  width: 120px;
  height: 1px;
  margin: 0 auto;
  position: relative;
  top: 80px; }

.yw-data-line::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #D3DCE0;
  top: -80px; }

.S .yw-data-line, .S .yw-data-line::before {
  top: 0; }

.S .yw-data-line {
  opacity: 0; }

.S .yw-data-view::before {
  width: 0;
  height: 0; }

.yw-home-h3 {
  margin: 50px 0 40px;
  text-align: center;
  font-size: 28px;
  font-weight: 400; }

.yw-book-show {
  width: 100%;
  height: 525px;
  position: relative;
  transform-style: preserve-3d;
  perspective: 1800px;
  margin-top: -68px;
  z-index: 1;
  margin-left: -44px; }

.yw-book-show-ie {
  width: 1500px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto; }

.S .yw-book-show {
  height: 200px;
  position: absolute;
  top: 70px;
  margin-top: 0;
  margin-left: 0;
  width: 100%; }

.yw-book-msg {
  width: 600px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 150px;
  color: #FFF;
  font-size: 18px;
  z-index: 2;
  text-align: center;
  font-weight: 300;
  line-height: 32px; }

.S .yw-book-line {
  width: 200px;
  height: 1px;
  background-color: #FFF;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1; }

.S .yw-book-hline {
  position: relative;
  width: 6.8%;
  height: 3px;
  background-color: #FFF;
  top: -1px;
  left: 0;
  display: inline-block;
  vertical-align: top; }

.S .yw-book-line.active {
  padding: 1px 0;
  opacity: 1; }

.S .yw-book-msg {
  width: 280px;
  font-size: 14px;
  top: 290px;
  line-height: 1.4; }

.yw-book-msgp {
  display: none; }

.yw-book-show-pic {
  width: 197px;
  height: 262px;
  object-fit: cover;
  position: absolute;
  left: calc(50% - 99px);
  transition: .8s ease-in-out;
  left: calc(50% - 61px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
  border-radius: 4px; }

.yw-book-show-pic-ie {
  width: 7.41%;
  height: auto;
  left: 0;
  position: relative; }

.S .yw-book-show-pic {
  width: 131px;
  height: 175px; }

.yw-copyright {
  margin-top: 96px;
  height: 614px;
  background-color: rgba(31, 33, 35, 0.8);
  position: relative;
  overflow: hidden; }

.S .yw-copyright {
  margin-top: 30px;
  height: 420px; }

.yw-light-ball {
  width: 100px;
  height: 100px;
  background-color: red;
  border-radius: 100%;
  position: absolute;
  z-index: 3; }

.yw-copyright-h3 {
  position: absolute;
  text-align: center;
  top: 70px;
  z-index: 1;
  color: #FFF;
  font-size: 28px;
  font-weight: 500;
  left: 0;
  right: 0; }

.S .yw-copyright-h3 {
  display: none; }

.yw-book-x {
  position: relative; }

.yw-book-x::before {
  height: 100%;
  background-color: rgba(31, 33, 35, 0.8);
  position: absolute;
  left: 0;
  right: 0;
  content: '';
  z-index: 1; }

.yw-book-line-one {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/ip2/book/book-line1.jpg) repeat-x; }

.yw-book-line-two {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/ip2/book/book-line4.jpg) repeat-x; }

.yw-book-line-three {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/ip2/book/book-line3.jpg) repeat-x; }

.yw-book-back-one {
  height: 140px;
  overflow: hidden;
  width: 100%;
  position: absolute;
  z-index: -1;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/ip2/book/book-line1.jpg) repeat-x; }

.yw-book-back-two {
  height: 140px;
  width: 100%;
  position: absolute;
  z-index: -1;
  margin-top: 140px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/ip2/book/book-line4.jpg) repeat-x; }

.yw-copy-x {
  margin-top: 96px; }

.yw-copy-xx {
  height: 140px;
  position: relative;
  overflow: hidden; }

.yw-ip-cor {
  display: none;
  position: absolute;
  right: 10px;
  top: -270px;
  width: 8px;
  height: 20px;
  fill: none;
  stroke: rgba(255, 255, 255, 0.8);
  stroke-width: 2px;
  stroke-linecap: round;
  -webkit-transform: scale(-1, 1.4);
  transform: scale(-1, 1.4); }

.yw-copy-center {
  position: absolute;
  height: 140px;
  width: 7200px;
  top: 0;
  left: 0;
  will-change: transform; }

.yw-copy-center:active {
  cursor: move; }

.yw-copy-center + .yw-copy-center {
  top: 240px; }

.yw-copy-li {
  background-color: #EEE;
  height: 100%;
  float: left; }

.yw-copy-part {
  height: 100%;
  position: relative;
  overflow: hidden; }

.yw-copy-part-s {
  width: 180px; }

.yw-copy-part-l {
  width: 360px; }

.yw-copy-part .yw-ip-img {
  display: inline-block;
  width: 100%;
  height: 100%;
  visibility: hidden; }

.yw-copy-part .yw-ip-img[src] {
  visibility: visible; }

.yw-ip-desc {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #FFF;
  font-weight: 300;
  background: #019EE4;
  white-space: nowrap;
  text-align: center;
  cursor: default;
  -webkit-transition: visibility .4s, opacity .25s;
  transition: visibility .4s, opacity .25s;
  -ms-pointer-events: none;
  pointer-events: none;
  opacity: 0;
  visibility: hidden; }

.yw-ip-text {
  margin: 0 14px;
  text-justify: inter-ideograph;
  text-align: justify;
  -webkit-font-smoothing: subpixel-antialiased; }

.yw-copy-part-l .yw-ip-text {
  margin: 0 24px; }

.yw-mid-con {
  display: inline-block;
  white-space: normal;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

.yw-mid-i {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.yw-ip-desc .yw-mid-con {
  width: 100%;
  -webkit-transition: -webkit-transform .25s;
  transition: transform .25s;
  -webkit-transform: translateY(50px);
  transform: translateY(50px); }

.yw-ip-name {
  font-size: 24px;
  font-weight: 300; }

.yw-copy-line {
  display: block;
  width: 100px;
  border-top: 1px solid;
  margin: 10px auto 17px;
  font-size: 0; }

.L .yw-copy-part:hover .yw-ip-desc, .M .yw-copy-part:hover .yw-ip-desc {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .4s;
  transition: opacity .4s; }

html:not(.S) .yw-copy-part:hover .yw-mid-con {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.S .yw-mobile-line {
  position: absolute;
  box-shadow: 0 2px 4px #CED2D985;
  top: 0;
  height: 44px;
  width: 100%; }

.yw-home-app {
  padding-top: 28px;
  background: #FFF;
  background: -moz-linear-gradient(top, #FFF, #f5f8ff);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#f5f8ff));
  background: -o-linear-gradient(top, #FFF, #f5f8ff); }

.S .yw-home-app {
  position: relative;
  background: -moz-linear-gradient(top, #F5F8FF, #f5f8ff);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5F8FF), to(#f5f8ff));
  background: -o-linear-gradient(top, #F5F8FF, #f5f8ff); }

.yw-home-app .yw-home-h3 {
  display: none; }

.yw-tab-tab {
  width: 525px;
  max-width: 95%;
  line-height: 0;
  font-size: .1px;
  font-size: -webkit-calc(1px - 1px);
  margin: 0 auto;
  text-align: justify;
  position: relative;
  font-weight: 400;
  margin-left: 0;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out; }

.yw-home-app .yw-tab-tab {
  margin: 38px auto 35px; }

.yw-tab-a {
  text-indent: 1px;
  display: inline-block;
  line-height: 1.5;
  padding-bottom: 10px;
  font-size: 14px;
  transition: color .25s;
  transition-duration: .2s;
  color: #717678;
  *color: #717678; }

.S .yw-tab-a {
  font-size: 14px; }

.yw-home-app .yw-tab-a:hover {
  color: #3385FF; }

.yw-tab-bot-line {
  display: inline-block;
  width: 99.8%;
  height: 1px;
  vertical-align: bottom;
  background-color: #BCC1CC;
  opacity: .5;
  position: relative;
  top: -1px; }

.S .yw-tab-bot-line {
  height: 0; }

.yw-tab-hline {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 3px solid #3385FF;
  -webkit-transition: all .25s;
  transition: all .25s; }

.S .yw-tab-hline {
  display: none; }

.yw-tab-tab .active {
  color: #3385FF;
  font-weight: 500; }

.yw-tab-panel {
  height: 610px;
  position: relative; }

.yw-tab-panel-li {
  height: 100%;
  position: absolute;
  left: 0;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility .35s, opacity .35s;
  transition: visibility .35s, opacity .35s;
  opacity: 0;
  *zoom: 1; }

.yw-tab-panel-li:after {
  content: '';
  display: table;
  clear: both; }

.yw-tab-panel .active {
  visibility: visible;
  opacity: 1; }

.yw-app-img-x {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 790px;
  margin-top: 35px; }

.yw-app-mb-pic {
  position: absolute;
  left: auto;
  right: 0;
  top: -100px;
  -webkit-animation: fadeInRight 1s ease-in-out forwards;
  animation: fadeInRight 1s ease-in-out forwards; }

.S .yw-app-mb-pic {
  bottom: -400px;
  margin: 0 auto;
  width: 100%;
  z-index: -1; }

.yw-app-mb {
  position: relative;
  left: 140px;
  width: 808px;
  height: 560px; }

.S .yw-app-mb {
  left: 0;
  width: 120%;
  height: auto;
  margin-left: -10%;
  position: absolute;
  bottom: 30%; }

.S .yw-app-img-x {
  width: auto; }

.app-yaix {
  transform: none; }

.yw-app-img {
  height: 610px;
  vertical-align: bottom;
  z-index: -1; }

.yw-qq-img {
  width: 600px;
  height: 480px;
  margin-left: 80px; }

.S .yw-qq-img {
  width: 100%;
  height: auto; }

.yw-app-desc {
  text-align: center; }

.yw-app-slogon {
  display: block;
  height: 88px;
  margin: 0 auto;
  position: relative;
  left: -26px; }

.S .yw-tab-panel-li .yw-app-slogon {
  left: -10px; }

.yw-app-shine-ul .yw-app-slogon {
  margin-top: 40px; }

.S .yw-app-shine-ul .yw-app-slogon {
  margin-top: 0;
  transform: scale(0.8);
  left: -15px; }

.yw-app-shine-ul .yw-data-dl {
  padding: 80px 0 90px; }

.yw-slogon-qq {
  width: 203px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-h-qq.png) no-repeat; }

.yw-slogon-qd {
  width: 187px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-h-qd2.png) no-repeat;
  height: 40px;
  margin: 15px auto 35px;
  left: -10px; }

.yw-slogon-zj {
  width: 207px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-h-zj.png) no-repeat; }

.yw-slogon-wbn {
  width: 260px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-h-wbn2.png) no-repeat; }

.yw-slogon-hx {
  width: 207px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-h-hx.png) no-repeat; }

.yw-apple-btn, .yw-gog-btn {
  width: 128px;
  height: 48px;
  display: inline-block;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-apple-btn.png) no-repeat;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-apple-btn@2x.png) no-repeat;
  background-size: cover;
  margin-right: 12px; }

.S .yw-apple-btn, .S .yw-gog-btn {
  display: none; }

.yw-gog-btn {
  width: 153px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-gog-btn.png) no-repeat;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-gog-btn@2x.png) no-repeat;
  background-size: cover; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  .yw-slogon-qq {
    background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-h-qq@2x.png) no-repeat; }
  .yw-slogon-qd {
    background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-h-qd2@2x.png) no-repeat; }
  .yw-slogon-zj {
    background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-h-zj@2x.png) no-repeat; }
  .yw-slogon-wbn {
    background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-h-wbn2@2x.png) no-repeat; }
  .yw-slogon-hx {
    background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-h-hx@2x.png) no-repeat; }
  .yw-slogon-hx, .yw-slogon-qd, .yw-slogon-qq, .yw-slogon-wbn, .yw-slogon-zj {
    background-size: cover; } }

.yw-app-slogon-up {
  margin-top: -30px; }

.yw-app-desc-detail {
  margin: 0 0 40px 0;
  font-size: 18px;
  font-weight: 300; }

.yw-app-slogon-up ~ .yw-app-desc-detail {
  margin-bottom: 23px; }

.yw-btn-blue, .yw-btn-white {
  display: inline-block;
  width: 128px;
  height: 48px;
  padding: 14px 36px;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  color: #FFF;
  box-sizing: border-box;
  word-break: keep-all;
  margin: 0 8px;
  line-height: 18px; }

.yw-btn-white {
  color: #3385FF;
  border: 1px solid #3385FF; }

.yw-brand {
  height: 720px;
  padding-top: 30px;
  background: #212737;
  color: #FFF;
  position: relative; }

.yw-brand-desc {
  min-height: 160px;
  margin-top: 46px;
  position: relative;
  width: 680px;
  margin: 40px auto 0; }

.yw-brand-desc-li {
  position: absolute;
  -webkit-transition: visibility 225ms;
  transition: visibility 225ms;
  opacity: 0;
  visibility: hidden; }

.yw-brand-desc .in {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
  visibility: visible; }

.in, .out {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.yw-brand-desc .in, .yw-brand-desc .out {
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-duration: 225ms;
  animation-timing-function: ease-in-out;
  animation-duration: 225ms; }

.yw-brand-desc .in {
  -webkit-animation-name: slideinfrombottom;
  animation-name: slideinfrombottom; }

.yw-brand-desc .out {
  -webkit-animation-name: slideouttotop;
  animation-name: slideouttotop; }

.yw-brand-desc .reverse.out {
  -webkit-animation-name: slideouttobottom;
  animation-name: slideouttobottom; }

.yw-brand-desc .reverse.in {
  -webkit-animation-name: slideinfromtop;
  animation-name: slideinfromtop; }

.yw-brand-desc-li .brand {
  position: absolute;
  left: 0;
  margin: 15px 0 0 50px;
  display: none; }

.yw-brand-p {
  line-height: 32px;
  text-align: center;
  font-size: 18px;
  font-weight: 200; }

.brand {
  display: inline-block;
  width: 200px;
  height: 80px;
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/brand/icons-brand3.png);
  background-repeat: no-repeat; }

.brand-chuangshi {
  background-position: -1px 0; }

.brand-hongxiu {
  background-position: 0 -80px; }

.brand-huawen {
  background-position: 0 -160px; }

.brand-jushihuawen {
  background-position: 0 -240px; }

.brand-lanren {
  background-position: 0 -320px; }

.brand-nvsheng {
  background-position: -1px -400px; }

.brand-qidian {
  background-position: -1px -480px; }

.brand-qidiandushu {
  background-position: -1px -560px; }

.brand-qqyuedu {
  background-position: -1px -640px; }

.brand-rongshuxia {
  background-position: -1px -720px; }

.brand-tianfang {
  background-position: -1px -800px; }

.brand-xiaoqiang {
  background-position: -1px -880px; }

.brand-xiaoshuoyuedu {
  background-position: -1px -960px; }

.brand-yanqing {
  background-position: -1px -1040px; }

.brand-yuedu {
  background-position: -1px -1120px; }

.brand-yunqi {
  background-position: -1px -1200px; }

.brand-zhongzhibowen {
  background-position: -1px -1280px; }

.brand-zuojiazhushou {
  background-position: -1px -1360px; }

.brand-title {
  font-size: 0;
  color: #40475A;
  color: transparent; }

.yw-brand-nav-x {
  text-align: justify;
  line-height: 0; }

.yw-brand-nav-a {
  display: inline-block;
  width: 138px;
  height: 58px;
  line-height: 1.5;
  margin: 0 50px 17px;
  *color: #FFF;
  *margin-right: 20px;
  vertical-align: top;
  position: relative;
  cursor: pointer;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  opacity: .3;
  filter: alpha(opacity=30); }

.yw-brand-nav-a[href^=jav] {
  cursor: default; }

.yw-brand-nav-x .active {
  opacity: 1;
  filter: none; }

.yw-brand-nav-last {
  height: 0;
  visibility: hidden; }

.yw-brand-nav-a .brand {
  position: absolute;
  clip: rect(0 200px 100px 52px);
  left: 50%;
  top: 50%;
  margin: -24px 0 0 -75px;
  margin: -40px calc(0px) 0 -117px;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  zoom: .7; }

:root .yw-brand-nav-a .brand {
  zoom: 1; }

.yw-brand-nav-a .brand-hongxiu, .yw-brand-nav-a .brand-yunqi {
  clip: rect(0 200px 100px 70px);
  margin-left: -87px;
  margin-left: calc(-125px); }

.yw-brand-nav-a .brand-nvsheng, .yw-brand-nav-a .brand-xiaoqiang {
  clip: rect(0 200px 100px 61px);
  margin-left: -82px;
  margin-left: calc(-122px); }

.yw-brand-nav-a .brand-yuedu {
  clip: rect(0 200px 54px 70px);
  margin-left: -82px;
  margin-top: -18px;
  margin-left: calc(-120px);
  margin-top: calc(-34px); }

.yw-brand-nav-a .brand-rongshuxia {
  clip: rect(0 200px 100px 0);
  margin: -16px 0 0 -40px;
  margin: -40px calc(0px) 0 -100px;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  zoom: .4; }

.yw-brand-nav-a .brand-lanren {
  margin-left: -80px;
  margin-left: calc(-120px); }

.yw-brand-nav-a .brand-jushihuawen, .yw-brand-nav-a .brand-zuojiazhushou {
  margin-left: -77px;
  margin-left: calc(-115px); }

.yw-brand-nav-a .brand-wbn {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/brand/wbn.png) no-repeat; }

.S .yw-brand-nav-a .brand-wbn {
  top: 40%; }

.yw-brand-nav-a .brand-hx {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/brand/hx.png) no-repeat; }

.yw-brand-nav-a .brand-yq {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/brand/yq.png) no-repeat; }

.S .yw-brand-nav-a .brand-yq {
  left: 48%; }

.yw-brand-nav-a .brand-huawen {
  top: 61%; }

.yw-invest {
  height: 640px;
  background-image: -webkit-linear-gradient(top, #488ce5, #3572da);
  background-image: linear-gradient(to bottom, #488ce5, #3572da);
  position: relative; }

.yw-invest::after {
  content: '';
  position: absolute;
  height: 640px;
  width: 100%;
  bottom: 0;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-invest-line.png) bottom;
  background-repeat: no-repeat; }

.S .yw-invest::after {
  display: none; }

.yw-invest-constr {
  overflow: hidden;
  z-index: 1;
  position: relative; }

.S .yw-invest-constr {
  position: static; }

.S .yw-invest {
  height: 680px; }

.yw-invest-h3 {
  font-size: 28px;
  padding-bottom: 22px;
  font-weight: 400; }

.S .yw-invest-h3 {
  font-size: 20px; }

.yw-invest-msg {
  color: #FFF;
  width: 720px;
  float: left;
  margin-top: 150px; }

.S .yw-invest-msg {
  width: 100%;
  text-align: center;
  margin-top: 30px; }

.yw-invest-p {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 300;
  line-height: 32px; }

.S .yw-invest-p {
  font-size: 14px;
  text-align: left;
  line-height: 24px; }

.yw-invest-ul {
  font-size: 14px;
  padding: 0 0 20px 15px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 700; }

.yw-invest-li {
  position: relative;
  padding: 6px 0;
  text-indent: 3px; }

.S .yw-invest-li {
  text-align: left;
  text-indent: 0; }

.yw-invest-know {
  padding: 16px 42px;
  border: 1px solid #FFF;
  display: inline-block;
  line-height: 1;
  border-radius: 2px; }

.yw-invest-pic {
  top: 70px;
  width: 368px;
  height: 480px;
  float: right;
  margin-top: 72px; }

.S .yw-invest-pic {
  width: 280px;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: 308px;
  top: 0; }

.S .yw-invest-know {
  display: none; }

.yw-invest-li::before {
  content: '';
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icon-invest.png) no-repeat;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icon-invest@2x.png) no-repeat;
  background-size: cover;
  position: absolute;
  width: 10px;
  height: 14px;
  left: -13px;
  top: 10px; }

.S .yw-invest-li::before {
  left: 0;
  margin-left: -15px; }

.yw-news {
  padding: 48px 0 70px;
  overflow: hidden;
  background-color: #EBF1FA; }

.yw-kefu .yw-news {
  padding: 45px 0 50px;
  overflow: hidden;
  font-size: 0;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-kefu-bk.jpg) center no-repeat;
  background-color: #E6EEF9;
  background-size: cover; }

.yw-kefu .yw-news {
  padding: 76px 0 40px; }

.yw-news-x {
  position: relative;
  margin-top: 40px;
  margin-right: -22px;
  left: 0;
  transition: left .3s ease-in-out;
  -webkit-transition: left .3s ease-in-out; }

.yw-news-loading {
  height: 500px;
  line-height: 500px;
  margin-right: 88px;
  text-align: center; }

.yw-kefu-notice-loading, .yw-news-hot-loading {
  font-size: 14px;
  width: 304px;
  height: 408px;
  line-height: 408px;
  text-align: center;
  display: inline-block; }

.yw-news-hot-loading {
  width: 880px;
  display: inline-block; }

.S .yw-news-hot-loading {
  width: 311px; }

.yw-news-loading:empty {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/loading.gif) no-repeat center; }

.yw-news-li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 25%;
  margin-bottom: 56px;
  vertical-align: top; }

.yw-news-kefu-li {
  width: 340px; }

.yw-news-kefu-li .yw-news-detail {
  overflow-y: scroll;
  margin-right: 36px; }

.yw-kefu-news-msg .yw-news-li {
  width: 304px; }

.yw-kefu-news-msg .yw-news-li:nth-child(4) {
  width: 272px; }

.yw-kefu-news-msg .yw-news-li:nth-child(4) .yw-news-detail {
  margin-right: 0; }

.S .yw-kefu-news-msg .yw-news-li:nth-child(4) {
  width: 100%; }

.yw-news-kefu-li .yw-news-sum {
  height: 48px;
  -webkit-line-clamp: 2; }

.S .yw-news-kefu-constr {
  width: 100%; }

.S .yw-news-line {
  width: 160px;
  height: 1px;
  background-color: #3F7FE0;
  margin: 0 0 36px 20px; }

.S .yw-news-hline {
  position: relative;
  width: 25%;
  height: 3px;
  background-color: #3F7FE0;
  top: -1px;
  left: 0;
  margin-left: 0;
  display: inline-block;
  vertical-align: top;
  transition-property: marginLeft;
  transition-duration: .25s;
  -webkit-transition-property: marginLeft;
  -webkit-transition-duration: .25s; }

.yw-news-detail {
  height: 408px;
  margin-right: 23px;
  border-radius: 4px;
  background-color: #FFF;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); }

.yw-news-kefu-item .yw-news-detail {
  margin-right: 32px; }

.S .yw-news-detail {
  border-radius: 4px; }

.yw-notice-detail {
  height: 172px;
  margin-right: 0;
  margin-bottom: 28px;
  box-shadow: none; }

.yw-news-title {
  font-size: 16px;
  padding: 0 0 12px;
  height: 35px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  margin-bottom: 13px; }

.yw-news-kefu-li .yw-news-title {
  height: auto;
  max-height: 40px; }

.yw-news-h {
  font-size: 28px;
  color: #243C52;
  font-weight: bolder;
  position: absolute;
  top: -65px;
  font-weight: 100; }

.S .yw-page .yw-news-hot-h {
  left: 0; }

.yw-kefu-wx-pic {
  width: 100%;
  height: 100%; }

.yw-news-more-btn {
  font-size: 14px;
  color: #3F7FE0;
  position: absolute;
  right: 0;
  top: -55px; }

.S .yw-news-more-btn {
  top: -30px;
  font-size: 12px; }

.yw-news-time {
  color: #81898C;
  font-size: 12px; }

.yw-news-tag {
  display: inline-block;
  *display: inline;
  line-height: 16px;
  padding: 0 2px;
  font-size: 11px;
  border: 1px solid;
  border-radius: 2px; }

.yw-news-image-a {
  height: 160px;
  overflow: hidden;
  display: block; }

.yw-news-image {
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  transition: all .3s; }

.S .yw-news-image {
  border-radius: 4px 4px 0 0; }

.yw-news-image:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05); }

.yw-news-msg {
  margin: 24px 24px;
  text-align: justify; }

.yw-kefu-news-msg {
  position: relative;
  display: inline-block; }

.yw-news-time .yw-news-tag {
  margin-right: 5px; }

.yw-news-sum {
  font-size: 14px;
  margin: 16px 0;
  height: 72px;
  overflow: hidden;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all; }

.yw-news-btn {
  margin-right: 23px !important;
  color: #3F7FE0;
  text-align: center; }

.S .yw-news-btn {
  display: none; }

.yw-news-more-a {
  font-size: 12px;
  color: #3F7FE0;
  position: relative; }

.yw-news-btn:hover, .yw-news-more-a:hover {
  color: #06F; }

.yw-news-arr {
  content: '';
  position: absolute;
  width: 12px;
  height: 10px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icons-arr-line.png) no-repeat;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icons-arr-line@2x.png) no-repeat;
  background-size: cover;
  top: .3ex;
  margin-left: 1ex; }

.yw-news-li + a {
  display: block;
  margin: auto;
  font-size: 14px; }

.yw-news-x .yw-btn-blue {
  position: relative;
  left: -44px; }

.yw-news-lay {
  width: 100%;
  max-width: 960px;
  height: 90%;
  max-height: calc(100vh - 96px);
  border-radius: 10px;
  position: relative; }

.yw-news-lay::after, .yw-news-lay::before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(to bottom, #FFF, rgba(255, 255, 255, 0));
  border-radius: inherit;
  z-index: 1; }

.yw-news-lay::before {
  top: 0; }

.yw-news-lay::after {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  bottom: 0; }

.yw-news-lay-x {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 60px 0;
  text-align: left;
  *background-color: #FFF;
  overflow: auto; }

.yw-news-lay-x > a, .yw-news-lay-x > p {
  margin-bottom: 50px; }

.yw-news-lay-x .yw-news-li {
  display: block;
  width: auto; }

.yw-news-lay-x .yw-news-li:last-child {
  padding-bottom: 10px; }

.yw-news-lay-x .yw-news-detail {
  margin-right: 0; }

.yw-news-lay-shut {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  line-height: 24px;
  text-align: center;
  color: #333;
  font-size: 24px;
  text-indent: -9rem;
  z-index: 1;
  overflow: hidden;
  padding: 16px; }

.yw-news-lay-shut::after, .yw-news-lay-shut::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg); }

.yw-news-lay-shut::before {
  width: 20px;
  border-top: 3px solid; }

.yw-news-lay-shut::after {
  height: 20px;
  border-left: 3px solid; }

.yw-news-fn {
  text-align: center;
  color: #999; }

.yw-supervise {
  color: #78848F;
  font-size: 16px;
  margin-top: 80px;
  margin-bottom: 318px;
  line-height: 28px; }

.S .yw-supervise {
  margin-top: -330px;
  margin-bottom: 50px; }

.yw-supervise-href {
  position: absolute;
  top: 600px; }

.yw-supervise b {
  color: #243C52; }

.yw-supervise-h {
  color: #243C52;
  padding: 32px 0 8px; }

.yw-supervise-p {
  padding: 10px 0 3px; }

.yw-supervise-ul {
  border-left: 4px solid #3385FF;
  background-color: #F5F8FF;
  padding: 16px;
  margin: 10px 0; }

.yw-kefu-msg {
  overflow: hidden; }

.yw-kefu-content {
  font-size: 0;
  font-size: -webkit-calc(0px + 0px);
  line-height: 0;
  padding: 116px 0 157px;
  margin-right: -40px; }

.S .yw-kefu-content {
  padding: 32px 0 0; }

.yw-kefu-dl {
  position: relative;
  line-height: 1;
  margin-right: 40px;
  display: inline-block;
  vertical-align: top;
  width: 275px; }

.S .yw-kefu-dl {
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  margin-right: 0;
  margin-bottom: 32px; }

.yw-kefu-dt {
  font-size: 24px;
  color: #243C52;
  margin-bottom: 24px;
  font-weight: 500; }

.S .yw-kefu-dt {
  font-size: 16px;
  margin-bottom: 16px; }

.yw-kefu-dd, .yw-kefu-email p {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  color: #243C52;
  border-bottom: 1px solid #CCC;
  position: relative;
  transition: all .2s; }

.yw-kefu-dd:hover, .yw-kefu-email p:hover {
  cursor: pointer;
  color: #06D; }

.yw-kefu-a {
  display: block; }

.S .yw-kefu-dd {
  font-size: 14px;
  color: #06D;
  height: 38px;
  line-height: 38px;
  margin-right: 0;
  border: 1px solid #06D;
  border-radius: 2px;
  padding: 0 21px; }

.S .ye-kefu-box .yw-kefu-dd {
  text-align: center;
  padding: 0;
  width: 96px; }

.yw-kefu-email p {
  font-size: 14px;
  height: 40px;
  border-bottom: none;
  color: #81898C; }

.yw-kefu-dd time {
  font-size: 12px;
  color: #06D;
  font-weight: 700;
  padding: 2px;
  margin-left: 4px;
  background-color: #E6EEFB;
  border-radius: 2px;
  vertical-align: middle; }

.yw-kefu-email-item, .yw-kefu-phone {
  position: absolute;
  right: 0;
  color: #06D;
  font-size: 14px; }

.yw-kefu-dd::after {
  content: '';
  position: absolute;
  right: 0;
  width: 8px;
  height: 14px;
  line-height: 60px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/arr-r.png) no-repeat;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.S .yw-kefu-dd::after {
  display: none; }

.yw-kefu-dd-tel::after {
  display: none; }

.yw-kefu-dd-email::after {
  width: 14px;
  height: 8px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/arr-b.png) no-repeat;
  transition: all .3s; }

.yw-kefu-dd-email:hover::after {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/arr-t.png) no-repeat; }

.yw-kefu-email {
  visibility: hidden;
  opacity: 0;
  filter: opacity(0);
  transition: opacity .3s; }

.yw-kefu-dd-email:hover .yw-kefu-email {
  visibility: visible;
  opacity: 1;
  filter: opacity(100); }

.yw-kefu-icon-b, .yw-kefu-icon-j, .yw-kefu-icon-r, .yw-kefu-icon-z {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-kefu-icon.png); }

.yw-kefu-icon-r {
  background-position: -2px -54px; }

.yw-kefu-icon-z {
  background-position: -2px -27px; }

.yw-kefu-icon-j {
  background-position: -2px 1px; }

.yw-kefu-icon-b {
  background-position: -2px -83px; }

.S .yw-kefu-person {
  display: none; }

.S .yw-kefu-icon-b, .S .yw-kefu-icon-j, .S .yw-kefu-icon-r, .S .yw-kefu-icon-z {
  zoom: .6666666; }

.S .ye-kefu-box {
  display: flex;
  justify-content: space-between; }

.yw-kefu-person-s {
  display: none; }

.S .yw-kefu-person-s {
  display: block; }

.S .yw-kefu-person-s .yw-kefu-dd:nth-child(5) {
  border-bottom: none;
  position: relative; }

.S .yw-online-kefu i {
  content: '';
  position: absolute;
  right: 0;
  width: 8px;
  height: 14px;
  line-height: 60px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/arr-r.png) no-repeat;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.S .yw-kefu-person-s .yw-kefu-dt {
  font-size: 18px;
  margin-bottom: 14px; }

.S .yw-kefu-person-s .yw-kefu-icon-r {
  zoom: .9;
  vertical-align: text-top; }

.S .yw-kefu-person-s .yw-kefu-dd {
  color: #243C52;
  font-weight: 300;
  font-size: 16px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  border-left: none;
  border-top: none;
  border-right: none;
  padding: 0;
  height: 44px;
  line-height: 44px; }

.yw-contact {
  background-color: #242A31;
  color: #FFF;
  height: 428px;
  position: relative;
  overflow: hidden; }

.S .yw-contact {
  height: 540px; }

.yw-contact::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/grid_bg2.png);
  background-repeat: repeat-x;
  background-color: #242A31;
  height: 100%;
  width: 100%; }

.S .yw-contact::after {
  background-image: none; }

.yw-contact .yw-constr {
  position: relative;
  padding: 80px 0 150px 0;
  overflow: hidden;
  z-index: 1; }

.yw-contact-h {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 30px; }

.yw-contact-local {
  width: 20%;
  float: left; }

.yw-contact-logo {
  width: 142px;
  height: 43px;
  background: url("data:image/svg+xml,%3Csvg width='570' height='173' viewBox='0 0 570 173' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M93.183 87.696V27.822l26.659-1.828a1.002 1.002 0 0 1 1.076.998v61.303c0 .578-.489 1.037-1.066 1l-26.67-1.6zM50.98 122.928L50.978 21.6l35.296-7.664a1.655 1.655 0 0 1 2.006 1.618v113.329c0 1.055-.972 1.84-2.002 1.619l-35.3-7.574zM46.119 2.928c0-1.85-2.053-2.962-3.603-1.95L3.242 26.61a4.437 4.437 0 0 0-2.013 3.716v112.25c0 1.508.766 2.913 2.034 3.73l39.264 25.311c1.55.999 3.592-.114 3.592-1.959V2.928z' fill='%23fff'/%3E%3Cg clip-path='url(%23clip0)' fill='%23fff'%3E%3Cpath d='M381.037 43.718v26.037c.521 2.848 2.413 4.057 5.318 4.31h4.448v-.019c10.968.01 64.596.01 65.031 0 .909 0 2.621.319 3.587-1.94.378-.87 2.063-5.846 2.063-5.846h-34.872v-6.212h27.5c.795 0 2.299.272 3.151-1.714.341-.76 1.808-5.125 1.808-5.125h-32.459v-6.137h27.5c.795 0 2.299.262 3.151-1.715.341-.768 1.808-5.125 1.808-5.125h-32.459v-1.574a.43.43 0 0 0 .076.01v-4.591c14.895 0 28.749 0 28.976-.01.918-.01 2.631.3 3.605-1.949.379-.871 2.073-5.846 2.073-5.846h-34.654v-8.667h-9.757v8.676h-19.816a145.73 145.73 0 0 0 5.735-8.676h-.01v-.01h-11.005c-.246.376-.483.732-.72 1.106a153.713 153.713 0 0 1-2.526 3.767c0 .01-.01.018-.019.018a91.263 91.263 0 0 1-1.192 1.678c-.038.046-.067.093-.105.14-.369.516-.747 1.012-1.116 1.509-.057.075-.114.15-.171.234-.35.459-.7.918-1.059 1.358-.086.104-.161.207-.246.31-.332.421-.672.834-1.013 1.236-.104.122-.208.244-.303.366a54.36 54.36 0 0 1-.975 1.134c-.123.14-.255.28-.378.421l-.937 1.04c-.151.16-.303.328-.454.487-.303.319-.596.637-.909.947-.179.187-.369.374-.549.553-.283.29-.567.571-.861.861-.217.216-.454.431-.681.647-.265.253-.53.506-.804.759-.275.253-.549.506-.833.75-.246.215-.483.44-.729.655-.34.3-.691.6-1.041.9-.198.168-.397.346-.596.515-.426.356-.871.722-1.315 1.087-.142.122-.284.234-.426.356-.53.43-1.079.862-1.628 1.302-.076.056-.142.122-.217.178-.644.497-1.297 1.012-1.978 1.528v8.198a56.731 56.731 0 0 0 5.441-2.745 61.865 61.865 0 0 0 7.542-5.172zm35.818 22.533H392.09c-.852-.019-1.173-.272-1.287-.618v-5.585h26.052v6.203zm0-13.033h-26.052v-6.137h26.052v6.137zm0-19.142v6.166h-26.052v-5.96l.18-.205h25.872zM462.25 88.065c.908-.01 2.621.319 3.587-1.949.378-.871 2.072-5.837 2.072-5.837h-44.221v-3.401H414.3c-.009.262-.009 1.715-.009 3.401h-43.654s1.694 4.966 2.072 5.837c.966 2.258 2.679 1.94 3.596 1.949h32.724c-6.406 4.788-21.358 13.042-38.903 17.09 1.76 4.684 2.952 7.889 2.952 7.889 18.264-4.348 31.191-11.094 41.203-19.01v19.516h9.397V93.827c10.059 8.011 23.071 14.832 41.468 19.217 0 0 1.192-3.205 2.943-7.889-17.545-4.048-32.487-12.293-38.894-17.09h33.055zM164.14 38.815h-9.756v74.703h9.756V38.815zM164.055 14.794l-7.732 4.816 11.848 15.843 7.864-5.209-11.98-15.45zM494.005 79.847l4.296 8.124c15.103-6.306 27.387-16.837 34.105-26.328v23.995c0 5.837-.993 5.05-4.135 5.05h-10.845v8.376h13.362c11.006 0 11.006-7.008 11.006-14.213V54.634h5.971c.984-.01 2.839.328 3.88-2.099.407-.936 2.224-6.286 2.224-6.286h-12.066V32.916h-9.397v13.333h-35.439s1.826 5.35 2.224 6.286c1.041 2.427 2.886 2.09 3.87 2.1h24.86c-9.88 12.058-20.743 19.535-33.916 25.212z'/%3E%3Cpath d='M479.849 20.201v86.414c0 4.516 2.46 6.015 6.586 6.015 0 0-.028.019-.038.019h3.123v-.084h69.867v.084h3.179c-.028 0-.047-.019-.047-.019 3.946 0 6.359-1.433 6.548-5.556V20.201h-89.218zm79.538 84.222H489.52V28.362h69.867v76.061zM348.554 39.995c1.145 0 3.293.384 4.504-2.445.473-1.096 2.602-7.336 2.602-7.336h-44.23V15.035h-9.757v15.188h-44.24s2.129 6.24 2.602 7.336c1.211 2.83 3.359 2.446 4.504 2.446h11.811c4.873 16.452 11.772 31.237 22.721 43.54-9.71 8.666-22.939 16.33-40.948 20.424 1.912 4.254 3.672 9.707 3.672 9.707 19.21-5.19 33.67-12.939 44.752-22.692 11.081 9.753 25.541 17.502 44.751 22.692 0 0 1.76-5.453 3.691-9.707-18.018-4.085-31.248-11.758-40.967-20.425 10.94-12.302 17.839-27.087 22.712-43.53 7.069-.019 11.734-.019 11.82-.019zm-42.017 35.95c-13.494-15.6-17.573-31.986-18.756-35.94h37.512c-1.183 3.944-5.261 20.34-18.756 35.94zM238.348 19.012h-55.445s1.912 5.63 2.338 6.605c1.107 2.558 3.037 2.202 4.069 2.202.113 0 23.469.019 45.575.019v71.488c0 5.894-.975 5.107-4.164 5.107h-7.258v9.088h10.447c11.1 0 11.1-7.074 11.1-14.335V27.322l-.028-.009c.151-1.864.18-8.301-6.634-8.301z'/%3E%3Cpath d='M226.115 99.973c.455-1.106 2.196-6.306 2.196-6.306h-15.51c-.852-.122-1.23-.759-1.23-3.41V75.18H221.034c1.467-.028 2.356-.6 2.422-2.164V47.213h-13.56l5.819-11.27h-9.027l-5.991 11.27h-3.264l-5.991-11.27h-9.018l5.82 11.27h-13.107v25.851c.095 1.537.985 2.099 2.451 2.127h8.858c-.417 6.727-2.953 17.577-18.103 22.355 3.378 3.373 5.763 7.571 5.763 7.571 13.277-5.585 20.478-14.963 21.907-29.926h6.094v17.661c0 4.207.682 9.576 8.337 9.576H221.602c1.145-.019 3.425.103 4.513-2.455zm-12.396-44.336v11.037h-28.816V55.637h28.816z'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M548.134 154.394l-2.38-.803c-.718 2.089-1.954 4.704-3.077 6.516l2.238 1.236c1.123-1.926 2.473-4.683 3.219-6.949zm5.395-17.383c-.184.587-.393 1.255-.598 1.822h-6.829v13.749h9.386l-1.435 1.03c.888 1.094 2.352 3.098 3.127 4.249l2.124-1.492c-.66-.869-1.854-2.369-2.755-3.5l-.229-.287h9.272v-13.749h-9.62c.284-.746.604-1.606.746-2.153l-2.928-.491c-.077.236-.166.518-.261.822zm9.477 5.751h-14.381v-1.833h14.381v1.833zm0 3.823h-14.381v-1.784h14.381v1.784zm0 2.039V150.464h-14.381v-1.84h14.381zm-10.793 9.038v-3.872h-2.608v4.391c0 2.728.895 3.475 3.361 3.475h5.855c2.494 0 3.446-.604 3.702-2.843.114-.803.256-2.209.284-2.785l-2.558-.661a63.577 63.577 0 0 0-.085 2.437c-.085 1.208-.462 1.521-1.983 1.521h-4.249c-1.314 0-1.719-.398-1.719-1.663zm16.854 1.926c-1.066-1.698-2.927-4.597-4.107-6.26l-2.068 1.265c1.123 1.669 2.963 4.54 3.937 6.288l2.238-1.293zm-236.35-19.235v1.492h-8.875v5.166h8.875v1.492h-10.019v1.897h10.019v1.606h-11.859v1.897h11.859v1.578h-10.246v1.954h10.246v.554c0 1.321-.405 1.634-1.869 1.634h-3.446l.49 2.238h3.56c2.842 0 3.702-.831 3.702-3.389v-1.037h6.893v1.122h2.38v-4.654h2.38v-1.897h-2.38v-3.503h-9.273v-1.492h8.697v-5.166h-8.697v-1.492h11.17v-1.982h-11.17v-2.011h-2.437v2.011h-11.369v1.982h11.369zm0 4.881h-6.374v-1.584h6.374v1.584zm2.437-.007v-1.577h6.175v1.577h-6.175zm0 6.779V150.4h6.893v1.606h-6.893zm6.893 3.475h-6.893v-1.578h6.893v1.578zm-131.14-3.155c1.179.86 2.529 1.89 3.908 2.984-1.322 1.72-3.049 3.184-5.408 4.903l2.04 1.926c2.416-1.862 4.164-3.418 5.457-5.109a158.279 158.279 0 0 1 3.389 2.899l1.84-2.181-3.787-3.013c1.379-2.672 2.039-5.884 2.672-10.822v-2.558h-5.344c.263-1.755.462-3.389.604-4.768l-2.643-.199-.026.255v.001a212.883 212.883 0 0 1-.521 4.711h-2.899v2.672h2.494a78.487 78.487 0 0 1-1.776 8.299zm7.638-8.299c-.512 4.021-1.201 6.807-2.323 9.045a123.125 123.125 0 0 0-1.882-1.426l-.001-.001h-.001l-.001-.001-.588-.441c.575-2.124 1.087-4.675 1.52-7.176h3.276zm8.555.81v3.176h-6.032v2.672h6.032v6.785c0 1.379-.348 1.692-1.897 1.692h-2.729l.548 2.614h2.963c2.87 0 3.758-.803 3.758-3.389v-7.695h6.402v-2.672h-6.402v-2.238l5.543-4.995v-2.615H222.19v2.643h9.593l-4.683 4.022zm-55.465-.526v-7.78h-2.601v21.878h-6.75l.146-.119c1.009-.819 1.993-1.618 2.291-1.835l-1.094-2.437a67.73 67.73 0 0 0-.648.582c-.809.73-2.075 1.874-2.535 2.231v-11.283h-6.061v2.586h3.446v9.678c0 .86-.142 1.286-.746 1.776l1.606 1.954c.511-.49 1.115-1.058 1.577-1.435a83.887 83.887 0 0 1 1.897-1.577v2.38h18.226v-2.501h-8.754v-11.54h7.553v-2.558h-7.553zm-9.074-2.145c-1.229-1.557-3.41-4.136-4.505-5.372l-1.954 1.634a925.178 925.178 0 0 1 4.392 5.4l2.067-1.662zm107.656-.896v-4.618h2.586v4.618h4.654v2.615h-4.654v5.024h3.759v10.246c2.295-1.464 4.079-2.956 5.457-4.533-1.407-2.096-2.409-4.363-3.041-6.893-.462.69-.974 1.379-1.492 1.983l-1.578-2.267c2.295-2.899 4.391-7.638 5.223-10.999l2.529.575c-.376 1.35-.774 2.672-1.264 3.937h9.123v2.586h-2.437c-.604 4.59-1.691 8.065-3.759 11.056 1.663 1.954 3.787 3.702 6.459 5.372l-1.549 2.53c-2.729-1.869-4.91-3.759-6.601-5.77-1.84 2.011-4.192 3.872-7.262 5.798l-1.748-2.21c0-.028.029-.028.057-.028h-5.77v1.52h-2.529v-12.903h3.844v-5.024h-4.683v-2.615h4.676zm-1.322 16.45h5.194v-6.203h-5.194v6.203zm11.945-13.146c.49 2.985 1.406 5.543 2.842 7.809 1.549-2.529 2.352-5.371 2.813-8.839h-5.165c-.075.15-.145.304-.216.458-.09.197-.179.393-.274.572zm110.639-8.043v5.279h9.735v2.615h-9.735v5.223h8.783v2.558h-8.783v6.117h10.822v2.615h-24.976v-2.615h11.397v-6.117h-8.874v-2.558h8.874v-5.216h-6.544c-.86 1.841-1.868 3.56-3.069 5.315l-2.409-1.407c2.437-3.304 4.05-6.658 5.137-10.765l2.672.604c-.405 1.322-.803 2.53-1.236 3.645h5.457v-5.293h2.749zm55.551 5.279v-5.279h-2.749v5.293h-5.457c.433-1.115.831-2.323 1.236-3.645l-2.672-.604c-1.087 4.107-2.7 7.461-5.137 10.765l2.409 1.407c1.201-1.755 2.21-3.474 3.069-5.315h6.545v5.216h-8.875v2.558h8.875v6.117h-11.398v2.615h24.976v-2.615H447.03v-6.117h8.783v-2.558h-8.783v-5.223h9.735v-2.615h-9.735zm65.57-3.638v2.7h-8.847c-.916 1.634-1.954 3.183-3.098 4.711h1.322v16.364h-2.7v-14.588c-2.7 3.247-5.94 6.26-9.735 9.102l-1.869-2.38c5.77-3.873 10.133-8.498 12.861-13.209h-11.802v-2.7H512.6zm-8.555 7.517c2.557 2.068 7.119 5.997 9.5 8.15l-2.011 2.267c-2.352-2.352-6.601-6.175-9.159-8.385l1.67-2.032z' fill='%23fff'/%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' transform='translate(154.384 14.794)' d='M0 0h414.681v98.874H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
  background-size: 100% 100%;
  display: block; }

.yw-contact-msg {
  font-weight: 200;
  padding: 16px 0 24px 0;
  margin-bottom: 24px;
  position: relative;
  word-spacing: 10px; }

.yw-contact-msg::after {
  content: '';
  position: absolute;
  width: 48px;
  height: 1px;
  background: #FFF;
  bottom: 0;
  left: 0; }

.yw-contact-map {
  height: 626px;
  width: 50%;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/half-sino.png) no-repeat right bottom;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/half-sino.svg) no-repeat right bottom, none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1; }

.yw-contact-detail {
  position: absolute;
  right: -40px; }

.yw-contact-dl {
  font-size: 14px; }

.yw-contact-dd-list {
  height: 0;
  overflow: hidden;
  transition: all .4s;
  margin-top: 13px; }

.active.yw-contact-dd-list {
  height: 72px; }

.item-box {
  width: 295px;
  overflow-x: scroll; }

.yw-contact-item {
  float: left;
  margin-right: 45px;
  min-width: 175px; }

.S .yw-contact-aitem {
  margin-right: 20px !important; }

.yw-contact-a {
  margin-bottom: 13px;
  display: inline-block;
  position: relative; }

.yw-contact-a::before {
  content: '';
  position: absolute;
  transition: width .3s;
  width: 0;
  height: 1px;
  background: #FFF;
  left: 0;
  bottom: 0; }

.yw-contact-a:hover::before {
  width: 100%; }

.yw-contact-time {
  display: block;
  margin-top: 10px; }

.yw-contact-line {
  width: 32px;
  height: 1px;
  margin-bottom: 15px;
  background-color: #919497; }

.yw-contact-dt {
  font-weight: 500; }

html[class*=win] .yw-contact-dd {
  opacity: .8; }

.yw-contact-cl {
  clear: both;
  padding-top: 20px;
  color: #7C7E83;
  font-size: 12px; }

.yw-local-bj, .yw-local-hz, .yw-local-sh {
  position: absolute;
  font-size: 18px;
  white-space: nowrap; }

.icon-local {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 10px;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2);
  background-color: #019EE3;
  border: 4px solid;
  border-radius: 50%;
  vertical-align: -4px;
  *vertical-align: 0;
  animation: localShine 2s linear infinite; }

@keyframes localShine {
  from {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2); }
  to {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); } }

.yw-local-bj {
  top: 130px;
  right: 200px; }

.yw-local-sh {
  top: 303px;
  right: 60px; }

.yw-local-hz {
  top: 340px;
  right: 136px; }

.yw-contact-dd {
  font-weight: 300; }

.yw-footer {
  height: 56px;
  padding: 28px 0;
  line-height: 20px;
  color: #FFF;
  width: 100%;
  background-color: #191E22;
  z-index: 2;
  position: relative; }

.yw-footerbox {
  position: absolute;
  left: 0; }

.yw-footer-copyright {
  margin-bottom: 8px;
  font-family: Helvetica;
  font-size: 12px;
  color: #FFF;
  line-height: 12px; }

.yw-footer-copyright .br {
  margin-left: 10px; }

.yw-footer-copyrightmore {
  color: #D1D2D4;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  margin-bottom: 8px; }

.yw-footer-copyrightmore a:hover {
  color: #3F7EE0;
  font-weight: 500; }

.yw-footer-share {
  position: absolute;
  right: 0;
  margin-top: 2px;
  white-space: nowrap;
  word-spacing: 15px; }

.icon-share {
  display: inline-block;
  width: 44px;
  height: 44px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icons-share.png) no-repeat;
  background-size: 44px 90px;
  font-size: 0;
  line-height: 0;
  color: transparent;
  vertical-align: middle; }

.icon-share-weixin {
  background-position: 0 -45px;
  height: 45px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .yw-logo {
    background-size: 138px 89px;
    background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-logo@2x.png?v), none; }
  .icon-share {
    background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/icons-share@2x.png); } }

.S, .S body {
  height: 100%;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.S .yw-page {
  height: 100%;
  background-image: none;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.S .yw-constr {
  width: 100%;
  box-sizing: border-box;
  padding: 0 24px; }

.S .hidden {
  display: none; }

.S .yw-header {
  height: auto;
  padding: 50%;
  position: relative; }

.S .yw-header .yw-constr {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0; }

.S .yw-constr-mobile {
  padding: 0 10px; }

.S .yw-hd-bar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0; }

.S .yw-logo {
  top: 8px;
  left: 13px;
  -webkit-transform: scale(0.61);
  transform: scale(0.61); }

.S .yw-nav {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 50px;
  left: 0;
  right: 0;
  padding-top: 0;
  background-color: #FFF;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 6px);
  background-clip: content-box;
  border-bottom: 500px solid rgba(0, 0, 0, 0.2);
  -webkit-transition: visibility .25s, opacity .25s;
  transition: visibility .25s, opacity .25s; }

.S .active ~ .yw-nav {
  visibility: visible;
  opacity: 1; }

.S .yw-nav .yw-nav-a {
  display: block;
  height: 0;
  line-height: 0;
  padding: 15px 0 14px;
  margin: 0 30px;
  border-top: 1px solid #F4F4F4;
  font-size: 15px;
  text-align: center;
  -webkit-transition: height .25s, line-height .25s;
  transition: height .25s, line-height .25s;
  text-shadow: none;
  overflow: hidden; }

.S .yw-nav .dn {
  display: none; }

.S .yw-nav .active {
  color: #019EE4;
  font-weight: 700; }

.S .yw-nav .yw-nav-a:first-child {
  border-top: 0; }

.S .active ~ .yw-nav .yw-nav-a {
  height: 49px;
  line-height: 49px; }

.S .yw-nav-btn {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  border-radius: 3px;
  top: 10px;
  right: 70px;
  border: 1px solid #FFF;
  padding: 2px 7px; }

.S .fixed .yw-nav-btn {
  border: 1px solid #3F7FE0; }

.S .yw-hd-slide-con {
  padding-left: 30px;
  padding-right: 30px;
  width: 280px;
  top: 100px; }

.S .yw-hd-slide-h {
  font-size: 28px;
  text-align: center;
  margin-bottom: 15px; }

.S .yw-hd-slide-1 .yw-hd-slide-h {
  line-height: 1.2;
  margin-bottom: 15px; }

.S .yw-hd-slide-p {
  font-size: 18px;
  padding-bottom: 30px; }

.S .yw-hd-slide-btn {
  display: block;
  width: 96px;
  font-size: 14px;
  text-shadow: none;
  padding: 8px 0; }

.S .icon-cor-wh {
  right: 3px;
  top: 11px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5); }

.S i[class^=icons-pbm] {
  margin-top: -20px;
  -webkit-transform: scale(0.75);
  transform: scale(0.75); }

.S .yw-data-dd {
  display: none; }

.S .yw-data-desc {
  width: auto;
  margin: 0 12px 50px;
  font-size: 14px;
  text-align: justify;
  color: #78848F; }

.S .yw-data-view {
  padding: 0 12px;
  text-align: justify;
  line-height: 0; }

.S .yw-data-view::after {
  content: '';
  display: inline-block;
  width: 100%;
  vertical-align: top; }

.S .yw-data-dl {
  display: inline-block;
  line-height: 1.5;
  text-align: center;
  width: 50%; }

.S .yw-data-dt {
  font-size: 14px;
  font-weight: 500;
  padding: 38px 0 0; }

.S .yw-home-h3 {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 30px; }

.S .yw-copy-x {
  margin-top: 20px; }

.S .yw-copy-xx {
  height: 140px; }

.S .yw-copy-center {
  width: 3600px; }

.S .yw-copy-part::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); }

.S .yw-copy-part {
  height: 120px;
  line-height: 1.3; }

.S .yw-copy-part-l {
  width: 180px; }

.S .yw-copy-part-s {
  width: 90px; }

.S .yw-ip-cor {
  display: block;
  top: -200px;
  -webkit-animation: shinkLeft 3s infinite;
  animation: shinkLeft 3s infinite; }

.S .yw-copy-part .yw-ip-text {
  margin: 0 5px;
  font-size: 12px;
  letter-spacing: -1px; }

.S .yw-copy-part-s .yw-copy-line {
  width: 90px;
  margin: 2px auto 5px; }

@media screen and (max-width: 321px) {
  .S .yw-hd-slide-con {
    top: 80px;
    width: 220px;
    padding-left: 26px;
    padding-right: 20px; }
  .S .yw-hd-slide-h {
    font-size: 24px;
    margin-bottom: 10px; }
  .S .yw-hd-slide-p {
    font-size: 17px;
    padding-bottom: 20px; }
  .S .yw-join-btn, .S .yw-nav-btn {
    right: 65px;
    padding: 3px; }
  .S .yw-invest, .S .yw-join-btn {
    padding: 3px 5px; } }

.S .active > .yw-ip-desc {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .4s;
  transition: opacity .4s; }

.S li .active .yw-mid-con {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.S .yw-home-app {
  height: 520px;
  padding-top: 0; }

.S .yw-home-app .yw-tab-tab {
  margin: 12px auto 15px;
  left: 43%;
  position: relative; }

.S .yw-tab-bot-line {
  opacity: 0; }

.S .yw-tab-panel {
  padding: 0 15px; }

.S .yw-tab-panel-li {
  height: auto; }

.S .yw-app-desc {
  min-height: 153px;
  padding-top: 10px;
  margin-left: 0;
  text-align: center; }

.S .yw-app-img-x {
  position: static;
  transform: none; }

.S .yw-app-img {
  width: 100%;
  height: auto;
  margin-left: 0;
  top: 50px;
  z-index: 1; }

.S .yw-app-slogon {
  font-size: 18px; }

.S .yw-app-desc-detail {
  min-height: 42px;
  margin: 5px 0 20px 0;
  font-size: 14px;
  padding: 0 20px; }

.S .yw-app-slogon-up {
  margin-top: 0; }

.S .yw-app-desc .yw-btn-blue, .S .yw-btn-white, .S .yw-news-lay-x .yw-btn-blue, .S .yw-news-x .yw-btn-blue {
  display: inline-block;
  width: 96px;
  height: 40px;
  font-size: 14px;
  margin: 0 auto;
  position: static;
  padding: 13px 20px;
  line-height: 1; }

.S .yw-btn-white {
  background-color: transparent; }

.S .yw-app-desc .yw-btn-blue, .S .yw-app-desc .yw-btn-white {
  margin: 0 6px; }

.S .yw-hd-movie-pic {
  display: none; }

.S .yw-brand-desc {
  display: none; }

.S .yw-brand-nav-x .active {
  box-shadow: none; }

.S .yw-brand-nav-a {
  width: 86px;
  height: 34px;
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.3);
  opacity: 1;
  margin: 12px 0; }

.S .yw-brand-nav-a .brand {
  zoom: .6; }

.S .yw-brand {
  padding-top: 10px;
  padding-bottom: 19px;
  height: auto; }

.S .yw-brand-nav-last {
  height: 0;
  margin: 0; }

.S .yw-news {
  padding: 29px 0 0; }

.S .yw-news-x {
  position: relative;
  margin: 20px 17px; }

.S .yw-page .yw-news-x {
  margin: 40px 32px 0 32px; }

.S .yw-page .yw-news-msg {
  margin-bottom: 28px; }

.S .yw-page .yw-news-h {
  font-size: 20px;
  top: -40px; }

.S .yw-news-li {
  width: 288px;
  margin-bottom: 20px;
  margin-right: 23px;
  opacity: 1; }

.S .yw-news-kefu-item {
  width: 100%;
  display: block;
  margin-right: 0;
  margin-bottom: 40px; }

.S .yw-news-kefu-li {
  margin-top: 60px;
  margin-bottom: 60px;
  position: relative; }

.slideInRight {
  -webkit-animation: slideInRight 1.1s ease-in;
  animation: slideInRight 1.1s ease-in; }

.S .yw-news-title {
  font-size: 16px;
  white-space: normal; }

.S .yw-news-detail {
  margin-right: 0;
  height: 376px; }

.S .yw-news-sum {
  height: 47px;
  margin: 12px 0 8px;
  white-space: normal;
  -webkit-line-clamp: 2; }

.S .yw-news-lay-x {
  padding: 20px 40px 0;
  width: auto; }

.S .yw-news-lay-x > .yw-btn-blue, .S .yw-news-lay-x > p {
  margin-bottom: 30px; }

.S .yw-news-lay {
  max-height: -webkit-calc(100vh - 20px);
  max-height: calc(100vh - 20px);
  border-radius: 4px; }

.S .yw-news-lay::after, .S .yw-news-lay::before {
  height: 30px; }

.S .yw-news-lay-shut {
  right: -4px;
  top: -4px;
  -webkit-transform: scale(0.66);
  transform: scale(0.66); }

.S .yw-contact-bg, .S .yw-contact-map {
  display: none; }

.S .yw-contact-local {
  width: 100%;
  text-align: center;
  top: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute; }

.S .yw-contact-i {
  content: '';
  position: absolute;
  right: 0;
  top: 150px;
  width: 64px;
  height: 440px;
  background: linear-gradient(to right, #242A3100 0, #242A31 100%);
  z-index: 1; }

.S .yw-contact-msg::after {
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0); }

.S .yw-contact-logo {
  margin: 0 auto; }

.S .yw-contact-detail {
  width: 1220px;
  top: 250px;
  height: 730px;
  position: relative;
  left: 0;
  transition: left .3s ease-in-out;
  -webkit-transition: left .3s ease-in-out; }

.S .yw-contact-dl {
  display: block;
  width: auto;
  float: none;
  margin-left: auto;
  margin-right: auto; }

.S .yw-contact-list {
  display: inline-block;
  vertical-align: top;
  margin-right: 70px; }

.S .yw-footer {
  height: 50px;
  padding: 23px 0;
  text-align: center;
  position: relative; }

.S .yw-footer .br {
  display: inline-block;
  margin-left: 10px; }

.S .yw-footer-copyright {
  float: none; }

.S .yw-footer-share {
  display: none; }

.S .yw-footerbox {
  left: 0;
  right: 0; }

.S .yw-contact-line {
  display: none; }

.S .yw-news-loading {
  margin-right: 0; }

.yw-slide-l, .yw-slide-m, .yw-slide-s, .yw-slide-xl {
  -webkit-animation: fadeInUp .6s ease-in forwards;
  animation: fadeInUp .6s ease-in forwards; }

.yw-slide-s {
  -webkit-animation-delay: .2s;
  animation-delay: .2s; }

.yw-slide-m {
  -webkit-animation: fadeInUp .8s ease-in forwards;
  animation: fadeInUp .8s ease-in forwards;
  -webkit-animation-delay: .25s;
  animation-delay: .25s; }

.yw-slide-l {
  -webkit-animation: fadeInUp 1s ease-in forwards;
  animation: fadeInUp 1s ease-in forwards;
  -webkit-animation-delay: .3s;
  animation-delay: .3s; }

.yw-slide-xl {
  -webkit-animation: fadeInUp 1.2s ease-in forwards;
  animation: fadeInUp 1.2s ease-in forwards;
  -webkit-animation-delay: .35s;
  animation-delay: .35s; }

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

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

@-webkit-keyframes shinkLeft {
  0%, 100% {
    -webkit-transform: translateX(0) scale(-1, 1.4); }
  20% {
    -webkit-transform: translateX(-5px) scale(-1, 1.4); } }

@keyframes shinkLeft {
  0%, 100% {
    transform: translateX(0) scale(-1, 1.4); }
  20% {
    transform: translateX(-5px) scale(-1, 1.4); } }

@-webkit-keyframes slideinfrombottom {
  from {
    -webkit-transform: translate3d(0, 25%, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes slideinfrombottom {
  from {
    transform: translateY(25%);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes slideinfromtop {
  from {
    -webkit-transform: translateY(-25%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    opacity: 1; } }

@keyframes slideinfromtop {
  from {
    transform: translateY(-25%);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes slideouttotop {
  from {
    -webkit-transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(-25%);
    opacity: 0; } }

@keyframes slideouttotop {
  from {
    transform: translateY(0);
    opacity: 1; }
  to {
    transform: translateY(-25%);
    opacity: 0; } }

@-webkit-keyframes slideouttobottom {
  from {
    -webkit-transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(25%);
    opacity: 0; } }

@keyframes slideouttobottom {
  from {
    transform: translateY(0);
    opacity: 1; }
  to {
    transform: translateY(25%);
    opacity: 0; } }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 4%, 0);
    transform: translate3d(0, 4%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 4%, 0);
    transform: translate3d(0, 4%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

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

@-webkit-keyframes slideInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(1%, 0, 0);
    transform: translate3d(1%, 0, 0);
    visibility: visible; }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
    visibility: visible; }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.yw-hd-slide-hx, .yw-hd-slide-qd, .yw-hd-slide-qq, .yw-hd-slide-wbn, .yw-hd-slide-zj {
  display: none; }

.HX .yw-hd-slide-hx, .QD .yw-hd-slide-qd, .QQ .yw-hd-slide-qq, .WBN .yw-hd-slide-wbn, .ZJ .yw-hd-slide-zj {
  display: block; }

.yw-qq-huge-bg {
  height: 550px; }

.yw-hd-slide-qd .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-app-bg-qd-m.jpg); }

.yw-hd-slide-zj .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-app-bg-zj-m.jpg); }

.L .yw-hd-slide-qq .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-app-bg-qq.jpg); }

.L .yw-hd-slide-qd .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-app-bg-qd.jpg); }

.L .yw-hd-slide-zj .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-app-bg-zj.jpg); }

.L .yw-hd-slide-wbn .yw-hd-slide-bg {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-app-bg-wbn.jpg); }

.shape-app {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/shape-app-new.png);
  background-repeat: no-repeat;
  display: block; }

.shape-app-qd-p1 {
  width: 417px;
  height: 324px;
  background-position: 0 0; }

.shape-app-qd-p2 {
  width: 419px;
  height: 304px;
  background-position: 0 -324px; }

.shape-app-qd-p3 {
  width: 476px;
  height: 329px;
  background-position: 0 -628px; }

.shape-app-qq-p1 {
  width: 511px;
  height: 318px;
  background-position: 0 -957px; }

.shape-app-qq-p2 {
  width: 521px;
  height: 371px;
  background-position: 0 -1275px; }

.shape-app-qq-p3 {
  width: 570px;
  height: 352px;
  background-position: 0 -1646px; }

.shape-app-zj-p1 {
  width: 370px;
  height: 308px;
  background-position: 0 -1999px; }

.shape-app-zj-p2 {
  width: 436px;
  height: 280px;
  background-position: 0 -2307px; }

.shape-app-zj-p3 {
  width: 413px;
  height: 258px;
  background-position: 0 -2587px; }

.shape-app-zj-p4 {
  width: 567px;
  height: 402px;
  background-position: 0 -2845px; }

.S .logo-fixed, .logo-app {
  position: relative;
  left: -30px;
  top: -15px;
  background-size: cover; }

.S .logo-app-qq {
  top: 6px;
  left: 1.4px; }

.S .logo-fixed-qq, .logo-app-qq {
  width: 166px;
  height: 36px;
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-qq-icon-s.png);
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-qq-icon-s@2x.png);
  left: 0;
  top: 0;
  zoom: .96; }

.S .logo-fixed-qd, .logo-app-qd {
  width: 208px;
  height: 84px;
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-qd-icon-s2.png);
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-qd-icon-s2@2x.png);
  zoom: .9; }

.S .logo-fixed-zj, .logo-app-zj {
  width: 182px;
  height: 84px;
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-zj-icon-s.png);
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-zj-icon-s@2x.png); }

.S .logo-fixed-wbn, .logo-app-wbn {
  width: 241px;
  height: 86px;
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-wbn-icon-s2.png);
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-wbn-icon-s2@2x.png); }

.S .logo-fixed-hx, .logo-app-hx {
  width: 170px;
  height: 70px;
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hx-icon-s.png);
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/yw-hx-icon-s@2x.png); }

.HX .logo-app-hx, .QD .logo-app-qd, .QQ .logo-app-qq, .WBN .logo-app-wbn, .ZJ .logo-app-zj {
  display: block; }

.S .logo-fixed-zj {
  top: -4px;
  left: -13px; }

.S .logo-fixed-qd {
  top: -3px;
  left: -13px; }

.S .logo-fixed-qq {
  top: 6px;
  left: 1px; }

.S .logo-fixed-wbn {
  top: -3px;
  left: -13px; }

.S .logo-fixed-hx {
  top: -4px;
  left: -13px; }

.HX .logo-fixed-hx, .QD .logo-fixed-qd, .QQ .logo-fixed-qq, .WBN .logo-fixed-wbn, .ZJ .logo-fixed-zj {
  display: block; }

.yw-rel {
  position: relative; }

.yw-hd-rel {
  z-index: 2; }

.yw-hd-bar-x .yw-nav-btn {
  visibility: hidden;
  color: #FFF; }

.yw-tab-hd {
  position: absolute;
  right: 410px;
  top: 20px;
  z-index: 2; }

.app-tab-hd {
  width: 442px; }

.yw-tab-hd .yw-tab-hline {
  border-color: #3385FF; }

.yw-hd-bar-x .yw-hd-bar {
  padding: 20px 0;
  position: absolute;
  z-index: 2; }

.yw-page-app .yw-header {
  height: 640px;
  overflow: hidden; }

.S .yw-page-app .yw-header {
  height: 100vh; }

.yw-page-app .yw-hd-slide-con {
  display: block;
  top: 165px;
  height: 385px;
  color: #3E4652; }

.yw-page-app .yw-hd-slide-bg {
  opacity: 1;
  filter: none; }

.yw-page-app .yw-hd-slide-p {
  font-size: 24px; }

.yw-header .yw-app-img-x {
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  font-size: 0; }

.yw-header .yw-app-img {
  width: auto;
  top: 95px;
  margin-right: -70px;
  position: relative; }

.yw-hd-app-btn {
  display: inline-block;
  width: 144px;
  height: 20px;
  padding: 13px 0 16px;
  text-align: center;
  border-radius: 2px;
  background-color: #464D5C;
  font-size: 16px;
  color: #FFF; }

.yw-btn-blue:active, .yw-hd-app-btn:active, .yw-hd-slide-btn:active, html:not(.S) .focus-btn:hover, html:not(.S) .yw-btn-blue:hover, html:not(.S) .yw-hd-app-btn:hover, html:not(.S) .yw-hd-slide-btn:hover, html:not(.S) .yw-invest-know:hover, html:not(.S) .yw-nav-btn:hover {
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.yw-bar-fixed .yw-nav-btn:hover, html:not(.S) .yw-btn-white:hover {
  background-image: none !important;
  background-color: rgba(63, 127, 224, 0.1); }

.yw-hd-app-btn + .yw-hd-app-btn {
  margin-left: 15px; }

.S .yw-hd-app-btn + .yw-hd-app-btn {
  margin-left: 0; }

.icon-android, .icon-ios {
  width: 16px;
  height: 19px;
  display: inline-block;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icons-device.png) no-repeat;
  vertical-align: -4px;
  margin-right: 10px; }

.icon-android {
  background-position: 0 -30px; }

.icon-ios {
  width: 15px;
  height: 18px;
  vertical-align: -2px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyNCAyOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuOTk4IDQuNjE3YzEuMDExLTEuMjIyIDEuNjktMi45MiAxLjUwNC00LjYxNy0xLjQ1MS4wNTctMy4yMTYuOTcyLTQuMjU0IDIuMTg5LS45MzIgMS4wODUtMS43NSAyLjgxMi0xLjUzMyA0LjQ3MSAxLjYyLjEyNiAzLjI3Ni0uODIzIDQuMjgzLTIuMDQzbTcuNTEyIDE2LjU4Yy0uMDM2LjA5OC0uNjA4IDIuMDczLTIuMDAyIDQuMTA3LTEuMiAxLjc2Mi0yLjQ1IDMuNTE4LTQuNDIgMy41NTMtMS45My4wMzgtMi41NTEtMS4xNDYtNC43NjItMS4xNDYtMi4yMSAwLTIuOSAxLjExMS00LjczIDEuMTg0LTEuOS4wNzQtMy4zNDItMS45MDQtNC41NTctMy42NTctMi40ODMtMy41ODgtNC4zNzQtMTAuMTQtMS44MzQtMTQuNTU5QzIuNDcyIDguNDgyIDQuNzI4IDcuMDk1IDcuMTggNy4wNTdjMS44NjgtLjAzMSAzLjYyNiAxLjI1NSA0Ljc2NiAxLjI1NSAxLjE0MSAwIDMuMjc3LTEuNTU1IDUuNTI3LTEuMzI3LjkzOC4wNDMgMy41ODIuMzggNS4yODIgMi44NjctLjE0LjA4OS0zLjE1NSAxLjg0Mi0zLjEyMiA1LjUuMDM3IDQuMzcyIDMuODMzIDUuODI3IDMuODc3IDUuODQ0IiBmaWxsPSIjRkZGIi8+PC9zdmc+) no-repeat center, none;
  background-size: contain; }

.icon-android {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxNiAxOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YW5kcm9pZC1sb2dvPC90aXRsZT48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9Ii45Ij48cGF0aCBkPSJNMS4wMjYgN0guOTg0Yy0uNTQgMC0uOTc5LjQ5Ni0uOTc5IDEuMTAydjQuNzk2YzAgLjYwNy40NCAxLjEwMi45NzkgMS4xMDJoLjA0MmMuNTQgMCAuOTc5LS40OTYuOTc5LTEuMTAyVjguMTAyYzAtLjYwNi0uNDQxLTEuMTAyLS45OC0xLjEwMnpNMyAxNC40MDJjMCAuNTQ0LjQ0Ni45ODguOTkyLjk4OGgxLjA2djIuNTMyYzAgLjU5NC40ODcgMS4wNzggMS4wOCAxLjA3OGguMDQ2Yy41OTYgMCAxLjA4MS0uNDg0IDEuMDgxLTEuMDc4VjE1LjM5aDEuNDgydjIuNTMyYzAgLjU5NC40ODggMS4wNzggMS4wOCAxLjA3OGguMDQ2Yy41OTYgMCAxLjA4LS40ODQgMS4wOC0xLjA3OFYxNS4zOWgxLjA2MmEuOTkyLjk5MiAwIDAgMCAuOTkxLS45ODhWN0gzdjcuNDAyek0xMC41NTcgMS42ODFsLjg3LTEuMzg2YS4xOTQuMTk0IDAgMCAwLS4wNTQtLjI2NC4xOC4xOCAwIDAgMC0uMjU2LjA1NmwtLjkwMiAxLjQzNGE1LjcyMyA1LjcyMyAwIDAgMC0yLjIzLS40NDcgNS43MyA1LjczIDAgMCAwLTIuMjMyLjQ0N2wtLjktMS40MzRhLjE4Mi4xODIgMCAwIDAtLjI1Ny0uMDU2LjE5NC4xOTQgMCAwIDAtLjA1NS4yNjRsLjg3MSAxLjM4NmMtMS41Ny43OTQtMi42MjggMi4yOS0yLjYyOCA0LjAwNyAwIC4xMDUuMDA2LjIwOS4wMTUuMzEySDEzLjE3Yy4wMDktLjEwMy4wMTQtLjIwNy4wMTQtLjMxMiAwLTEuNzE3LTEuMDU5LTMuMjEzLTIuNjI4LTQuMDA3ek01LjU4IDQuMTYyYy0uMjc2IDAtLjUtLjIyOS0uNS0uNTE0IDAtLjI4NS4yMjQtLjUxNC41LS41MTQuMjc3IDAgLjUuMjI5LjUuNTE0YS41MDYuNTA2IDAgMCAxLS41LjUxNHptNC44MDkgMGMtLjI3NiAwLS41LS4yMjktLjUtLjUxNCAwLS4yODUuMjI0LS41MTQuNS0uNTE0cy40OTguMjI5LjQ5OC41MTRhLjUwNS41MDUgMCAwIDEtLjQ5OC41MTR6TTE1LjAyIDdoLS4wNGMtLjU0IDAtLjk4LjQ5Ni0uOTggMS4xMDJ2NC43OTZjMCAuNjA3LjQ0MiAxLjEwMi45OCAxLjEwMmguMDQxYy41NCAwIC45NzktLjQ5Ni45NzktMS4xMDJWOC4xMDJDMTYgNy40OTYgMTUuNTYgNyAxNS4wMiA3eiIvPjwvZz48L3N2Zz4=) no-repeat center, none; }

.yw-hd-app-dld {
  margin-top: 32px;
  position: relative;
  font-size: 0;
  opacity: 0;
  -webkit-animation: fadeInUp 1s ease-in-out forwards;
  animation: fadeInUp 1s ease-in-out forwards;
  -webkit-animation-delay: .7s;
  animation-delay: .7s; }

.S .yw-hd-app-dld {
  margin-top: 25px; }

.yw-app-page {
  background-image: none; }

.yw-app-shine-li {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  line-height: 1.3;
  text-align: center;
  margin: 80px 0 60px;
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.S .yw-app-shine-li:nth-child(2) {
  margin-top: 10px; }

.yw-l {
  float: left; }

.yw-r {
  float: right; }

.yw-app-shine {
  padding: 20px 0; }

.S .yw-app-shine {
  padding: 30px 0 0 0; }

.yw-app-shine-ul {
  display: none;
  text-align: justify;
  line-height: 0;
  width: 1128px;
  margin: 0 auto; }

.S .yw-app-shine-ul {
  width: 100%; }

.HX .yw-app-shine-hx, .QD .yw-app-shine-qd, .QQ .yw-app-shine-qq, .WBN .yw-app-shine-wbn, .ZJ .yw-app-shine-zj {
  display: block;
  overflow: hidden; }

.yw-app-shine-zj .yw-app-shine-li {
  width: 256px; }

.yw-app-shine-li .yw-l {
  margin-right: 80px; }

.yw-app-shine-li .yw-r {
  margin-left: 80px; }

.yw-app-cell {
  height: 318px;
  overflow: hidden; }

.yw-app-index {
  font-size: 64px;
  color: #F7F7F7;
  position: absolute;
  margin-top: -44px;
  margin-left: -20px; }

.yw-app-shine-h {
  font-size: 32px;
  color: #626262;
  position: relative;
  font-weight: 400; }

.fontmore {
  font-family: FZCYS1; }

.yw-app-p-icon {
  width: 170px;
  height: 90px;
  display: block;
  margin: 0 auto; }

.yw-app-qq-p1, .yw-app-qq-p2, .yw-app-qq-p3 {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/app-qq-icon.png) no-repeat; }

.yw-app-qd-p1, .yw-app-qd-p2, .yw-app-qd-p3 {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/app-qd-icon.png) no-repeat; }

.yw-app-zj-p1, .yw-app-zj-p2, .yw-app-zj-p3, .yw-app-zj-p4 {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/app-zj-icon.png) no-repeat; }

.yw-app-wbn-p1, .yw-app-wbn-p2, .yw-app-wbn-p3 {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/app-wbn-icon.png) no-repeat; }

.yw-app-hx-p1, .yw-app-hx-p2, .yw-app-hx-p3 {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/app-hx-icon.png) no-repeat; }

.yw-app-qq-p1 {
  background-position: 0 0; }

.yw-app-qq-p2 {
  background-position: 0 -192px; }

.yw-app-qq-p3 {
  background-position: 0 -93px; }

.yw-app-qd-p1 {
  background-position: 0 0; }

.yw-app-qd-p2 {
  background-position: 0 -95px; }

.yw-app-qd-p3 {
  background-position: 0 -192px; }

.yw-app-zj-p1 {
  background-position: 0 0; }

.yw-app-zj-p2 {
  background-position: 0 -95px; }

.yw-app-zj-p3 {
  background-position: 0 -192px; }

.yw-app-zj-p4 {
  background-position: 0 -192px; }

.yw-app-wbn-p1 {
  background-position: 0 0; }

.yw-app-wbn-p2 {
  background-position: 0 -93px; }

.yw-app-wbn-p3 {
  background-position: 0 -190px; }

.yw-app-hx-p1 {
  background-position: 0 0;
  width: 220px; }

.yw-app-hx-p2 {
  background-position: 0 -104px; }

.yw-app-hx-p3 {
  background-position: 0 -203px; }

.yw-app-shine-t {
  font-size: 16px;
  margin: 25px 0 10px;
  color: #3385FF; }

.S .yw-app-shine-t {
  margin: 25px 0 0; }

.yw-app-shine-p {
  line-height: 20px;
  font-size: 14px;
  color: #78848F; }

.yw-app-join {
  color: #3385FF;
  font-size: 14px;
  border: 1px solid #3385FF;
  padding: 8px 16px;
  position: absolute;
  right: 0;
  border-radius: 2px;
  top: 20px; }

.S .yw-app-join {
  display: none; }

.yw-hd-bar-x .yw-nav-btn {
  color: #3385FF;
  border: 1px solid #3385FF; }

.yw-app-join:hover {
  background-color: rgba(63, 127, 224, 0.1); }

.yw-timeline {
  background-color: #F4F8FB;
  padding: 30px 0; }

.yw-app-h3 {
  margin: 30px 0;
  font-weight: 300;
  font-size: 36px;
  color: #666;
  text-align: center; }

.yw-timeline-sum {
  margin: 30px 0;
  font-size: 18px;
  color: #626262;
  margin-left: 70px;
  margin-right: 70px;
  text-align: center;
  line-height: 32px; }

.yw-timeline-line {
  position: absolute;
  left: 0;
  width: 100%;
  border-top: 3px solid #E2E7EB;
  margin-top: 50px; }

.yw-timeline-x {
  margin-top: 70px;
  margin-bottom: 40px;
  *zoom: 1; }

.yw-timeline-x:after {
  content: '';
  display: table;
  clear: both; }

.yw-timeline-ul {
  margin-right: -40px;
  text-align: center; }

.yw-timeline-five, .yw-timeline-four, .yw-timeline-three {
  padding-right: 40px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left; }

.yw-timeline-three {
  width: 33.3%;
  *width: 280px; }

.yw-timeline-four {
  width: 25%;
  *width: 200px; }

.yw-timeline-five {
  width: 20%;
  *width: 150px; }

.yw-timeline-time {
  line-height: 30px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #4C87D9;
  font-weight: 300; }

.time-txt-red {
  color: #A87C78; }

.yw-timeline-dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 4px solid #E1E6EA;
  border-radius: 50%;
  background-color: #4C87D9;
  vertical-align: bottom;
  position: relative; }

.dot-red {
  background-color: #E65245; }

.yw-timeline-p {
  margin-top: 28px;
  text-align: left;
  color: #7E848B; }

.yw-timeline-qd, .yw-timeline-qq, .yw-timeline-zj {
  display: none; }

.QD .yw-timeline-qd, .QQ .yw-timeline-qq, .ZJ .yw-timeline-zj {
  display: block; }

.yw-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 0;
  background-color: rgba(25, 28, 34, 0.88);
  background-image: url(about:blank);
  text-align: center;
  color: inherit;
  overflow: auto;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC191C22, endcolorstr=#CC191C22);
  z-index: 19; }

:root .yw-overlay {
  background-image: none;
  filter: none; }

.yw-overlay .yw-mid-con {
  width: 200px;
  height: 200px;
  background: #FFF url(https://qidian.gtimg.com/yuewen/v1/css/images/loading.gif) no-repeat center;
  text-align: center;
  -webkit-transition: all .25s;
  transition: all .25s;
  overflow: hidden; }

.yw-overlay .yw-mid-con[style] {
  background-image: none; }

.yw-overlay .yw-mid-con > .error {
  line-height: 20px;
  padding: 90px 10px;
  background-color: #FFF;
  text-align: center; }

.yw-overlay .yw-mid-con img {
  -webkit-animation: fadeIn .3s .15s both;
  animation: fadeIn .3s .15s both; }

.active .yw-mid-con img {
  -webkit-animation: none;
  animation: none; }

.load-qr {
  float: left; }

.load-qr-pic {
  margin-left: -40px;
  position: absolute;
  display: none;
  margin-top: -143px; }

.qq-qr {
  width: 56px;
  height: 56px;
  display: block;
  margin-left: 12px;
  cursor: pointer;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/zjload.png) no-repeat center; }

.qr-box {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  font-size: 16px;
  vertical-align: bottom;
  margin-left: 15px; }

.qq-qr-icon {
  width: 48px;
  height: 48px;
  border: 1px solid #585E6C;
  display: block;
  border-radius: 2px;
  cursor: pointer;
  position: relative; }

.qq-qr-icon:hover {
  background-color: #FDFDFE; }

.icon-qr {
  width: 16px;
  height: 16px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/qricon2.png) no-repeat center;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/qricon2@2x.png) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto; }

.blue-qr-btn {
  background-color: #4C87D9; }

.qr-hx-pic, .qr-qd-pic, .qr-qq-pic, .qr-zj-pic {
  width: 136px;
  height: 143px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/qdqr2.png) no-repeat;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/qdqr2@2x.png) no-repeat;
  background-size: cover;
  bottom: 100%;
  left: 50%;
  margin-left: -68px; }

.qr-zj-pic {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/zjqr.png) no-repeat;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/zjqr@2x.png) no-repeat;
  background-size: cover; }

.qr-qq-pic {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/qqqr.png) no-repeat;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/qqqr@2x.png) no-repeat;
  background-size: cover; }

.qr-hx-pic {
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/hxqr.png) no-repeat;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/hxqr@2x.png) no-repeat;
  background-size: cover; }

.yw-app-hx-hd, .yw-app-qd-hd, .yw-app-qq-hd, .yw-app-wbn-hd, .yw-app-zj-hd {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  color: #0963EB;
  background-color: #F8FCFF;
  overflow: hidden;
  background-image: -webkit-linear-gradient(top, #FBFDFF, #F4FAFF);
  background-image: linear-gradient(to bottom, #F4FAFF, #FBFDFF); }

.yw-app-qd-hd {
  color: #EB2709;
  background-image: -webkit-linear-gradient(top, #FFFCFB, #FFFBF9);
  background-image: linear-gradient(to bottom, #FFFBF9, #FFFCFB); }

.yw-app-zj-hd {
  color: #0945EB;
  background-image: -webkit-linear-gradient(top, #F6F9FF, #EFF5FF);
  background-image: linear-gradient(to bottom, #EFF5FF, #F6F9FF); }

.yw-app-wbn-hd {
  color: #0918EB;
  background-image: -webkit-linear-gradient(top, #F6F9FF, #EFF5FF);
  background-image: linear-gradient(to bottom, #EFF5FF, #F6F9FF); }

.yw-app-hx-hd {
  color: #FF5087;
  background-image: -webkit-linear-gradient(top, #F9F9F5, #FBF9F9);
  background-image: linear-gradient(to bottom, #F9F9F5, #FBF9F9); }

.yw-app-square {
  width: 440px;
  height: 440px;
  border-radius: 70px;
  background-image: -webkit-linear-gradient(left, rgba(9, 99, 235, 0.04), rgba(9, 99, 235, 0));
  background-image: linear-gradient(to right, rgba(9, 99, 235, 0), rgba(9, 99, 235, 0.04));
  position: absolute;
  left: -10px;
  top: -110px;
  -webkit-transform: rotate(-57deg);
  -ms-transform: rotate(-57deg);
  -o-transform: rotate(-57deg);
  transform: rotate(-57deg);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -webkit-animation: rotate 150s linear infinite;
  -o-animation: rotate 150s linear infinite;
  animation: rotate 150s linear infinite; }

.S .yw-app-square {
  left: -400px;
  top: 100px; }

.yw-qd-square {
  background-image: -webkit-linear-gradient(left, rgba(235, 39, 9, 0.04), rgba(235, 39, 9, 0));
  background-image: linear-gradient(to right, rgba(235, 39, 9, 0), rgba(235, 39, 9, 0.04)); }

.yw-zj-square {
  background-image: -webkit-linear-gradient(left, rgba(9, 69, 235, 0.04), rgba(9, 69, 235, 0));
  background-image: linear-gradient(to right, rgba(9, 69, 235, 0), rgba(9, 69, 235, 0.04)); }

.yw-wbn-square {
  background-image: -webkit-linear-gradient(left, rgba(9, 24, 235, 0.04), rgba(9, 24, 235, 0));
  background-image: linear-gradient(to right, rgba(9, 24, 235, 0), rgba(9, 24, 235, 0.04)); }

.yw-hx-square {
  background-image: -webkit-linear-gradient(left, rgba(255, 97, 136, 0.08), rgba(255, 97, 136, 0));
  background-image: linear-gradient(to right, rgba(255, 97, 136, 0), rgba(255, 97, 136, 0.08)); }

.yw-app-circle {
  width: 600px;
  height: 600px;
  box-sizing: border-box;
  border: 80px solid currentColor;
  border-radius: 50%;
  right: 400px;
  top: -400px;
  position: absolute;
  opacity: .04;
  -webkit-animation: down 10s linear infinite;
  -o-animation: down 10s linear infinite;
  animation: down 10s linear infinite; }

.S .yw-app-circle {
  right: auto;
  top: -300PX;
  left: 230px; }

.yw-hx-wave-left, .yw-hx-wave-right, .yw-qd-wave-left, .yw-qd-wave-right, .yw-qq-wave-left, .yw-qq-wave-right, .yw-wbn-wave-left, .yw-wbn-wave-right, .yw-zj-wave-left, .yw-zj-wave-right {
  width: 150%;
  height: 104px;
  position: absolute;
  bottom: -15px;
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/wave-1.png);
  background-repeat: repeat no-repeat;
  transform-origin: center bottom;
  -webkit-animation: wave 100s linear infinite;
  -o-animation: wave 100s linear infinite;
  animation: wave 100s linear infinite; }

.yw-qd-wave-left, .yw-qd-wave-right {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/wave-2.png); }

.yw-zj-wave-left, .yw-zj-wave-right {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/wave-3.png); }

.yw-wbn-wave-left, .yw-wbn-wave-right {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/wave-4.png); }

.yw-hx-wave-left, .yw-hx-wave-right {
  background-image: url(https://qidian.gtimg.com/yuewen/v1/css/images/wave-5.png); }

.yw-hx-wave-left, .yw-qd-wave-left, .yw-qq-wave-left, .yw-wbn-wave-left, .yw-zj-wave-left {
  -webkit-animation: wave 80s linear infinite;
  -o-animation: wave 80s linear infinite;
  animation: wave 80s linear infinite;
  margin-left: -120px; }

.yw-app-s-box {
  width: 1920px;
  margin: 0 auto;
  position: relative; }

@keyframes wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1); }
  50% {
    transform: translateX(-20%) translateZ(0) scaleY(1); }
  100% {
    transform: translateX(0) translateZ(0) scaleY(1); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(-57deg);
    -ms-transform: rotate(-57deg);
    -o-transform: rotate(-57deg);
    transform: rotate(-57deg); }
  40% {
    -webkit-transform: rotate(123deg);
    -ms-transform: rotate(123deg);
    -o-transform: rotate(123deg);
    transform: rotate(123deg); }
  80% {
    -webkit-transform: rotate(303deg);
    -ms-transform: rotate(303deg);
    -o-transform: rotate(303deg);
    transform: rotate(303deg); }
  100% {
    -webkit-transform: rotate(393deg);
    -ms-transform: rotate(393deg);
    -o-transform: rotate(393deg);
    transform: rotate(393deg); } }

.S .qr-box {
  display: none; }

.S .yw-tab-hd {
  display: none; }

.S .logo-app, .S .logo-fixed {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(0.58);
  transform: scale(0.58); }

.S .logo-app-hx, .S .logo-app-qd, .S .logo-app-wbn, .S .logo-app-zj {
  left: -13px;
  top: -3.5px; }

.S .logo-app-zj {
  top: -3.8px; }

.S .logo-app-hx {
  top: -4px; }

.S .yw-hd-bar-x .yw-hd-bar.fixed, .yw-hd-bar-x .yw-hd-bar {
  display: block; }

.yw-hd-bar-x .yw-hd-bar[id] {
  display: none; }

.S .yw-hd-bar-x .yw-nav-btn {
  visibility: visible; }

.S .yw-hd-bar-x .yw-hd-bar {
  padding: 9px 13px; }

.S .yw-hd-bar-x .fixed {
  height: 32px; }

.S .yw-hd-bar-x .fixed .yw-nav-btn {
  color: #3F7FE0; }

.S .yw-hd-bar-x .fixed .yw-nav-btn:hover {
  background-color: #FFF; }

.S .yw-page-app .yw-hd-slide-bg {
  width: 1440px;
  height: auto;
  left: -500px;
  bottom: 0; }

.S .yw-qq-huge-bg {
  height: calc(100vh + 30px); }

.S .yw-page-app .yw-qq-huge-bg {
  -webkit-filter: blur(0);
  filter: blur(0);
  position: fixed; }

.S .yw-page-app .yw-hd-next-arr {
  position: absolute;
  bottom: 125px;
  width: 36px;
  height: 36px;
  background: url(https://qidian.gtimg.com/yuewen/v1/css/images/arrow-down.png) no-repeat;
  background-size: cover;
  left: 50%;
  margin-left: -18px;
  -webkit-animation: downTips 2s ease-in infinite;
  animation: downTips 2s ease-in infinite; }

@-webkit-keyframes downTips {
  0% {
    -webkit-transform: translate(0, -5px);
    opacity: 1; }
  50% {
    -webkit-transform: translate(0, 0);
    opacity: .5; }
  100% {
    -webkit-transform: translate(0, -5px);
    opacity: 1; } }

@keyframes downTips {
  0% {
    transform: translateY(-5px);
    opacity: 1; }
  50% {
    transform: translateY(0);
    opacity: .5; }
  100% {
    transform: translateY(-5px);
    opacity: 1; } }

@-webkit-keyframes down {
  0% {
    -webkit-transform: translate(-5px, -5px);
    opacity: .04; }
  40% {
    -webkit-transform: translate(5px, 0);
    opacity: .06; }
  70% {
    -webkit-transform: translate(0, 5px);
    opacity: .05; }
  100% {
    -webkit-transform: translate(-5px, -5px);
    opacity: .04; } }

@keyframes down {
  0% {
    -webkit-transform: translate(-5px, -5px);
    opacity: .04; }
  40% {
    -webkit-transform: translate(5px, 0);
    opacity: .06; }
  70% {
    -webkit-transform: translate(0, 5px);
    opacity: .05; }
  100% {
    -webkit-transform: translate(-5px, -5px);
    opacity: .04; } }

.S .yw-page-app .yw-hd-slide-con {
  top: 120px;
  text-align: center;
  padding: 0; }

.S .yw-page-app .yw-hd-slide-p {
  font-size: 18px;
  padding-bottom: 0;
  color: #6C727A;
  line-height: 32px; }

.S .yw-hd-app-btn, .yw-hd-dl-btn {
  display: none; }

.S .yw-hd-dl-btn {
  display: inline-block;
  line-height: 20px;
  padding: 14px 0;
  font-size: 16px;
  box-shadow: 0 2px 4px #ACB3C9; }

.S .yw-header .yw-app-img {
  width: 310px;
  margin-top: 50px; }

.S .yw-kefu .yw-header {
  display: none; }

.S .yw-kefu .yw-bar {
  display: none; }

.yw-kefu-header {
  display: none; }

.S .yw-kefu-header {
  display: block; }

.S .yw-kefu-header-h {
  color: #243C52;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative; }

.S .fixed.yw-kefu-header-h {
  position: fixed;
  width: 100%;
  background: #FFF;
  z-index: 4;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2); }

.S .yw-kefu-btn {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  border-radius: 3px;
  top: 10px;
  border: 1px solid #3F7FE0;
  color: #3F7FE0;
  padding: 2px 7px;
  position: absolute;
  right: 16px; }

.S .yw-kefu-hd {
  color: #FFF;
  text-align: center;
  height: 240px;
  position: relative;
  background-image: -webkit-linear-gradient(top, #2A83EC, #0162D3);
  background-image: linear-gradient(to bottom, #2A83EC, #0162D3); }

.S .yw-kefu-hd .yw-kefu-hd-pic {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.S .yw-kefu-hd .yw-hd-slide-h {
  padding-top: 55px;
  margin-bottom: 0; }

.S .yw-kefu-hd .yw-hd-slide-p {
  font-size: 14px;
  padding-bottom: 15px; }

.S .yw-page-app .yw-header {
  padding: 0;
  overflow: hidden; }

.S .shape-app {
  float: none;
  display: block;
  margin: -40px 0;
  -webkit-transform: translate(-50%, 0) scale(0.5);
  transform: translate(-50%, 0) scale(0.5);
  position: relative;
  left: 50%; }

.S .shape-app-zj-p1, .S .shape-app-zj-p3 {
  margin-top: -20px; }

.S .shape-app-zj-p1 {
  margin-bottom: -50px; }

.S .shape-app-zj-p2 {
  margin-bottom: -60px; }

.S .shape-app-zj-p4 {
  margin-top: -60px;
  margin-bottom: -80px; }

.S .yw-app-shine-qd .shape-app, .S .yw-app-shine-qq .shape-app {
  margin: -50px 0 -70px; }

.S .yw-app-shine-li {
  text-align: center;
  margin: 0 auto;
  display: block; }

.S .yw-app-cell {
  height: auto;
  padding: 0 15px; }

.S .yw-app-shine-h {
  font-size: 19px; }

.S .yw-app-shine-p {
  margin: 10px 0 60px 0;
  font-size: 14px;
  font-weight: 300;
  color: #78848F; }

.S .yw-app-index {
  display: none; }

.S .yw-app-h3 {
  font-size: 20px;
  margin: 20px 0; }

.S .yw-timeline .yw-constr {
  padding: 0; }

.S .yw-timeline-sum {
  font-size: 15px;
  padding: 0 30px;
  margin: 30px 0; }

.S .yw-timeline-x {
  height: 230px;
  margin: 40px 0 0;
  position: relative;
  overflow: auto; }

.S .yw-timeline-line {
  width: 990px; }

.S .yw-timeline-ul {
  width: 960px;
  position: absolute;
  margin-left: 30px; }

.S .yw-timeline-time {
  font-size: 18px; }

.S .huge-back-qq {
  height: 100vh; }

.S .yw-qq-huge-bg .fixed {
  position: fixed; }

.S .yw-huge-swiper {
  margin-top: 80px;
  opacity: 0; }

.S .app-hx-p::before {
  top: 230px; }

.S .app-hx-font {
  font-size: 24px; }

.yw-font-helv {
  font-family: helvetica; }

.yw-font-en {
  font-family: 'PingFang SC', Arial;
  font-weight: 700;
  line-height: 1.2; }

.yw-font {
  font-family: SYSTC; }

.S .yw-contact-constr, .S .yw-news-constr {
  overflow: hidden;
  white-space: nowrap; }

.S .yw-contact-constr {
  padding: 0 40px;
  overflow: visible; }

.S .mb-app {
  display: block;
  margin-bottom: 110px; }

@media screen and (max-width: 320px) {
  .S .yw-page-app .yw-hd-slide-bg {
    left: -520px; }
  .S .yw-brand-nav-x {
    padding: 0 0; }
  .S .yw-constr {
    padding: 0 20px; }
  .S .yw-app-img {
    margin-top: 50px; }
  .S .yw-header .yw-app-img {
    margin-left: -56px; }
  .S .yw-data-desc::before {
    top: 170px; }
  .S .yw-kefu-dd {
    padding: 0 12px; } }

@media screen and (min-width: 320px) {
  .S .mb-app {
    margin-bottom: 70px; } }

@media screen and (min-width: 375px) {
  .S .mb-app {
    margin-bottom: 110px; }
  .S .yw-page-app .yw-hd-slide-bg {
    left: -600px; } }

@media screen and (min-width: 1500px) {
  .yw-app-circle {
    right: 300px; } }

@media screen and (min-width: 1700px) {
  .yw-invest {
    background-size: cover; }
  .yw-app-circle {
    right: 100px; } }

@media screen and (min-width: 414px) {
  .S .yw-page-app .yw-hd-slide-bg {
    left: -650px; }
  .S .yw-header .yw-app-img {
    height: auto;
    margin-top: 0;
    margin-top: 50px; }
  .S .yw-app-mb {
    width: 130%;
    margin-left: -15%; }
  .S .yw-data-desc::before {
    top: 160px; }
  .S .mb-app {
    margin-bottom: 130px; } }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  .icons-pbm-p {
    background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icons-pbm4@2x.png) no-repeat -100px 0;
    background-size: cover; }
  .icons-pbm-b {
    background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icons-pbm4@2x.png) no-repeat -162px 0;
    background-size: cover; }
  .icons-pbm-m {
    background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icons-pbm4@2x.png) no-repeat -42px 0;
    background-size: cover; }
  .icons-pbm-s {
    background: url(https://qidian.gtimg.com/yuewen/v1/css/images/icons-pbm4@2x.png) no-repeat 10px 0;
    background-size: cover; }
  .yw-app-qq-p1 {
    background-position: 0 -145px; }
  .yw-app-qq-p2 {
    background-position: 0 -333px; }
  .yw-app-qq-p3 {
    background-position: 0 -240px; }
  .yw-app-qd-p1 {
    background-position: 0 -140px; }
  .yw-app-qd-p2 {
    background-position: 0 -235px; }
  .yw-app-qd-p3 {
    background-position: 0 -330px; }
  .yw-app-zj-p1 {
    background-position: 0 -280px; }
  .yw-app-zj-p2 {
    background-position: 0 -188px; }
  .yw-app-zj-p3 {
    background-position: 0 -374px; }
  .yw-app-zj-p4 {
    background-position: 0 -472px; }
  .yw-app-wbn-p1 {
    background-position: 0 -143px; }
  .yw-app-wbn-p2 {
    background-position: 0 -240px; }
  .yw-app-wbn-p3 {
    background-position: 0 -336px; }
  .yw-app-hx-p1 {
    background-position: 5px -180px;
    height: 85px; }
  .yw-app-hx-p2 {
    width: 180px;
    background-position: 10px -220px; }
  .yw-app-hx-p3 {
    background-position: 10px -307px;
    width: 180px; }
  .yw-app-p-icon {
    background-size: cover; } }

.blue {
  color: #3F7FE0; }

.prl {
  position: relative; }

.dn {
  height: 0; }

.logo-popup-btn {
  font-size: 12px;
  float: right;
  text-align: right;
  color: #1B6FDF;
  margin-top: 10px; }

.mask {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: .6;
  filter: alpha(opacity=60); }

.logo-popup {
  display: none;
  position: fixed;
  z-index: 1001;
  top: 50%;
  left: 50%;
  width: 648px;
  padding-bottom: 20px;
  margin: -199px 0 0 -324px;
  background: #FFF; }

.logo-popup .close {
  position: absolute;
  z-index: 1;
  top: 12px;
  right: 12px;
  width: 18px;
  height: 18px;
  background: url("/help/images/close-bdf8c27815.png") no-repeat; }

.logo-popup .popup-head {
  padding: 28px 0 20px;
  text-align: center; }

.logo-popup .popup-head h3 {
  font-size: 20px; }

.logo-list {
  padding: 0 0 0 24px;
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden; }

.logo-list ul {
  *zoom: 1; }

.logo-list ul:before, .logo-list ul:after {
  display: table;
  content: ''; }

.logo-list ul:after {
  clear: both; }

.logo-list ul li {
  float: left;
  width: 200px;
  height: 100px;
  text-align: center;
  transition: background .3s; }

.logo-list ul li:hover {
  background: #F7F8FA; }

.logo-list ul li i {
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

.logo-list ul li a {
  display: block;
  width: 100%;
  height: 100%; }

.logo-list ul li img {
  max-width: 120px;
  display: inline-block;
  vertical-align: middle; }

.mobile .yw-footer {
  height: 90px; }

.mobile .yw-footer-copyrightmore {
  width: 248px;
  line-height: 20px;
  margin: 0 auto; }

@media (max-width: 1024px) {
  .logo-popup {
    width: 290px;
    margin-left: -145px; }
  .logo-popup .popup-head {
    padding-top: 40px; }
  .logo-list {
    padding: 0; }
  .logo-list ul {
    width: 200px;
    margin: 0 auto; }
  .logo-list li {
    float: none;
    margin: 0 auto;
    height: 80px; } }

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .logo-popup .close {
    background: url("/help/images/close@3x-a1c9c82764.png") no-repeat;
    background-size: 100%; } }