body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting d2d584e69be28e1a 文本格式元素 */

form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */

th, td /* table elements 表格元素 */ {
  margin: 0;
  padding: 0;
}
.mr{
  margin: 20px;
}
body {
  background: #fff;
  font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
}   /* 重置body 页面背景为白色 */

body,th,td,input,select,textarea,button {
  /* 重置页面文字属性 */
  font-size: 12px;
  line-height: 1;
  font-family: "微软雅黑", "黑体","宋体";
  color: #666;
}

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

/** css重置样式标签的样式 **/

h1 {
  font-size: 18px;
 /* 18px / 12px = 1.5 */
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 14px;
}

h4, h5, h6 {
  font-size: 100%;
}

address,caption,cite,code,dfn,em,var {
  font-style: normal;
  font-weight: normal
}  /* 将斜体扶正*/

code, kbd, pre, samp {
  font-family: courier new, courier, monospace;
} /* 统一等宽字体 */

small {
  font-size: 12px;
} /* 小于 12px 的中文很难阅读，让 small 正常化 */

dl,ul,ol,menu,li {
  list-style: none
}

/** 重置链接a标签 **/


a {
  color: #666;
  text-decoration: none
}  /* 重置链接a标签样式*/

a:active, a:hover {
  text-decoration: none
}   /* 重置链接a标签的鼠标滑动效果 */

a:hover {
  color: #f01742;
} 

/* 取消a标签点击后的虚线框 */

a {
  outline: none;
}

a:active {
  star: expression(this.onFocus=this.blur());
}

 

/** 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 **/

/* 

::selection {color: #fff;background-color: #4C6E78;}    

::-moz-selection {color: #fff;background-color: #4C6E78;} 

*/
legend {
  color: #000;
} /* for ie6 */

fieldset,img {
  border: 0 none
}  /* 重置fieldset（表单分组）、图片的边框为0*/

button, input, select, textarea {
  font-size: 100%;
 /* 使得表单元素在ie下能继承字体大小， */
  vertical-align: middle;
  /* 重置表单控件垂直居中*/
}

input:-webkit-autofill {
  　　-webkit-box-shadow: 0 0 0px 1000px white inset;
  　　-webkit-text-fill-color: #333;
}

/* 注：optgroup 无法扶正 */

 

/* 重置表单button按钮效果 */

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer
}

img {
  vertical-align: top
}  /* 图片在当前行内的垂直位置 */

caption {
  display: none;
}    /* 重置表格标题为隐藏 */

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}    /* 重置table属性 */

/*清除浮动*/

.clear {
  clear: both;
}

.warp {
  background: #fff5f5;
}

/*清除浮动--推荐使用*/

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

.clearfix:after {
  clear: both;
}

blockquote, q {
  quotes: none
}   /* 重置嵌套引用的引号类型 */

blockquote:before, blockquote:after,q:before, q:after {
  content: '';
  content: none
}  /* 重置嵌套引用*/

.container {
  margin: 0 auto;
}

.icon {
  position: absolute;
  z-index: 1;
  right: 0;
  transition: top .3s;
}

.mt2 {
  margin-top: 20px!important;
}

.mr2 {
  margin: 20px 0;
}

.pt2 {
  padding-bottom: 20px!important;
}

@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.8c1e1.eot);
  src: url(../fonts/icomoon.8c1e1.eot?#iefix) format('embedded-opentype'),url(../fonts/icomoon.56f9e.woff) format('woff'),url(../fonts/icomoon.79191.ttf) format('truetype'),url(../fonts/icomoon.1b97f.svg#iconfont) format('svg')
}

.lang {
  font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif
}

