@charset "UTF-8";
* {
    outline: none;
}
article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    -webkit-text-size-adjust: none;
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
#xs-app{
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
}
* {
    font-family: "Microsoft YaHei";
}
a {
    text-decoration: none;
    font-size: 12px;
    color: #333;
    outline: 0;
}
i {
    font-style: normal;
}
ul {
    list-style: none;
}
img {
    border: 0;
    vertical-align: middle;
}

.fl {
    float: left;
}
.fr {
    float: right;
}
.xs-wrapper {
    background-color: #eef9f7 !important;
}
.subnav {
    background-color: #eef9f7;
}
.subnav .subnavbar .subnavbar-content {
    width: 1200px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    zoom: 1;
}
.subnav .subnavbar .subnavbar-content .con_left {
    height: 100%;
}
.subnav .subnavbar .subnavbar-content .con_left a {
    padding: 0 20px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    color: #666;
}
.subnav .subnavbar .subnavbar-content .con_left a:first-child {
    padding-left: 0;
}
.subnav .subnavbar .subnavbar-content .right-login {
    position: relative;
    height: 100%;
}
.subnav .subnavbar .subnavbar-content .right-login a{
    font-size: 12px;
    margin-left: 29px;
    color: #333;
}

.xs-header .header-bg{
    background: url(../img/jw_header2.d790111.jpg) center top no-repeat;
}
 