.iconfont {
  font-family: icomoon!important;
  font-size: 22px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

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

.icon-book-shelf:before {
  content: '\e603'
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-wenhao:before {
  content: '\e624'
}

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

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

.icon-yonghu:before {
  content: '\e648'
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* flex布局 */
.u-f,.u-f-ac,.u-f-ajc {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.u-f-ac,.u-f-ajc {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}

.u-f-ajc {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}

.u-f-jsb {
  justify-content: space-between;
}

.u-f-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.u-f1 {
  flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
}

.u-f-column {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.container {
  width: 1020px;
}

header {
  margin-bottom: 20px;
  background: #fefefe;
  box-shadow: 0 1px 4px rgba(0,0,0,.1);
}

header .top {
  height: 85px;
}

header .logo {
  position: relative;
  width: 182px;
  flex-shrink: 0;
}

header .logo img {
  width: 100%;
}

header .logo em {
  position: absolute;
  z-index: 1;
  top: 16px;
  right: -40px;
  width: 22px;
  height: 19px;
  background: url('../img/header-logo-em.png') no-repeat;
}

header .box .search {
  width: 300px;
  height: 36px;
  border: 2px solid #f01742;
  border-radius: 50px;
  margin-right: 75px;
  overflow: hidden;
}

header .box .search form {
  height: 100%;
}

header .box .search input {
  width: 220px;
  height: 100%;
  border: none;
  flex-shrink: 0;
  outline: medium;
  padding: 0 20px;
  background: transparent;
  font: 14px/34px PingFangSC-Regular,'-apple-system',Simsun;
}

header .box .search input::placeholder {
  color: #999;
}

header .box .search button {
  margin-right: 15px;
}

header .box .search button em {
  font-size: 18px;
  color: #f01742;
}

header .box .menu ul li {
  margin-left: 30px;
  font: 14px/85px PingFangSC-Regular,'-apple-system',Simsun;
}

header .box .menu ul li a {
  transition: color .3s,background-color .3s,border .3s;
}

header .box .menu ul li:hover a {
}

header .box .menu ul .user {
  width: 36px;
  height: 36px;
  position: relative;
}
header .box .menu ul .user:hover .box{
  display: block;
}
header .box .menu ul .user .box{
  position: absolute;
  bottom: -35px;
  display: none;
  left: -64px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: white;
  z-index: 12;
  font: 14px/30px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  width: 100px;
  animation: .15s ease-out;
  animation-name: fadeinT;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.1);
}
header .box .menu ul .user .box:hover{
  color: #fff;
  background: #f01742;
}
header .box .menu ul .user img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  overflow: hidden;
}

header .box .menu ul li em {
  font-size: 22px;
  width: 24px;
  margin-right: 6px;
  color: #f01742;
}

header .box .menu ul li .msg {
  font-size: 26px;
}

header .bottom {
  position: relative;
  z-index: 10;
  background: #fc0e50;
  width: 100%;
  height: background: -moz-linear-gradient(left,#fc0e50 0,#e97360 100%);
  background: -webkit-linear-gradient(left,#fc0e50 0,#e97360 100%);
  background: -o-linear-gradient(left,#fc0e50 0,#e97360 100%);
  background: -ms-linear-gradient(left,#fc0e50 0,#e97360 100%);
  background: linear-gradient(to right,#fc0e50 0,#e97360 100%);
}

header .bottom>ul {
  background: url('../img/header-nav-bg.png')98% 0 no-repeat;
  ;
}

header .bottom ul li {
  position: relative;
  line-height: 48px;
  font-size: 15px;
  text-align: center;
  border-bottom: 2px solid transparent;
  transition: 0.3s;
  font-family: PingFangSC-Regular,'-apple-system',Simsun;
}

header .bottom ul .active {
  border-bottom: 2px solid white;
  color: white;
}

header .bottom>ul>li:hover {
  border-bottom: 2px solid white;
}

header .bottom ul li a {
  color: white;
  float: left;
  width: 100%;
  height: 100%;
  display: block;
}

header .bottom ul li a em {
  font-size: 18px;
  vertical-align: middle;
  display: inline-block;
  min-width: 18px;
  margin: -2px 8px 0 0;
}

header .bottom ul li .cate_menu {
  position: absolute;
  z-index: 1;
  top: 54px;
  left: 0;
  display: none;
  width: 120px;
  padding: 10px 0;
  animation: fadeinT .15s ease-out;
  border-radius: 2px;
  background: #ff5269;
}

header .bottom ul li .cate_menu cite {
  position: absolute;
  bottom: 100%;
  left: 40%;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-top: 0 none;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ff5269;
  border-left: 6px solid transparent;
}

header .bottom ul li .cate_menu ul li {
  line-height: 36px;
}

header .bottom ul li .cate_menu ul li:hover {
  background: #f01742;
}

header .bottom ul li .cate_menu ul li a {
  color: white;
}

header .bottom ul li .cate_menu ul li em {
  font-size: 16px;
  color: white;
  margin-right: 10px;
  margin-top: -2px;
}

.index-wrap {
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}

.index-wrap .left_bg,.index-wrap .right_bg {
  position: absolute;
  top: -20px;
}

.index-wrap .left_bg {
  left: 0;
  width: 236px;
  height: 247px;
  background-image: url('../img/index_bg_left.png');
}

.index-wrap .right_bg {
  right: 0;
  width: 430px;
  height: 142px;
  background-image: url('../img/index_bg_right.png');
}

.box-center .focus-wrap {
  padding: 20px;
  border-radius: 6px;
  background: #fff;
  position: relative;
  z-index: 10;
}

.box-center .focus-wrap .left {
  flex-shrink: 0;
  width: 750px;
  height: 252px;
  overflow: hidden;
  position: relative;
}

.box-center .focus-wrap .left .img li {
  display: none;
  background: #F8F8F8;
}

.box-center .focus-wrap .left .img a,.box-center .focus-wrap .left .img,.box-center .focus-wrap .left .img li,.box-center .focus-wrap .left .img li img {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.box-center .focus-wrap .left .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: rgba(0,0,0,.4);
  z-index: 3;
}

.box-center .focus-wrap .left .text li {
  display: inline-block;
  line-height: 40px;
  text-align: center;
  flex-shrink: 0;
  flex: 1;
  border-left: 1px solid rgba(255,255,255,.4);
  font: 14px/40px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  cursor: pointer;
}

.box-center .focus-wrap .left .text .active {
  background: #f01742;
}

.box-center .focus-wrap .left .text li:nth-of-type(1) {
  border-left: 0;
}

.box-center .focus-wrap .left .text li a {
  color: white;
  display: block;
  width: 130px;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto;
  text-overflow: ellipsis;
}

.box-center .focus-wrap .right {
  width: 206px;
  height: 252px;
  flex-shrink: 0;
}

.box-center .focus-wrap .right h2 {
  font: 18px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  position: relative;
  z-index: 1;
  padding-bottom: 8px;
  border-bottom: 1px solid #1a1a1a;
  color: #000;
  font-weight: 500;
}

.box-center .focus-wrap .right h2 em {
  font-size: 24px;
  display: inline-block;
  min-width: 24px;
  margin: 0 5px 0 0;
  vertical-align: middle;
  color: #ccc;
}

.box-center .focus-wrap  .right ul li {
  overflow: hidden;
  height: 37px;
  line-height: 37px;
  border-top: 1px solid #e6e6e6;
  white-space: nowrap;
  overflow: hidden;
  font: 14px/38px PingFangSC-Regular,'-apple-system',Simsun;
  text-overflow: ellipsis;
}

.box-center .focus-wrap  .right ul li a {
  color: #333;
}

.box-center .focus-wrap  .right ul li a:hover {
  color: #f01742;
}

.box-center .focus-wrap  .right ul li:nth-of-type(1) {
  border: none;
}

.box-center .focus-wrap  .right ul .active a {
  font-weight: 700;
  color: #f01742;
}

.edit-rec-wrap {
  border-radius: 6px;
  overflow: hidden;
  height: 448px;
  background: #fff;
  padding: 20px;
  margin-top: 20px;
}

.edit-rec-wrap .left {
  width: 730px;
  position: relative;
}

.edit-rec-wrap .left .fgx {
  position: absolute;
  top: 185px;
  border-bottom: 1px solid #e6e6e6;
  left: 0px;
  width: 730px;
}

.edit-rec-wrap .left .fgx2 {
  position: absolute;
  top: 330px;
  border-bottom: 1px solid #e6e6e6;
  left: 0px;
  width: 730px;
}

.edit-rec-wrap .left ul li {
  width: 230px;
  padding: 23px 0;
}

.edit-rec-wrap .left ul li .book-img {
  width: 72px;
  height: 96px;
  margin-right: 12px;
  flex-shrink: 0;
  border: 1px solid #e6e6e6;
}

.edit-rec-wrap .left ul li .book-img a {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #f9f2e9 inset;
}

.edit-rec-wrap .left ul li .book-img a img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.edit-rec-wrap .left ul li .book-img a img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -ms-transition: -ms-transform .3s ease-out;
  transition: transform .3s ease-out;
}

.edit-rec-wrap .left ul li .book-info h4 {
  font: 16px/21px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 21px;
  margin-top: -3px;
  margin-bottom: 8px;
}

.edit-rec-wrap .left ul li .book-info p {
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 40px;
  margin-bottom: 10px;
  color: #666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.edit-rec-wrap .left ul li .book-info .state-box .author img {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0px 5px 0 0;
  vertical-align: middle;
}

.edit-rec-wrap .left ul li .book-info .state-box .cate {
  overflow: hidden;
  max-width: 52px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  padding: 0 3px;
  text-align: center;
  color: #a6a6a6;
  border: 1px solid #e7e7e7;
  border-radius: 1px;
}

.edit-rec-wrap .right {
  width: 230px;
  flex-shrink: 0;
}

.edit-rec-wrap .right h2,.edit-rec-wrap .left h2 {
  position: relative;
  font: 700 20px/1 PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  padding-bottom: 12px;
  border-bottom: 1px solid #1a1a1a;
  margin-bottom: 6px;
}

.edit-rec-wrap .right:hover .icon ,.edit-rec-wrap .left:hover .icon {
  -webkit-animation: floating 1.5s ease infinite;
  animation: floating 1.5s ease infinite;
}

.edit-rec-wrap .left h2 .icon-fsg {
  top: -15px;
  right: 0;
  width: 90px;
  height: 48px;
  background-image: url('../img/sprite.1.png');
  background-position: 0 0;
}

.edit-rec-wrap .right h2 .icon-fsg {
  top: -17px;
  right: 0;
  width: 43px;
  height: 50px;
  background-image: url('../img/sprite.1.png');
  background-position: 0 -52px;
}

.edit-rec-wrap .right ul li {
  height: 31px;
  line-height: 31px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font: 14px/32px PingFangSC-Regular,'-apple-system',Simsun;
  border-top: 1px solid #e6e6e6;
}

.edit-rec-wrap .right ul li:nth-of-type(1) {
  border: none;
}

.edit-rec-wrap .right ul li a:nth-of-type(1) {
  margin-right: 10px;
}

.red-shop {
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 6px;
  overflow: hidden;
}

.red-shop .left {
  flex-shrink: 0;
  width: 170px;
  height: 220px;
  background-image: url('../img/hwg.bg.png');
}

.red-shop .right {
  background: white;
  overflow: hidden;
  width: 850px;
  height: 220px;
}

.red-shop .right .swiper-slide {
  width: 170px;
  height: 220px;
  text-align: center;
  border-left: 1px solid #f5f5f5;
}

.red-shop .right .swiper-slide:nth-of-type(1) {
  border: none;
}

.red-shop .right .swiper-slide:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.red-shop .right .swiper-slide .book-img {
  width: 84px;
  height: 112px;
  margin: 30px auto 8px;
}

.red-shop .right .swiper-slide .book-img a {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #f9f2e9 inset;
}

.red-shop .right .swiper-slide img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -ms-transition: -ms-transform .3s ease-out;
  transition: transform .3s ease-out;
}

.red-shop .right .swiper-slide:nth-of-type(1) {
  border: none;
}

.red-shop .right .swiper-slide h2 {
  font: 16px/22px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 22px;
  max-width: 150px;
  margin: 0 auto;
  margin-bottom: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

.red-shop .right .swiper-button-prev,.red-shop .right .swiper-button-next {
  top: 85px;
  background: rgba(0,0,0,.1);
  --swiper-navigation-size: 15px;
  --swiper-navigation-color: white;
  width: 30px;
  height: 60px;
  text-align: center;
}

.red-shop .right .swiper-button-prev {
  left: 5px;
  border-radius: 0 50px 50px 0;
}

.red-shop .right .swiper-button-next {
  right: 0px;
  border-radius: 50px 0 0 50px;
}

.red-shop .right .swiper-slide p {
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
}

.banner-wrap {
  position: relative;
}

.banner-wrap img {
  width: 100%;
}

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

.rank-wrap {
  margin: 20px 0;
  border-radius: 6px;
  overflow: hidden;
  background: white;
  padding: 20px;
}

.rank-wrap>div {
  width: 230px;
  flex-shrink: 0;
}

.rank-wrap h3.wrap-title {
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #1a1a1a;
}

.rank-wrap h3.wrap-title:hover a {
  opacity: 1;
}

.rank-wrap h3.wrap-title span {
  color: #1a1a1a;
  font-size: 20px;
}

.rank-wrap h3.wrap-title a {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  transition: opacity .3s;
  opacity: 0;
  color: #4284ed;
}

.rank-wrap h3.wrap-title a em {
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  width: 12px;
  margin-top: -1px;
  vertical-align: middle;
}

.book-infos {
  width: 132px;
}

.book-infos h3 {
  font: 700 14px/18px Arial;
  width: 36px;
  height: 18px;
  margin: 0 0 6px;
  text-align: center;
  color: #fff;
  background: #ff589d;
}

.book-infos h4 {
  font: 16px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  max-height: 48px;
  margin-bottom: 4px;
  width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1a1a1a;
}

.book-infos p.strong {
  font: 16px/16px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  margin-bottom: 8px;
  color: #ff589d;
}

.book-infos p.author {
  font-family: PingFangSC-Regular,'-apple-system',Simsun;
  font-size: 12px;
  overflow: hidden;
  height: 14px;
}

.book-infos p.author a {
  color: #a6a6a6;
}

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

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

.book-infos p.month {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  margin-bottom: 8px;
  color: #ff589d;
  overflow: hidden;
  padding: 1px 0;
  width: 132px;
  color: #ff589d;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.book-infos p.month i {
  font-family: Arial;
  font-size: 18px;
  display: inline-block;
  margin: -4px 2px 0 0;
  vertical-align: middle;
  animation: monthShow 0.8s ease-out;
}

.book-imgs {
  position: relative;
  z-index: 4;
  width: 52px;
  height: 91px;
  margin-right: 20px;
  text-align: center;
  -webkit-transform: perspective(60px) rotateY(-10deg);
  -moz-transform: perspective(60px) rotateY(-10deg);
  transform: perspective(60px) rotateY(-10deg);
}

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

.book-imgs img {
  width: 52px;
  height: 87px;
  outline: 1px solid transparent;
}

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

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

.num-box {
  width: 28px;
  height: 32px;
  margin-right: 10px;
}

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

.num-box span.num1 {
  color: #fff;
  background: #f01742!important
}

.num-box span.num2 {
  color: #fff;
  background: #84e7d6!important
}

.num-box span.num3 {
  color: #fff;
  background: #81de87!important
}

.name-box {
  height: 30px;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}

.rank-wrap ul li:nth-of-type(1) {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0;
}

.rank-wrap ul li:nth-of-type(2) .name-box {
  border: none;
}

.name-box a {
  overflow: hidden;
  width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1a1a1a;
}

.name-box a:hover {
  color: #f01742;
}

.name-box i {
  font: 12px/32px PingFangSC-Regular,'-apple-system',Simsun;
  width: 80px;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #b3b3b3;
}

.finish-rank {
  margin-bottom: 20px;
  background: white;
  border-radius: 6px;
  overflow: hidden;
  padding: 20px;
  padding-bottom: 0px;
  min-height: 450px;
}

.finish-rank .right {
  width: 230px;
}

.finish-rank .right ul li:nth-of-type(1) {
  margin-top: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e6e6e6;
}

.finish-rank .right ul li:nth-of-type(2) .name-box {
  border: none;
}

.finish-rank .left h3,.finish-rank .right>h3 {
  padding-bottom: 12px;
  font-weight: 700;
  font-size: 20px;
  color: #1a1a1a;
  border-bottom: 1px solid #1a1a1a;
}

.finish-rank .left .l {
  overflow: hidden;
  width: 230px;
  height: 395px;
  background: #fff8f8;
}

.finish-rank .left .l .book-img li {
  width: 84px;
  height: 112px;
  cursor: pointer;
  box-shadow: 0 1px 8px #7f7f7f;
}

.finish-rank .left .l .book-img {
  position: relative;
  z-index: 1;
  width: 156px;
  height: 108px;
  margin: 20px auto;
  margin-top: 50px;
}

.finish-rank .left .l .book-img li img {
  width: 100%;
  height: 100%;
}

.finish-rank .left .l .text {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  text-align: center;
}

.finish-rank .left .l .text ul {
  height: 100%;
  width: 100%;
}

.finish-rank .left .l .text ul li {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  display: none;
}

.finish-rank .left .l .text ul li h2 {
  font: 700 18px/26px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 24px;
  margin-bottom: 7px;
}

.finish-rank .left .l .text ul li h5 {
  font: 12px/14px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 14px;
  margin-bottom: 10px;
  color: grey;
}

.finish-rank .left .l .text ul li .tag {
  font-size: 0;
  overflow: hidden;
  height: 16px;
  margin-bottom: 6px;
}

.finish-rank .left .l .text ul li .tag span {
  font: 12px/14px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  height: 14px;
  margin-left: 4px;
  padding: 0 2px;
  vertical-align: middle;
  border-radius: 1px;
}

.finish-rank .left .l .text ul li .tag .org {
  color: #ffa100;
  border: 1px solid #ffa100;
}

.finish-rank .left .l .text ul li .tag .red {
  color: #ff3955;
  border: 1px solid #ff3955;
}

.finish-rank .left .l .text ul li .tag .blue {
  color: #4284ed;
  border: 1px solid #4284ed;
}

.finish-rank .left .l .text ul li .tag span:first-child {
  margin-left: 0;
}

.finish-rank .left .l .text ul li p {
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 60px;
  margin-bottom: 20px;
  text-align: left;
  color: grey;
}

.finish-rank .left .l .text ul li .btn {
  color: #fff;
  font: 14px/30px PingFangSC-Regular,'-apple-system',Simsun;
  display: block;
  width: 100px;
  height: 30px;
  margin: 0 auto;
  border-radius: 100px;
  background: #f01742;
}

.finish-rank .left .l .text ul li .btn:hover {
  background: #ff5269;
}

.finish-rank .left .r {
  width: 500px;
  position: relative;
  flex-shrink: 0;
}

.finish-rank .left .r .fgx {
  position: absolute;
  top: 135px;
  border-bottom: 1px solid #e6e6e6;
  left: 20px;
  width: 480px;
}

.finish-rank .left .r .fgx2 {
  position: absolute;
  top: 275px;
  border-bottom: 1px solid #e6e6e6;
  left: 20px;
  width: 480px;
}

.finish-rank .left .r ul {
  padding-left: 20px;
}

.finish-rank .left .r ul li {
  width: 230px;
  margin: 20px 0;
}

.finish-rank .left .r ul li .book-img {
  width: 72px;
  height: 96px;
  margin-right: 12px;
  flex-shrink: 0;
  border: 1px solid #e6e6e6;
}

.finish-rank .left .r ul li .book-img a {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #f9f2e9 inset;
}

.finish-rank .left .r ul li .book-img a img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.finish-rank .left .r ul li .book-img a img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -ms-transition: -ms-transform .3s ease-out;
  transition: transform .3s ease-out;
}

.finish-rank .left .r ul li .book-info h4 {
  font: 16px/21px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 21px;
  margin-top: -3px;
  margin-bottom: 8px;
}

.finish-rank .left .r ul li .book-info p {
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 40px;
  margin-bottom: 10px;
  color: #666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.finish-rank .left .r ul li .book-info .state-box .author img {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0px 5px 0 0;
  vertical-align: middle;
}

.finish-rank .left .r ul li .book-info .state-box .cate {
  overflow: hidden;
  max-width: 52px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  padding: 0 3px;
  text-align: center;
  color: #a6a6a6;
  border: 1px solid #e7e7e7;
  border-radius: 1px;
}

.free-book-wrap {
  height: 220px;
  border-radius: 6px;
  overflow: hidden;
  background: white;
}

.free-book-wrap .left {
  width: 170px;
  text-align: center;
  flex-shrink: 0;
  padding: 30px 0;
}

.free-book-wrap .left .type {
  font-family: PingFangSC-Regular,'-apple-system',Simsun;
  font-size: 12px;
  overflow: hidden;
  height: 16px;
  padding: 2px 0;
  color: #999;
}

.free-book-wrap .left .icon-time {
  display: block;
  width: 60px;
  height: 60px;
  margin: 8px auto;
  background-image: url('../img/icon-time.png');
  background-repeat: no-repeat;
}

.free-book-wrap .left h3 {
  font-size: 18px;
  line-height: 22px;
  overflow: hidden;
  height: 22px;
  margin-bottom: 5px;
  color: #f01742;
}

.free-book-wrap .left h4 {
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  height: 22px;
  margin-top: 20px;
  color: #f01742;
}

.free-book-wrap .right {
  width: 850px;
}

.free-book-wrap .right ul {
  height: 100%;
}

.free-book-wrap .right ul li {
  position: relative;
  z-index: 1;
  width: 211px;
  flex-shrink: 0;
  height: 220px;
  transition: box-shadow .5s;
  text-align: center;
  border-left: 1px solid #f5f5f5;
}

.free-book-wrap .right ul li .btn {
  font: 14px/30px PingFangSC-Regular,'-apple-system',Simsun;
  display: block;
  width: 98px;
  height: 30px;
  margin: 10px auto;
  border-radius: 2px;
  text-align: center;
  color: #f01742;
  border: 1px solid #ffd5db;
}

.free-book-wrap .right ul li .btn:hover {
  border: 1px solid #f01742;
  background: #ffeaed;
}

.free-book-wrap .right ul li h4 {
  font: 15px/21px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  display: block;
  overflow: hidden;
  padding: 0 10px;
}

.free-book-wrap .right ul li a {
  color: #1a1a1a;
  transition: color .3s,background-color .3s,border .3s;
}

.free-book-wrap .right ul li a:hover {
  color: #f01742;
}

.free-book-wrap .right ul li .book-img {
  width: 66px;
  height: 88px;
  margin: 30px auto;
  margin-bottom: 10px;
  border: 1px solid #e6e6e6;
}

.free-book-wrap .right ul li .book-img img {
  width: 100%;
  height: 100%;
}

.free-book-wrap .right ul li:hover {
  position: relative;
  z-index: 3;
  box-shadow: 0 5px 16px #d9d4c7;
}

.row-book-wrap {
  margin: 20px auto;
  border-radius: 6px;
  overflow: hidden;
  background: white;
  padding: 0 20px;
}

.row-book-wrap .list {
  width: 230px;
  min-height: 270px;
  margin: 10px 0;
}

.row-book-wrap .list .title {
  font: 18px/1 PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #1a1a1a;
}

.row-book-wrap .list .title a {
  height: 30px;
  line-height: 30px;
}

.row-book-wrap .list:hover .title em {
  -webkit-animation: floating 1.5s ease infinite;
  animation: floating 1.5s ease infinite;
}

.row-book-wrap .list .title em {
  color: red;
  font-size: 28px;
}

.row-book-wrap .list:nth-of-type(1) .title em {
  color: #bbf091
}

.row-book-wrap .list:nth-of-type(2) .title em {
  color: #e8ce97
}

.row-book-wrap .list:nth-of-type(3) .title em {
  color: #c8d7ee
}

.row-book-wrap .list:nth-of-type(4) .title em {
  color: #f372a4
}

.row-book-wrap .list:nth-of-type(5) .title em {
  color: #f372a4
}

.row-book-wrap .list:nth-of-type(6) .title em {
  color: #c8d7ee
}

.row-book-wrap .list:nth-of-type(7) .title em {
  color: #e8cd96
}

.row-book-wrap .list:nth-of-type(8) .title em {
  color: #989bcf
}

.row-book-wrap .list:nth-of-type(9) .title em {
  color: #f01742
}

.row-book-wrap .list:nth-of-type(10) .title em {
  color: #a5545f
}

.row-book-wrap .list ul .wen {
  font: 14px/32px PingFangSC-Regular,'-apple-system',Simsun;
  max-width: 220px;
  height: 32px;
}

.row-book-wrap .list ul .tuwen {
  border-bottom: 1px solid #e6e6e6;
  overflow: hidden;
  padding: 8px 0;
}

.row-book-wrap .list ul .tuwen .book-info {
  width: 132px;
}

.row-book-wrap .list ul .tuwen .book-info h2 {
  font: 16px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  max-height: 48px;
  margin-bottom: 4px;
  color: #1a1a1a;
  ext-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.row-book-wrap .list ul .tuwen .book-info p {
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 40px;
  color: #666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.row-book-wrap .list ul .tuwen .book-img {
  position: relative;
  width: 52px;
  height: 91px;
  margin-right: 20px;
  text-align: center;
  flex-shrink: 0;
  -webkit-transform: perspective(60px) rotateY(-10deg);
  -moz-transform: perspective(60px) rotateY(-10deg);
  transform: perspective(60px) rotateY(-10deg);
}

.row-book-wrap .list ul .tuwen .book-img .link {
  position: relative;
  z-index: 10;
  display: inline-block;
  transform: translateZ(50px);
}

.row-book-wrap .list ul .tuwen .book-img img {
  width: 100%;
  height: 87px;
  outline: 1px solid transparent;
}

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

.row-book-wrap .list ul .tuwen .book-img:after {
  position: absolute;
  z-index: 2;
  top: 2%;
  left: 100%;
  width: 10%;
  height: 92%;
  content: ' ';
  -webkit-transform: perspective(60px) rotateY(30deg);
  -moz-transform: perspective(60px) rotateY(30deg);
  transform: perspective(60px) rotateY(30deg);
  background-color: #efefef;
  box-shadow: inset 0 0 5px #333;
}
.topIndexBox{
  margin-bottom: 20px;
}
.topIndexBox .left {
  background: white;
  width: 230px;
  flex-shrink: 0;
  padding: 10px 0;
  border-radius: 6px;
  overflow: hidden;
}
.topIndexBox .right{
  background: white;
  margin-left: 20px;
  border-radius: 6px;
  overflow: hidden;
  width: 770px;
}

.topIndexBox .left ul li {
  font: 16px/32px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  margin-top: 12px;
  padding-left: 20px;
}

.topIndexBox .left ul .active {
  padding-left: 17px;
  border-left: 3px solid #f01742;
}

.topIndexBox .left ul .active a {
  font-weight: 700;
  color: #f01742;
}

.topIndexBox .left ul li a .iconfont {
  font-size: 20px;
  display: inline-block;
  min-width: 20px;
  margin: -3px 16px 0 0;
  vertical-align: middle;
}
.topIndexBox .right .listBox {
  border-radius: 6px;
  overflow: hidden;
  background: white;
  padding: 0 20px;
}

.topIndexBox .right .listBox>div {
  width: 230px;
  flex-shrink: 0;
  margin: 20px 0;
}

.topIndexBox .right .listBox h3.wrap-title {
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #1a1a1a;
}

.topIndexBox .right .listBox h3.wrap-title:hover a {
  opacity: 1;
}

.topIndexBox .right .listBox h3.wrap-title span {
  color: #1a1a1a;
  font-size: 20px;
}

.topIndexBox .right .listBox h3.wrap-title a {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  transition: opacity .3s;
  opacity: 0;
  color: #4284ed;
}

.topIndexBox .right .listBox h3.wrap-title a em {
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  width: 12px;
  margin-top: -1px;
  vertical-align: middle;
}
.topIndexBox .right .listBox ul li:nth-of-type(1) .name-box{
  border: none;
}
.topIndexBox .right .listBox ul li{
  height: 40px;
  line-height: 40px;
}
.topIndexBox .right .listBox ul li .name-box{
  height: 40px;
  line-height: 40px;
}
.topIndexBox .right .listBox ul li a {
  font: 14px/40px PingFangSC-Regular,'-apple-system',Simsun;
  float: left;
  max-width: 202px;
  height: 40px;
}
.topIndexBox .right .listBox ul li span{
  background: transparent;
}
.topIndexBox .right .nav{
  padding: 20px;
  border-bottom: 1px solid #e6e6e6;
}
.topIndexBox .right .nav h2{
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 15px;
  color: #000;
}
.topIndexBox .right .nav ul li{
  display: inline-block;
  padding: 0 6px;
  font: 12px/24px PingFangSC-Regular,'-apple-system',Simsun;
  border-radius: 2px;
  margin: 0 2px;
}
.topIndexBox .right .nav ul .active{
  background: #f01742;
}
.topIndexBox .right .nav ul .active a{
  color: #fff;
}
.topIndexBox .right .list ul li .book-img a{
  display: block;
  overflow: hidden;
  width: 102px;
  height: 136px;
  box-shadow: 0 1px 6px rgba(0,0,0,.35);
}
.topIndexBox .right .list ul li .book-img{
  position: relative;
  z-index: 3;
  width: 102px;
  height: 136px;
  flex-shrink: 0;
}
.topIndexBox .right .list ul{
  padding: 0 20px;
}
.topIndexBox .right .list ul li{
  margin: 20px 0;
}
.topIndexBox .right .list ul li .book-img img{
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .4s ease-out;
  -moz-transition: -moz-transform .4s ease-out;
  -ms-transition: -ms-transform .4s ease-out;
  transition: transform .4s ease-out;
}
.topIndexBox .right .list ul li .book-img img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.topIndexBox .right .list ul li .book-img span{
  font: 16px/24px FZZCYSK;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  min-width: 24px;
  height: 24px;
  text-align: center;
  color: #fff;
  background-color: grey;
}
.topIndexBox .right .list ul li:nth-of-type(1) .book-img span {
    background-image: url('../img/rank_num.png');
    background-position: 0 0;
}
.topIndexBox .right .list ul li:nth-of-type(2) .book-img span {
    background-image: url('../img/rank_num.png');
    background-position: -24px 0;
}
.topIndexBox .right .list ul li:nth-of-type(3) .book-img span {
    background-image: url('../img/rank_num.png');
    background-position: -48px 0;
}
.topIndexBox .right .list ul li .book-info{
  width: 462px;
  flex-shrink: 0;
  margin-left: 16px;
}
.topIndexBox .right .list ul li .book-info h4{
  font: 700 18px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 24px;
  margin-bottom: 8px;
}
.topIndexBox .right .list ul li .book-info h4 a{
  color: #333;
}
.topIndexBox .right .list ul li .book-info p{
  font-family: PingFangSC-Regular,'-apple-system',Simsun;
  font-size: 12px;
}
.topIndexBox .right .list ul li .book-info .author{
  overflow: hidden;
  height: 16px;
  margin-bottom: 8px;
}
.topIndexBox .right .list ul li .book-info .author img{
  width: 14px;
  height: 14px;
  margin: 0px 5px 0 0;
}
.topIndexBox .right .list ul li .book-info .author a{
  line-height: 16px;
  color: #a6a6a6;
}
.topIndexBox .right .list ul li .book-info .author em{
  font-family: Arial;
  margin: 1px 8px 0;
  color: #e6e6e6;
}
.topIndexBox .right .list ul li .book-info .author span{
  color: #a6a6a6;
}
.topIndexBox .right .list ul li .book-info .intro {
    font-size: 12px;
    line-height: 24px;
    overflow: hidden;
    height: 48px;
    margin-bottom: 8px;
    color: #666;
}
.topIndexBox .right .list ul li .book-info .update {
    line-height: 22px;
}
.topIndexBox .right .list ul li .book-info .update a{
  display: inline-block;
  vertical-align: middle;
  color: #2972cc;
}
.topIndexBox .right .list ul li .btn{
  width: 100px;
  flex-shrink: 0;
  margin-left: auto;
  margin-top: 55px;
}
.topIndexBox .right .list ul li .btn a{
  font: 14px/32px PingFangSC-Regular,'-apple-system',Simsun;
  display: block;
  width: 98px;
  height: 32px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 100px;
  color: #fff;
  border-color: #f01742;
  background: #f01742;
  margin: 5px 0;
}
.topIndexBox .right .list ul li .btn a:hover{
  color: #fff;
  border-color: #ff5269;
  background: #ff5269;
}
.topIndexBox .right .list ul li .btn a:nth-of-type(2){
  color: #f01742;
  border-color: #f01742;
  background: white;
}
.topIndexBox .right .list ul li .btn a:nth-of-type(2):hover{
  background: #ffeaed;
}
.type_box .left{
  width: 190px;
  background: white;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 0 20px;
  flex-shrink: 0
}
.type_box .left .list{
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
}
.type_box .left .list:nth-of-type(1){
  border: none;
}
.type_box .left .list h3{
  font-family: Microsoft YaHei;
  font-size: 12px;
  margin: 10px 0; 
}
.type_box .left .list ul li:nth-of-type(1){
  margin-left: 0;
}
.type_box .left .list ul li{
  display: inline-block;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  text-align: center;
  padding: 0 3px;
  margin: 5px 5px 5px 0;
}
.type_box .left .list ul .active{
  background: #f01742;
}
.type_box .left .list ul .active a{
  color: white;
}
.type_box .right{
  width: 770px;
  border-radius: 6px;
  flex-shrink: 0;
  background: white;
  margin-left: 20px;
  margin-bottom: 20px;
}
.type_box .right .nav{
  font-size: 0;
  height: 71px;
  padding: 0 20px;
  border-bottom: 1px solid #e6e6e6;
  background: #fff;
}
.type_box .right .nav ul li{
  font: 12px/24px Microsoft YaHei;
  display: inline-block;
  width: 40px;
  height: 24px;
  margin: 24px 8px 0 0;
  text-align: center;
  vertical-align: middle;
}
.type_box .right .nav ul .active{
  border-radius: 2px;
  background: #f01742;
}
.type_box .right .nav ul .active a{
  color: #fff;
}
.type_box .right .list{
  padding: 0 20px;
}
.type_box .right .list ul li{
  width: 365px;
  padding: 20px 0;
  border-bottom: 1px solid #e6e6e6;
}
.type_box .right .list ul li .book-img{
  width: 103px;
  height: 138px;
  flex-shrink: 0;
  border: 1px solid #e6e6e6;
}
.type_box .right .list ul li .book-img a{
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #f9f2e9 inset;
  transition: color .3s,background-color .3s,border .3s;
}
.type_box .right .list ul li .book-img a img{
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -ms-transition: -ms-transform .3s ease-out;
  transition: transform .3s ease-out;
  color: #fcfcfa;
}
.type_box .right .list ul li .book-img a img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.type_box .right .list ul li .book-info{
  width: 230px;
  margin-left: 20px;
}
.type_box .right .list ul li .book-info h2{
  overflow: hidden;
  height: 18px;
  margin-bottom: 10px;
}
.type_box .right .list ul li .book-info h2 a{
  font: 700 16px/20px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  color: #1a1a1a;
  transition: color .3s,background-color .3s,border .3s;
}
.type_box .right .list ul li .book-info h2:hover a{
  color: #f01742;
}
.type_box .right .list ul li .book-info h4{
  font: 12px/14px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 14px;
  margin-bottom: 10px;
  color: grey;
}
.type_box .right .list ul li .book-info .tag {
    margin-bottom: 7px;
}
.tag span {
  font: 12px/14px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  height: 14px;
  margin-left: 4px;
  padding: 0 2px;
  vertical-align: middle;
  border-radius: 1px;
}
.tag span:first-child {
  margin-left: 0;
}
.tag span.org {
  color: #ffa100;
  border: 1px solid #ffa100;
}
.tag span.pink {
  color: #f01742;
  border: 1px solid #ff5269;
}
.tag span.blue {
  color: #4284ed;
  border: 1px solid #4284ed;
}
.type_box .right .list ul li .book-info .intro{
  font: 12px/18px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 54px;
  text-align: justify;
  text-justify: inter-ideograph;
  color: grey;
}
.info-wrap{
  position: relative;
  top: -20px;
}
.info-wrap .left_bg,.info-wrap .right_bg{
  top: 0;
  position: absolute;
}
.info-wrap .left_bg{
  left: 0;
  width: 384px;
  height: 269px;
  background: url('../img/info_bg_left.png')no-repeat;
}
.info-wrap .right_bg{
  right: 0;
  width: 499px;
  height: 243px;
  background: url('../img/info_bg_right.png')no-repeat;
}
.info-box{
  position: relative;
  z-index: 9;
}
.info-box .crumbs-nav ul{
  padding-top: 20px;
}
.info-box .crumbs-nav ul li{
  display: inline-block;
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  color: #262626;
}
.info-box .crumbs-nav ul li a{
  color: #262626;
}
.info-box .crumbs-nav ul em{
  font-size: 12px;
  width: 12px;
  height: 12px;
  margin: 2px 0 0 3px;
}
.info-box .book-information{
  position: relative;
  background: white;
  border-radius: 6px;
  overflow: hidden;
  padding: 20px;
  margin: 20px 0;
  margin-bottom: 10px;
}
.info-box .book-information .codeImg{
  position: absolute;
  right: 0;
  display: none;
  top: 0;
  width: 150px;
  height: 150px;
  border: 5px solid white;
  z-index: 2;
}
.info-box .book-information .codeImg a{
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 30px;
    line-height: 30px;
    width: 100%;
    color: white;
    text-align: center;
    background: #fc0e50;
}
.info-box .book-information .codeImg img{
  width: 150px;
  height: 150px;
}
.info-box .book-information .book-img{
  width: 180px;
  height: 240px;
  margin-right: 20px;
  border: none;
  flex-shrink: 0;
}
.info-box .book-information .book-img a{
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #f9f2e9 inset;
}
.info-box .book-information .book-img a img{
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -ms-transition: -ms-transform .3s ease-out;
  transition: transform .3s ease-out;
  color: #fcfcfa;
}
.info-box .book-information .book-img a img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.info-box .book-information .book-info{
  width: 780px;
  min-height: 246px;
  position: relative;
}
.info-box .book-information .book-info .down{
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 76px;
  width: 50px;
  height: 22px;
  text-align: right;
  background: rgba(255,255,255,0.9);
  color: #2972cc;
}
.book-information .book-info p.intro.show {
  overflow: auto;
  height: auto;
  padding-bottom: 30px;
}
.info-box .book-information .book-info .down em{
  font-size: 16px;
  transition: 0.6s;
}
.info-box .book-information .book-info h1{
  font: 700 28px/38px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 38px;
  margin-bottom: 8px;
  color: black;
}
.info-box .book-information .book-info h1 a {
  font: 14px/38px PingFangSC-Regular,'-apple-system',Simsun;
  margin-left: 3px;
  color: black;
}
.info-box .book-information .book-info p.tag-box {
  margin-bottom: 1px;
  font: 14px/24px PingFangSC-Regular,'-apple-system',Simsun;
}
.info-box .book-information .book-info p.tag-box span{
  margin: 6px 12px 0 0;
}
.info-box .book-information .book-info p.tag-box .tag i {
  font: 12px/18px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  height: 18px;
  margin-right: 6px;
  padding: 0 4px;
  text-align: center;
  vertical-align: top;
  color: #f01742;
  border-width: 1px;
  border-style: solid;
  border-color: #f01742;
  border-radius: 2px;
}
.book-information .book-info p.tag-box .tag i.blue {
  color: #2972cc;
  border: 1px solid #4284ed;
}
.book-information .book-info p.tag-box .tag i.org {
  color: #ff7e00;
  border: 1px solid #ff7e00;
}
.book-information .book-info p{
  font: 14px/24px PingFangSC-Regular,'-apple-system',Simsun;
}
.book-information .book-info p.total {
  font-size: 0;
  margin-bottom: 5px;
}
.book-information .book-info p.intro {
  overflow: hidden;
  height: 72px;
  margin-bottom: 34px;
}
.book-information .book-info p.total span{
  font: 18px/20px Arial;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  color: #1a1a1a;
}
.book-information .book-info p.total em {
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  vertical-align: middle;
}
.book-information .book-info p.total i {
  font-size: 16px;
  margin: 0px 10px 0;
  color: #a6a6a6;
  display: inline-block;
  vertical-align: middle;
}
.book-information .book-info p.btn a{
  color: #f01742;
  border: 1px solid #f01742;
  border-radius: 100px;
  font: 14px/34px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  width: 120px;
  height: 34px;
  margin-right: 20px;
  text-align: center;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
}
.book-information .book-info p.btn{
  margin-top: 15px;
}
.book-information .book-info p.btn a:hover {
  background: #ffeaed;
}
.book-information .book-info p.btn a:nth-of-type(3){
  border-color: #f01742;
  background: #f01742;
  color: white;
}
.content-nav-wrap {
  height: 48px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}
.content-nav-wrap .nav-wrap li {
  font: 18px/48px FZZCYSK;
  overflow: hidden;
  height: 47px;
  text-align: center;
}
.content-nav-wrap .nav-wrap li.active{
  margin-bottom: -1px;
  border-bottom: 2px solid #f01742;
}
.content-nav-wrap .nav-wrap li.active a {
  color: #f01742;
}
.content-nav-wrap .nav-wrap li a {
  display: block;
  overflow: hidden;
  padding: 0 20px;
  color: #1a1a1a;
}
.content-nav-wrap .nav-wrap li a i {
  font: 14px/48px FZZCYSK;
}
.content-nav-wrap .update {
  font: 14px/48px PingFangSC-Regular,'-apple-system',Simsun;
  float: left;
  padding-left: 30px;
  color: #2972cc;
}
.blue {
  color: #2972cc;
}
.chapter{
  background: white;
  border-radius: 6px;
  overflow: hidden;
  padding: 20px;
}
.chapter .list h2{
  font: 700 18px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 24px;
  padding-bottom: 11px;
  color: black;
  border-bottom: 1px solid #e6e6e6;
}
.chapter .list ul li{
  width: 286px;
  height: 40px;
  font: 14px/40px PingFangSC-Regular,'-apple-system',Simsun;
}
.chapter .list ul li a{
  overflow: hidden;
  max-width: 240px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chapter .list ul li em{
  font-size: 16px;
  color: #bfbfbf;
}
.book-content-wrap .left{
  width: 750px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}
.left-wrap .left-block-bg {
  border-radius: 6px;
  background: #fff;
}
.book-content-wrap .right{
  width: 250px;
  background: white;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 20px;
  margin-left: 20px;
}
.left-wrap .left-wrap-title {
  padding: 20px;
  border-bottom: 1px solid #e6e6e6;
}
.left-wrap h3 {
  font-size: 22px;
  line-height: 32px;
  overflow: hidden;
  height: 32px;
  color: black;
}
.gift-zone {
  padding: 20px;
}
.gift-zone h4{
  font-weight: 400;
  margin-bottom: 20px;
}
.gift-zone h4 b {
  font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  font-size: 18px;
  margin-right: 4px;
  color: #f01742;
}
.gift-zone h4 span {
  font-family: PingFangSC-Regular,'-apple-system',Simsun;
  font-size: 14px;
  margin: 8px 4px 0 0;
  color: #a6a6a6;
}
.gift-zone ul li{
  width: 114px;
  text-align: center;
  padding-bottom: 10px;
  cursor: pointer;
}
.gift-zone ul li:hover {
    background: #fff5f5;
}
.gift-zone ul li h5{
  font: 14px/1 PingFangSC-Regular,'-apple-system',Simsun;
  margin-bottom: 10px;
  color: #ddce8e;
}
.gift-zone ul li img{
  width: 90%;
  margin-bottom: 10px;
}
.gift-zone ul li p {
  font: 12px/1 PingFangSC-Regular,'-apple-system',Simsun;
  color: #444;
}
.fans-zone{
  margin-bottom: 20px;
  border-top: 1px solid #e6e6e6;
}
.fans-zone .box{
  width: 249px;
  height: 251px;
}
.fans-zone .box h2{
  margin-bottom: 24px;
  padding-left: 20px;
  text-align: left;
  margin: 20px 0;
}
.fans-zone .box h2 span {
  font-size: 18px;
  line-height: 22px;
  position: relative;
  z-index: 1;
  margin-right: 4px;
  color: #f01742;
}
.fans-zone .box h2 em {
  font: 14px/22px PingFangSC-Regular,'-apple-system',Simsun;
  margin-top: 5px;
  color: #a6a6a6;
}
.fans-zone .box .icon-box {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 44px;
  height: 52px;
  margin: 0 auto;
}
.fans-zone .box .icon-box.rec span {
  width: 36px;
  height: 52px;
  background-image: url('../img/sprite.0133c.png');
  background-repeat: no-repeat;
  background-position: 0px -53px;
  background-size: 36px;
}
.fans-zone .box .icon-box span {
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 50%;
  margin-left: -18px;
  transition: top .5s ease-out;
}
.fans-zone .box .icon-box.rec b {
  background: #d69a72;
}
.fans-zone .box .icon-box.month b {
  background: #ffabab;
}
.fans-zone .box .icon-box.zong b {
  background: #ffabab;
}
.fans-zone .box .icon-box b {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 44px;
  height: 2px;
  margin: 0 auto;
}
.fans-zone .box .icon-box.month span {
  width: 36px;
  height: 52px;
  background-image: url('../img/sprite.0133c.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 36px;
}
.fans-zone .box .icon-box.zong span {
  width: 36px;
  height: 52px;
  background-image: url('../img/sprite.0133c.png');
  background-repeat: no-repeat;
  background-position: 0px -108px;
  background-size: 36px;
}
.fans-zone .box:hover .icon-box span{
    top: 0;
}
.fans-zone .box p.num {
  font: 30px/33px Arial;
  position: relative;
  z-index: 1;
  overflow: visible;
  height: 33px;
  margin-bottom: 6px;
  text-align: center;
  color: #1a1a1a;
}
.red-radius-btn {
  font: 14px/34px PingFangSC-Regular,'-apple-system',Simsun;
  position: relative;
  z-index: 1;
  display: block;
  width: 140px;
  height: 34px;
  margin: 20px auto 3px;
  text-align: center;
  color: #fff;
  border-radius: 20px;
  background-color: #f01742;
}
.red-radius-btn:hover{
  color: white;
  background: #ff5269;
}
.red-radius-btn .iconfont {
  font-size: 16px;
  display: inline-block;
  min-width: 16px;
  margin: -3px 5px 0 0;
  vertical-align: middle;
  color: #fff;
  -webkit-text-stroke-width: 0;
}
.replay{
  min-height: 300px;
  background: white;
  margin-top: 30px;
  border-radius: 6px;
}
.replay .replay-form .headImg{
  height: 60px;
  width: 60px;
  border-radius: 100%;
  overflow: hidden;
  margin: 20px 15px 20px 20px;
}
.replay .replay-form .headImg img{
  width: 100%;
  height: 100%;
}
.replay .replay-form .replay-textarea{
  margin-top: 20px;
  border: 1px solid #e6e6e6;
  width: 628px;
  height: 80px;
  border-radius: 3px;
}
.replay .replay-form .replay-textarea textarea{
  border: none;
  font-family: PingFangSC-Regular,'-apple-system',Simsun;
  font-size: 14px;
  display: block;
  overflow: hidden;
  width: 605px;
  height: 60px;
  padding: 10px 10px;
  border: none;
  outline: medium;
  resize: none;
}
.replay .replay-form .btn {
  padding: 20px 30px 20px 95px;
}
.replay .replay-form .btn img{
  vertical-align: top;
  margin-right: 20px;
  width: 60px;
  height: 30px;
}
.replay .replay-form .btn input{
  border: none;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #e6e6e6;
  margin-right: 30px;
}
.replay .replay-form .btn span{
  margin-right: 10px;
  background: linear-gradient(to right, red, blue);
  -webkit-background-clip: text;
  color: transparent;
}
.replay .replay-form .btn button{
  text-align: center;
  color: #fff;
  border-color: #f01742;
  background: #f01742;
  font: 14px/32px PingFangSC-Regular,'-apple-system',Simsun;
  display: inline-block;
  width: 76px;
  height: 30px;
  vertical-align: middle;
}
.replay .replay-form .btn button:hover{
  opacity: 0.8;
}
.replay-list {
  padding: 10px 0;
}
.replay-list ul li .headImg{
  width: 48px;
  height: 48px;
  margin: 20px;
  border-radius: 60px;
  overflow: hidden;
}
.replay-list ul li .headImg img{
  width: 100%;
  height: 100%;
}
.replay-list ul li .info{
  margin-top: 22px;
  width: 640px;
}
.replay-list ul li .info h4 span{
  font-size: 16px;
}
.replay-list ul li .info h4 time{
  color: #999999;
  font-weight: 500;
  margin-left: 10px;
}
.replay-list ul li .info p{
  font: 14px/32px PingFangSC-Regular,'-apple-system',Simsun;
  line-height: 23px;
  margin-top: 10px;
}
.book-content-wrap .right .author {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 30px auto 16px;
  border-radius: 100%;
}
.book-content-wrap .right .author h5{
  margin-top: 10px;
  text-align: center;
  font: 700 16px/18px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 18px;
}
.book-content-wrap .right .author .lv{
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.book-content-wrap .right .author span{
  padding: 0 5px;
  background: #bf2c24;
  color: white;
}
.book-content-wrap .right .author-info{
  text-align: center;
  margin: 30px 0;
  font: 14px/32px PingFangSC-Regular,'-apple-system',Simsun;
}
.book-content-wrap .right .author img{
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.book-content-wrap .right .other-works{
  width: 226px;
  margin: 0 auto;
  padding: 24px 0 4px;
  border-top: 1px solid #e6e6e6
}
.book-content-wrap .right .other-works h2{
  font: 700 16px/16px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  margin-bottom: 24px;
  text-align: left;
}
.book-content-wrap .right .other-works .swiper-slide .book-img{
  width: 84px;
  height: 112px;
  margin: 0 auto 14px;
}
.book-content-wrap .right .other-works .swiper-slide .book-img a{
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #f9f2e9 inset;
}
.book-content-wrap .right .other-works .swiper-slide .book-img a img{
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -ms-transition: -ms-transform .3s ease-out;
  transition: transform .3s ease-out;
  color: #fcfcfa;
}
.book-content-wrap .right .other-works .swiper-button-prev,.book-content-wrap .right .other-works .swiper-button-next{
  --swiper-navigation-size: 20px;
  --swiper-navigation-color: #ccc;
  top: 60px;
}
.book-content-wrap .right .other-works .swiper-slide .book-img a img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.book-content-wrap .right .other-works .swiper-slide{
  text-align: center; 
}
.book-content-wrap .right .other-works .swiper-slide p{
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 60px;
  margin-bottom: 16px;
  text-align: left;
  color: grey;
}
.book-content-wrap .right .other-works .swiper-slide .btn{
  font: 14px/1 PingFangSC-Regular,'-apple-system',Simsun;
  display: block;
  width: 98px;
  margin: 0 auto;
  padding: 7px 0;
  border-width: 1px;
  overflow: hidden;
  transform: translate3d(0,0,0);
  text-align: center;
  color: #f01742;
  border: 1px solid #f01742;
  border-style: solid;
  border-radius: 100px;
  margin-bottom: 30px;
}
.book-content-wrap .right .other-works .swiper-slide .btn:hover {
  background: #ffeaed;
  transition: color .3s,background-color .3s,border .3s;
}
.book-content-wrap .right .other-works .swiper-slide h2{
  text-align: center;
  font: 18px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 24px;
  margin-bottom: 9px;
}
.book-content-wrap .right .crazy-fans-wrap{
  width: 226px;
  margin: 0 auto;
  padding: 24px 0 4px;
  border-top: 1px solid #e6e6e6;
}
.book-content-wrap .right .crazy-fans-wrap h2{
  font: 700 16px/16px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  margin-bottom: 24px;
  text-align: left;
  color: #000;
}
.book-content-wrap .right .crazy-fans-wrap ul li .info{
  width: 130px;
  flex-shrink: 0;
}
.book-content-wrap .right .crazy-fans-wrap ul li{
  padding: 10px 0;
  border-top: 1px solid #e6e6e6;
}
.book-content-wrap .right .crazy-fans-wrap ul li:nth-of-type(1){
  border: none;
}
.book-content-wrap .right .crazy-fans-wrap ul li:nth-of-type(1)>span{
  background: #ff589d;
  color: white;
}
.book-content-wrap .right .crazy-fans-wrap ul li:nth-of-type(2)>span{
  background: #84e7d6;
  color: white;
}
.book-content-wrap .right .crazy-fans-wrap ul li:nth-of-type(3)>span{
  background: #81de87;
  color: white;
}
.book-content-wrap .right .crazy-fans-wrap ul li>span{
  font: 14px/16px Arial;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 2px;
}
.book-content-wrap .right .crazy-fans-wrap ul li .headImg{
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 30px;
  overflow: hidden;
  margin-top: -3px;
}
.book-content-wrap .right .crazy-fans-wrap ul li .headImg img{
  width: 100%;
  height: 100%;
}
.book-content-wrap .right .crazy-fans-wrap ul li .info h5{
  font: 14px/1 PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  max-width: 120px;
  height: 14px;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.book-content-wrap .right .crazy-fans-wrap ul li .info p{
  font-size: 12px;
  color: grey;
}
.book-content-wrap .right .crazy-fans-wrap ul li .info p span{
  color: red;
  font-size: 14px;
  margin-top: 2px;
  margin-right: 6px;
}
.book-content-wrap .right .type-rec-wrap{
  width: 226px;
  margin: 0 auto;
  padding: 24px 0 0px;
  border-top: 1px solid #e6e6e6;
}
.book-content-wrap .right .type-rec-wrap h2{
  font: 700 16px/16px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  margin-bottom: 6px;
  text-align: left;
  color: #000;
}
.book-content-wrap .right .type-rec-wrap ul li{
  border-top: 1px solid #e6e6e6;
  padding: 15px 0;
}
.book-content-wrap .right .type-rec-wrap ul li:nth-of-type(1){
  border: none;
}
.book-content-wrap .right .type-rec-wrap ul li .book-img{
  width: 64px;
  height: 86px;
  margin-right: 10px;
  border: 1px solid #e6e6e6;
  flex-shrink: 0;
}
.book-content-wrap .right .type-rec-wrap ul li .book-img a{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: color .3s,background-color .3s,border .3s;
}
.book-content-wrap .right .type-rec-wrap ul li .book-img a img{
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -ms-transition: -ms-transform .3s ease-out;
  transition: transform .3s ease-out;
}
.book-content-wrap .right .type-rec-wrap ul li .book-img:hover img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.book-content-wrap .right .type-rec-wrap ul li .book-info{
  width: 144px;
  flex-shrink: 0;
}
.book-content-wrap .right .type-rec-wrap ul li .book-info h4{
  font: 700 14px/20px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 20px;
  margin-bottom: 6px;
}
.book-content-wrap .right .type-rec-wrap ul li .book-info h5{
  height: 16px;
  margin-bottom: 6px;
  font-weight: 500;
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  color: #a6a6a6;
}
.book-content-wrap .right .type-rec-wrap ul li .book-info p{
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 40px;
  color: #666;
}

#wrapper {
  position: relative;
  margin-bottom: 20px;
}

.aw-login-box {
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 5px
}

.box-bg-ys {
  background: url('../img/login-bg.png') no-repeat;
  width: 265px;
  height: 279px;
  position: absolute;
  margin-left: 800px;
  margin-top: 251px
}

.codelogin{
  position: absolute;
  top: 0;
  right: 0;
  width: 74px;
  height: 74px;
  background: url('../img/scan_pink.png') white no-repeat;
}
.codelogin a{
  float: left;
  width: 100%;
  height: 100%;
}
.aw-login-box .mod-body {
  padding: 50px 60px;
  overflow: hidden
}

.pull-left {
  float: left!important
}

.aw-login-box .mod-body .content {
  width: 480px;
  margin-right: 60px
}
.aw-login-box .mod-body .content ul{
  width: 380px;
}
.aw-login-box .logo {
  width: 200px;
}
.aw-login-box .logo img{
  width: 100%;
}

.aw-login-box .logo a {
  display: block;
}

.btn-weibo:hover {
  background-color: #FF4D4D;
  color: #fff
}

.btn-qq:hover {
  background-color: #2D7FE2;
  color: #fff
}

#login_form {
  margin-top: 34px
}

.aw-login-box .mod-body .content ul li {
  margin-top: 20px;
  line-height: 30px
}

.aw-login-box .mod-body .content ul li:first-child {
  margin-top: 0
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control {
  padding: 6px;
  resize: none;
  box-shadow: none;
  border-color: #ccc
}

.aw-login-box .mod-body .form-control {
  height: 40px;
  line-height: 28px\0;
  padding-left: 15px !important;
  box-shadow: none;
  border-color: #e6e6e6
}
.basicHead img{
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.basicHead button{
  margin-top: 20px!important;
}
.alert-danger,.alert-error {
  color: #B94A48
}
[class^="icon-"],[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.aw-login-box .mod-body .content ul li.last {
  font-size: 12px;
  line-height: 40px
}

.btn-primary {
  border: none;
  background-color: #22ac38
}

.pull-right {
  float: right!important
}

.btn-primary:hover {
  background-color: #119626
}

.aw-login-box .mod-body .content ul li .btn-primary {
  width: 112px;
  color: #fff !important
}

.aw-login-box .mod-body .content ul li.last a {
  color: #666666
}

.aw-login-box .mod-body .content ul li.last input {
  vertical-align: -2px\0
}

.aw-login-box .mod-body .side-bar {
  height: 326px;
  padding: 60px 0 60px 60px;
  border-left: 1px solid #e6e6e6
}

.aw-login-box .mod-body .side-bar h3 {
  margin-bottom: 27px;
  color: #666666;
  text-align: center
}

.btns {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.btn-block {
  display: block;
  width: 100%
}

.btn-weibo {
  background-color: #ff6666;
  color: #fff
}

.aw-login-box .mod-body .side-bar .btns {
  position: relative;
  width: 170px;
  height: 40px;
  line-height: 40px;
  margin: 0 0 20px;
  padding: 0 0 0 15px
}

.aw-login-box .mod-body .side-bar .btns i {
  position: absolute;
  left: 15px;
  top: 10px;
  font-size: 18px;
  color: #fff
}

.btn-qq {
  background-color: #418ae2;
  color: #fff;
  color: #fff
}

.aw-login-box .mod-footer {
  height: 70px;
  line-height: 70px;
  background-color: #f5f5f5;
  padding: 0 60px;
  color: #66b7ff
}

.aw-login-box .mod-footer span {
  color: #666666
}

.aw-login-box .mod-footer a {
  color: #66b7ff
}
.home-box .left{
  border-radius: 6px;
  overflow: hidden;
  background: white;
  width: 230px;
  margin-bottom: 20px;
  flex-shrink: 0;
}
.home-box .left .my-bg {
  overflow: hidden;
  height: 180px;
  background: url('../img/bg.e41c9.png');
}
.home-box .left .info {
  padding-top: 28px;
  text-align: center;
}
.home-box .left .info .avatar {
  position: relative;
  z-index: 1;
  width: 76px;
  height: 76px;
  margin: 0 auto 14px;
}
.home-box .left .info img {
  width: 74px;
  height: 74px;
  border: 2px solid #fff;
  border-radius: 100%;
}
.home-box .left .info .avatar .vip {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
}
.home-box .left .info h3 {
  font: 700 16px/18px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 7px;
  color: #fff;
}
.home-box .left .info h3 span {
  overflow: hidden;
  max-width: 190px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.home-box .left .info h3 .edit .iconfont {
  font-size: 16px;
  display: inline-block;
  margin: -3px 0 0 5px;
  vertical-align: middle;
  opacity: .6;
  color: #fff;
}
.home-box .left .info p {
  color: #fff;
  font: 14px/20px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
}

.vip.lv1 {
  width: 24px;
  height: 24px;
  background-image: url('../img/my_sprite.f0a26.png');
  background-repeat: no-repeat;
  background-position: -104px -125px;
  background-size: 158px;
}
.vip.lv2 {
  width: 24px;
  height: 24px;
  background-image: url('../img/my_sprite.f0a26.png');
  background-repeat: no-repeat;
  background-position: -52px -125px;
  background-size: 158px;
}
.vip.lv3 {
  width: 24px;
  height: 24px;
  background-image: url('../img/my_sprite.f0a26.png');
  background-repeat: no-repeat;
  background-position: -134px -57px;
  background-size: 158px
}
.vip.lv4 {
  width: 24px;
  height: 24px;
  background-image: url('../img/my_sprite.f0a26.png');
  background-repeat: no-repeat;
  background-position: -130px -125px;
  background-size: 158px
}
.vip.lv5 {
  width: 24px;
  height: 24px;
  background-image: url('../img/my_sprite.f0a26.png');
  background-repeat: no-repeat;
  background-position: -134px -31px;
  background-size: 158px
}
.vip.lv6 {
  width: 24px;
  height: 24px;
  background-image: url('../img/my_sprite.f0a26.png');
  background-repeat: no-repeat;
  background-position: -134px -83px;
  background-size: 158px
}
.vip.lv7 {
  width: 24px;
  height: 24px;
  background-image: url('../img/my_sprite.f0a26.png');
  background-repeat: no-repeat;
  background-position: -26px -125px;
  background-size: 158px
}
.vip.lv8 {
  width: 24px;
  height: 24px;
  background-image: url('../img/my_sprite.f0a26.png');
  background-repeat: no-repeat;
  background-position: -78px -125px;
  background-size: 158px
}
.vip.lv9 {
  width: 24px;
  height: 24px;
  background-image: url('../img/my_sprite.f0a26.png');
  background-repeat: no-repeat;
  background-position: 0 -125px;
  background-size: 158px
}
.home-box .left .menu {
  margin: 20px 0;
}
.home-box .left .menu ul li{
  line-height: 32px;
  margin-bottom: 12px;
}
.home-box .left .menu ul .active{
  border-left: 3px solid #f01742;
}
.home-box .left .menu ul .active a{
  font-weight: 700;
  padding-left: 17px;
  color: #f01742;
}
.home-box .left .menu ul .active .iconfont{
  font-weight: 400;
  color: #f01742;
}
.home-box .left .menu ul li a .iconfont {
  font-size: 20px;
  display: inline-block;
  min-width: 20px;
  margin: -2px 16px 0 0;
  vertical-align: middle;
  color: grey;
}
.home-box .left .menu ul li a{
  font: 16px/32px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  display: block;
  padding: 0 20px;
}
.home-box .left .menu li a span {
  font: 12px/20px Arial;
  float: right;
  height: 19px;
  margin-top: 7px;
  padding: 0 6px;
  text-align: center;
  color: #fff;
  border-radius: 100px;
  background: #f01742;
}
.home-box .right{
  background: white;
  border-radius: 6px;
  overflow: hidden;
  margin-left: 20px;
  margin-bottom: 20px;
  width: 770px;
}
.home-box .right .home-info{
  padding: 0 20px;
  padding-bottom: 20px;
}
.home-box .right .home-info h2{
  font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  line-height: 60px;
  margin-top: 10px
}
/* 官方样式 */
.xw0{margin-left: 15px;font-size: 12px;}
.pf_l li{float: left;width: auto;margin-right: 35px;color: #5a5a5a;}
.pf_l em{padding-right: 2px;}
.bm_h{height: 32px;line-height: 36px;}
.table_show,#pcr{border: 2px solid #f4f4f4;width: 100%;margin: 15px 0;}
.table_show th,.table_show td,#pcr td,#pcr th{padding: 11px 0 11px 8px;}
.table_show th,#pcr th{color: #acacac;}
.table_show td,#pcr td{color: #5a5a5a;}
.md_ctrl{margin: 15px 0;}
.block_title{padding-bottom: 8px;border-bottom: 1px dashed #cdcdcd;}
.group_show{position: absolute;top: 0px;right: 0px;}
.group_show li{float: left;margin-left: 30px;}
#pbbs,#psts .pf_l{overflow: hidden;border: solid #f4f4f4;border-width: 2px 2px 1px 1px;}
#pbbs div,#psts .pf_l div{float: left;width: 357px;border-bottom: 1px solid #f4f4f4;}
#pbbs span,#psts .pf_l span{padding: 11px 0 11px 10px;display: inline-block;color: #5a5a5a;}
#pbbs .th,#psts .pf_l .th{width: 84px;border: solid #f4f4f4;border-width: 0 1px 0 1px; color: #acacac;}
#psts{margin-top: 20px;}


.home-box .right .home-msg-list{
  padding: 0 20px;
}
.home-box .right .home-msg-list h2{
  font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  line-height: 40px;
  margin-top: 10px
}
.home-box .right .home-msg-list li {
  padding: 20px 0;
  border-bottom: 1px solid #f5f5f5;
}
.home-box .right .home-msg-list li h3 {
  height: 20px;
  margin-bottom: 12px;
}
.home-box .right .home-msg-list li b {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -4px 5px 0 0;
  vertical-align: middle;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-image: url('../img/sys.10079.png');
}
.home-box .right .home-msg-list li p {
  font: 14px/24px PingFangSC-Regular,'-apple-system',Simsun;
}
.home-box .right .home-msg-list li .link {
  overflow: hidden;
}
.home-box .right .home-msg-list li .link a {
  font: 14px/24px PingFangSC-Regular,'-apple-system',Simsun;
  float: right;
  color: #4fb53d;
}
.home-box .right .home-msg-list li .link a .iconfont {
  font-size: 14px;
  display: inline-block;
  width: 14px;
  margin: -2px 0 0;
  vertical-align: middle;
}
.home-box .right .home-login-info{
  padding: 0 20px;
  border-bottom: 1px dashed #e6e6e6;
  padding-bottom: 20px;
}
.home-box .right .home-login-info h2{
  font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  line-height: 40px;
  margin-top: 10px
}
.home-box .right .home-login-info p{
  line-height: 30px;
  font-size: 14px;
}
.home-box .right .home-login-info p b{
  color: red;
}
.home-box .right .home-login-info p span{
  color: #999999;
  font-size: 12px;
}
.home-box .right .home-login-info p a{
  color: blue;
}
.home-box .right .mybook .mybook-nav{
  height: 60px;
  line-height: 60px;
}
.home-box .right .mybook .mybook-nav ul{
  padding: 0 20px;
}
.home-box .right .mybook .mybook-nav ul li{
  display: inline-block;
  font-size: 15px;
  height: 30px;
  padding: 0 8px;
  line-height: 30px;
  margin-right: 20px;
  font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
}
.home-box .right .mybook .mybook-nav ul .active{
  background: #fc0e50;
}
.home-box .right .mybook .mybook-nav ul .active a{
  color: white;
}
.home-box .right .mybook .mybook-list ul li{
  margin: 10px 0;
  padding: 10px 20px;
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
}
.home-box .right .mybook .mybook-list ul li .book-img{
  width: 51px;
  height: 68px;
  position: relative;
  border: 1px solid #e6e6e6;
  flex-shrink: 0;
  margin-left: 30px;
}
.home-box .right .mybook .mybook-list ul li .book-img a{
  position: relative;
  z-index: 1;
  display: block;
  overflow: visible!important;
  width: 100%;
  height: 100%;
  box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #f9f2e9 inset;
}
.home-box .right .mybook .mybook-list ul li .book-img a img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -ms-transition: -ms-transform .3s ease-out;
  transition: transform .3s ease-out;
  color: #fcfcfa;
}
.home-box .right .mybook .mybook-list ul li .book-img a img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.home-box .right .mybook .mybook-list ul li .book-img a i{
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: -2px;
  width: 55px;
  height: 18px;
  text-align: center;
  color: #fff;
  background-image: url('../img/my_sprite.f0a26.png');
  background-repeat: no-repeat;
  background-position: 0 -54px;
  background-size: 158px;
}
.home-box .right .mybook .mybook-list ul li .book-info{
  flex-shrink: 0;
  width: 144px;
  margin-left: 20px;
}
.home-box .right .mybook .mybook-list ul li .book-info h2{
  font: 14px/16px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  width: 144px;
  height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-box .right .mybook .mybook-list ul li .book-info p{
  font-size: 12px;
  color: grey;
}
.home-box .right .mybook .mybook-list ul li .book-chapter{
  font: 14px/16px PingFangSC-Regular,'-apple-system',Simsun;
}
.home-box .right .mybook .mybook-list ul li .book-btn{
  margin-left: auto;
  flex-shrink: 0;
}
.home-box .right .mybook .mybook-list ul li .book-btn a{
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
  border-color: #f01742;
  background: #f01742;
  padding: 0 10px;
  border-radius: 50px;
  font: 14px/30px PingFangSC-Regular,'-apple-system',Simsun;
  display: block;
}
.nodata{
  margin: 100px auto;
  text-align: center;
  letter-spacing: 2px;
  font: 14px/16px PingFangSC-Regular,'-apple-system',Simsun;
}
.reso h2{
  padding: 15px 20px;
}
.reso ul li{
  height: 30px;
  line-height: 30px;
  font: 14px/16px PingFangSC-Regular,'-apple-system',Simsun;
}
.reso ul li span{
  padding: 0 5px;
  background: #e6e6e6;
  color: #999;
}
.reso ul li .num{
  width: 30px;
  display: inline-block;
}
.reso ul li span.num1{
  background: #f01742;
  color: white;
}
.reso ul li span.num2{
  background: #84e7d6;
  color: white;
}
.reso ul li span.num3{
  background: #81de87;
  color: white;
}
.sotip{
  padding: 20px;
  padding-bottom: 0px;
}
.sotip span{
  color: red;
}
.btnmoren{
  width: 120px;
  height: 20px;
  background: red;
  color: white;
}
table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}
table.gridtable th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
}
table.gridtable td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
}


.page {
  min-height: 40px;
  margin: 10px 0;
}
.page ul li{
  height: 34px;
  width: 34px;
  text-align: center;
  line-height: 34px;
  margin: 0 5px;
  font: 14px/34px Arial;
}
.page ul .prev,.page ul .next{
  font-family: simsun;
}
.page ul .go{
  border: 1px solid #f2f2f2;
}
.page ul .input{
  width: 80px;
  text-align: center;
}
.page ul li select{
  border: none;
  width: 100%;
  height: 100%;
  outline: medium;
  padding: 0;
  margin: 0;
  float: left;
  text-align: center;
}
.page ul li a:hover{
  border-color: #f01742;
  color: #f01742;
}
.page ul li a{
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  transition: color .3s,border .3s;
}
.page ul li .active{
  color: #fff;
  border: 1px solid #f01742;
  border-radius: 2px;
  background: #f01742;
}
.no-data {
  width: 300px;
  margin: 60px auto 30px;
  text-align: center;
}
.no-data .no-result-img {
  padding: 47px 0 13px;
}
.no-data-img {
  display: block;
  width: 53px;
  height: 71px;
  margin: 0 auto 10px;
  background: url('../img/no-list.png') no-repeat;
}
.no-data h3 {
  font: 15px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
}
footer {
  background: #ffebee;
  min-height: 200px;
  text-align: center;
  padding: 20px;
}

footer .link {
  margin: 10px 0;
}

footer .link ul li {
  display: inline-block;
  margin: 0 8px;
  font-family: PingFangSC-Regular,'-apple-system',Simsun;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
  color: #a5545f;
}

footer .link ul span {
  color: #a5545f;
  margin-right: 10px;
}

footer .link ul li a {
  color: #a5545f;
}

footer .info p {
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
  overflow: hidden;
  height: 20px;
  color: #e5bdc3;
  margin: 5px 0;
}

footer .info p a {
  color: #a5545f;
}

footer .menu .site1 {
  display: inline-block;
  overflow: hidden;
  width: 128px;
  height: 48px;
  margin-right: 10px;
  border: 1px solid #ededed;
  border-radius: 5px;
  background-image: url('../img/foot_site.png');
  background-position: 0 -47px;
}

footer .menu .site2 {
  display: inline-block;
  overflow: hidden;
  width: 128px;
  height: 48px;
  margin-right: 10px;
  border: 1px solid #ededed;
  border-radius: 5px;
  background-image: url('../img/foot_site.png');
  background-position: 0 0;
}

footer .menu .site3 {
  display: inline-block;
  overflow: hidden;
  width: 128px;
  height: 48px;
  margin-right: 10px;
  border: 1px solid #ededed;
  border-radius: 5px;
  background-image: url('../img/foot_site.png');
  background-position: 0 -96px;
}
.error .left{
  margin: 150px 0;
  width: 580px;
  flex-shrink: 0
}
.error .right{
  flex: 1;
}
.error .right h3{
  font: 36px/42px FZZCYSK;
  margin-bottom: 32px;
  color: #6b3612;
}
.error .right p {
  font: 14px/32px PingFangSC-Regular,'-apple-system',Simsun;
  color: grey;
}
.error .right .btBox{
  margin-top: 80px;
}
.error .right .btBox a{
  color: blue;
  margin-right: 20px;
}

.error-img {
  width: 532px;
  height: 232px;
  background: url('../img/error.2637b.png') no-repeat;
}
@keyframes monthShow {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  30% {
    -webkit-transform: scale3d(1.25,.75,1);
    transform: scale3d(1.25,.75,1)
  }

  40% {
    -webkit-transform: scale3d(.75,1.25,1);
    transform: scale3d(.75,1.25,1)
  }

  50% {
    -webkit-transform: scale3d(1.15,.85,1);
    transform: scale3d(1.15,.85,1)
  }

  65% {
    -webkit-transform: scale3d(.95,1.05,1);
    transform: scale3d(.95,1.05,1)
  }

  75% {
    -webkit-transform: scale3d(1.05,.95,1);
    transform: scale3d(1.05,.95,1)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@-webkit-keyframes monthShow {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  30% {
    -webkit-transform: scale3d(1.25,.75,1);
    transform: scale3d(1.25,.75,1)
  }

  40% {
    -webkit-transform: scale3d(.75,1.25,1);
    transform: scale3d(.75,1.25,1)
  }

  50% {
    -webkit-transform: scale3d(1.15,.85,1);
    transform: scale3d(1.15,.85,1)
  }

  65% {
    -webkit-transform: scale3d(.95,1.05,1);
    transform: scale3d(.95,1.05,1)
  }

  75% {
    -webkit-transform: scale3d(1.05,.95,1);
    transform: scale3d(1.05,.95,1)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@-moz-keyframes monthShow {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  30% {
    -webkit-transform: scale3d(1.25,.75,1);
    transform: scale3d(1.25,.75,1)
  }

  40% {
    -webkit-transform: scale3d(.75,1.25,1);
    transform: scale3d(.75,1.25,1)
  }

  50% {
    -webkit-transform: scale3d(1.15,.85,1);
    transform: scale3d(1.15,.85,1)
  }

  65% {
    -webkit-transform: scale3d(.95,1.05,1);
    transform: scale3d(.95,1.05,1)
  }

  75% {
    -webkit-transform: scale3d(1.05,.95,1);
    transform: scale3d(1.05,.95,1)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@-ms-keyframes monthShow {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  30% {
    -webkit-transform: scale3d(1.25,.75,1);
    transform: scale3d(1.25,.75,1)
  }

  40% {
    -webkit-transform: scale3d(.75,1.25,1);
    transform: scale3d(.75,1.25,1)
  }

  50% {
    -webkit-transform: scale3d(1.15,.85,1);
    transform: scale3d(1.15,.85,1)
  }

  65% {
    -webkit-transform: scale3d(.95,1.05,1);
    transform: scale3d(.95,1.05,1)
  }

  75% {
    -webkit-transform: scale3d(1.05,.95,1);
    transform: scale3d(1.05,.95,1)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

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

  100% {
    -webkit-transform: translateY(0);
    opacity: 1
  }
}

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

  100% {
    -moz-transform: translateY(0);
    opacity: 1
  }
}

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

  100% {
    -ms-transform: translateY(0);
    opacity: 1
  }
}

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

  100% {
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes floating {
  0% {
    transform: translateX(0)
  }

  50% {
    transform: translateX(-8%)
  }

  100% {
    transform: translateX(0)
  }
}

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateX(0)
  }

  50% {
    -webkit-transform: translateX(-8%)
  }

  100% {
    -webkit-transform: translateX(0)
  }
}