.xs-header .header-bg .logozone{
    padding-top: 25px;
    padding-bottom: 25px;
}
.xs-header .header-bg .logozone .logo {
    height: 50px;
    position: relative;
    margin: 0 auto;
    width: 1020px;
    zoom: 1;
}
.xs-header .header-bg .logozone .logo a {
    text-decoration: none;
    font-size: 12px;
    color: #333;
}
.xs-header .header-bg .logozone .logo a .logoImage{
    width: 191px;
    height: 50px;
    position: absolute;
 
 
}
.xs-header .header-bg .logozone .logo a .logoImage img{
    width: 100%;
    height: 100%;
}
/* .xs-header .header-bg .logozone .logo a .logoImage {
    background-image: url(https://pic.motieimg.com/web-pc-ssr/dist/static/img/jinwen_logo.d21fb1f.png);
} */
.searchbox{
    width: 247px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    top: 0;
    right: 150px;
    position: absolute;
}
.searchbox .searchbox-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}
body, button, input, select, textarea {
    font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";
}
input[type=button], input[type=submit], input[type=text] {
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
}
.searchbox .searchbox-inner .searchinput{
    border: 0;
    padding: 0 2px 0 28px;
    font-size: 12px;
    width: 217px;
    height: 30px;
    line-height: 30px;
    margin-top: 0;
    display: block;
    background: #faf9f4;
    border-radius: 16px;
}
.searchbox .searchbox-inner .searchbtn{
    display: block;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 1px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.searchbox .searchbox-inner .searchbtn {
    background-color: #0fb295;
}
.searchbox .searchbox-inner .search-icon {
    position: absolute;
    right: 4px;
    top: 5px;
    z-index: 2;
    pointer-events: none;
    background-image: url(../img/sprite.e3a5567.png);
    background-position: -451px -24px;
    width: 20px;
    height: 21px;
}
.mybookshelf{
    margin-top: 10px;
    font-size: 16px !important;
    height: 30px;
    line-height: 30px;
}
.xs-header .header-bg .logozone .logo a{
    text-decoration: none;
    font-size: 12px;
    color: #333;
}
.mybookshelf i {
    margin-right: 15px;
    float: left;
    border-radius: 50%;
    background-image: url(../img/sprite.e3a5567.png);
    background-position: -414px -197px;
    width: 30px;
    height: 30px;
}
.mybookshelf i {
    background-color: #0fb295;
}

.xs-header .header-bg .logozone .logo:after {
    clear: both;
    content: '';
}
.xs-header .firstnav{
    margin: 0 auto;
    height: 45px;
    line-height: 45px;
}
.xs-header .firstnav {
    background-color: #0fb295;
}
.xs-header .firstnav ul {
    zoom: 1;
    width: 1020px;
    margin: 0 auto;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    background-color: #0fb295;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.xs-header .firstnav ul li{
    float: left;
    margin-left: 0px;
    padding: 0 19px;
    position: relative;
}
.xs-header .firstnav ul li.curr {
    background-color: #0fceac;
}
.xs-header .firstnav ul li a {
    color: #fff;
    font-size: 15px;
}
/*第一版板块*/
.container{
    min-width: 1020px;
    width: 1020px;
    margin: 0 auto;
    min-height: 90vh;
    padding-top: 15px;
}
.skeletonBox {
    background: #fff;
    float: left;
    height: 100%;
    position: relative;
}
.listBookname1{
    width: 100%;
    position: relative;
    background: #fff;
    height: 100%;
    float: left;
}

.listTitle .mod-title {
    margin-left: 15px;
    height: 39px;
    line-height: 39px;
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
}
.listTitle .mod-title .title-bd {
    position: relative;
    padding-left: 0;
    border-bottom: none;
}
.listTitle .mod-title .title-bd h2 {
    height: 39px;
    line-height: 39px;
    display: inline-block;
    font-size: 15px;
    color: #333;
    font-weight: 600;
}
.listBookname1 .boxlist{
    margin: 7px 20px 0;
}
.listBookname1 .boxlist li{
    height: 29px;
    line-height: 29px;
}
.listBookname1 .boxlist li>a{
    display: inline-block;
    height: 29px;
    line-height: 29px;
    font-size: 12px;
    color: #333;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}
.listBookname1 .boxlist li>a span{
    color: #999;
}
.book-a{
    margin-bottom: 10px;
    height: 290px;
    background: #fff;
}
.book-b{
    margin: 15px 0px 15px 15px;
    height: 260px !important;
    margin: 15px 0px 15px 15px;
    height: 260px !important;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    border-radius: 5px;
}
.book-c{
    margin: 0px 5px 0px 0px;
}
/* 第一板块右侧样式*/
.swiper {
    float: left;
    width: 100%;
    height: 100%;
}
.el-carousel {
    overflow-x: hidden;
    position: relative;
}
.swiper .el-carousel {
    width: 100%;
/*     height: 100%;
    position: relative; */
}
.el-carousel__container {
    position: relative;
    height: 300px;
}
.swiper .el-carousel .el-carousel__container {
    width: 100%;
    height: 100%;
}
.swiper .el-carousel .el-carousel__indicators {
    position: absolute;
    list-style: none;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    z-index: 2;
}

 
.book-e{
    width: 730px;
    height: 245px;
    padding: 22.5px 20px 22.5px 0px;
}
/* 幻灯样式结 */
.jinwen-index .banner-right{
float: right;
    position: relative;
    width: 210px;
    height: 100%;
    background: #fff;
    padding: 0 10px;
	border-radius: 5px;
}
.jinwen-index .banner-right:hover  {

 
 
}
.jinwen-index .banner-right span{
    display: block;
}
.jinwen-index .banner-right span.ft-1{
    margin-top: 15px;
    width: 100px;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}
.jinwen-index .banner-right span.fm18{
    font-size: 18px;
}
.jinwen-index .banner-right span.ft-2{
    width: 105px;
    margin: 15px 0px 0px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}
.jinwen-index .banner-right span.ft-2 a{
    display: inline-block;
    font-size: 14px;
}
.jinwen-index .banner-right span.ft-3{
    width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 7px;
    font-size: 12px;
    color: #b1b1b1;
}
.jinwen-index .banner-right span.ft-4{
    font-size: 12px;
    color: #999;
    margin: 10px 0px 0px 8px;
}
.jinwen-index .banner-right span.ft-5{
    width: 110px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0px 0px 8px;
}
.jinwen-index .banner-right span.ft-5 em{
    font-style: normal;
    font-weight: normal;
   
    margin-right: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jinwen-index .banner-right span.ft-5 em a{
    display: inline-block;
    font-size: 14px;
}
.jinwen-index .banner-right span.ft-6{
    height: 56px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
    line-height: 18px;
    text-indent: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 20px 5px 0px;
}
.jinwen-index .banner-right .pic-1{
    position: absolute;
    right: 35px;
    top: 55px;
}
/*美化作家推荐开始*/
.zuojia-lla {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    margin: 10px 0 10px;
    color: #333;
}
.zuojia-lla i {
    display: inline-block;
    padding: 0 10px;
	font-weight: 600;
}
.zuojia-left {
    background: -webkit-linear-gradient(left,#fff, #333);
    background: -o-linear-gradient(right,#fff, #29CD31);
    background: -moz-linear-gradient(right,#fff, #29CD31);
    background: linear-gradient(to right,#fff, #333);
    filter: progid:dximagetransform.microsoft.gradient(gradientType='1',startColorStr='#ffffffff',endColorStr='#29CD31');
    width: 45px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
}
.zuojia-right {
    background: -webkit-linear-gradient(left,#333,#fff);
    background: -o-linear-gradient(right, #29CD31, #fff);
    background: -moz-linear-gradient(right, #29CD31, #fff);
    background: linear-gradient(to right, #333, #fff);
    filter: progid:dximagetransform.microsoft.gradient(gradientType='1',startColorStr='#29CD31',endColorStr='#ffffffff');
    width: 45px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
}
.jinwen-index .banner-right .zuojia-lla span {
    display: block;
}
.zuojia-yeudu a {
    display: block;
    width: 100px;
    height: 28px;
    line-height: 28px;
    background-color: #0fb295;
    font-size: 13px;
    color: #fff;
    margin: 10px auto;
    border-radius: 3px;
    text-align: center;
    letter-spacing: 1.5px;
}
 .zuojia-yeudu a:hover  
 {
 
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
 .dg-booka4:hover  {
 
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.jinpai-xs {
    color: #ff4c2f;
    margin-left: 5px;
    font-size: 14px;
}
/*     font-size: 12px;
    margin-right: 5px;
    padding: 1px 2px;
    border: 1px solid #ff4c2f;
    height: 23px;
    line-height: 23px; */
 
/*美化作家推荐结束*/
/*热门推荐开始*/
 
.tuijian-A1{
    position: relative;
    z-index: 1;
    height: 1000%;
    border-radius: 3px;
    width: 770px;;
}
 
.tuijian-A1 .tuijian-B1 {
  position: relative;
  z-index: 1
}
.tuijian-A1 .tuijian-B1 ul {
    margin: 10px 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tuijian-A1 li {
    position: relative;
    z-index: 1;
    text-align: center;
}
.tuijian-A1  .tuijian-B1 li {
    float: left;
    width: 150px;
 
    background: url(../img/book_bottom_1x.dc739.png) no-repeat 19px 1px;
}
.tuijian-A1 li .book-shadow {
    position: absolute;
    z-index: 2;
    transition: all .3s;
}
.tuijian-A1 .tuijian-B1 li .book-shadow {
    bottom: 45px;
    left: 50%;
    width: 159px;
    height: 8px;
    margin-left: -78px;
    background: url(../img/shadow_1x.ef400.png) no-repeat;
}
.tuijian-A1 .tuijian-B1 li .img-box {
    position: relative;
    z-index: 1;
    width: 105px;
    height: 154px;
    margin: 4px auto 15px;
}
.tuijian-A1 li .img-box:hover img {
  -webkit-transform: rotateY(-25deg);
  -moz-transform: rotateY(-25deg);
  -ms-transform: rotateY(-25deg);
  transform: rotateY(-25deg)
}
.tuijian-A1 li .img-box a {
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
}
.tuijian-A1 .tuijian-B1 li .img-box a,
.tuijian-A1 .tuijian-B1 li .img-box img {
  display: block;
  width: 100%;
  height: 140px
}
.tuijian-A1 li .img-box img {
    -webkit-transition: -webkit-transform .2s ease 0s;
    -moz-transition: -moz-transform .2s ease 0s;
    -ms-transition: -ms-transform .2s ease 0s;
    transition: transform .3s ease 0s;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-style: initial!important;
    -moz-transform-style: initial!important;
    transform-style: initial!important;
}
.tuijian-B1 h3 {
    margin: 0 auto 6px;	
}
.tuijian-B1 h3 a{
    font-size: 13px;
    color: #333;
    display: inline-block;
    text-align: center;
    width: 100%;
    font-weight: 600;	
	 overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.tuijian-B1 p{
    font-size: 12px;
    color: #999;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
 	
}


/*热门推荐结束*/
.jinwen-index .banner-right .pic-1 .book-cover{
    position: relative;
    z-index: 4;
    float: right;
    width: 52px;
    height: 91px;
    margin-top: -3px;
    margin-right: 8px;
    text-align: center;
    -webkit-transform: perspective(60px) rotateY(-10deg);
    transform: perspective(60px) rotateY(-10deg);
}
.jinwen-index .banner-right .pic-1 .book-cover a{
    display: inline-block;
}
.jinwen-index .banner-right .pic-1 .book-cover a img{
    width: 52px;
    height: 87px;
    outline: transparent solid 1px;
}
.jinwen-index .banner-right span{
    display: block;
}
.jinwen-index .banner-right .pic-1 .book-cover span{
    position: absolute;
    z-index: -2;
    top: 83.1%;
    left: 5px;
    width: 22px;
    height: 9px;
    content: '';
    -webkit-transform: perspective(35px) rotateX(-60deg) rotateY(-5deg);
    transform: perspective(35px) rotateX(-60deg) rotateY(-6deg);
    -webkit-box-shadow: 25px 0 5px 5px #adadad;
    box-shadow: 25px 0 5px 5px #adadad;
}
.jinwen-index .banner-right .pic-1 .book-cover:after {
    position: absolute;
    z-index: 2;
    top: 2%;
    left: 100%;
    width: 10%;
    height: 92%;
    content: ' ';
    -webkit-transform: perspective(60px) rotateY(30deg);
    transform: perspective(60px) rotateY(30deg);
    background-color: #efefef;
    -webkit-box-shadow: inset 0 0 5px #333;
    box-shadow: inset 0 0 5px #333;
}
/*第二板块*/
.skeletonBox {
    background: #fff;
    float: left;
    height: 100%;
    position: relative;
}
.listBook3{
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #fff;
    float: left;
}

.listBook3 .ul{
    margin: 9px 35px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.listBook3 .ul .pic-book {
    padding-bottom: 10px;
    overflow: hidden;
    width: 140px;
    float: left;
}
.listBook3 .ul .pic-book dt a{
    text-decoration: none;
    font-size: 12px;
    color: #333;
    position: relative;
    display: block;
}
.listBook3 .ul .pic-book dt a img {
    margin: 0 auto;
    display: block;
    width: 110px;
    height: 150px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.listBook3 .ul:after {
    clear: both;
    content: '';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}
.pic-book dt{
	    width: 140px;
}

.listBook3 .ul .pic-book dd{
    margin-top: 12px;
} 
.listBook3 .ul .pic-book dd a{
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.listBook3 .ul .pic-book dd .htit{
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    text-align: center;
    color: #333;
}
.listBook3 .ul .pic-book dd .htit span{
    display: block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
} 
.listBook3 .ul .pic-book dd .hname{
    display: block;
    text-align: center;
    color: #999;
    font-size: 12px;
}
.jinwen-index .alone2{
    width: 240px;
    height: 290px;
    overflow: hidden;
    position: relative;
    background: #fff;
    float: right;
}
.listTitle {
    overflow: hidden;
    background: #fff;
}
 


.jinwen-index .alone2 .boxlist{
 
    margin: 7px 20px 0;
}
.jinwen-index .alone2 .boxlist li {
    line-height: 30px;
    background: url(../img/tui.png)  left no-repeat;
    padding-left: 25px;
    height: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jtuijian-xsa{
    color: #ff4c2f;
    margin-right: 10px;
    font-size: 14px;	
}
 
.jinwen-index .alone2 .boxlist li a{
    display: inline-block;
}
.jinwen-index .alone2 .index-ad-r{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.jinwen-index .alone2 .index-ad-r a{
    display: inline-block;
}
.jinwen-index .alone2 .index-ad-r a img{
    width: 100%;
    height: 120px;
}
.book-f{
    margin-bottom: 10px;
    height: 290px;	
}
.book-g{
    width: 770px;
}
.book-h{
    height: 49px;	
}
/*精品推荐*/
.swiper3 .el-carousel{
    padding: 10px 20px 25px 20px;
    position: relative;
}
.swiper3 .el-carousel .el-carousel__container .el-carousel__item{
    width: 80px;
    height: 110px;
}
.el-carousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0;
}
.el-carousel__item--card {
    width: 50%;
    transition: transform .4s ease-in-out;
}
.el-carousel__item--card {
    width: 50%;
    transition: transform .4s ease-in-out;
}
.el-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: 1;
}
.el-carousel__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .24;
    transition: .2s;
}
.swiper3 .content{
    width: 100%;
    height: 100%;
    display: inline-block;
}
.swiper3 .content img{
    width: 100%;
    height: 100%;
}

.swiper3 .publish-text-2{
    margin: 0 20px;
    height: 175px;
    overflow: hidden;
}
.swiper3 .publish-text-2 span{
    text-align: center;
    display: block;
}
.swiper3 .publish-text-2 span a{
    font-size: 16px;
    color: #333;
    display: inline-block;
}
.swiper3 .publish-text-2 span{
    text-align: center;
    display: block;
}
.swiper3 .publish-text-2 .txt-2 a{
    font-size: 14px;
    color: #ff4c2f;
    margin: 4px 0 4px 0;
}
.swiper3 .publish-text-2 .txt-4{
    margin-top: 7px;
    height: 53px;
    line-height: 18px;
    overflow: hidden;
}
.swiper3 .publish-text-2 .txt-4 a{
    height: 100%;
    display: inline-block;
    font-size: 12px;
    color: #b1b1b1;
}
.swiper3 .publish-text-2 .redbtn{
    display: block;
    width: 100px;
    height: 28px;
    line-height: 28px;
    background-color: #ff4c2f;
    font-size: 16px;
    color: #fff;
    margin: 10px auto;
    border-radius: 5px;
    text-align: center;
}
.swiper3 .publish-text-2 .redbtn{
    background-color: #0fb295 !important;
}


.listTab {
    overflow: hidden;
    background: #fff;
    width: 100%;
    height: 100%;
    float: left;
}
.book-h .mod-title{
    margin: 0 0px 0 20px;
    height: 39px;
    line-height: 39px;
    background: #fff;
    border-bottom: 1px solid #f0f3f5 !important;
}
.listTab .mod-title {
    margin: 0 0px 0 20px;
    height: 39px;
    line-height: 39px;
    background: #fff;
    border-bottom: 1px solid #f0f3f5 !important;
}
.listTab .mod-title .title-bd{
    position: relative;
}
 
.listTab .mod-title .title-bd h2{
    height: 39px;
    line-height: 39px;
    display: inline-block;
    font-size: 15px;
    color: #333;
    font-weight: 600;
}
.listTab .mod-title .title-bd .tab{
    position: absolute;
    right: 15px;
    top: 13px;
}
.listTab .mod-title .title-bd .tab li{
    float: left;
    width: 58px;
    height: 23px;
    color: #999;
    border: 1px solid transparent;
    border-radius: 12px;
    text-align: center;
    margin-right: -4px;
    margin-left: -4px;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
}


.listTab .mod-con {
    padding-left: 15px;
}
.listBook1{
    background: #fff;
    overflow: hidden;
    width: 240px;
    height: 108px;
    float: left;
    padding: 26px 5px;
}
.listBook1 dt{
    float: left;
}
.listBook1 dt a{
    font-size: 12px;
    color: #333;
    display: inline-block;
}
.listBook1 dt img{
    width: 74px;
    height: 100px;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    -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;
}
.listBook1 dt img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05)
}
.listBook1 dd{
    float: left;
    margin-left: 10px;
    width: 145px;
    margin-top: 5px;
}
.book-name{
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.book-info{
    display: block;
    margin-top: 10px;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.book-author{
    margin-top: 10px;
    font-size: 12px;
    color: #999;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 88px;
}
/* b{
    font-weight: 400;
    display: inline-block;
    width: 38px;
} */
.book-author a{
    color: #999;
    display: inline-block;
    float: right;
    overflow: hidden;
}

.book-jp1{
    margin-bottom: 10px;
    height: 360px;	
}
.book-jp2{
    width: 240px;
}
.book-jp3{
    height: 100px;
}
.book-jp4{
    width: 770px;
    float: right;
    position: relative;
    overflow: hidden;
}

/*三本书推荐*/
.mt-tabpage {
	width: 800px;
	margin: 30px auto;
	box-shadow: 0 0 5px #999;
	background-color: #FFFFFF;
}
.mt-tabpage-title {
	height: 44px;
	font-size: 0;
	background-color: #fff;
	width: 94%;
	margin: auto;
	background: #fff;
	border-bottom: 1px solid #f1f1f1;
}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: 105px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #666;
	font-size: 12px;
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #eb4537;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #eb4537;
	font-size: 14px;
	border-bottom: 1px solid #F85B5E;
}
.mt-tabpage-count {
	position: relative;
	width: 800px;
	height: 200px;
	overflow: hidden;
}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.mt-tabpage-count .mt-tabpage-item {
	width: 800px;
	height: 200px;
	line-height: 200px;
	text-align: center;
}
.pc-book{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0;
    width: 80px;
    height: 110px;	
}


/*三本书*/
.dg-container{
    width: 100%;
    height: 135px;
    position: relative;
    padding: 10px 0px 5px 0px;
}
.dg-wrapper{
    width: 80px;
    height: 110px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
.dg-wrapper a{
    width: 80px;
    height: 110px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	/* background: transparent url(../images/browser.png) no-repeat top left; */
	box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
.dg-wrapper a.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
    display: block;
    width: 100%;
    height: 100%;
}
 

.dg-wrapper a .dg-booka {
    height: 170px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    color: #333;
    width: 240px;
    bottom: -190px;
    display: none;
    position: absolute;
    left: -80px;
    transition: display 2s;
    transition-delay: 5s;
}
.dg-wrapper a.dg-center .dg-booka {
 	
    display: block;
}




/* .dg-wrapper a.dg-center .dg-booka:before {
  transform: scaleX(0);
  transition: transform .6s;
  transform-origin: left;
} */
.dg-container nav{
	width: 58px;
	position: absolute;
	z-index: 1000;
	bottom: 40px;
	left: 50%;
	margin-left: -29px;
}
.dg-container nav span{
	text-indent: -9000px;
	float: left;
	cursor:pointer;
	width: 24px;
	height: 25px;
	opacity: 0.8;
	background: transparent url(../images/arrows.png) no-repeat top left;
}
.dg-container nav span:hover{
	opacity: 1;
}
.dg-container nav span.dg-next{
	background-position: top right;
	margin-left: 10px;
}
.dg-center {transform: translateX(0px) translateZ(0px) rotateY(0deg);}
.dg-booka1{
    font-size: 14px;
    color: #333;
    display: inline-block;	
    text-align: center;
    width: 100%;
    font-weight: 600;
	
}
.dg-booka2{
    font-size: 13px;
    color: #ff4c2f;
    margin: 10px 0;
    display: inline-block;
    width: 100%;
    text-align: center;
	
}
.dg-booka2 p {
    display: inline-block;
    letter-spacing: 2px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    border: 1px solid;
    border-radius: 2px;
    padding: 0 4px 0 6px;
    color: #ff4c2f;
    border-color: #ff4c2f;
}
.dg-booka3 {
    height: 100%;
    display: inline-block;
    font-size: 12px;
    color: #999;
    height: 53px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 18px;
}

.dg-booka4{
     display: block;
    width: 100px;
    height: 28px;
    line-height: 28px;
    background-color: #0fb295;
    font-size: 13px;
    color: #fff;
    margin: 15px auto;
    border-radius: 3px;
    text-align: center;
    text-shadow: none;
   letter-spacing: 1.5px;
     -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
     box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.dg-bookb {
    margin: 0 20px;
    padding: 1px;
    height: 100%;
}


.book-d{
    width: 750px;
    float: right;
}
/*各版块推荐开始*/
.bk-book{
    margin-bottom: 10px;
    height: 400px;
}
.book-lxtj {
    margin-right: 7px;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 0 3px;
    height: 18px;
    max-width: 52px;
    border: 1px solid #0fb295;
    border-radius: 4px;
    background-color: #0fb295;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.book-reduB {
    margin-right: 3px;
    color: #999;
    float: left;
    letter-spacing: 1px;
    font-size: 12px;
    height: 19px;
    line-height: 19px;
}
.book-reduC {
    margin-right: 3px;
    color: #fff;
    float: right;
    letter-spacing: 1px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-top: 8px;
    background-color: #0fb295;
    padding: 0px 6px;
    border-radius: 2px;
}
.list-book{
    width: 245px;
    position: relative;
    background: #fff;
    height: 100%;
    float: left;
}
.xs01{
    margin-right: 13px;	
}
.xs02{
    float: right;	
}
.list-book .rank-xs{
    margin: 0px 20px;	
}
.list-book .rank-xs li {
    clear: both;
    margin-top: 15px;
    overflow: hidden;
}
.list-book .rank-xs li.top {
    position: relative;
}

.list-book .rank-xs li .num{
    width: 18px;
    height: 18px;
    background: #c2dbd2;
    border-radius: 15%;
    color: #fff;
    text-align: center;
    font-size: 12px;
    float: left;
    line-height: 18px;
}
.list-book .rank-xs li.top .num {
    position: absolute;
    top: 50%;
    margin-top: -10px;
}
.list-book .rank-xs li .front1{
    background: #ff4c2f;	
}
.list-book .rank-xs li .front2{
	
background: #ff8e3b;
}
.list-book .rank-xs li .front3{
	
background-color: #ffba50;
}

.list-book .rank-xs li .num.front  {
    background-color: #0fb295 !important;
}

.list-book .rank-xs li .book-block  {
    overflow: hidden;
    float: left;
    width: 100%;
    margin-left: 20px;
}
.list-book .rank-xs li.top dl  {
    margin-left: 30px;
}
.list-book .rank-xs li .book-block dt  {
    float: left;
}
.list-book .rank-xs li .book-block dt a  {
 
    display: inline-block;
    width: 60px;
    height: 80px;
}
.list-book .rank-xs li .book-block dt a img  {
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    height: 100%;
}
.list-book .rank-xs  li .book-block dd  {
    float: left;
    margin-left: 13px;
    width: 50%;
    margin-top: 10px;
}
.list-book .rank-xs li .book-block dd .book-name  {
    display: block;
    color: #000;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 6px;
}
.list-book .rank-xs li .book-block dd .book-author {
    position: relative;
    font-size: 12px;
    color: #b1b1b1;
    height: 18px;
    line-height: 18px;
    display: block;
    margin-top: 1px;
    padding-bottom: 5px;
}
.book-redu{
    color: #ff4c2f;
    font-size: 12px;
    overflow: hidden;
    display: inline-block;
}
.book-redua{
    color: #b1b1b1;
    font-size: 12px;
    overflow: hidden;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    width: 25%;
}
.book-redua:hover {
	 color: #ff4c2f;
}
.book-redua i{
    margin-right: 5px;
}
.book-redu i {
    margin-right: 5px;
 
}
.book-author i{
    margin-right: 5px;
    color: #b1b1b1;	
}
.list-book .rank-xs li .book-block dd .book-author a {
    width: 70%;
    display: inline-block;
    color: #999;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-book .rank-xs li .book-list-f  {
    margin: 0px 30px 0px 10px;
    font-size: 12px;
    color: #4c4c4c;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    display: inline-block;
    width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*最新更新*/
.gexin-book{
    margin-bottom: 20px;
    overflow: hidden;	
	
}
.Update-book{
    overflow: hidden;
    background: #fff;
    width: 100%;
    height: 100%;
    float: left;	
}
.Update-a{
    width: 770px;
    height: 826px;
}

.Update-book .mod-title {
    height: 39px;
    line-height: 39px;
    background: #fff;
    border-bottom: 1px solid #f0f3f5 !important;
    margin-left: 15px;
}
.Update-book .mod-title .title-bd {
    position: relative;
}
.Update-book .mod-title .title-bd h2 {
    height: 39px;
    line-height: 39px;
    display: inline-block;
    font-size: 15px;
    color: #333;
    font-weight: 600;
}
.Update-book .mod-title .title-bd .more {
    color: #999;
    font-size: 14px;
    position: absolute;
    right: 8px;
    top: 0;
}
.Update-book .content-all {
    padding: 10px 40px 0 30px;
}
.kanxiaoshuo {
    clear: both;
}
.Update-book .content-all .title span {
    line-height: 30px;
    color: #666;
    float: left;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    margin-right: 16px;
}
.Update-book .content-all .title .classis {
    width: 60px;
}
.Update-book .content-all .title .name {
    width: 110px;
    margin-right: 20px;
}
.Update-book .content-all .title .newest {
    width: 200px;
}
.Update-book .content-all .title .author {
    width: 100px;
}
.Update-book .content-all .title .time {
    width: 130px;
}
.kanxiaoshuo:after {
    display: block;
    clear: both;
    content: '';
}
.Update-book .content-all .item {
    /* border-bottom: 1px dashed #e6e6e6; */
}

.Update-book .content-all .item a {
    line-height: 38px;
    font-size: 12px;
    color: #999;
    float: left;
    margin-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Update-book .content-all .item p {
    line-height: 38px;
    font-size: 12px;
    color: #999;
    float: left;
    margin-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Update-book .content-all .item .classis {
    width: 75px;
    margin-right: 0px;
}
.Update-book .content-all .item .name {
    width: 120px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 40px;
}
.Update-book .content-all .item .newest {
    width: 250px;
    margin-right: 40px;
}
.Update-book .content-all .item .author {
    width: 80px;
}
.Update-book .content-all .item .time {
    cursor: inherit;
    width: 40px;
    margin-right: 0px;
	float: right;
}

.ruku-book{
    width: 240px;
    float: right;
    background: #fff;
    overflow: hidden;
    height: 826px;
}

/*全局底部*/
.footer {
    text-align: center;
    height: 180px;
    text-align: center;
    border-top: 1px solid #ccc;
    background: #0fb295;
}
.footer  .font {
    padding-top: 30px;
    line-height: 24px;
}
.footer .font a {
    margin-right: 30px;
    color: #fff;
    font-size: 12px;
}
.footer .announce {
    margin-top: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
}
.footer p {
    min-width: 1020px;
    width: 1020px;
    margin: 0 auto;
}
/*右侧版块*/
.youce-book .youce-kk  {
    top: 280px;
    width: 40px;
    position: fixed;
    left: 50%;
    z-index: 99999;
    margin-left: 620px;
}
.youce-book .youce-kk ul li  {
    height: 40px;
}
.youce-book .youce-kk ul li a  {
    border: 1px solid #d9d9d9;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sideMenu .rfloat ul li.r-1 a  {
    border-bottom: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0YmY5MDEzYy0wMjExLTQ1YzAtOTZlOS05ZTc3MzUzZjNiODkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDdGMUYyRDMzNzAwMTFFNzg4NzNBMUM1RjVDNEQ1NzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDdGMUYyRDIzNzAwMTFFNzg4NzNBMUM1RjVDNEQ1NzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0YmY5MDEzYy0wMjExLTQ1YzAtOTZlOS05ZTc3MzUzZjNiODkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGJmOTAxM2MtMDIxMS00NWMwLTk2ZTktOWU3NzM1M2YzYjg5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qb8HAAAAAcBJREFUeNrsmL1LAzEYxnt+oIK2f4CgTk5OcohY/AMU/EDRRSedXS34NSgujq6Cg+Cgg1gQ6ixYEG4XxMGKrmLrUSvSnk/gLRxHLon3oTfkgR8huUvuafImeanhOE4qyWpJJVzaoDaoDWqD2mDC1SZ6aJrmGooD0CkZpwLOwDbYA4sgI+lTAznLsg5FLxmiuxgGqyg6wC34EozTBwbBJ+gCD+BZ8D4bMwuqMNgTeAbpY1dgSiFUzsE8uAALoCHpkwfTUcRgReGdBn2Q6VLBHJMdOgY9mgFLnPZHsAHqVK97ng+zWGPhRPVT14+J1GCWls6rEhn00xBtmqae4jK4DvY5YfEh6XdCcdlOS1+O7JjhqBzwOLMD9vuVwX4wwml/BUVO+xjo5bTfSY6gwAZ3wIrP7PDOsgJIc9qPwWocBnfBtc8M8jQhmMFYlrhEqKoY+13MUca1i2t0tSUmm2FJwzt4I9jxMvqv2YxHLGEYcNW/wUuSDOYlN0Crp/yzJU4rjtPMeGYVx+2OYgbZJpgEN4r5IMsf58C9Yj5ohzWYo80xrpCSHYEtYpkMyzLqTZlBQ/+7pQ1qg9qgNqgNhtKPAAMAQq1d0h/TRe8AAAAASUVORK5CYII=) no-repeat #fff;
    background-position: -1px -1px;
}
.ruku-book .zxruku-book {
    margin-left: 15px;
    font-size: 0;
    list-style: none;
}
.ruku-book .zxruku-book li  {
    clear: both;
    margin-top: 15px;
    overflow: hidden;
}
.ruku-book .zxruku-book  li .num  {
width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #0fb295;
    text-align: center;
    font-size: 13px;
    float: left;
    line-height: 20px;
}
.ruku-book .zxruku-book  li .num.front  {
    
}

.ruku-book .zxruku-book  li .book-list-f  {
    margin-left: 5px;
    font-size: 12px;
    color: #333;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    display: inline-block;
    width: 115px;
    text-overflow: ellipsis;
    white-space: nowrap;;
}
.book-reduD {
    margin-right: 15px;
    color: #fff;
    float: right;
    letter-spacing: 1px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    background-color: #0fb295;
    padding: 0px 6px;
    border-radius: 2px;
}
/*列表页*/
.books{
    overflow: hidden;
    margin-bottom: 40px;
} 
.books .leftbar {
    width: 240px;
    float: left;
    background: #fff;
}
.books .leftbar .select {
    position: relative;
    margin: 20px 20px 15px;
    border-bottom: 1px solid #e6e6e6;
}
.books .leftbar .select .tname {
    display: block;
    font-size: 16px;
    font-weight: 700;
}
.books .leftbar .select .selectlist {
    padding-top: 10px;
    padding-bottom: 12px;
    position: relative;
}
.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}
.el-button--primary {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
}
.el-button--mini, .el-button--mini.is-round {
    padding: 7px 15px;
}
.el-button--mini {
    font-size: 12px;
    border-radius: 3px;
}
.books .leftbar .select .selectlist .el-button {
    margin: 3px 8px 3px 0;
}
.books .leftbar .select .selectlist .el-button.el-button--primary {
    padding: 3px 10px;
    border-radius: 5px;
    margin-right: 6px;
    background-color: #ff4c2f;
    border-color: #ff4c2f;
}
.books .leftbar .select .selectlist .el-button.el-button--primary {
    background-color: #0fb295 !important;
}
.books .leftbar .select .selectlist .el-button.el-button--primary{
    border-color: #0fb295;
}
.books .leftbar .select .selectlist  {
    padding-top: 10px;
    padding-bottom: 12px;
    position: relative;
}
.books .leftbar .select .selectlist .selectTag {
    margin: 7px 10px 7px 0;
    display: inline-block;
    padding: 2px 0px;
}

.books .leftbar .select .selectlist .selectTag+.selectTag {
    margin-left: 0px;
}
.books .leftbar .select .selectlist .selectTag.curr {
    padding: 1px 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    display: inline-block;
    background-color: #fff;
    color: #ff4c2f;
    border-color: #ff4c2f;
}
.books .leftbar .select .selectlist .selectTag.curr  {
    color: #0fb295 !important;
}
.books .leftbar .select .selectlist .selectTag.curr {
    border-color: #0fb295;
}
.books .leftbar .select .selectlist .selectTag.curr a  {
    color: #0fb295 !important;
}
.xs-top{
    margin-top: 10px;	
}
.books .right-main {
    width: 950px;
    float: right;
    background: #fff;
 
	width: 770px;
}
.books .right-main .tab-header {
    position: relative;
    padding-left: 20px;
    height: 49px;
    line-height: 49px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 0;
}
.books .right-main .tab-header .popRank {
    position: relative;
    float: left;
    margin-top: 1px;
    margin-right: 25px;
    width: 130px;
    text-align: center;
}
.books .right-main .tab-header .popRank .firstname {
    height: 23px;
    line-height: 23px;
    font-size: 14px;
    color: #333;
    text-align: center;
    border-radius: 12px;
}
.books .right-main .tab-header .tab-item-num  {
    margin-right: 30px;
    font-size: 12px;
    float: right;
 
    color: #999;
}
.books .right-main .tab-content {
    position: relative;
    padding-bottom: 0;
    margin: 5px 25px 0;
    overflow: hidden;
    min-height: 650px;
}
.books .right-main .tab-content dl {
    width: 50%;
    position: relative;
    float: left;
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}
.books .right-main .tab-content dl dt {
    width: 103px;
    float: left;
    height: 138px;

}
.books .right-main .tab-content dl dt a img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -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;
    box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #f9f2e9 inset;
    border-radius: 5px;
}
.books .right-main .tab-content dl dt a img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05)
}
.books .right-main .tab-content dl dd {
    float: left;
    margin: 3px 0 0 15px;
    width: 220px;
}
.books .right-main .tab-content dl dd .bigpic-book-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.books .right-main .tab-content dl dd p a {
    color: #999;
}

.books .right-main .tab-content dl dd .big-book-info {
    height: 54px;
    line-height: 18px;
    overflow: hidden;
}
.books .right-main .tab-content dl dd p {
    margin-top: 7px;
    color: #999;
    font-size: 12px;
}
.books .right-main .tab-content dl dd p  i {
    margin-right: 5px;
    color: #b1b1b1;
}
.red-lx{
    margin-right: 10px;
    color: #fff;
    letter-spacing: 1px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-top: 8px;
    background-color: #0fb295;
    padding: 2px 6px;
    border-radius: 2px;
}
.red-2x{
    margin-right: 10px;
    color: #ff4c2f;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-top: 8px;
    padding: 2px 6px;
    border-radius: 2px;
}
.books .right-main .tab-content dl dd p  .red-2x i {
    color: #ff4c2f;
}
.books .right-main .tab-content dl dd p .red {
    color: #ff4c2f;
    font-style: normal;
}
 
.el-pagination {
    white-space: nowrap;
    padding: 2px 5px;
    color: #303133;
    font-weight: 700;
}
.el-pagination {
    padding: 30px;
    text-align: right;
}
.el-pagination:after, .el-pagination:before {
    display: table;
    content: "";
}
.el-pagination button, .el-pagination span:not([class*=suffix]) {
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.el-pagination__total {
    margin-right: 10px;
    font-weight: 400;
    color: #606266;
}
.el-pagination button, .el-pagination span:not([class*=suffix]) {
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.el-pagination button {
    border: none;
    padding: 0 6px;
    background: 0 0;
}
.el-pagination button {
    font-size: 12px;
}
.el-pagination .btn-next, .el-pagination .btn-prev {
    background: 50% no-repeat #fff;
    background-size: 16px;
    cursor: pointer;
    margin: 0;
    color: #303133;
}
.el-pagination .btn-prev {
    padding-right: 12px;
}
.el-pagination button:disabled {
    color: #c0c4cc;
    background-color: #fff;
    cursor: not-allowed;
}
.el-pagination button:disabled {
    display: none;
}
.el-pager, .el-pager li {
    vertical-align: top;
    margin: 0;
    display: inline-block;
}
.el-pager {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    font-size: 0;
    padding: 0;
}
.el-pager li, .el-pagination__editor {
    -webkit-box-sizing: border-box;
    text-align: center;
}
.el-pager, .el-pager li {
    vertical-align: top;
    margin: 0;
    display: inline-block;
}
.el-pager li {
    padding: 0 4px;
    background: #fff;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.el-pagination .el-pager li {
    min-width: 30px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
    color: #999;
    margin-top: 4px;
    margin: 4px 6px 0px;
}
.el-pagination .el-pager li.active {
    background-color: #0fb295 !important;
    color: #fff;
}
.xiayiye{
    padding: 30px;
    text-align: center;	
}
.xiayiye a{
    min-width: 30px;
    height: 23px;
    line-height: 20px;
    border-radius: 3px;
    text-align: center;
    color: #999;
    margin-top: 4px;
    margin: 0px 3px;
    padding: 3px 10px;
}
.xiayiye a.current {
    background-color: #0fb295 !important;
    color: #fff;
}
/*小说版块*/

.container-xs {
    min-width: 1020px;
    width: 1020px;
    margin: 0 auto;
    min-height: 90vh;
    padding-top: 15px;
}
.bookyiqi {
    width: 1020px;
    margin: 0px auto;
    line-height: 1;
    height: 280px;
    background: #ffffff;
}
.kanxiaoshuo {
    clear: both;
}
.kan-diyi{
    width: 1020px;
    margin: 0px auto;
    line-height: 1;
    height: 250px;
    background: #ffffff;
    position: relative;
}
.kan-diyi .pic-img {
    border-radius: 5px;
    overflow: hidden;
    float: left;
    width: 150px;
    height: 200px;
    margin: 20px 20px 0;
    border: none;
    box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #bfece4 inset;
 
}
 
.kan-diyi .pic-img img {
    width: 100%;
    height: 100%;
}
.kan-diyi .shu-ef {
    margin: 25px 0 0 20px;
    width: 660px;
}

.kanxiaoshuo {
    clear: both;
}
.xiaoshuo-zz {
    font-size: 16px;
    color: #666;
    margin: 16px 7px 0 18px;	
}
.kan-diyi .shu-ef .title-xs .name {
    font-size: 18px;
    font-weight: bold;
}
.kan-diyi .shu-ef .title .authora {
    font-size: 16px;
    color: #666;
    margin: 16px 7px 0 18px;
}
.kan-diyi .shu-ef .title .write {
    margin-top: 16px;
    font-size: 16px;
    color: #666;
}
.kanxiaoshuo:after {
    display: block;
    clear: both;
    content: '';
}
.kan-diyi .shu-ef .kan-bankuai {
    margin-top: 10px;
}
 
.kan-diyi .shu-ef .kan-bankuai span.kan-shi {
 
}
 
.kan-diyi .shu-ef .kan-jieshao {
    color: #999;
    margin-top: 20px;
}
.kan-diyi .shu-ef .kan-jieshao i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    margin-right: 4px;
}
.kan-diyi .shu-ef .kan-jieshao span {
    display: inline-block;
    margin-right: 16px;
}
.kan-jianjie {
    margin-top: 10px;
    line-height: 20px;
    font-size: 12px;
    color: #666;
    height: 40px;
    overflow: hidden;
    text-indent: 2em;
    float: left;
    width: 655px;
    padding: 5px 5px;
    border-top: 1px solid #0fb295;
    background: #e4f9f5;
}
.kan-jianjie br {
    display:none;
}
 
.kan-diyi .shu-ef .btns {
    margin-top: 20px;
    float: left;
}
.kan-diyi .shu-ef .btns a {
    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;
    border-radius: 30px;
}
.kan-diyi .shu-ef .btns a.on {
    color: #fff;
    background-color: #ff4c2f;
    border-color: #ff4c2f;
}
.kan-diyi .shu-ef .btns a.on {
    background-color: #0fb295 !important;
 
}
.kan-diyi .shu-ef .btns a.on {
    border-color: #0fb295;
}
.btns a:hover{
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.kan-diyi .popular {
    width: 200px;
    height: 100%;
    position: relative;
}
.kan-diyi .popular .action {
    width: 183px;
    position: absolute;
    bottom: 47px;
    right: -2px;
}
.kan-diyi .popular .action .phoneread {
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAmklEQVQoz+3TMQ4BYRDF8Z/NNioiewgHcQUOoJhSolBSoNE7hTPodE7gFCQiUdJ8ks9GZHte8pLJm//MVNOKiDE2qHzXGbMC2xq8xyh5n+U9bEu0a5sGyZ/ULnHCQjMtRcShISwiDkVT+KX/wK8MlKgiYtiQr0r0scvCB1apnqNVv3D3/hNXrFM9QTfr3YoUXrKwg2NyDl8wfQKfwxprO17/7wAAAABJRU5ErkJggg==) no-repeat;
    padding-left: 20px;
    height: 20px;
    padding-top: 5px;
    margin-left: 8px;
} 
.kan-diyi .popular .action .erweima_app {
    position: absolute;
    z-index: 111111;
    top: 21px;
    left: -144px;
    width: 194px;
    height: 215px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQMAAAEfCAYAAABFxaMrAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAGx0lEQVR42u3cS4tcaR3A4V91MpowjoooEnAEQXAYL19ABhdeBnE1flG/gCvFrbNQEG+Moohi8Ma4GUnKRf8rOV2p6u70dHI6meeBw6mqU1U5tXh/eeutkxRwXb4+2wvp9tonAC+wzeL2p6sfzGN/rv61OLZd+0Qv42TtE4AX1DIEJ9UPqzvVx+f2yZHn3li31j4BeAFt9m5/q/rG4rFPzf6PR15zI5kZwNVtqtertw4ce2uO3fgI7IgBPJ3NYn+neqfD4+hkjt3Ze82NddWTu9EfCp6h5cB+p/raBc//ZfWjHi8iPq/FxKf+cy47qHfPu1W9MdsXqtey7gA3xQfVf6q/Vr+qfl09mGMXxuGiGCyPv1F9t/rM2p8YuJR/VD/uNAw7R6Nw3t/quxCcVN+uvl/dXfvTAZd2t/pq9Ur1h05DcHQCcCgGm85+L/pO9c21PxVwZV/sNAjvzf3lGH/kWAx2+zert9f+JMCH9nr19+r+sSfs/ySyDMHt6ntrfwLg2rzd6bg++FPnoUsmd1OIN6tPrn32wLV5rdM1hP2lgOr8mcEba585cO2+0gUzg/1rrTfVvbXPGrh293pyAXFTh2cGu+3Vtc8auHaf6Ow4f+S8NQP/1wG8fG71FGsGm/wDJniZnXRkZrBfiIMXJAAvjUMzg83+AqIIwEfHmXF/cuQJogAvr4Nj3NoAUJ1/0RHwcrr05cjAR8fRnxbPHAReWtYMgMPEAKjEABhiAFRiAAwxACoxAIYYAJUYAEMMgEoMgCEGQCUGwBADoBIDYIgBUIkBMMQAqMQAGGIAVGIADDEAKjEAhhgAlRgAQwyASgyAIQZAJQbAEAOgEgNgiAFQiQEwxACoxAAYYgBUYgAMMQAqMQCGGACVGABDDIBKDIAhBkAlBsAQA6ASA2CIAVCJATDEAKjEABhiAFRiAAwxACoxAIYYAJUYAEMMgEoMgCEGQCUGwBADoBIDYIgBUIkBMMQAqMQAGGIAVGIADDEAKjEAhhgAlRgAQwyASgyAIQZAJQbAEAOgEgNgiAFQiQEwxACoxAAYYgBUYgAMMQAqMQCGGACVGABDDIBKDIAhBkAlBsAQA6ASA2CIAVCJATDEAKjEABhiAFRiAAwxACoxAIYYAJUYAEMMgEoMgCEGQCUGwBADoBIDYIgBUIkBMMQAqMQAGGIAVGIADDEAKjEAhhgAlRgAQwyASgyAIQZAJQbAEAOgEgNgiAFQiQEwxACoxAAYYgBUYgAMMQAqMQCGGACVGABDDIBKDIAhBkAlBsAQA6ASA2CIAVCJATDEAKjEABhiAFRiAAwxACoxAIYYAJUYAEMMgEoMgCEGQCUGwBADoBIDYIgBUIkBMMQAqMQAGGIAVGIADDEAKjEAhhgAlRgAQwyASgyAIQZAJQbAEAOgEgNgiAFQiQEwxACoxAAYYgBUYgAMMQAqMQCGGACVGABDDIBKDIAhBkAlBsAQA6ASA2CIAVCJATDEAKjEABhiAFRiAAwxACoxAIYYAJUYAEMMgEoMgCEGQCUGwBADoBIDYIgBUIkBMMQAqMQAGGIAVGIADDEAKjEAhhgAlRgAQwyASgyAIQZAJQbAEAOgEgNgiAFQiQEwxACoxAAYYgBUYgAMMQAqMQCGGACVGABDDIBKDIAhBkAlBsAQA6ASA2CIAVCdH4MP1j454No9OHbgvBj8d+2zBq7d0XF9KAbb2d9f+6yBa/e32W/3DyxjsH/wd2ufNXDtfr93/9G4PzlyYFv9tnp/7TMHrs371W86O84fOW/N4EH1k7XPHrg2P+2cBcRb1ebIdlL9s/pYdW/tTwF8KD+v3q0eLrZti9nBLgYt9iez7aLwl+pu9fm1Pw1wJb+oftbprGAZgYdzfFunMaizQdjfqv7U6Szhc9WdtT8ZcCn/7vSr/rs9DsGxmcH2UAR2M4Nbe9tJ9Ur15epL1WerV3MVI9wUDzu9juB+9V6nvwj+bx5/sLftB2F76CvCLgjLCOxubzr7FWJpE7CG7YH7u68B2x4P/v0YnPmqcPvIm+6edCgWu/v7x564iAF4rpbjdzeGd9vB2cDyxbcXL97svdGyGu0d219TMCuAde2H4NDM4FgItvU4BssHNx0OQYtjYgA3y3kxOLRwuHxNdTYGyxDsPNz7A47FYEcU4Pk6tl6wH4Pl/syvCLsXHhq85/3MuFxALDMDuCm2B/b7g/9oCOrJrwnH3nwZg+X6gpkBrGt75P6lArB03uDdXHJ/0fsAz972wO2L9mdcNIiP/c2/ucJ7Ac/G9pzHtpd4bnX5AWzww4tje8nHzrjqgBYCuNme+iLA/wO5K9zCuva3lwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 194px 215px;
}
.yeudu-xs .work_content  {
    margin-top: 10px;
    line-height: 1;
}
.yeudu-xs .work_content .header {
    width: 1020px;
    height: 39px;
    border-bottom: 2px solid #f2f2f2;
    background: #fff;
}
.yeudu-xs .work_content .header span {
    display: inline-block;
    width: 160px;
    height: 39px;
    border-bottom: 2px solid transparent;
    text-align: center;
    line-height: 39px;
    color: #333;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
}
.yeudu-xs .work_content .header span.on {
    color: #0fb295 !important;
}
.yeudu-xs .work_content .header span.on {
    border-color: #0fb295;
}
.yeudu-xs .work_content .tabcontent-1 .column_left {
    width: 1020px;
}
.summary  {
    min-height: 50px;
    background: #fff;
    padding: 13px 20px 10px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.summary .summary1  {
    color: #333;
    line-height: 26px;
    font-size: 14px;
    word-spacing: 4px;
    letter-spacing: 1px;
    font-family: "Microsoft Yahei";
    white-space: pre-wrap;
}
.summary .summary2  {
    color: #999;
    line-height: 26px;
    font-size: 12px;
    text-indent: 2em;
    letter-spacing: 1px;
}
 
.newchapter{
    background: #fff;
    padding: 20px 20px 26px 20px;
    height: 101px;
    word-wrap: break-word;
}
.newchapter .chaptername{
    color: #666;
    font-size: 14px;
}
.newchapter .chaptername a{
    font-size: 14px;
    color: #666;
}
.newchapter .updatetime{
    font-size: 12px;
    color: #666;
}
.newchapter p{
    margin-top: 14px;
    line-height: 24px;
    font-size: 12px;
    height: 72px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.yeudu-xs .work_content .tabcontent-1 .column_right  {
    margin-top: -50px;
    width: 240px;
}
.zuozhe-k {
    background: #fff;
    padding-left: 20px;
    padding-top: 20px;
}
.zuozhe-k .avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}
.zuozhe-k .avatar img {
    width: 60px;
    height: 60px;
}
.zuozhe-k .name {
    margin-left: 13px;
}
.zuozhe-k .name .text {
    display: block;
    font-size: 14px;
    color: #333;
    margin-top: 7px;
}
.zuozhe-k .name .sign {
    width: 78px;
    height: 20px;
    background-color: #ff4c2f;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    display: block;
    border-radius: 10px;
    margin-top: 10px;
}
.zuozhe-k .name .sign {
    background-color: #0fb295 !important;
}
.zuozhe-k .line1  {
    height: 1px;
    background: #f2f2f2;
    width: 240px;
    margin-left: -20px;
}
.zuozhe-k .data{
    margin: 20px 0;
}
.zuozhe-k .data .allwork {
    text-align: center;
}
.zuozhe-k .data p {
    margin-bottom: 9px;
    color: #999;
    font-size: 12px;
}
.zuozhe-k .data span {
    color: #ff4c2f;
    font-size: 14px;
}
.zuozhe-k .data span {
    color: #0fb295 !important;
}
.zuozhe-k .data .allchar{
    width: 76px;
    margin: 0 13px;
    text-align: center;
}
.zuozhe-k .allbook {
    max-height: 240px;
    margin-right: 20px;
}
.zuozhe-k .allbook .title {
    margin-top: 19px;
    margin-bottom: 13px;
}
.zuozhe-k .allbook .title .text {
    color: #999;
}
.zuozhe-k .allbook .allbook_content {
    width: 100%;
    padding-bottom: 15px;
}
.el-carousel {
    overflow-x: hidden;
    position: relative;
}
.el-carousel__container {
    position: relative;
    height: 300px;
}
.el-carousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0;
}
.el-carousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0;
}
.el-carousel__item--card, .el-carousel__item.is-animating {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
}
.el-carousel__item.is-active {
    z-index: 2;
}
.el-carousel__item.is-animating {
    transition: transform .4s ease-in-out;
}
.zuozhe-k .allbook .allbook_content .el-carousel__item {
    text-align: center;
}
.zuozhe-k .allbook .allbook_content .el-carousel__item a {
    list-style: none;
    position: relative;
    width: 84px;
    float: left;
}
.zuozhe-k .allbook .allbook_content .el-carousel__item a img {
    width: 82px;
    height: 112px;
    border: 1px solid #ccc;
}
/*小说内容页章节*/
.zhangjie-xs{
    margin-top: 10px;
    line-height: 1;	
    width: 1020px;
}
.zhangjie-a {
    height: 39px;
    border-bottom: 2px solid #f2f2f2;
    background: #fff;
    border-left: 15px solid #0fb295;
}

/* .zhangjie-a span {
    display: inline-block;
    width: 160px;
    height: 39px;
    border-bottom: 2px solid transparent;
    text-align: center;
    line-height: 39px;
    font-size: 15px;
    color: #0fb295;
    cursor: pointer;
    font-weight: 600;
} */
.xs-zj {
display: inline-block;
    width: 120px;
    height: 39px;
    border-bottom: 2px solid transparent;
    text-align: center;
    line-height: 39px;
    font-size: 15px;
    color: #0fb295;
    cursor: pointer;
    font-weight: 600;
}
.xs-gd {
   display: inline-block;
    height: 39px;
    text-align: center;
    line-height: 39px;
    color: #999;
    float: right;
    margin-right: 20px;
    font-size: 12px;
}
.xs-gd i{
     margin-left: 5px;
}
.zhangjie-quanbu {
    background: #fff;
    padding-bottom: 20px;
}
 
.zhangjie-tuijian{
    background: #fff;
    padding: 10px 20px;	
    border-bottom: 1px solid #ccc;	
 }
 .zhangjie-js{
    background: #fff;
    padding: 20px;
    line-height: 22px;	
 }
 .zhangjie-js span{
    color: #999;
    text-align: right;
    display: inline-block;
    padding-left: 30px;
 
 }
.zhangjie-tuijian a {
    /* display: inline-block; */
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #666;
    margin-right: 20px;
    font-size: 12px;
}
.zhangjie-quanbu ul {
    display: flex; 
    flex-flow: wrap;
    align-items: center;
	padding: 0px 30px;
} 
.zhangjie-quanbu ul li {
    width: 33%;
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
}
.zhangjie-quanbu ul li a {
    color: #666;
    margin: 0px 0 0 5px;
}
.dibu{
    margin-bottom: 10px;
}
.xs-lx{
    float: left;
    margin-right: 20px;
    border: 1px solid #0fb295;
    border-radius: 2px;
 	
}

.xs-lx p {
    display: inline-block;
    letter-spacing: 2px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    border-radius: 1px;
    padding: 0 4px 0 6px;
    color: #ffffff;
    border-color: #0fb295;
    background-color: #0fb295;
}

.xs-lx span {
    display: inline-block;
    letter-spacing: 2px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    padding: 0 4px 0 6px;
    color: #0fb295;
 
}
.xinxi-xs{
    margin-top: 10px;	
}
.zx-zhangjie {
    margin-top: 5px;
    height: 20px;
    line-height: 20px;
    float: left;
    margin-right: 20px;
}
.zx-zuixinzj a span {
    display: inline-block;
    padding: 0 2px;
    text-align: center;
    vertical-align: middle;
    font-style: normal;
    color: #fff;
    overflow: hidden;
    line-height: 16px;
    height: 16px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 200;
    background-color: #f1544b;
    margin: 1px 5px 5.5px 0px;
    box-shadow: 0 2px 3px #fddae1;
}
.zx-zuozhe{
    width: 160px;		 
}
.zx-zuixinzj{
    width: 250px;		 
}
.zx-shijian{
    width: 180px;		 
}
.du-s{
     border-radius: 5px;
    margin: 10px -3px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    padding: 6px 11px;
    color: #ffffff;
    border-color: #0fb295;
    background-color: #0fb295;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
 	
}
.zx-zhangjie p{
    float: left;
    color: #999;
    margin-right: 3px;
    letter-spacing: 2px;
	font-weight: bold;
 
}
.zx-zhangjiea{
 
    margin-top: 10px;	
}
.zx-zhangjiea p{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #f99;
    border-radius: 3px;
    padding: 0px 4px;
    color: #ffffff;
    border-color: #ee4b4b;
    margin-right: 10px;
    background-color: #ff4c2f;
    -webkit-box-shadow: 1px 1px 2px #f3b4a9;
    box-shadow: 1px 1px 2px #f3b4a9;
}

.zx-zhangjiea a{
 	
}
.xs-lx .xs-l1x{
    border-color: #ff4c2f;
    background-color: #ff4c2f;	
}
.xs-l1xa {

    border: 1px solid #ff4c2f;

}



.xs-lx .xs-l1xb {
    color: #ff4c2f; 
}
/*内容详情*/
#loadingtip{
    position: absolute;
    z-index: 1;
    right: 30px;
    top: 20px;
    height: 20px;
    line-height: 20px;
    color: #333;	
}
#loadingtip i{
    margin-right: 5px;
    color: #0fb295;
}
.title-xs{
    /* border-bottom: 1px solid #ccc; */
    padding-bottom: 5px;
} 
 
.blue {
    color: #b1b1b1;
}
.take-wrap {
 
    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 15px;
    height: 20px;
}
.take-wrap a {
  font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun
}
.take-wrap a em {
       margin-right: 5px;
}
.take-wrap a.download {
  position: relative;
  z-index: 1
}
.take-wrap p {
    font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
    float: left;
}
.take-wrap P em {
       margin-right: 5px;
}
.zhangjie-quanbu ul li i{
     margin-right: 5px;
    color: #ff4c2f;
	    font-size: 15px;
}
.take-wrap P.download {
  position: relative;
  z-index: 1
}
.take-wrap i {
    font-size: 12px;
    height: 20px;
    margin: 0 10px;
    border-right: 1px solid #e6e6e6;
}
.take-wrap .iconfont {
  font-size: 14px;
  display: inline-block;
  min-width: 14px;
  margin-right: 3px
}
.take-wrap .qr-btn {
  position: relative;
  z-index: 1
}
.take-wrap .qr-btn:hover .drop-down {
  display: block
}
.take-wrap .qr-btn .drop-down {
  position: absolute;
  z-index: 1;
  top: 30px;
  right: -40px;
   display: none; 
  width: 188px;
  height: 168px;
  padding: 20px;
  animation: .15s ease-out;
  animation-name: fadeinT;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.take-wrap .qr-btn .drop-down h3 {
  text-align: center;
  color: #1a1a1a
}
.take-wrap .qr-btn .drop-down img {
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto 10px
}
.take-wrap .qr-btn .drop-down cite {
  position: absolute;
  bottom: 100%;
  left: 68%;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-top: 0 none;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e5e5e5;
  border-left: 8px solid transparent
}
.take-wrap .qr-btn .drop-down cite i {
  position: absolute;
  top: 1px;
  right: -28px;
  width: 0;
  height: 0;
  border-top: 0 none;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent
}
.xs-lxa {
    float: left;
    margin-right: 20px;
    border: 1px solid #0fb295;
    border-radius: 2px;
}
.xs-lxa p {
    display: inline-block;
    letter-spacing: 2px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    border-radius: 1px;
    padding: 0 4px 0 6px;
    color: #ffffff;
    border-color: #0fb295;
    background-color: #0fb295;
}
.xs-lxa span {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    padding: 0 8px 0 6px;
    color: #0fb295;
}
.zx-xinxi{
    overflow: hidden;
    margin-top: 10px;
}
/*广告*/
.guanggao-xs{
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 1020px;
    height: 88px;
    margin: 0 auto;
    margin-bottom: 10px;	
}
.guanggao-xs a {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 1020px;
    height: 85px;
}
.guanggao-xs img {
    display: block;
    width: 1020px;
    height: 85px;
}
.xs-tag {
    position: absolute;
    z-index: 5;
    right: 4px;
    bottom: 4px;
    width: 24px;
    height: 14px;
    background: url(../img/op_tag.e4c83.png) no-repeat;
}
.rank-tag {
    font: 16px/22px FZZCYSK;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    min-width: 14px;
    height: 22px;
    padding: 0 4px;
    text-align: center;
    color: #fff;
    line-height: 24px;
    background: #bf2c24;
}
.rank-tag cite {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    display: none;
    width: 0;
    height: 0;
    border-top: 10px solid #bf2c24;
    border-right: 16px solid transparent;
    border-bottom: 0 none;
    border-left: 0px solid transparent;
    display: block;
}
.books .right-main .tab-content dl dt a   {
    width: 100%;
    height: 100%;
    overflow: hidden;
 
}
.pai-xs{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #999;
    text-align: center;
    font-size: 12px;
    display: inline-block;
    margin-right: 5px;
}
/*搜索页*/
.searchResult {
    padding: 0;
    background: transparent;
    overflow: hidden;
    margin-bottom: 10px;
    min-height: 100vh;
}
.searchResult  .right-cont-box  {
    position: relative;
    width: 1020px;
    background: #fff;
    min-height: 600px;
}
.searchResult .right-cont-box .comment-r-menu {
    padding-left: 20px;
    height: 49px;
    line-height: 49px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 0;
}
.searchResult .right-cont-box .comment-r-menu .clrbtn{
    width: 600px;
    float: left;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
}
.searchResult .right-cont-box .comment-r-menu .clrbtn  font{
     color: #ff4c2f;
}
.searchResult .right-cont-box .comment-r-menu .tag-search{
    width: auto;
    right: 30px;
    position: absolute;
    top: 12px;
}
.searchResult .right-cont-box .comment-r-menu .tag-search .sresult{
    margin-left: 30px;
    font-size: 12px;
    float: left;
    height: 25px;
    line-height: 25px;
    color: #999;
}
.searchResult  .right-cont-box .rankdatacont  {
    overflow: hidden;
    margin: 5px 25px 0;
}
.rankdatacont dl {
    width: 100%;
    position: relative;
    float: left;
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}
.rankdatacont dl dt {
    width: 103px;
    float: left;
    height: 138px;
}
.rankdatacont dl dt a {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.rankdatacont dl dt a img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -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;
    box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #f9f2e9 inset;
    border-radius: 5px;
}
.rankdatacont dl dd {
    float: left;
    margin: 10px 0 0 30px;
    width: 580px;
}
.rankdatacont dl dd .bigpic-book-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
 
.rankdatacont dl dd p i {
    margin-right: 5px;
    color: #b1b1b1;
}
.rankdatacont dl dd p {
    margin-top: 7px;
    color: #999;
    font-size: 12px;
}
.rankdatacont dl dd p .red-2x i {
    color: #ff4c2f;
    margin-right: 5px;
}
 
.rankdatacont dl dd .big-book-info {
    height: 54px;
    line-height: 18px;
    overflow: hidden;
}
.rankdatacont .bigbtn  {
    position: absolute;
    right: 0;
    top: 60px;
}
.rankdatacont .bigbtn .detailbtn  {
    display: block;
    width: 100px;
    height: 28px;
    line-height: 28px;
    background-color: #0fb295;
    font-size: 13px;
    color: #fff;
    margin: 10px auto;
    border-radius: 3px;
    text-align: center;
    letter-spacing: 1.5px;
}
.red-lxa {
    margin-right: 10px;
    color: #ffffff;
    letter-spacing: 1px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-top: 8px;
    background-color: #ff4c2f;
    padding: 2px 6px;
    border-radius: 2px;
}

/*书架*/
.novelslist2{float:left;/* margin:0 15px 15px 0; *//* padding:15px 15px; */width: 1020px;border-radius:6px;background:#fff;}
.novelslist2 h2{overflow:hidden;margin:0;padding:0 0 0 10px;height:30px;border-bottom:1px solid #313030;font-weight:700;font-size:14px;line-height:30px;}
.novelslist2 ul{padding: 5px 30px;}
.novelslist2 li{overflow:hidden;height: 39px;border-bottom:solid 1px #ddd;line-height: 39px;}
.novelslist2 li span{float:left;display:inline-block;}
.novelslist2 li .s1{overflow:hidden;width:12%;/* text-align:center; */}
.novelslist2 li .s2{overflow:hidden;width:20%;}
.novelslist2 li .s3{overflow:hidden;width:33%;}
.novelslist2 li .s4{overflow:hidden;width:15%;}
.novelslist2 li .s5{overflow:hidden;width:10%;color:red;}
 
.novelslist2 li a{color:#6f78a7;}

.lujing{
    width: 1020px;
    margin: 0 auto;
    color: #333;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.lujing a{
	
font-size: 12px;
	
color: #333;
}

.txt-xs{
	    padding-bottom: 0px;
}
 
/*搜索*/

.so-book{
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 50px 0px 30px 0px;
}
.so-book .search_form {
    border: 1px solid #f5f5f5;
    border-radius: 23px;
    margin-top: 20px;
}
.so-book .search_form .text {
    width: 320px;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    padding: 0 11px 0 19px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    height: 38px;
    float: left;
}
.so-book  .search_form .submit {
    position: absolute;
    width: 70px;
    height: 38px;
    opacity: 0;
    z-index: 100;
    filter: alpha(opacity=0);
}
.so-book  .search_form .searchBtn {
    background: #20b296;
    width: 70px;
    border: 1px solid #20b296;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    cursor: pointer;
    height: 38px;
    float: left;
}
.so-book .search_form .searchBtn em {
    display: block;
    background: url(../img/indexIcon.png) 0 -410px no-repeat;
    width: 26px;
    height: 26px;
    margin: 8px auto auto;
}
 /* 浮动导航 */
.fu-book{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    z-index: 1113;
    display: none;
}
.fu-book{
    background-color: #0fb295;
}
.fu-book .wrap1200{
    width: 1020px;
    margin: 0 auto;
    overflow: hidden;
}
.fu-book .wrap1200 .fu-book-l li{
    position: relative;
    float: left;
    margin-right: 37px;
}
.fu-book a{
    color: #fff;
}
.fu-book .wrap1200 .fu-book-l li:first-child a{
    font-size: 18px;
}
.fu-book .wrap1200 .fu-book-l li{
    position: relative;
    float: left;
    margin-right: 37px;
}
.fu-book .wrap1200 .fu-book-l li a{
    font-size: 14px;
}
.fu-book .wrap1200 .fu-book-r{
    position: relative;
    width: 490px;
}
.fu-book .wrap1200 .fu-book-r .fu-book-user{
    left: 280px;
    top: 0;
    position: absolute;
    width: 140px;
    text-align: center;
}

.fu-book .wrap1200 .fu-book-r .lateread{
    position: relative;
}
.searchbox{
    width: 247px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    top: 0;
    right: 150px;
    position: absolute;
}
.fu-book .wrap1200 .fu-book-r .searchbox{
    right: 242px;
}
.searchbox .searchbox-inner{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}
.searchbox .searchbox-inner .searchinput{
    border: 0;
    padding: 0 2px 0 28px;
    font-size: 12px;
    width: 217px;
    height: 30px;
    line-height: 30px;
    margin-top: 0;
    display: block;
    background: #faf9f4;
    border-radius: 16px;
}
.searchbox .searchbox-inner .searchbtn{
    display: block;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 1px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.searchbox .searchbox-inner .searchbtn{
    background-color: #0fb295;
}
.searchbox .searchbox-inner .search-icon{
    position: absolute;
    right: 4px;
    top: 5px;
    z-index: 2;
    pointer-events: none;
    background-image: url(../img/cai.png);
    background-position: -451px -24px;
    width: 20px;
    height: 21px;
}